@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */

.pages_main_image{height:auto;position: relative}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
.coution{width: 1200px;margin: auto;left: 0;right: 0;bottom: 10px; position: absolute;text-align: right;color: #fff}
.coution span{font-size: 12px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image img{height: 250px!important;object-fit: cover;}
.coution{width:96%;}
}
#body_miryoku{background: url("../images/miryoku/bg.jpg")}
#body_miryoku .body_area_inner img{width: 100%;height: auto;color: #666464}

.sec1,
.sec2,
.sec4,
.sec5{padding: 120px 0 0}
.sec6{padding: 120px 0 80px}
.sec3{padding: 80px 0 0}

.sec1 li,
.sec2 li,
.sec5 li,
.sec6 li{width: 48%}

#body_miryoku h2{width: 180px;margin: auto}
#body_miryoku h3{text-align: left;font-size: 40px;letter-spacing: 0.1em;line-height: 1.8;color: #376b5c;margin-bottom: 20px;}
#body_miryoku .txt{text-align: left;line-height: 2.5;font-size: 18px;letter-spacing: 0.1em;}
#body_miryoku .cou{margin-top: 10px;text-align: left;margin-left: 1em;text-indent: -1em;}
.sec1 li:nth-child(2){width: 50vw;margin-right:calc(50% - 50vw);}
.sec1 li:nth-child(2) .img2{margin-top: 30px; width: 600px}
.sec1 li  .img3{margin-top: 30px; }


#body_miryoku .sec4 h2{width: auto; margin: 0;}
#body_miryoku .sec4 h2 img{width: 180px;}
#body_miryoku .sec4 h3{padding-left: 30px}
.sec4 h4{border-bottom: 1px solid #7e6b3b;border-top: 1px solid #7e6b3b;padding: 12px 0; margin: 30px auto 0;color: #7e6b3b;font-size: 20px;letter-spacing: 0.1em;text-align: center}
.sec4 ul{margin-top: 30px}

.sec5 .img4{margin-top: 30px; }
.sec6 .img5{margin: 30px auto 0; width: 60%}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
.sec1,
.sec2,
.sec4,
.sec5{padding: 60px 0 0}
.sec6{padding: 60px 0 40px}
.sec3{padding: 40px 0 0}
.sec1 li,
.sec2 li,
.sec5 li,
.sec6 li{width: 100%}
#body_miryoku h2{width: 30%;margin: auto}
#body_miryoku h3{font-size: 20px;}
#body_miryoku .txt{font-size: 15px;line-height: 2}
.sec1 li:nth-child(2){width: 100%;margin-right:0;margin-top: 30px}
.sec1 li:nth-child(2) .img2{margin-top: 30px; width: 100%;}

.re li:nth-child(2){-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;margin-bottom: 30px}
.re li:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}

#body_miryoku .sec4 h2{width: 100%}
#body_miryoku .sec4 h2 img{width: 30%;}
#body_miryoku .sec4 h3{width: 100%; padding-left: 0px}
.sec4 ul{margin-top: 0px}
.sec4 .col4{width: 48%;margin-top: 20px}
.sec4 h4{font-size:18px;}
.sec6 .img5{margin: 30px auto 0; width: 90%}
.sec6 li:nth-child(1){margin-bottom: 30px}
}


@media print{
.body_area_inner{width: 96%;margin: auto}
#body_miryoku img{max-width: 100%;height: auto}

}