@charset "UTF-8";

/*-------------------------
__voice_style
-------------------------*/

#contents{text-align:left;padding-bottom:80px;}
#main_image{width:100%;}

#content #contents_box .contents_inner .main_img{display:block;max-width:1000px;margin:auto;position:relative;}
#content #contents_box .contents_inner .main_img .main_ttl{position:absolute;left:50px;top:30px;font-size:2.8em;line-height:1.4;color:#fff;text-shadow: 0 0 5px #150, 0 0 5px #150;}
#content #contents_box .contents_inner .main_img .main_ttl .en{font-size:1.2em;line-height:2;}
#content #contents_box .contents_inner .main_text_wrap{padding:100px 20px 0;margin:0 auto;text-align:center;}
#content #contents_box .contents_inner .main_text_wrap .main_text{font-size:24px;color:#000;margin-bottom:20px;line-height:1.4;}
#content #contents_box .contents_inner .main_img img{width:100%;height:auto;}
#content #contents_box .contents_inner .text{font-size:1.4em;color:#000;line-height:2;letter-spacing:0.04em;text-align:left;}
#content #contents_box .contents_inner .main_image_wrap{margin:100px 0;}
#content #contents_box .contents_inner .main_image_pic{position:relative;width:100%;margin:20px 0 20px;}
#content #contents_box .contents_inner .main_image_pic img {width: 40%;height: auto;margin: 0 auto 0 20%;}
#content #contents_box .contents_inner .main_image_pic:nth-child(2n) img {width: 40%;height: auto;margin: 0 20% 0 auto;display: block;}


#content #contents_box .contents_inner .main_image_pic .box01{width:390px;position:absolute;right:calc((100% - 1000px)/2);top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.9);box-sizing:border-box;padding:20px;}
#content #contents_box .contents_inner .main_image_pic .box02{width:390px;position:absolute;left:calc((100% - 1000px)/2);top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.9);box-sizing:border-box;padding:20px;}
#content #contents_box .contents_inner .main_image_pic .title{display:flex;margin-bottom:30px;align-items:center;}
#content #contents_box .contents_inner .main_image_pic .title .num{font-size:35px;line-height:1.5;}
#content #contents_box .contents_inner .main_image_pic .title .num img {width: 40px;height: auto;margin: auto;padding: inherit;vertical-align: middle;}
#content #contents_box .contents_inner .main_image_pic .title .title_r{font-size:20px;letter-spacing:0.1em;font-weight:700;line-height:1.6;border-left:1px solid #322b29;margin-left:20px;text-align:left;padding: 10px 0 10px 20px;}
#content #contents_box .contents_inner .main_image_pic .title .title_r .en {line-height: 1;}
#content #contents_box .contents_inner .main_image_pic .title .title_r .en img {height: 20px;width: auto;margin: inherit;display: inline-block;margin: 0 0 10px;}
#content #contents_box .contents_inner .main_image_pic .text{font-size:14px;line-height:2;}
#content #contents_box .contents_inner .inner{max-width:940px;padding:0 20px;box-sizing:border-box;margin:auto;}
.pc_none{display: none;}

@media screen and (max-width:1000px) {
#content #contents_box .contents_inner .main_img{display:block;max-width:1000px;margin:auto;position:relative;}
#content #contents_box .contents_inner .main_text_wrap{padding:80px 20px 0;margin:0 auto;text-align:center;}
#content #contents_box .contents_inner .main_text_wrap .main_text{font-size:24px;color:#000;margin-bottom:20px;line-height:1.4;}

#content #contents_box .contents_inner .main_image_pic .box01{right:20px;}
#content #contents_box .contents_inner .main_image_pic .box02{left:20px;}


#content #contents_box .contents_inner .main_image_pic img {width: 60%;height: auto;margin: 0 auto 0 5%;}
#content #contents_box .contents_inner .main_image_pic:nth-child(2n) img {width: 60%;height: auto;margin: 0 5% 0 auto;display: block;}


}
@media screen and (max-width:767px) {
.pc_none{display:block;}

#content #contents_box .contents_inner .main_img{display:block;max-width:1000px;margin:auto;position:relative;height: 60vw;overflow: hidden;}
#content #contents_box .contents_inner .main_img .main_ttl{left:20px;top:12px;font-size:2em;}
#content #contents_box .contents_inner .main_text_wrap{padding:20px 20px 0;}
#content #contents_box .contents_inner .main_text_wrap .main_text{line-height:1.6;margin-bottom:20px;font-size:16px;text-align:left;}
#content #contents_box .contents_inner .main_img img{min-width:100%;min-height:100%;width:100%;height: auto; margin: auto;object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);

}
#content #contents_box .contents_inner .main_image_pic:nth-child(2n) img {width: 100%;height: auto;margin: auto;display: block;}

