@charset "UTF-8";
/* ---------------------------------------------------------------------
 design
 * --------------------------------------------------------------------- */
   a.anker{
   display:inline-block;z-index: -1;
   margin-top:-100px;
   padding-top:100px;
}

.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 700px!important;object-fit: cover;object-position: bottom center;}
.pages_main_image p{position: absolute;width: 1200px;margin: auto;text-align: right;color: #fff;font-size: 11px; right: 0px;left: 0; bottom: 10px;text-shadow: 0 0 5px rgba(0,0,0,1);}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0; margin: auto}

@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: auto!important;}
.pages_main_image p{width: 98%;font-size: 10px; }
.pages_main_image .inner{display: none}
}


figcaption{text-shadow: 0 0 5px rgba(0,0,0,1);}
figcaption.black{color: #000}
figcaption.black{text-shadow: 0 0 5px rgba(255,255,255,1);}

#body_design {}
#body_design img{width: 100%;height: auto}
#body_design h2{color: #5b727d;font-size: 2.2rem;letter-spacing: 0.2em;text-indent: -0.2em; line-height: 2; font-weight: normal;}
#body_design h3{color: #5b727d;font-size: 1.7rem;letter-spacing: 0.2em;text-indent: -0.2em;line-height: 2; font-weight: normal;position: relative;padding-top: 10px;margin-top: 10px;}
#body_design .copy{font-size: 15px;line-height: 2.7;letter-spacing: 0.1em;color: #333435;padding: 30px 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design h2{font-size: 1.4rem;line-height: 1.8}
#body_design h3{font-size: 1.1rem;line-height: 1.8}
#body_design .copy{font-size: 14px;line-height: 2.4}
}


#body_design .sec1{background: url("../images/design/bg1.jpg") no-repeat center top;background-size: cover;padding: 100px 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec1{padding: 40px 0 0}
}

#body_design .sec2{background: url("../images/design/bg3.jpg") no-repeat center center;background-size: 100% auto;margin-bottom: 100px}
#body_design .sec2 dl{background: url("../images/design/bg2.jpg") no-repeat center top;background-size: cover; padding: 60px 80px 0}
#body_design .sec2 h2,
#body_design .sec2 h3,
#body_design .sec2 .copy{color: #fff}
#body_design .sec2 h3{margin-bottom: 30px}
#body_design .col40{width: 35%;}
#body_design .col60{width: 60%;color: #fff}
#body_design .sec2 .copy{text-align: left;line-height: 2}
#body_design .sec2 .profile{text-align: left}
#body_design .sec2 .profile h4{font-size: 1.7rem;margin-bottom: 30px;line-height: 1;font-weight: normal}
#body_design .sec2 .profile h4 span{font-size: 1.2rem;line-height: 1.4;display: block;margin-bottom: 12px}
#body_design .sec2 .profile p{font-size: 14px;line-height: 1.9}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec2{margin-bottom: 40px}
#body_design .sec2 dl{padding: 20px 20px 0;}
#body_design .col40{width: 60%;margin: 30px auto 0}
#body_design .col60{width: 100%;color: #fff}
#body_design .sec2 .profile h4{font-size: 1.3rem;margin-bottom: 10px}
#body_design .sec2 .profile h4 span{font-size: 1rem;}
#body_design .sec2 .profile p{font-size: 12px;}
}

.mv picture figcaption{position: absolute;width: 1200px;margin: auto;text-align: right;color: #fff;font-size: 11px; right: 0px;left: 0; bottom: 10px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.mv picture figcaption{width: 96%;}
}


#body_design .sec3{padding: 100px 0 0}
#body_design .sec3{background: url("../images/design/bg4.jpg") no-repeat center -5%;background-size: contain;}
#body_design .sec3 .bg1{background: url("../images/design/bg5.jpg") no-repeat left center;background-size: contain;}
#body_design .sec3 .photo5{margin: 60px 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec3{padding: 40px 0 0}
#body_design .sec3 .mt100{margin-top: 40px!important}
}

#body_design .sec4{background: url("../images/design/bg6.jpg") no-repeat right 6%;background-size: contain;}
#body_design .sec4 .point picture figcaption {right: 10px;}
#body_design .sec4 .point li{margin-bottom: 60px;}
#body_design .sec4 .point h4{letter-spacing: 0.1em;text-indent: -0.1em;line-height: 1.6; margin-top: 4px; border-left: 1px solid #3c544f;border-right: 1px solid #3c544f;color: #3c544f;font-size: 1.1rem;display: flex;min-height: 70px; justify-content: center;align-items: center;}
#body_design .sec4 .point p{margin-top: 12px;text-align: left;line-height: 1.9}
#body_design .sec4 .point p span{line-height: 1.6;margin-top: 10px; display: block}
#body_design .sec4 .photo18{margin: 60px 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec4 .point li{margin-bottom: 30px;}
#body_design .sec4 .point li.col4{width: 48%}
#body_design .sec4 .point h4{font-size: 0.9rem}
#body_design .sec4 .point p{ font-size: 12px;}
}