@charset "utf-8";
/* CSS Document */


/* ホットについて */
@media screen and (min-width: 641px) {
#about_sp{display: none;}

#about_pc{width: 1300px; margin: 160px auto 0 auto;}
#about_pc h1{text-align: center; margin: 40px 0;}

#about01_l{height: 120px; margin-top: -120px;}
#about02_l{height: 60px; margin-top: -60px;}
#about01{padding: 80px 0;}
#about02{padding: 80px 0 160px 0;}
#about01 > section, #about02 > section{margin: 0 auto; width: 960px;}

#about_pc h2{color: #333; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 27px; text-align: center;}
#about01 p, #about02 p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; font-weight: 500; line-height: 190%; margin-top: 50px;}
#about02 p span{display: block; font-size: 20px; line-height: 190%;}
.about02_p02{margin-left: 780px;}
}


@media screen and (max-width: 640px) {
#about_pc{display: none;}

#about_sp{width: 100%; margin-top: 120px;}
#about_sp h1{text-align: center; margin: 40px 0;}

#about01_lsp, #about02_lsp{height: 100px; margin-top: -100px;}
#about01_sp{padding: 50px 0 30px 0;}
#about02_sp{padding: 50px 0 80px 0;}
#about01_sp > section, #about02_sp > section{margin: 0 auto; width: 90%;}

#about_sp h2{color: #333; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 21px; text-align: center;}
#about01_sp p, #about02_sp p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 160%; margin-top: 30px;}
#about02_sp p span{display: block; font-size: 17px; line-height: 190%;}
.about02_p02{float: right; margin-top: 15px!important;}
}





