@charset "UTF-8";

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

#contents{text-align:left;box-sizing: border-box;padding-bottom: 80px;}
#main_image{width:100%;}
.main_com {text-align: center;margin: 70px auto 50px;box-sizing: border-box;max-width: 1140px;}
.main_com .s_title{text-align:center;font-size:32px;margin-bottom:10px;}
.main_com .s_title span{font-size:14px;display:block;padding-bottom:5px;}
.main_com .s_title_jap{font-size:28px;line-height:1.5;font-weight:600;margin-bottom:20px;}
.main_com h1.s_title_jap{margin-bottom:40px;}
.main_com .basic_text{font-size:16px;line-height:1.6;}
@media screen and (max-width: 767px) {
  .main_com .s_title{font-size:24px;}
  .main_com .s_title_jap{font-size:18px;line-height:1.6;}
  .main_com .basic_text{font-size:14px;text-align:left;display: flex;justify-content: center;}
}

#content #contents_box .contents_inner .main_img{display:block;width: 100%;max-width:1100px;padding: 0 50px 100px;box-sizing: border-box;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;vertical-align: bottom}
#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;}

@media screen and (max-width: 767px) {
  #content #contents_box .contents_inner .main_img{padding: 0;}
}

/*ABC説明欄共通ここまで*/

.main_image_wrap{padding: 75px 0;}
section.bg_green .main_image_wrap{background-color: #4d6e44;}
section.bg_green .main_image_wrap .main_image_ttl{width: 100%;max-width: 1100px;text-align: center;color: #fff;padding: 25px 50px;margin: 0 auto;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
section.bg_green .main_image_wrap .main_image_ttl .s_title{width: 280px;padding-bottom: 20px;}
section.bg_green .main_image_wrap .main_image_ttl .s_title img{width: 100%;height: auto;}
section.bg_green .main_image_wrap .main_image_ttl .s_title_jap{font-size: 2.8em;}
@media screen and (max-width: 767px) {
  .main_image_wrap{padding: 30px 0;}
  section.bg_green .main_image_wrap .main_image_ttl{padding: 0 20px 20px;}
  section.bg_green .main_image_wrap .main_image_ttl .s_title{width: 160px;padding-bottom: 10px;}
  section.bg_green .main_image_wrap .main_image_ttl .s_title_jap{font-weight: 700;font-size: 1.6em;}
}

.main_image_pic{position:relative;width:100%;max-width:1100px;padding: 25px 50px;box-sizing: border-box;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.main_image_pic:nth-child(2n){flex-direction: row-reverse;}

.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 .box{width:50%;box-sizing:border-box;padding: 0 50px 0 0;}
.main_image_pic:nth-child(2n) .box{padding: 0 0 0 50px;}
.main_image_pic .pic{width:50%;box-sizing:border-box;}
.main_image_pic .pic img{width: 100%;height: auto;}
.main_image_pic .title{display:flex;margin-bottom:25px;flex-direction: column;}
section.bg_green .main_image_pic .title{color: #fff;}
.main_image_pic .title .num.en{padding-left: 0;}
.main_image_pic .title.text_r{display:block;text-align:right;}
.main_image_pic .title .num{font-size:35px;line-height:1.5;letter-spacing: 0.25em;}
.main_image_pic .title .title_r{font-size: 20px;font-weight: 700;line-height: 1.5;border-top: 1px solid #322b29;padding-top: 20px;margin-top: 10px;}
section.bg_green .main_image_pic .title .title_r{border-top: none;padding-top: 0;margin-top: 0;}
.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;}
section.bg_green .main_image_pic .text{color: #fff;}
@media screen and (max-width:960px) {
  .main_image_pic .title .num{font-size: 30px;}
  .main_image_pic .title .title_r{font-size: 16px;}
}
@media screen and (max-width: 767px) {
  .main_image_pic,
  .main_image_pic:nth-child(2n){padding: 20px;flex-direction: column-reverse;}
  .main_image_pic .box{padding: 20px 0 0 0!important;}
  .main_image_pic .pic,
  .main_image_pic .box{width: 100%;}
  .main_image_pic .title{margin-bottom: 10px;}
  .main_image_pic .title .num{font-size: 20px;}
  .main_image_pic .title .title_r{font-size: 14px;padding-top: 15px;}
}


#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: 50px;box-sizing: border-box;margin: 0 auto;display: flex;align-items: center;}
#sec_box2 .inner .s_title.en{ font-size: 24px; color: #fff; margin-bottom: 10px;padding-left: 0;display: block;}
#sec_box2 .inner h2.lead{ font-size: 2.5em;text-align: left;line-height:1.4;margin-bottom: 50px;color: #fff;}
#sec_box2 .inner .basic_text{ font-size: 1.4em; text-align: left;line-height: 1.8;color:#fff;}
#sec_box2 .inner .basic_text.big{width: 231px;padding-top: 20px;}
#sec_box2 .inner .basic_text.big img{width: 100%;height: auto;}
#sec_box2 .inner .text_big{ font-size: 1.5em;}
#sec_box2 .inner .kukaku_wrapper{ width: 420px;text-align: center;margin-top:20px;}
#sec_box2 .inner .kukaku_txt_wrapper{width: calc(100% - 420px);padding: 0 50px 0 100px;box-sizing: border-box;text-align: center;margin-bottom: 50px;}

#sec_box2 .inner .kukaku_wrapper img{width:100%;height:auto;}

@media screen and (max-width:960px) {
  #sec_box2 .inner .kukaku_wrapper{width: 320px;}
  #sec_box2 .inner .kukaku_txt_wrapper{width: calc(100% - 320px);padding: 0 0 0 50px;}
  #sec_box2 .inner h2.lead{font-size: 2.2em;}
}

@media screen and (max-width:767px) {
  #sec_box2 .inner{padding: 30px 20px;flex-direction: column-reverse;}
  #sec_box2 .inner .kukaku_wrapper{width: 100%;max-width: 280px;margin-top: 0;}
  #sec_box2 .inner .kukaku_txt_wrapper{width: 100%;margin-bottom: 0;padding-left: 0;}
  #sec_box2 .inner .s_title.en{font-size: 16px;}
  #sec_box2 .inner h2.lead{font-size: 1.8em;line-height: 1.5em;margin-bottom: 10px;}
#sec_box2 .inner .s_title img{ height: 100%; width: auto;}
#sec_box2 .inner .basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 25px;}
#sec_box2 .inner .basic_text.big{width: 200px;padding-top: 0;}
}

#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;}
}