#content #contents_box .contents_inner .main_image_wrap{margin:10vw 5vw;}
#content #contents_box .contents_inner .main_image_pic{position:static;height:auto;width:100%;margin:0;}
#content #contents_box .contents_inner .main_image_pic img {width: 100%;height: auto;margin: 0;}

#content #contents_box .contents_inner .main_image_pic::before{position:static;width:100%;height:220px; display:block;}
#content #contents_box .contents_inner .main_image_pic .box01{width:100%;position:static;transform:translateY(0%);padding:5vw 0;}
#content #contents_box .contents_inner .main_image_pic .box02{width:100%;position:static;transform:translateY(0%);padding:5vw 0;}
#content #contents_box .contents_inner .main_image_pic .title{margin-bottom:15px;}
#content #contents_box .contents_inner .main_image_pic .title .num{font-size:25px;}
#content #contents_box .contents_inner .main_image_pic .title .title_r{font-size:16px;}
#content #contents_box .contents_inner .main_image_pic .text{line-height:1.5;}
#content #contents_box .contents_inner .main_image_pic .text br{display:none;}
#content #contents_box .contents_inner .inner{padding:0;}
}
@media screen and (max-width:374px) {
#content #contents_box .contents_inner .main_img .main_ttl{font-size:1.6em;}
}

#sec_box1{padding-bottom: 100px;}
#sec_box1 .main_box{}

#sec_box1 .main_box .main_com{ max-width: 1100px; padding: 100px 50px 0; box-sizing: border-box; margin: 0 auto;}
#sec_box1 .main_box .main_com .s_title{ font-size: 2.4em; color: #000; margin-bottom: 20px; letter-spacing: 4px;}
#sec_box1 .main_box .main_com h2{ font-size: 2.5em; color: #000; margin-bottom: 40px;}
#sec_box1 .main_box .main_com p.basic_text{ font-size: 1.4em; letter-spacing: 0.04em; line-height: 1.8; color: #000; margin-bottom: 50px;}
#sec_box1 .sec_title{max-width:1100px;padding:0 50px 20px;box-sizing:border-box;margin:0 auto;}
#sec_box1 .sec_title .s_title{ font-size: 2.4em; color: #000; margin-bottom: 20px; letter-spacing: 4px;text-align:center; line-height:1.4;}
#sec_box1 .lib_pic{ max-width: 1100px; padding: 0 50px; box-sizing: border-box; height: auto; overflow: hidden; margin: 0 auto 60px;}

#sec_box1 .lib_pic .plan_mv {position: relative;}
#sec_box1 .lib_pic .plan_mv img{ width: 100%; height: auto; object-fit: cover;}

#sec_box1 .lib_pic .plan_mv .caption {position: absolute;right: 1vh;bottom: 1vh;color: #fff;padding: 0 2px;display: inline-block;}
#sec_box1 .lib_pic .plan_mv .caption p {font-size: 12px;line-height: 2;}



#sec_box1 .sub_pic{ max-width: 1100px; padding: 0 50px; box-sizing: border-box; margin: 0 auto; display: flex; justify-content: space-between;}
#sec_box1 .img{max-width:1100px;padding:0 50px;box-sizing:border-box;overflow:hidden;margin:0 auto 60px;}
#sec_box1 .img img{width:100%;height:auto;}



@media screen and (max-width:960px) {
#contents{ padding-bottom:110px;}
#sec_box1{ padding-bottom: 50px;}
#sec_box1 .lib_pic{ height: 380px; margin: 0 auto; padding: 0 50px;}
#sec_box1 .lib_pic img{ height: 380px;}
}

@media screen and (max-width:767px) {
#contents{ padding-bottom:60px;}
#sec_box1{ padding-bottom: 15px;}
#sec_box1 .main_box .main_com{ padding: 20px 20px 0;}
#sec_box1 .main_box .main_com .s_title{ font-size: 2em; height: 15px; margin-bottom: 20px;}
#sec_box1 .main_box .main_com h2{ font-size: 2.2em; line-height: 1.4; margin-bottom: 20px;}
#sec_box1 .main_box .main_com p.basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 30px;}
#sec_box1 .sec_title{padding:0 50px 10px;}
#sec_box1 .sec_title .s_title{ font-size: 2em;margin-bottom:0;}
#sec_box1 .lib_pic{ height: inherit;  padding: 0 5vw;}



#sec_box1 .lib_pic .plan_mv {position: relative;}
#sec_box1 .lib_pic .plan_mv img{ width: 100%; height: auto; object-fit: cover;}
#sec_box1 .lib_pic .plan_mv .caption {position: absolute;right: 1vh;bottom: 1vh;color: #fff;padding: 0 2px;display: inline-block;}
#sec_box1 .lib_pic .plan_mv .caption p {font-size: 12px;line-height: 2;}



#sec_box1 .img{padding:0 20px;margin:0 auto 20px;}
}
@media screen and (max-width:350px) {
#contents{ padding-bottom:100px;}
#sec_box1 .main_box .main_com h2{ font-size: 2em;}
}

