@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.4em;color:#fff;text-shadow: 0 0 5px #143e78, 0 0 5px #143e78;}
#content #contents_box .contents_inner .main_img .main_ttl .en{font-size:1.2em;line-height:2;}
#content #contents_box .contents_inner .main_img .main_txt{position:absolute;left:50px;top:140px;font-size:1.4em;line-height:1.4;color:#fff;text-shadow: 0 0 5px #143e78, 0 0 5px #143e78;}

#content #contents_box .contents_inner .sub_img{display:block;max-width:1000px;margin:auto;position:relative;}
#content #contents_box .contents_inner .sub_img .sub_ttl{position:absolute;left:50px;top:30px;font-size:2.4em;color:#fff;text-shadow: 0 0 5px #000, 0 0 5px #000;}
#content #contents_box .contents_inner .sub_img .sub_ttl .en{font-size:1.2em;line-height:2;}
#content #contents_box .contents_inner .sub_img .sub_txt{position:absolute;left:50px;top:140px;font-size:1.4em;line-height:1.4;color:#fff;text-shadow: 0 0 5px #000, 0 0 5px #000;}

#content #contents_box .contents_inner .main_img img{width:100%;height:auto;}
#content #contents_box .contents_inner .sub_img img{width:100%;height:auto;}
#content #contents_box .contents_inner .text{font-size:1.4em;color:#000;line-height:2;text-align:left;}
#content #contents_box .contents_inner .main_image_wrap{margin:100px 0;}

/*ABC説明欄共通ここまで*/
.main_image_pic{position:relative;height:340px;width:100%;max-width:980px;margin:20px auto 20px;}
.main_image_pic::before{content:"";display:inline-block;width:55%;height:100%;background:url("images/concept_img01.jpg")no-repeat center;background-size:cover;position:absolute;left:0;top:0;}

.main_image_pic:nth-of-type(2)::before{background:url("images/concept_img02.jpg")no-repeat center;background-size:cover;right:0;left:auto;}
.main_image_pic:nth-of-type(3)::before{background:url("images/concept_img03.jpg")no-repeat center;background-size:cover;}
.main_image_pic:nth-of-type(4)::before{background:url("images/concept_img04.jpg")no-repeat center;background-size:cover;right:0;left:auto;}
.main_image_pic:nth-of-type(5)::before{background:url("images/concept_img05.jpg")no-repeat center;background-size:cover;}

.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;}
.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;}
.main_image_pic .title{display:flex;margin-bottom:30px;}
.main_image_pic .title.text_r{display:block;text-align:right;}
.main_image_pic .title .num{font-size:35px;line-height:1.5;}
.main_image_pic .title .title_r{font-size:20px;font-weight:700;line-height:1.5;border-left:1px solid #322b29;padding-left:10px;margin-left:10px;}
.main_image_pic .title .title_r.only{padding-left:0;margin-left:0;border:none;}
.main_image_pic .title .title_r.only::before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:5px 10px 5px 0;border-color:transparent #000 transparent transparent;margin-right:10px;margin-bottom:2px;}
.main_image_pic .title.text_r .title_r.only::before{display:none;}
.main_image_pic .title.text_r .title_r.only::after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width: 5px 0 5px 10px;border-color:transparent transparent transparent #000;margin-left:10px;margin-bottom:2px;}
.main_image_pic .title .title_r .eng{display:block;font-size:15px;color:#537934;}
.main_image_pic .text{font-size:14px;line-height:2;}
@media screen and (max-width:1000px) {
.main_image_pic .box01{right:20px;}
.main_image_pic .box02{left:20px;}
}


#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_image_pic .box01{right:20px;}
#content #contents_box .contents_inner .main_image_pic .box02{left:20px;}
}
@media screen and (max-width:767px) {
.pc_none{display:block;}
#content #contents_box .contents_inner .main_img .main_ttl{left:20px;top:12px;font-size:2em;}
#content #contents_box .contents_inner .main_img .main_txt{position:initial;color:#000;text-shadow:none;padding:20px;}
#content #contents_box .contents_inner .sub_img .sub_ttl{left:20px;top:12px;font-size:1.6em;}
#content #contents_box .contents_inner .sub_img .sub_txt{position:initial;color:#000;text-shadow:none;padding:20px;}

#content #contents_box .contents_inner .main_image_wrap{margin:20px 0 0;}
#content #contents_box .contents_inner .main_image_pic{position:static;height:auto;width:100%;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:20px;}
#content #contents_box .contents_inner .main_image_pic .box02{width:100%;position:static;transform:translateY(0%);padding:20px;}
#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: 20px;}
#sec_box1 .main_box{}

#sec_box1 .main_box .main_com{ max-width: 1100px; padding: 50px 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: 10px;}
#sec_box1 .main_box .main_com h2{ font-size: 2.5em;line-height: 1.4;color: #000; margin-bottom: 20px;}
#sec_box1 .main_box .main_com p.basic_text{ font-size: 1.4em; line-height: 1.8; color: #000;}
#sec_box1 .sec_title{max-width:1100px;padding:0 50px 0;box-sizing:border-box;margin:0 auto;}
#sec_box1 .sec_title .s_title{ font-size: 2.4em; color: #000; margin-bottom: 20px;text-align:center; line-height:1.4;}
#sec_box1 .lib_pic{ max-width: 1100px; padding: 0 50px; box-sizing: border-box; height: 560px; overflow: hidden; margin: 0 auto 60px;}
#sec_box1 .lib_pic img{ width: 100%; height: 560px; object-fit: cover;}
#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 .lib_pic{ height: 380px; margin: 0 auto 30px; 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 0;}
#sec_box1 .sec_title .s_title{ font-size: 2em;margin-bottom:10px;}
#sec_box1 .lib_pic{ height: 200px; margin-bottom: 50px; padding: 0 30px;}
#sec_box1 .lib_pic img{ height: 200px;}
#sec_box1 .lib_pic{ margin-bottom: 30px; padding: 0 20px;}
#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: #9d927e;}
#sec_box2 .inner{max-width: 1100px;padding: 100px 50px;box-sizing: border-box;margin: 0 auto;}
#sec_box2 .inner .s_title{ font-size: 2.4em; color: #fff; margin-bottom: 10px;}
#sec_box2 .inner h2.lead{ font-size: 2.5em;line-height:1.4;margin-bottom: 20px;color: #fff;}
#sec_box2 .inner .basic_text{ font-size: 1.4em; line-height: 1.8;color:#fff;}
#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: 20px 20px 50px;}
#sec_box2 .inner .s_title{ font-size: 1.8em; height: 15px;}
#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: 20px;}
#sec_box2 .inner .basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 25px;}
#sec_box2 .inner .kukaku_wrapper{flex-direction: column; align-items: flex-start;}
}

#sec_box4{ background-color: #9d927e;}
#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: #fff; margin-bottom: 20px;}
#sec_box4 .inner h2.lead {font-size: 2.5em;margin-bottom: 30px;color: #fff;}
#sec_box4 .inner .basic_text{ font-size: 1.4em; line-height: 1.8; margin-bottom: 30px; color: #fff;}
#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.title{ font-size: 1.7em; line-height: 1.6; font-weight: 700; margin-bottom: 5px;}
#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:#fff;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 h2.lead {font-size: 1.8em;text-align:left;line-height:1.5;}
#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: 5px;}
#sec_box4 .inner .photo_com .com p.text{ font-size: 1.2em; line-height: 1.5;}
}