@charset "UTF-8";
/* ---------------------------------------------------------------------
 movie
 * --------------------------------------------------------------------- */
.moviebg{margin-top:0px;background: url("../images/concept/bg.jpg") no-repeat center bottom;background-size: cover}
#main_title_movie h2{padding: 30px 0}
#body_movie img{width: 100%;height: auto}
#body_movie{padding: 80px 0;}
#body_movie h2{font-size: 40px;letter-spacing: 0.1em;text-indent: 0.1em;color: #997c50;position: relative;padding: 20px 0;margin: 30px 0 50px}
#body_movie h2::before {  position: absolute;  content: "";  width: 100%;  height: 2px;  background:url("../images/movie/h2_line.png") no-repeat center top;  top: 0;  left: 0}
#body_movie h2::after {  position: absolute;  content: "";  width: 100%;  height: 2px;  background:url("../images/movie/h2_line.png") no-repeat center top;  bottom: 0;  left: 0}
#body_movie .mv{width: 865px;margin: auto;position: relative}
#body_movie .col2 .mv{width: 100%}
#body_movie .mv .icon{width: 60px; position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
#body_movie h3{margin-bottom: 10px;color: #fff;font-size: 20px;letter-spacing: 0.1em;text-indent: 0.1em;padding-top: 0px;}
#body_movie h3 span{font-size:33px;margin: 12px 0 20px;display: block}

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%;}
.vaC{align-items: center;}.vaB{align-items: baseline;}

/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/

}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/

#main_title_movie .inner{padding: 0;}
#main_title_movie h2{width: 60%;margin: 0 auto;}
#body_movie{padding: 20px 0 40px;}
#body_movie h2{font-size: 20px;letter-spacing: 0.1em;text-indent: 0.1em;color: #997c50;position: relative;padding: 20px 0;margin: 30px 0 20px}
#body_movie h2::before {background-size: 100%}
#body_movie h2::after {background-size: 100%}
#body_movie .mv{width: 96%;margin: auto;position: relative}
#body_movie .mv .icon{width: 60px; position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
#body_movie h3{margin-bottom: 10px;}
#body_movie h3 span{font-size: 18px;margin: 6px 0 0px;display: block}
#body_movie .col2{width: 96%;margin:0 auto 30px}
.js-modal-close{position: absolute;top: -60px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}

}