#sec_box2{position: relative;background-color: #e5e5e5;}
#sec_box2 .inner{max-width: 1100px;padding: 100px 50px;box-sizing: border-box;margin: 0 auto;}
#sec_box2 .inner .s_title{ font-size: 3em; color: #000; margin-bottom: 20px; letter-spacing: 4px;}
#sec_box2 .inner .s_title img {height: 30px;width: auto;}
#sec_box2 .inner h2.lead{ font-size: 2.5em; margin-bottom: 30px;color: #000;}
#sec_box2 .inner .basic_text{ font-size: 1.4em; letter-spacing: 0.04em; line-height: 1.8;color:#000;}
#sec_box2 .inner .kukaku_wrapper{ text-align: center;margin-top:20px; display: flex; align-items: flex-end; justify-content: space-between;}
#sec_box2 .inner .kukaku_wrapper img{width:100%;height:auto;}

@media screen and (max-width:960px) {
#sec_box2 .inner .basic_text{ margin-bottom: 30px;}
}

@media screen and (max-width:767px) {
#sec_box2 .inner{padding:10vw 5vw 5vw;}
#sec_box2 .inner .s_title{ font-size: 1.8em; height: 15px; margin-bottom: 5vw;}
#sec_box2 .inner .s_title img{ height: 100%; width: auto;}
#sec_box2 .inner h2.lead{ font-size: 1.9em; line-height: 1.4; margin-bottom: 5vw;}
#sec_box2 .inner .basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 5vw;}
#sec_box2 .inner .kukaku_wrapper{flex-direction: column; align-items: flex-start;margin: 0;}









}

#sec_box4{ background-color: #e5e5e5;}
#sec_box4 .inner{ max-width: 1100px; padding: 80px 50px; box-sizing: border-box; margin: 0 auto;}
#sec_box4 .inner .sec_title{ text-align: center;}
#sec_box4 .inner .sec_title .s_title{ font-size: 2.4em; color: #000; margin-bottom: 20px; letter-spacing: 4px;}
#sec_box4 .inner .sec_title .s_title img {height: 32px;width: auto;}
#sec_box4 .inner h2.lead {font-size: 2.5em;margin-bottom: 30px;color: #000;}
#sec_box4 .inner .basic_text{ font-size: 1.4em; letter-spacing: 0.04em; line-height: 1.8; margin-bottom: 30px; color: #000;}
#sec_box4 .inner .photo_com{ display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 40px; box-sizing: border-box; margin-bottom: 3px;}
#sec_box4 .inner .photo_com:nth-child(2n) .img{order: 2;}
#sec_box4 .inner .photo_com:nth-child(2n) .com{order: 1;}
#sec_box4 .inner .photo_com .img{ width: 440px;}
#sec_box4 .inner .photo_com .img img{ width: 100%; height: auto;}
#sec_box4 .inner .photo_com:nth-child(2n) .img{}
#sec_box4 .inner .photo_com .com{ width: calc(100% - 480px);}
#sec_box4 .inner .photo_com .com p.en{ margin-bottom: 5px;font-size:1.7em;}
#sec_box4 .inner .photo_com .com p.en img {width: auto;height: 20px;}
#sec_box4 .inner .photo_com .com p.title{ font-size: 1.7em; line-height: 1.6; font-weight: 700; margin-bottom: 10px;}

#sec_box4 .inner .photo_com .com p.mt15{ margin-top: 25px;}
#sec_box4 .inner .photo_com .com p.mb5{ margin-bottom: 5px;}
#sec_box4 .inner .photo_com .com p.text{ font-size: 1.3em; line-height: 1.6;}
#sec_box4 .inner .photo_com .com p.text span{ display: block; margin: 10px 0 0; color: #A4A4A4;}
#sec_box4 .inner .kome{font-size:14px;color:#000;margin-top:20px;line-height:1.6;}

@media screen and (max-width:960px) {
#sec_box4 .inner{ padding: 50px 50px;}
#sec_box4 .inner .basic_text{ text-align: left;}
#sec_box4 .inner .photo_com{ display: block;}
#sec_box4 .inner .photo_com .img{ width: 100%; margin-bottom: 20px;}
#sec_box4 .inner .photo_com .com{ width: 100%;}
}

