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


#body_members{background: #f2f0e6}
#body_members h2{font-size: 49px;letter-spacing: 0.2em;text-indent: 0.2em;font-weight: normal;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";color: #555555;margin-bottom: 40px}
#body_members h2 span{display:block;font-size: 18px;}

#body_members.concept{padding: 100px 0}
#body_members.cg{padding: 100px 0;background:url("../images/members/bg.jpg") no-repeat center top;background-size: cover}
#body_members.root{padding: 60px 0;background: url("../images/members/bg2.jpg") no-repeat center top;background-size: cover;color: #fff}
#body_members.gallery{padding: 100px 0}
#body_members.book{padding: 60px 0;background: #271e1c;color: #d4bf92;}

#body_members .txt{font-size: 18px;letter-spacing: 0.2em;text-indent: 0.2em;font-weight: normal;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";margin: 40px 0}
#body_members .mv{max-width: 595px;margin: auto;position: relative}
.cap{width: 100%;height: auto}
#body_members .mv .icon{width: 60px;height: 60px; position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
#body_members .mv h3{background: #5e7477;
background: -moz-linear-gradient(-45deg,  #5e7477 0%, #536a6e 31%, #244144 100%);
background: -webkit-linear-gradient(-45deg,  #5e7477 0%,#536a6e 31%,#244144 100%);
background: linear-gradient(135deg,  #5e7477 0%,#536a6e 31%,#244144 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e7477', endColorstr='#244144',GradientType=1 );
padding: 20px 0;color: #f2f0e6;font-size: 17px}

#body_members.concept img,
#body_members.cg img,
#body_members.root img,
#body_members.gallery li img,
#body_members.book img
{max-width: 100%;height: auto}


#body_members .col4{width: 25%}
#body_members.gallery .col3{width: 33.3333%}

.panoramaname{display: inline-block;background: #868687;color: #d4bf92;padding: 12px 0px;width: 231px;margin-top: 12px;font-size: 15px;}
#body_members .book ul{width: 90%;margin: auto}
#body_members .book h2{color: #d4bf92}
#body_members .book .frame{border: 1px solid #d4bf92;background: #373737;padding: 50px 30px}
#body_members .book .bt a{position: relative; display:block;background: #d4bf92;color: #555555;padding: 12px 0px;width: 231px; margin: 40px auto 0;font-size: 15px;}
#body_members .book .bt a::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #555555;
    border-top: 2px solid #555555;
    content: "";
}
#body_members .book .bt a:hover{opacity: 0.7}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/

#body_members h2{font-size: 25px;margin-bottom: 20px}
#body_members h2 span{display:block;font-size: 16px;}
#body_members .mv h3{padding: 12px 0;font-size: 14px}

#body_members.concept{padding:60px 0}
#body_members.cg{padding: 60px 0;}
#body_members.root{padding: 30px 0;}
#body_members.gallery{padding: 60px 0}
#body_members.book{padding:30px 0;}
#body_members .txt{font-size: 13px;margin: 20px 0}
#body_members .col4{width: 50%}
#body_members.root .col3{width: 70%;margin: 12px auto}
#body_members.gallery .col3{width: 50%}
#body_members.book ul{width: 100%;margin: auto}

#body_members.concept .col3{width: 80%}
.pages_main_image #panorama img{max-width:inherit;height: 250px!important}

}


@media print{
}

body.fixed {position: fixed;width: 100%;height: 100%;left: 0;}
.modal{display: none;height: 100vh;position: fixed;top: 0;left: 0;width: 100%;z-index: 100}
.modal__bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;left: 0;top: 0; width: 100%;}
.modal__content{background: #fff;left: 50%;padding:0px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 70%;}
.modal__content a{text-decoration: none}
.js-modal-close{position: absolute;top: -40px;right: -40px;font-size: 60px;display: block;color: #fff}
.movie-wrap { position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden;}

.movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.photo-wrap{text-align: center}
.photo-wrap img{max-width: 100%;height: auto;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.js-modal-close{position: absolute;top: -60px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}
}