/*flexbox*/
.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
.flex--between{/*両端揃え*/
	-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:23%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}

.l-wrapper{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}


/*BOOK　TOP*/
#book{background: #fff;text-align: center;overflow: hidden}
#book h2{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;  color: #00393c;}
#book  .copy{line-height: 3;margin-bottom: 80px}
#book .photo {	display: flex;	flex-wrap: wrap;}
#book .photo .img {	width: 25%;}
#book .photo .harf{width: 50%}
#book .photo img {	vertical-align: middle;	width: 100%;}
.b-content{margin-top: 120px}
.b-content dt{width: 30%;}
.b-content dt img{width: 60%;margin-left: 0;}
.b-content dd{margin: 0 calc(70% - 70vw);width: 70vw;position: relative}
.b-content dd .bt_more{margin-top: -100px}
.b-content.re dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.b-content.re dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.b-content.re dt img{margin-left: auto;}
.bnt{width: 70%;margin: 80px auto}
.coution{ font-size: 1.3rem;text-align: right;margin-top: 12px}
.mT40{margin-top: 40px}
@media (max-width: 520px) {

#book h2{padding: 60px 0 30px; font-size: 2rem; }
#book  .copy{line-height: 2.3;margin-bottom: 60px}
#book .photo .img {	width: 50%;}
#book .photo .harf{width: 1050%}
.b-content{margin-top: 80px}
.b-content dt{width: 100%;}
.b-content dt img{width: 40%;margin: auto;}
.b-content dd{margin: 0 calc(0% - 0vw);width: 100%;margin-top: 30px;}
.bnt{width: 70%;margin: 80px auto}
.b-content.re dt{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.b-content.re dd{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.bt_more a{font-size: 1.3rem}
.bnt{width: 100%;margin: 40px auto}
}

#book_quality h3,
#book_strucure h3,
#book_support h3,
#book_design h3,
#book_quality h4,
#book_strucure h4,
#book_support h4,
#book_design h4,
#book_quality h5,
#book_strucure h5,
#book_support h5,
#book_design h5{font-family: "Shippori Mincho", "YakuHanMP", YakuHanMP, "Noto Serif JP", "ＭＳ Ｐ明朝", serif;}

/*quality*/
#book_quality{text-align: center;background: #fff}
#book_quality .maintitle{background: #00484d;text-align: center; padding: 30px 0}
#book_quality .maintitle img{width: 600px;margin: auto}
#book_quality  .copy{line-height: 3;padding: 80px 0}
@media (max-width: 520px) {
#book_support .book_mv img,
#book_strucure .book_mv img,
#book_design .book_mv img,
#book_quality .book_mv img{object-fit: cover;width: 100%;height: 230px}

#book_quality .maintitle img{width: 86%;}
#book_quality  .copy{line-height: 2.4;padding: 60px 0}
}


#book_quality .sec1{background: #000;color: #fff}
#book_quality .sec1 h3{width: 375px;margin: 80px auto}
#book_quality .sec1 .copy{padding: 0px 0 80px}
@media (max-width: 520px) {
#book_quality .sec1 h3{width: 60%;margin: 60px auto}
#book_quality .sec1 .copy{padding: 0px 0 60px}
}


#book_quality .sec2{padding-bottom: 120px}
#book_quality .sec2 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;  color: #00393c;}
#book_quality .sec2 .copy{padding: 0px 0 20px}


#book_quality .sec3{}
#book_quality .sec3 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;  color: #00393c;}
#book_quality .sec3 .copy{padding: 0px 0 20px}
#book_quality .sec3 dl{margin-top: 80px;border-left: 3px solid #25a476;padding-left: 30px}
#book_quality .sec3 dt{text-align: left}
#book_quality .sec3 h4{color: #25a476;font-weight: bold; font-size: 2.37rem; border-bottom: 1px solid #231815;padding-bottom: 12px;margin-bottom: 20px;}


#book_quality .sec4{margin-top: 120px; padding-bottom: 120px; background: #00484d;color: #fff}
#book_quality .sec4 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5; }
#book_quality .sec4 .copy{padding: 0px 0 20px}
#book_quality .sec4 .waku{border: 1px solid #fff;padding: 10px 0;margin-top: 30px; font-size: 2rem; margin-bottom: 30px;}
#book_quality .sec4 dl{margin-top: 80px;border-left: 3px solid #25a476;padding-left: 30px}
#book_quality .sec4 dt{text-align: left}
#book_quality .sec4 h4{font-weight: bold; font-size: 2.37rem; border-bottom: 1px solid #fff;padding-bottom: 12px;margin-bottom: 20px;}


#book_quality .sec5{padding-bottom: 120px; }
#book_quality .sec5 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5; }
#book_quality .sec5 .copy{padding: 0px 0 20px}
#book_quality .sec5 dl{margin-top: 80px;border-left: 3px solid #b37f4b;padding-left: 30px}
#book_quality .sec5 h4{color: #b37f4b; font-weight: bold; font-size: 2.37rem; border-bottom: 1px solid #231815;margin-top: 20px; padding-bottom: 12px;margin-bottom: 20px;}
#book_quality .sec5 dd{text-align: left}


#book_quality .sec6{text-align: left; padding-bottom: 120px; }
#book_quality .sec6 ul{margin-top: 70px}
#book_quality .sec6 h3{color: #00484d; font-weight: bold; font-size: 2.37rem; border-left: 3px solid #00484d;padding-left: 30px}
#book_quality .sec6 p{margin-top: 20px;line-height: 2.4}
#book_quality .sec6 p span{color: #00484d; }


@media (max-width: 520px) {
#book_quality .sec2,
#book_quality .sec5{padding-bottom: 80px}
#book_quality .sec2 h3,
#book_quality .sec3 h3,
#book_quality .sec4 h3,
#book_quality .sec5 h3{padding: 60px 0 30px; font-size: 2rem; }
#book_quality .sec3 dl,
#book_quality .sec4 dl{margin-top: 60px;border-top: 3px solid #25a476;border-left: none; padding-left: 0px;padding-top: 10px;}
#book_quality .sec5 dl{margin-top: 60px;border-top: 3px solid #b37f4b;border-left: none; padding-left: 0px;padding-top: 10px;}
#book_quality .sec3 .col2,
#book_quality .sec4 .col2,
#book_quality .sec6 .col2{width: 100%}
#book_quality .sec3 h4,
#book_quality .sec4 h4,
#book_quality .sec5 h4{font-size: 2rem}
#book_quality .sec6 h3{font-size: 1.8rem}
#book_quality .sec4{margin-top: 60px;padding-bottom: 60px}
#book_quality .sec6 ul{margin-top: 40px}
#book_quality .sec6 p{margin: 20px 0;line-height: 2}

}

/*strucure*/
#book_strucure{text-align: center;background: #fff;}
#book_strucure .c-panel01__wrapper{padding-bottom: 80px}
#book_strucure .maintitle{background: #00484d;text-align: center; padding: 30px 0}
#book_strucure .maintitle img{width: 600px;margin: auto}
#book_strucure  .copy{line-height: 3;padding: 80px 0}
#book_strucure h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;  color: #00393c;}
#book_strucure dl{margin-top: 80px;}
#book_strucure dt{text-align: left}
#book_strucure dt h4{color: #00393c; font-weight: bold; font-size: 2.37rem; padding-bottom: 12px;margin-bottom: 20px;}
#book_strucure dl.re dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#book_strucure dl.re dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#book_strucure dt .copy{padding: 0px 0}
@media (max-width: 520px) {

#book_strucure .maintitle img{width: 86%;}
#book_strucure  .copy{line-height: 2.4;padding: 60px 0}
#book_strucure h3{font-size: 2rem;padding: 0px 0 30px;}
#book_strucure dt h4{font-size: 2rem;padding-bottom: 0}
#book_strucure .col2{width: 100%}
#book_strucure dl{margin-top: 60px;}
#book_strucure dd{margin-bottom: 30px}

}

/*support*/
#book_support{text-align: center;background: #fff}
#book_support .maintitle{background: #00484d;text-align: center; padding: 30px 0}
#book_support .maintitle img{width: 600px;margin: auto}
#book_support  .copy{line-height: 3;padding: 0px 0}
#book_support .sec1{padding-bottom: 80px}
#book_support .sec1 h3{padding: 0px 0 30px; font-size: 2.37rem; line-height: 2.5;  color: #00393c;}
#book_support .sec1 li{text-align: left;margin-top: 80px}
#book_support .sec2,
#book_support .sec3{background: #eeeceb;padding-bottom: 80px}
#book_support .sec2 h3,
#book_support .sec3 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;  color: #00393c;}
#book_support .sec2 .box{background: #fff;padding: 60px;text-align: left}
#book_support .sec3 .box{background: #fff;padding: 60px;}
#book_support .sec2 h4,
#book_support .sec3 h4{ font-weight: bold; font-size: 2rem; margin-bottom: 20px;}
#book_support .sec2 .map{margin: -180px 0 0 auto;width: 70%}
#book_support .sec3 li{text-align: left;margin-top: 40px;display: flex;  flex-direction: column;}
#book_support .sec3 .line{border-bottom: 1px solid #6e604d;margin-bottom: 20px;padding-bottom:5px}
#book_support .sec3 .subtitle{margin-bottom: 30px}
#book_support .sec3 .subtitle p{background: #6e604d;color: #fff;padding: 0px 20px;text-align: center;display: -webkit-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;justify-content: center;}
#book_support .sec3 .subtitle h5{font-size: 2.37rem;line-height: 1.5; margin-left: 20px}
#book_support .sec3 .copy1{margin-bottom: 30px}
#book_support .sec3 .img{margin: 30px 0;margin-top: auto}
#book_support .sec3 .arrow{width: 10%;margin: 30px auto}
@media (max-width: 520px) {
#book_support .maintitle img{width: 86%;}
#book_support  .copy{line-height: 2.4;padding: 60px 0}
#book_support h3{font-size: 2rem;padding: 0px 0 0px;}
#book_support .sec1 .col2{width: 100%}
#book_support .sec1{padding-bottom: 80px}
#book_support .sec1 li{margin-top: 40px}
#book_support .sec1 h3{font-size: 2rem; line-height: 2.5; color: #00393c;margin: 0;padding: 0;padding-bottom: 10px}
#book_support  .copy{line-height: 2.4;margin: 0;padding: 0 }
#book_support .sec2,
#book_support .sec3{padding-bottom: 60px}
#book_support .sec2 h3,
#book_support .sec3 h3{padding: 30px 0 20px; font-size: 2rem;  text-align: center;  line-height: 2.5;  color: #00393c;}
#book_support .sec2 h4,
#book_support .sec3 h4{ font-size: 1.8rem; }
#book_support .sec2 .box{background: #fff;padding: 20px;text-align: left}
#book_support .sec3 .box{background: #fff;padding: 20px;}
#book_support .sec2 .col3_2,
#book_support .sec3 .col2{width: 100%}
#book_support .sec2 .map{margin-top: 0px;}
#book_support .sec3 li{;margin-top: 30px;}
#book_support .sec3 .subtitle{margin-bottom: 20px}
#book_support .sec3 .subtitle p{width: 100%;margin-bottom: 10px;}
#book_support .sec3 .subtitle h5{font-size: 1.8rem;line-height: 1.5; margin-left: 0px}

}

/*design*/
#book_design{text-align: center;background: #fff}
#book_design .maintitle{background: #00484d;text-align: center; padding: 30px 0}
#book_design .maintitle img{width: 600px;margin: auto}
#book_design  .copy{line-height: 3;padding: 80px 0}
#book_design h3{padding: 0px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;  color: #00393c;}
#book_design  .copy1{line-height: 3;color: #00393c;font-size: 2rem; }
#book_design  .copy2{line-height: 3;padding-top: 40px }
#book_design .sec1{margin-bottom: 80px}
#book_design .sec1 .zu{margin-top: 60px}
#book_design .sec5 .coution{text-align: left}
#book_design p.imgB{padding-top: 30px}

@media (max-width: 520px) {
#book_design .maintitle img{width: 86%;}
#book_design  .copy{line-height: 2.4;padding: 60px 0}
#book_design  .copy1{line-height: 2.4; }
#book_design  .copy2{line-height: 2.4;padding-top: 30px }
#book_design p.imgB{padding-top: 0px}
}

#book_design .sec2{padding-bottom: 120px;background: #000;color: #fff}
#book_design .sec2 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;color: #fff}
#book_design .sec2 .copy{padding: 0px 0 20px}
#book_design .sec2 dl{margin-top: 80px}
#book_design .sec2 h4{font-size: 2.37rem;  text-align: center;  line-height: 2.5;color: #fff;margin-bottom: 20px}
#book_design .sec2 dt h3{width: 20%;margin: auto}
@media (max-width: 520px) {
#book_design .sec2 h3{font-size: 2rem;padding-top: 40px}
#book_design .sec2 dl{margin-top: 40px}
#book_design .sec2 h4{font-size: 2rem; line-height: 2;}
#book_design .sec2 dt h3{width: 50%;margin: auto}
}
#book_design .sec3{padding-bottom: 120px;background: #000;color: #fff}
#book_design .sec3 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;color: #fff}
#book_design .sec3 .copy{padding: 0px 0 20px}
#book_design .sec3 h4{margin: 60px 0 0px; background:#00393c;padding: 10px 0;  font-size: 2.37rem;  text-align: center;  line-height: 2.5;color: #fff;margin-bottom: 20px}
#book_design .sec3 dl{margin-top: 40px;text-align: left}
#book_design .sec3 dt h5{font-size: 2rem;border-bottom: 1px solid #fff;padding-top: 10px; padding-bottom: 5px;margin-bottom: 5px;}

#book_design .sec4{padding-bottom: 120px;}
#book_design .sec4 h3{padding: 80px 0 30px;width: 40%;margin: auto}
#book_design .sec4 .copy{border-top: 1px solid #00484d;border-bottom: 1px solid #00484d;padding: 30px 0;margin-bottom: 30px}
#book_design .sec4 .copy2{color: #00484d;line-height: 2.6;text-align: center}
#book_design .sec4 h4{margin: 60px 0 0px;border-bottom: 1px solid #86aa3e; font-size: 2.37rem;  text-align: left;  line-height: 2.5;color: #86aa3e;}
#book_design .sec4 .idea{}
#book_design .sec4 .idea li{margin-top: 30px}
#book_design .sec4 h5{font-size:1.3rem; }
#book_design .sec4 h5 span{font-size:1.8rem;display: block;line-height: 1.9}
#book_design .sec4 .img{margin: 12px 0}
#book_design .sec4 li p{text-align: left;}

#book_design .sec5{padding-bottom: 120px;}
#book_design .sec5 h3{padding: 80px 0 30px; font-size: 2.37rem;  text-align: center;  line-height: 2.5;color: #00393c;}
#book_design .sec5 .copy{padding: 0px 0 20px}
#book_design .sec5 h4{font-size: 2rem;border-bottom: 1px solid #000;padding-top: 10px; padding-bottom: 5px;margin-bottom: 5px;}
#book_design .sec5 h4 span{font-size:1.3rem;}
#book_design .sec5 .img{margin: 12px 0}
#book_design .sec5 li {margin-top: 40px}
#book_design .sec5 li p{text-align: left;}
#book_design .sec5 .bnt2{background: #175332;margin-top: 40px;padding: 60px;text-align: left;color: #fff}
#book_design .sec5 .bnt2 h5{font-size: 2.37rem; border-bottom: 1px solid #fff;margin-bottom: 8px;padding-bottom:8px}
#book_design .sec5 .bnt2 h6{font-size: 2.37rem;margin-bottom: 20px; }

#book_design .sec6 h3{width: 70%;text-align: left}
#book_design .sec6 h4{margin: 40px 0 0;font-size: 2.37rem;  text-align: left;  line-height: 2.5;color: #00393c;}
#book_design .sec6 h5{color: #00484d; font-weight: bold; font-size: 2.37rem; border-left: 3px solid #00484d;padding-left: 30px}
#book_design .sec6 li{text-align: left;margin-top: 40px}
#book_design .sec6 p{margin-top: 20px;line-height: 2.4}
#book_design .sec6 p span{color: #00484d; }
#book_design .sec6 strong{border-bottom: 1px solid #999}
@media (max-width: 520px) {
#book_design .sec2 h3,
#book_design .sec3 h3,
#book_design .sec5 h3{font-size: 2rem;padding-top: 40px}
#book_design .sec2 dl{margin-top: 40px}
#book_design .sec2 h4{font-size: 2rem; line-height: 2;}

#book_design .sec2 dt h3{width: 50%;margin: auto}
#book_design .sec3 h4{margin: 30px 0 0px; font-size: 1.8rem; line-height: 2;}
#book_design .sec3 .col2,
#book_design .sec5 .col2,
#book_design .sec5 .col3_2,
#book_design .sec5 .col3,
#book_design .sec6 .col2{width: 100%}
#book_design .sec3 dl{margin-top: 20px;}
#book_design .sec3,
#book_design .sec4,
#book_design .sec5{padding-bottom: 80px;}
#book_design .sec4 h3{padding: 40px 0 30px;width: 60%;margin: auto}
#book_design .sec4 .col4{width: 100%}
#book_design .sec4 h5{font-size:1.2rem; }
#book_design .sec4 h5 span{font-size:1.7rem;}
#book_design .sec5 .bnt2{padding: 20px;}
#book_design .sec5 .bnt2 h5{font-size: 2rem; }
#book_design .sec5 .bnt2 h6{font-size: 2rem; }
#book_design .sec5 .col3{margin-top: 20px}

#book_design .sec6 h3{width: 100%;margin-bottom: 0;padding-bottom: 0}
#book_design .sec6 h4{margin: 40px 0 0;font-size: 2rem; line-height: 2;}
#book_design .sec6 h5{font-size: 1.7rem; line-height: 2;}

}

#localnav{
	left: 0;
	position: fixed!important;
	width: 100%;
	top: 70px;
}
@media (max-width: 520px) {
#book_design,
#book_support,
#book_strucure,
#book_quality{margin-top: 90px;}
#localnav{	z-index: 9;top: 50px;}
#localnav .category_list{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: center;-webkit-justify-content: center;}
#localnav .category_list  li+li{border-left: 1px solid #fff}
#localnav .category_list > li {display: flex}
#localnav .category_list > li > a.tabbtn {display: flex;  justify-content: center;align-items: center;
 
  height: auto;
  padding: 20px 5px;
  color: #333;
  font-size: 9px;
 
}
#localnav .category_list > li:not(.hasChild) > a.tabbtn:after{display: none}
}
@media (max-width: 520px) {

.mobile-scroll {width: 100%; overflow-x: scroll;padding-bottom: 12px}
.mobile-scroll img{width: 660px!important;max-width:660px!important;height: auto;}
}