@media screen and (max-width:767px) {
#sec_box4{ padding: 0;}
#sec_box4 .inner{ padding: 30px 20px 50px; margin: 0 auto 0;}
#sec_box4 .inner .sec_title .s_title{ font-size: 1.8em; height: 15px; margin-bottom: 30px;}
#sec_box4 .inner .basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 20px;}
#sec_box4 .inner .photo_com{ display: block; padding: 25px; margin-bottom: 2px;}
#sec_box4 .inner .photo_com .img{ width: 100%; margin-bottom: 15px;}
#sec_box4 .inner .photo_com .com{ width: 100%;}
#sec_box4 .inner .photo_com .com p.pic{ height: 13px;}
#sec_box4 .inner .photo_com .com p.pic img{ height: 100%; width: auto;}
#sec_box4 .inner .photo_com .com p.title{ font-size: 1.4em; margin-bottom: 10px;}
#sec_box4 .inner .photo_com .com p.text{ font-size: 1.2em; line-height: 1.5;}
}








.sec_com{position:absolute;left:40px;top:40px;text-align:left;box-sizing:border-box;color: #ffffff;}
.sec_com .s_title{color:#fff;text-align:left;font-size:36px;margin-bottom:20px;letter-spacing: 4px;}
.sec_com .s_title img {height:60px!important;width: auto!important;}
.sec_com h1{font-size:24px;color:#000;margin-bottom:20px;line-height:1.4;color: #ffffff;}
.sec_com h1.pc_none{display:none;}
.sec_com .basic_text{font-size: 16px;line-height: 1.6;}



@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {

.sec_com{position:absolute;left:5vw;top:5vw;text-align:left;box-sizing:border-box;color: #ffffff;}
.sec_com .s_title{font-size:20px;}
.sec_com .s_title img {height:10vw!important;width: auto!important;position: inherit!important;left: inherit!important;top: inherit!important;
        transform:inherit!important;}

.sec_com h1{font-size:18px;line-height:1.6;}
.sec_com h1.pc_none{display:block;}

.sec_com .basic_text,.thi_com .basic_text{font-size:14px;text-align:left;}
.sec_com .basic_text br,.thi_com .basic_text br{display:none;}
}






.plan_title{text-align:left;box-sizing:border-box;padding: 100px 0;}
.plan_title .s_title{text-align:left;font-size:36px;margin-bottom:20px;letter-spacing: 4px;}
.plan_title .s_title img {height:60px!important;width: auto!important;}
.plan_title h2{font-size:24px;color:#000;margin-bottom:20px;line-height:1.4;}
.plan_title h2.pc_none{display:none;}
.plan_title .basic_text{font-size: 16px;line-height: 1.6;}



@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {

.plan_title{margin:0;padding: 10% 0;}
.plan_title .s_title{font-size:20px;}
.plan_title .s_title img {height:40px!important;width: auto!important;}
.plan_title h2{font-size:18px;line-height:1.6;}
.plan_title h2.pc_none{display:block;}

.plan_title .basic_text,.thi_com .basic_text{font-size:14px;text-align:left;}
.plan_title .basic_text br,.thi_com .basic_text br{display:none;}
}







.hikarinoie{max-width: 1100px;padding: 50px 0 0;box-sizing: border-box;margin: 0 auto;}
.hikarinoie .s_title{ font-size: 2.4em;line-height: 1.4; color: #000; margin-bottom: 20px; letter-spacing: 4px;}
.hikarinoie .s_title span {font-size: .8em;display: block;}
.hikarinoie .s_title img {height: 80px!important;width: auto!important;}
.hikarinoie h2.lead{ font-size: 2.5em; margin-bottom: 30px;color: #000;}
.hikarinoie .basic_text{ font-size: 1.4em; letter-spacing: 0.04em; line-height: 1.8;color:#000;}
.hikarinoie .kukaku_wrapper{ text-align: center;margin-top:20px; display: flex; align-items: flex-end; justify-content: space-between;}
.hikarinoie .kukaku_wrapper img{width:100%;height:auto;}

@media screen and (max-width:960px) {
.hikarinoie .basic_text{ margin-bottom: 30px;}
}

@media screen and (max-width:767px) {
.hikarinoie{padding: 5% 0 0;}
.hikarinoie .s_title{ font-size: 1.8em; height: inherit; margin-bottom: 5%;}
.hikarinoie .s_title img {height: 40px!important;width: auto!important;}
.hikarinoie h2.lead{ font-size: 1.9em; line-height: 1.4; margin-bottom: 5%;}
.hikarinoie .basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 5%;}
.hikarinoie .kukaku_wrapper{flex-direction: column; align-items: flex-start;}
}