@charset "UTF-8";


.movie_btn_back {padding: 50px 0 0; text-align: center;}
.movie_btn {width: 515px; border: 1px solid var(--base_navy);;display: inline-block;margin: auto;text-align: left;position: relative;}
.movie_btn a {display: block;color: var(--base_navy);padding: 33px;}
.movie_btn p{font-size: 2.1em;font-weight: 700;}
.dli-caret-circle-fill-right {display: inline-block;vertical-align: middle;color: #fff;line-height: 1;position: relative;width: 1.4em;height:1.4em;border: 0.075em solid currentColor;background: currentColor;border-radius: 50%;box-sizing: content-box;border: 1px solid var(--base_navy);top: -2px;margin-right: 10px;}
.dli-caret-circle-fill-right::before {content: '';color: var(--base_navy);width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.38em 0.51177em;border-left-color: currentColor;border-right: 0;transform: translateX(15%);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;}
.scroll {font-size: 1.8em; position: absolute;top: 50%;right: 33px;transform: translateY(-50%);-webkit- transform: translateY(-50%);}
.movie_arrow{position: absolute;top: 50%;right: 90px;transform: translateY(-50%);-webkit- transform: translateY(-50%); display: inline-block; width: 17px; height: 2px; margin:0; border-radius: 9999px;background-color: rgb(51, 51, 51);}
.movie_arrow::before,
.movie_arrow::after { content: ""; position: absolute; top: calc(50% - 1px); right: 0; width: 10px; height: 2px; border-radius: 9999px; background-color: rgb(51, 51, 51)!important; transform-origin: calc(100% - 1px) 50%;}
.movie_arrow::before{transform: rotate(45deg);}
.movie_arrow::after{transform: rotate(-45deg);}
@media screen and (max-width:999px){
.movie_btn {width: 100%;}
}
@media screen and (max-width: 767px) {
.movie_btn a {padding: 20px;}
.movie_btn p{font-size: 1.6em;}
.scroll {font-size: 1.2em;}
.movie_arrow{right: 17.5vw;}
}

h2.sub_title {position: relative;font-weight:bold;margin: 170px auto 100px;text-align: center;}
h2.sub_title span {font-size: 2.333em;font-weight: 700;align-items: center;text-transform: uppercase;}
h2.sub_title span::before{ content: ''; display: inline-block; width: 1px; height: 53px; background-color:var(--base_navy); position: absolute; top:-85px; left: 50%; transform: translateX(-50%);}
@media screen and (max-width:999px){
h2.sub_title { margin: 140px auto 50px;}
h2.sub_title span {font-size: 1.9em;}
}
@media screen and (max-width: 767px) {
h2.sub_title { margin: 25vw auto 8vw;}
h2.sub_title span {font-size: 1.6em;}
h2.sub_title span::before { height: 8vw; top:-12vw;}
}

.main{　background-color:var(--main_blue);margin: 0 0 100px;}
.main .main_pic {width: 1000px;margin: 350px auto 0;}
.main .main_pic img {width: 100%;height: auto; margin: -280px 0 0;}
.main .main_pic h3.main_copy {font-size: 3.3em;line-height: 1.6;font-weight: 700;color: #fff; padding: 80px 0;text-align: center;} 
@media screen and (max-width:999px){
.main {margin: 0 0 80px;}
.main .main_pic {width: 90%;margin: 36vw auto 0;}
.main .main_pic img {margin: -25vw 0 0;}
.main .main_pic h3.main_copy {padding: 5vw 0;} 
}

@media screen and (max-width: 767px) {
.main {margin: 0 0 10%;}
.main .main_pic h3.main_copy {font-size: 2em;padding: 10% 0;} 
}

ul.staff_list { width: 100%; max-width: 1000px;margin: 100px auto 50px;display:flex;flex-wrap:wrap;}
ul.staff_list li.staff {width: calc((100% - 55px) / 2);vertical-align: top;margin: 0 50px 50px 0;display:flex;flex-wrap:wrap;}
ul.staff_list li.staff:nth-child(2n) {margin-right: 0;}
ul.staff_list li.staff .staff_pic {width: 210px;}
ul.staff_list li.staff .staff_pic img {width: 100%;height: auto;}
ul.staff_list li.staff .staff_text {width: calc((100% - 240px) / 1);margin-left: 30px;}
ul.staff_list li.staff .staff_text p.position {font-size: 1.5em;line-height: 1.4; font-weight: 700;margin: 0 0 20px;}
ul.staff_list li.staff .staff_text h3.staff_name {font-size: 2.3em;font-weight: 700;margin: 0 0 20px;}
ul.staff_list li.staff .staff_text p.staff_comment {font-size: 1.5em;line-height: 1.6; font-feature-settings: "palt";}
@media screen and (max-width:999px){
ul.staff_list {width: 100%;margin: 80px auto 40px;}
ul.staff_list li.staff {width: calc((100% - 40px) / 2);margin: 0 40px 40px 0;}
ul.staff_list li.staff .staff_pic {width: 40%;}
ul.staff_list li.staff .staff_text {width: 55%;margin-left: 5%;}
ul.staff_list li.staff .staff_text p.position {font-size: 1.4em;margin: 0 0 5%;}
ul.staff_list li.staff .staff_text h3.staff_name {font-size: 2em;margin: 0 0 5%;}
ul.staff_list li.staff .staff_text p.staff_comment {font-size: 1.4em;}
}
@media screen and (max-width: 767px) {
ul.staff_list { margin: 50px auto 30px;}
ul.staff_list li.staff {width: 100%;margin: 0 0 5%;}
ul.staff_list li.staff .staff_text p.position {font-size: 1.3em;margin: 0 0 4%;}
ul.staff_list li.staff .staff_text h3.staff_name {font-size: 1.9em;margin: 0 0 5%;}
ul.staff_list li.staff .staff_text p.staff_comment {font-size: 1.3em;}
}

.movie { max-width: 1000px; margin: 0 auto 100px;}
.movie .youtube { max-width: 925px; width: 100%; aspect-ratio: 16 / 9; margin: 0 auto;}
.movie .youtube iframe { width: 100%; height: 100%; border: none;}
@media screen and (max-width:999px){
.movie { max-width: 100%; margin: 0 auto 50px;}
}
@media screen and (max-width: 767px) {
.movie { margin: 0 auto 40px;}
}

.underlink{ max-width: 1000px; margin: auto;}
.underlink .underlink_img{ width: 100%; height: 340px; overflow: hidden; margin-bottom: 10px; position: relative;}
.underlink .underlink_img a{ width: 100%; height: 100%;}
.underlink .underlink_img a > img{ width: 100%; height: 340px; object-fit: cover;}
.underlink  p.underlink_text {font-size: 1.6em;line-height: 1.6;}
.underlink .underlink_img span.watchmovie{ display: block; position: absolute; bottom: 25px; right: 25px; width: 164px; height: 34px;}
.underlink .underlink_img span.watchmovie img{ width: 100%; height: auto;}
@media screen and (max-width:999px){
.underlink{ margin: 0;}
.underlink .underlink_img{ height: 250px;}
.underlink .underlink_img a img{ height: 250px;}
.underlink p.underlink_text { font-size: 1.4em;}
.underlink .underlink_img span.watchmovie{ bottom: 15px; right: 15px; width: 130px; height: auto;}
}
@media screen and (min-width: 768px) {
.underlink .underlink_img a{ display: block; transition: all .3s ease-in-out;}
.underlink .underlink_img a > img{ width: 100%; vertical-align: middle; transition: .2s;}
.underlink .underlink_img a:hover > img{ transform: scale(1.07);}
.underlink .underlink_img a:hover > img{ opacity: 0.8;}
}
@media screen and (max-width: 767px) {
.underlink{}
.underlink .underlink_img{ width: calc(100% + 60px); margin-left: -30px; height: 150px;}
.underlink .underlink_img a > img{ height: 150px;}
.underlink p.underlink_text { font-size: 1.3em;}
.underlink .underlink_img span.watchmovie{ bottom: 15px; right: 15px; width: 120px;}
}

.talktheme { width: 100%; max-width: 1000px; padding: 65px 0;margin: auto; background:var(--main_blue);text-align: center;}
.talktheme h2.talktheme_title{ font-size: 1.3em;}
.talktheme ul.talktheme_list{ width: 600px;margin: auto;}
.talktheme ul.talktheme_list li{font-size: 1.9em;line-height: 1.6;font-weight: 700; color: #fff; padding: 15px 0;text-align: center;border-bottom: 1px solid #3985c2;}
.talktheme ul.talktheme_list li span{ display: inline-block; margin-left: 10px; color: #7caed6;}

@media screen and (max-width:999px){
.talktheme{ width: 100%;padding: 35px 0;}
.talktheme ul.talktheme_list li{font-size: 1.6em;}
}
@media screen and (max-width: 767px) {
.talktheme ul.talktheme_list{ width: 100%; margin: auto; padding: 0 30px; box-sizing: border-box;}
.talktheme ul.talktheme_list li{font-size: 1.3em;padding: 2.5vw 0;}
}

.talktheme_title span.text { font-size: 2em;line-height: 1;font-weight: 100; color: #fff; display: inline-block; padding-left: 25px; position: relative;margin: 0 0 20px; font-weight: 700;}
.talktheme_title span.text:before{ content: ''; display: block; width: 17px; height: 17px; border-radius: 50vh; background-color: #fff; position: absolute; top: 5px; left: 0;}
.talktheme_title span.text:after{ content: ''; display: block; width: 5px; height: 5px; border-radius: 50vh; background-color: var(--main_blue); position: absolute; top: 11px; left: 6px;}
@media screen and (max-width:999px){
.talktheme_title{ width: 100%;margin-bottom: 2.34vw;}
.talktheme_title span.text { font-size: 1.6em;margin: 0 0 10px;}
.talktheme_title span.text:before{ width: 16px; height: 16px;top: 5px; left: 0;}
.talktheme_title span.text:after{width: 4px; height: 4px;top: 11px; left: 6px;}
}
@media screen and (max-width: 767px) {
.talktheme{ width: calc(100% + 60px); margin-left: -30px;}
.talktheme_title{width: 100%; margin-bottom: 2vw;}
.talktheme_title span.text { font-size: 1.4em;}
.m-zero {margin: 0 auto 5vw!important;}
.talktheme_title span.text{ font-size: 1.4em; padding-left: 18px;}
.talktheme_title span.text:before{ width: 13px; height: 13px; top: 3px; left: 0;}
.talktheme_title span.text:after{ width: 3px; height: 3px; top: 8px; left: 5px;}
}