/* 事業内容 */
@media screen and (min-width: 641px) {
#business_sp{display: none;}

#business_pc{width: 100%; margin-top: 160px;}
.business_pc{width: 1300px; margin: 0 auto;}
#business_pc h1{text-align: center; margin: 40px 0;}
.b_menu{width: 682px; height: 35px; margin: 0 auto 40px auto;}
.b_menu li{float: left; height: 35px;}
.b_menu li a{display: block; height: 35px; text-indent: -9999px;}

.b_menu01, .b_menu01 a{width: 288px;}
.b_menu01 a{background: url("../images/business_menu.gif") 0 0 no-repeat;}
.b_menu01 a:hover, .b_menu01 .active{background: url("../images/business_menu.gif") 0 -35px no-repeat;}
.b_menu02, .b_menu02 a{width: 267px;}
.b_menu02 a{background: url("../images/business_menu.gif") -288px 0 no-repeat;}
.b_menu02 a:hover, .b_menu02 .active{background: url("../images/business_menu.gif") -288px -35px no-repeat;}
.b_menu03, .b_menu03 a{width: 127px;}
.b_menu03 a{background: url("../images/business_menu.gif") -555px 0 no-repeat;}
.b_menu03 a:hover, .b_menu03 .active{background: url("../images/business_menu.gif") -555px -35px no-repeat;}

#business01_l, #business02_l, #business03_l{height: 120px; margin-top: -120px;}
#business01, #business02{padding: 80px 0 160px 0;}
#business01 > section, #business02 > section{margin: 0 auto; width: 960px;}

#business_pc h2{color: #333; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 27px; text-align: center;}
#business01 p, #business02 p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; font-weight: 500; line-height: 190%; margin-top: 50px;}

#business03{padding: 20px 0 160px 0;}
#business03 h2{margin-top: 60px;}
.business03_txt01{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; font-weight: 500; margin: 25px 0 160px 0; text-align: center;}
.business03_txt01 img{margin-top: 50px;}

#business03 .section{background-color: #e6e1d6; border-radius: 10px; padding: 55px 110px; margin: 120px auto 0 auto; width: 870px;}
.business03_txt02{color: #333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 30px; line-height: 76px;}
.business03_txt02 span{background-color: #08090e; color: #fff; padding: 14px;}
.business03_txt03{color: #555; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; font-weight: 500; line-height: 160%; margin-top: 17px;}
.business03_txt04{background-color: #333; color: #fff; display: block; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 17px; padding: 15px 0; margin-top: 17px; text-align: center; text-decoration: none; width: 205px;}
.business03_txt04:hover{opacity: 0.6;}
}


@media screen and (max-width: 640px) {
#business_pc{display: none;}

#business_sp{width: 100%; margin-top: 120px;}
#business_sp h1{text-align: center; margin: 40px 0;}
.b_menu{width: 280px; height: 34px; margin: 0 auto 40px auto;}
.b_menu li{float: left; height: 34px;}
.b_menu li a{display: block; height: 34px; text-indent: -9999px;}

.b_menu01, .b_menu01 a{width: 110px;}
.b_menu01 a{background: url("../images/business_menu_s.gif") 0 0 no-repeat;}
.b_menu02, .b_menu02 a{width: 98px;}
.b_menu02 a{background: url("../images/business_menu_s.gif") -110px 0 no-repeat;}
.b_menu03, .b_menu03 a{width: 72px;}
.b_menu03 a{background: url("../images/business_menu_s.gif") -208px 0 no-repeat;}

#business01_lsp, #business02_lsp, #business03_lsp{height: 100px; margin-top: -100px;}
#business01_sp, #business02_sp{padding: 50px 0 80px 0;}
#business01_sp > section, #business02_sp > section{margin: 0 auto; width: 90%;}

#business_sp h2{color: #333; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 21px; text-align: center;}
#business01_sp p, #business02_sp p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 160%; margin-top: 30px;}

#business03_sp{padding: 30px 0 80px 0;}
#business03_sp h2{margin-top: 30px;}
.business03_txt01{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 140%; margin: 15px auto 30px auto; width: 90%; text-align: center;}
.business03_txt01 img{margin-top: 30px;}

#business03_sp .section{background-color: #e6e1d6; border-radius: 10px; padding: 20px 5%; margin: 50px auto 0 auto; width: 84%;}
.business03_txt02{color: #333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 21px; line-height: 56px;}
.business03_txt02 span{background-color: #08090e; color: #fff; padding: 8px;}
.business03_txt03{color: #555; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 150%; margin-top: 10px;}
.business03_txt04{background-color: #333; color: #fff; display: block; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 16px; padding: 12px 0; margin-top: 15px; text-align: center; text-decoration: none; width: 65%;}
}





/* 会社案内 */
@media screen and (min-width: 641px) {
#company_sp{display: none;}

#company_pc{width: 1300px; margin: 160px auto 0 auto;}
#company_pc h1{text-align: center; margin: 40px 0;}

.c_menu{width: 712px; height: 35px; margin: 0 auto 40px auto;}
.c_menu li{float: left; height: 35px;}
.c_menu li a{display: block; height: 35px; text-indent: -9999px;}
.c_menu01, .c_menu01 a{width: 237px;}
.c_menu01 a{background: url("../images/company_menu_2.gif") 0 0 no-repeat;}
.c_menu01 a:hover, .c_menu01 .active{background: url("../images/company_menu_2.gif") 0 -35px no-repeat;}
.c_menu02, .c_menu02 a{width: 238px;}
.c_menu02 a{background: url("../images/company_menu_2.gif") -237px 0 no-repeat;}
.c_menu02 a:hover, .c_menu02 .active{background: url("../images/company_menu_2.gif") -237px -35px no-repeat;}
.c_menu03, .c_menu03 a{width: 237px;}
.c_menu03 a{background: url("../images/company_menu_2.gif") -475px 0 no-repeat;}
.c_menu03 a:hover, .c_menu03 .active{background: url("../images/company_menu_2.gif") -475px -35px no-repeat;}

#company01_l{height: 120px; margin-top: -120px;}
#company02_l{height: 60px; margin-top: -60px;}
#company03_l{height: 60px; margin-top: -60px;}
#company01{padding-top: 100px;}
#company02{padding: 160px 0 0 0;}
#company03{padding: 160px 0 40px 0;}

#company_pc h2{color: #000; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 22px; text-align: center;}
#company01 table{border-top: 1px solid #ccc; margin: 80px auto 0 auto; width: 930px;}
#company01 td{border-bottom: 1px solid #ccc; color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 160%; padding: 25px 0 25px 40px;}
#company02 img{margin: 80px 0 0 260px;}
.company03_txt01, .company03_td02{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; line-height: 200%; letter-spacing: -1px;}
.company03_txt01{width: 900px; margin: 80px auto 120px auto;}
#company03 table{width: 1020px; margin: 0 auto;}
#company03 table td{vertical-align: top; padding-bottom: 100px;}
.company03_td01 p{border-top: 1px solid #000; margin-top: 10px; width: 50px;}
.company03_td02 h3{font-size: 22px; letter-spacing: 0; margin-bottom: 18px;}
.company03_td02 p{text-align: center; margin-top: 60px;}
}


@media screen and (max-width: 640px) {
#company_pc{display: none;}

#company_sp{width: 100%; margin-top: 120px;}
#company_sp h1{text-align: center; margin: 40px 0;}

.c_menu{width: 316px; height: 34px; margin: 0 auto 40px auto;}
.c_menu li{float: left; height: 34px;}
.c_menu li a{display: block; height: 34px; text-indent: -9999px;}
.c_menu01, .c_menu01 a{width: 115px;}
.c_menu01 a{background: url("../images/company_menu_s2.gif") 0 0 no-repeat;}
.c_menu02, .c_menu02 a{width: 86px;}
.c_menu02 a{background: url("../images/company_menu_s2.gif") -115px 0 no-repeat;}
.c_menu03, .c_menu03 a{width: 115px;}
.c_menu03 a{background: url("../images/company_menu_s2.gif") -201px 0 no-repeat;}

#company01_lsp, #company02_lsp, #company03_lsp{height: 100px; margin-top: -100px;}
#company01_sp{padding-top: 70px;}
#company02_sp{padding: 80px 0 0 0;}
#company03_sp{padding: 80px 0 20px 0;}

#company_sp h2{color: #000; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 20px; text-align: center;}
#company01_sp table{border-top: 1px solid #ccc; margin: 30px auto 0 auto; width: 90%;}
#company01_sp td{border-bottom: 1px solid #ccc; color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 13px; font-weight: 500; line-height: 160%; padding: 12px 0 12px 18px;}
#company02_sp img{margin: 30px 0 0 10%; width: 80%;}
.company03_txt01, .company03_td02{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 13px; line-height: 180%;}
.company03_txt01{width: 90%; margin: 40px auto 60px auto;}
#company03_sp table{width: 90%; margin: 0 auto;}
#company03_sp table td{vertical-align: top; padding-bottom: 60px;}
.company03_td01 p{border-top: 1px solid #000; margin-top: 10px; width: 30px;}
.company03_td02 h3{font-size: 20px; letter-spacing: 0; margin-bottom: 10px;}
.company03_td02 p{margin-top: 30px;}
}




/* 採用情報 */
@media screen and (min-width: 641px) {
#recruit_sp{display: none;}

#recruit_pc{width: 1300px; margin: 160px auto 0 auto;}
#recruit_pc h1{text-align: center; margin: 40px 0;}

.r_menu{width: 476px; height: 35px; margin: 0 auto 40px auto;}
.r_menu li{float: left; height: 35px;}
.r_menu li a{display: block; height: 35px; text-indent: -9999px;}
.r_menu01, .r_menu01 a{width: 238px;}
.r_menu01 a{background: url("../images/recruit_menu.gif") 0 0 no-repeat;}
.r_menu01 a:hover, .r_menu01 .active{background: url("../images/recruit_menu.gif") 0 -35px no-repeat;}
.r_menu02, .r_menu02 a{width: 238px;}
.r_menu02 a{background: url("../images/recruit_menu.gif") -238px 0 no-repeat;}
.r_menu02 a:hover, .r_menu02 .active{background: url("../images/recruit_menu.gif") -238px -35px no-repeat;}

#recruit01_l{height: 120px; margin-top: -120px;}
#recruit02_l{height: 60px; margin-top: -60px;}
#recruit01 > section, #recruit02 > section{margin: 0 auto; width: 960px;}
#recruit01{padding-top: 100px;}
#recruit02{padding: 160px 0;}

#recruit_pc h2{color: #333; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 27px; text-align: center;}
#recruit01 p, #recruit02 p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; font-weight: 500; line-height: 190%; margin-top: 50px;}
#recruit01 table{border-top: 1px solid #ccc; margin: 120px auto 0 auto; width: 930px;}
#recruit01 td{border-bottom: 1px solid #ccc; color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 160%; padding: 25px 40px; vertical-align: top;}
#recruit01 td span{display: block; line-height: 160%; padding-bottom: 8px;}
#recruit02 p{text-align: center;}
}


@media screen and (max-width: 640px) {
#recruit_pc{display: none;}

#recruit_sp{width: 100%; margin-top: 120px;}
#recruit_sp h1{text-align: center; margin: 40px 0;}

.r_menu{width: 231px; height: 34px; margin: 0 auto 40px auto;}
.r_menu li{float: left; height: 34px;}
.r_menu li a{display: block; height: 34px; text-indent: -9999px;}
.r_menu01, .r_menu01 a{width: 115px;}
.r_menu01 a{background: url("../images/recruit_menu_s.gif") 0 0 no-repeat;}
.r_menu02, .r_menu02 a{width: 116px;}
.r_menu02 a{background: url("../images/recruit_menu_s.gif") -115px 0 no-repeat;}

#recruit01_lsp, #recruit02_lsp{height: 100px; margin-top: -100px;}
#recruit01_sp{padding-top: 70px;}
#recruit02_sp{padding: 80px 0 60px 0;}
#recruit01_sp > section, #recruit02_sp > section{margin: 0 auto; width: 90%;}

#recruit_sp h2{color: #000; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 20px; text-align: center;}
#recruit_sp p, #recruit_sp p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 160%; margin-top: 30px;}
#recruit01_sp table{border-top: 1px solid #ccc; margin: 30px auto 0 auto;}
#recruit01_sp td{border-bottom: 1px solid #ccc; color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 13px; font-weight: 500; line-height: 160%; padding: 12px 18px; vertical-align: top;}
#recruit01_sp td span{display: block; line-height: 160%; padding-bottom: 8px;}
#recruit02_sp p{text-align: center;}
}





/* お問い合わせ */
@media screen and (min-width: 641px) {
#contact_sp{display: none;}

#contact_pc{width: 1300px; margin: 160px auto 0 auto;}
#contact_pc h1{text-align: center; margin: 40px 0;}

#contact01_l{height: 120px; margin-top: -120px;}
#contact01 > section{margin: 0 auto; width: 1131px;}
#contact01{padding-top: 100px;}

#contact01 p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; font-weight: 500; line-height: 190%; text-align: center;}
#contact01 table{margin: 120px auto 160px auto; width: 1131px;}
#contact01 td{vertical-align: top;}
.contact_td01{border-right: 1px solid #ccc; padding: 25px 0; width: 600px;}
.contact_td02{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 16px; font-weight: 500; padding: 25px 0 25px 80px; width: 450px;}
}


@media screen and (max-width: 640px) {
#contact_pc{display: none;}

#contact_sp{width: 100%; margin-top: 120px;}
#contact_sp h1{text-align: center; margin: 40px 0;}

#contact01_lsp{height: 100px; margin-top: -100px;}
#contact01_sp{padding-top: 70px;}
#contact01_sp > section{margin: 0 auto; width: 90%;}

#contact01_sp p{color: #444; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; font-weight: 500; line-height: 160%;}
#contact01_sp table{margin: 40px auto 60px auto; width: 100%;}
#contact01_sp td{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 22px; font-weight: 500; vertical-align: middle;}
.contact_td01{padding-bottom: 20px;}
.contact_td02{border-top: 1px solid #ccc; padding-top: 20px;}
.contact_td01 a, .contact_td03{color: #000;}
.contact_td04{color: #444; font-size: 14px!important; line-height: 140%; padding-top: 10px;}
}





/* プライバシーポリシー */
@media screen and (min-width: 641px) {
#privacy_sp{display: none;}

#privacy_pc{width: 1300px; margin: 160px auto;}
#privacy_pc h1{text-align: center; margin: 40px 0 80px 0;}
.privacy_txt{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin: 0 auto; width: 960px;}
#privacy_pc h2{background-color: #e6e1d6; font-size: 18px; padding: 8px 20px; margin: 60px 0 10px 0;}
#privacy_pc p{color: #333; font-size: 16px; line-height: 160%; padding: 0 20px;}
.privacy_txttop{padding: 0!important; text-align: center;}
#privacy_pc p span{display: block; line-height: 160%; padding-top: 10px;}
#privacy_pc p a{color: #333;}
#privacy_pc p a:hover{color: #999;}
.privacy_date{padding: 0!important; margin-top: 60px; text-align: right;}
}


@media screen and (max-width: 640px) {
#privacy_pc{display: none;}

#privacy_sp{width: 100%; margin: 120px 0 60px 0;}
#privacy_sp h1{text-align: center; margin: 40px 0;}

.privacy_txt{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin: 0 auto; width: 90%;}
#privacy_sp h2{background-color: #e6e1d6; font-size: 15px; padding: 8px 15px; margin: 40px 0 10px 0;}
#privacy_sp p{color: #333; font-size: 13px; line-height: 160%; padding: 0 15px;}
.privacy_txttop{padding: 0!important;}
#privacy_sp table{margin: 10px 15px 0 15px;}
#privacy_sp td{font-size: 13px; line-height: 160%; vertical-align: top;}
#privacy_sp p a{color: #333;}
.privacy_date{padding: 0!important; margin-top: 40px; text-align: right;}
}