@charset "UTF-8";

.mv {width: 100vw;/*aspect-ratio: 16 / 9;*/position: relative;overflow: hidden;margin: 0 0 100px;}
.round-wrap {width: 84vw;height: 10vw;position: absolute;top: -50vw;right: -8vw;}
.rotate {width: 100vw;height: 100vw;animation: rotate-anime 30s linear infinite;}
@keyframes rotate-anime {0%  {transform: rotate(0);}
100%  {transform: rotate(-360deg);}
}
.round {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 30% 70% 60% 40% / 30% 40% 60% 70%;animation: round_anime 30s linear infinite;overflow: hidden;}
@keyframes round_anime {0% { border-radius: 30% 70% 60% 40% / 30% 40% 60% 70%;}
25% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;}
50% { border-radius: 70% 30% 30% 70% / 50% 70% 30% 50%;}
75% { border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;}
100% { border-radius: 30% 70% 60% 40% / 30% 40% 60% 70%;}
}
.round-inner {width: 100%;height: 100%;/*
background-image: url("/images/round_bg1.jpg");background-image: image-set(url("/images/round_bg1.jpg") 1x, url("/images/round_bg1@2x.jpg") 2x);background-image: -webkit-image-set("/images/round_bg1.jpg") 1x, url("/images/round_bg1@2x.jpg") 2x);*/
background-position: center 35vw;background-size: 100%;transform: scale(1.1,1.1) rotate(0);animation: round-inner-anime 30s linear infinite;}
@keyframes round-inner-anime {0%  {transform: scale(1.1,1.1) rotate(0);}
100%  {transform: scale(1.1,1.1) rotate(360deg);}
}
@media screen and (max-width: 1120px) {}
@media screen and (max-width: 767px) {
.mv {aspect-ratio: 3 / 4;margin: 0 0 10vw;}
.round-wrap {top: -25vw;}
.round-inner {background-position: center 25vw;}
}
.round-inner {position: relative;width: 100%;height: 100%;}
.round-inner img {position: absolute;inset: 0;width: 74vw;height: auto;object-fit: contain; /* 円内なら contain 推奨 */opacity: 0;transition: opacity 2s ease;margin-top: 50vw;}
.round-inner img.is-active {opacity: 1;}
@media screen and (max-width: 1120px) {}
@media screen and (max-width: 767px) {.round-inner img {width: auto;height: 100%;margin: 0;}
}

.mv_title_block .english span,
.mv_title_block .title span {display: inline-block;background: #fff;padding: 0 0.4em;line-height: 1;margin: 0 .2em 0 auto;box-decoration-break: clone;-webkit-box-decoration-break: clone;}
.mv_title_block .english span {display:table-cell;}
.round_bg {position: relative;width: 80%;margin: 0 0 0 auto;aspect-ratio: 6 / 4; /* ← 高さを確保（重要） */
overflow: hidden;}
.round_bg img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 2s ease-in-out;}
.round_bg img.active {opacity: 1;}
@media (max-width: 767px) {
.mv_title_block .english span,
.mv_title_block .title span {padding: 2.5vw 1.5vw;}
.round_bg {width: 100%; aspect-ratio: 3 / 4;}

}

.title {font-family: "Kiwi Maru", serif;font-size: 2vw;line-height: 1.6;}
.english {font-size: .9vw;line-height: 2.6; letter-spacing:.2em;  font-family: "M PLUS Rounded 1c", sans-serif;}
.mv_logo {width: 10vw;height: auto;position: absolute;left: 5vw;top: 2.5vw;}
.mv_logo img {width: 100%;height: auto;}
.mv_title_block {position: absolute;left: 5.5vw;top: 26%;writing-mode: vertical-rl;text-align: left;}
.mv_title_block h1.title {}
.mv_title_block p.english {color: var(--sub-color);}
.mv_illust1 {width: 25%; position: absolute;left:17%;bottom: 20%;}
.mv_illust1 img {width: 100%;height: auto;}
.mv_illust2 {width: 10%; position: absolute;right: 5%;bottom: 10%;}
.mv_illust2 img {width: 100%;height: auto;}
@media screen and (max-width: 1280px) {




}
@media screen and (max-width: 767px) {
.title {font-size: 5vw;}
.english {font-size: 2.2vw;line-height: 2; font-weight: 700;}
.mv_logo {width: 20%;}
.mv_title_block {left: 5%;top: 20%;}
.mv_illust1 {left:25%;bottom: 10%;}
.mv_illust2 {right: 5%;bottom: 10%;}
}





.sdl {text-align: center;width: 100vw; aspect-ratio: 1.77;background-image: url(/images/sdl.jpg);background-image: image-set(url(/images/sdl.jpg) 1x, url(/images/sdl@2x.jpg) 2x);background-image: -webkit-image-set(url(/images/sdl.jpg) 1x, url(/images/sdl@2x.jpg) 2x);background-size: cover;position: relative;margin: 0 0 8.33vw;}
.sdl .text_block {width: 70%;; margin: auto;display:flex;flex-wrap:wrap;flex-direction: row-reverse;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
.sdl .text_block p.text {font-size: 1.25vw;line-height: 1.8;margin: 0 0 1.6em;width: 100%;font-family: "M PLUS Rounded 1c", sans-serif;}
.sdl .text_block p.text:last-child {margin: 0;}
.sdl_text_block {width: 75%;text-align: right;color: #fff;}
.sdl_text_block .btn{margin: 0 0 0 auto;width: 9vw;}
.sdl_title_block {color: #fff; writing-mode: vertical-rl;text-align: left;width: 25%;}
@media screen and (max-width: 1120px) {}
@media screen and (max-width: 767px) {.sdl .text_block {width: 90%;padding: 5% 0; display:inherit;flex-wrap:inherit;flex-direction: inherit;position: inherit;top: inherit;left: inherit;transform: inherit;-webkit-transform:inherit;}
.sdl .text_block p.text {font-size: 3vw;margin: 0 0 1em;width: 100%;}
.sdl .text_block p.text:last-child {margin: 0;}
.sdl_text_block {width: 100%;text-align: left;color: #fff;}
.sdl_text_block .btn{margin: 0;width: 9vw;}
.sdl_title_block {writing-mode: inherit;text-align: left;width: 100%;margin: 0 0 5%;}
}

.btn {display: block;text-align: left;}
.btn a {font-size: 18px;line-height: 2;font-weight: 700;white-space: nowrap; color: #fff;text-decoration: none;font-family: "M PLUS Rounded 1c", sans-serif;transition: all 0.5s;}
.btn a:hover {margin-left: 1vw;}
.btn a.arrow {position: relative;display: inline-block;padding-left: 30px;}
.btn a.arrow:before {content: '';width: 24px;height: 24px;background: #fff;border-radius: 50%;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.btn a.arrow:after {content: '';width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 6px;border-color: transparent transparent transparent #2e91aa;position: absolute;top: 0;left: 10px;bottom: 0;margin: auto;}
@media screen and (max-width: 1120px) {

.btn a {font-size: 1.60vw;}
.btn a.arrow {padding-left: 2.67vw;}
.btn a.arrow:before {width: 2.14vw;height: 2.14vw;}
.btn a.arrow:after {border-width: 0.35vw 0 0.35vw 0.53vw;left: 0.89vw;}
}
@media screen and (max-width: 767px) {.btn a {font-size: 4vw;}
.btn a.arrow {padding-left: 1.2em;}
.btn a.arrow:before {width: 3.4vw;height: 3.4vw;}
.btn a.arrow:after {border-width: .8vw 0 .8vw .8vw;left: 1.4vw;}
}


.topics-container {position: relative;padding: 5vw 0;margin: 0 0 5vw;z-index: 99;}
.topics-container::after{content: "";width: 90vw;margin: 0 10vw 0 0;height: 100%;display: block;background: #eff5f6;position: absolute;top: 0;left: 0;z-index: -1;}
.topics-container .topics_illust1 {position: absolute;top: -10%;left: 3%;width: 13.66vw;}
.topics-container .topics_illust1 img {width: 100%;height: auto;}
.topics-container .topics_illust2 {position: absolute;bottom: -7%;left: 12%;width: 12vw;}
.topics-container .topics_illust2 img {width: 100%;height: auto;}
.topics-container .topics_illust3 {position: absolute;bottom: -3%;right: 5%;width: 21.83vw;}
.topics-container .topics_illust3 img {width: 100%;height: auto;}
.topics_block{width:1020px;margin:auto;display:flex;align-items:flex-start;}
.topics_title_block{margin-right: 69px;
writing-mode: vertical-rl;}
.topics_top{flex:1;}
.topics_block .topics_title_block{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;}
.topics_block .topics_title_block h2.title {}
.topics_block .topics_title_block p.english {color: var(--sub-color);text-align: -webkit-left;}
.topics_top {width:870px;text-align: left;}
.topics_top ul.topics-list {list-style: none;  padding: 0;  margin: 0;font-family: "M PLUS Rounded 1c", sans-serif;}
.topics_top ul.topics-list li {display: flex;  align-items: center;  gap: 20px;  padding: 0 0 50px;  font-size: 16px;}
.topics_top ul.topics-list li span.date {font-size: 12px;font-weight: 700;  width: 7em;  flex-shrink: 0;}
.topics_top ul.topics-list li a {text-decoration: underline;color: #000;transition: all 0.5s;}
.topics_top ul.topics-list li a:hover {margin-left: 1vw;}
.topics_top ul.topics-list li span.label {width: 6em;  padding: 5px 0;  color: #fff;  font-size: 14px;  flex-shrink: 0;  text-align: center;}
.label-green { background: #3ea663; }
.label-red   { background: #e9654a; }
.label-blue  { background: #4179d1; }
.topics_top ul.topics-list li span.text {width:calc(100% - 206px);  flex-grow: 1;}

.topics_top .btn{}
.topics_top .btn a{color: #000;}
.topics_top .btn a.arrow:before{background: #ffd800;}
.topics_top .btn a.arrow:after{border-color: transparent transparent transparent #000;}

@media screen and (max-width: 1120px) {

.topics_block{width:91.07vw;}
.topics_title_block{margin-right: 6.16vw;}
.topics_block .topics_title_block{gap:0.89vw;}

.topics_top {width:77.67vw;}
.topics_top ul.topics-list li {  gap: 1.78vw;  padding: 0 0 4.46vw;  font-size:1.42vw;}
.topics_top ul.topics-list li span.date {font-size: 1.07vw;}

.topics_top ul.topics-list li span.label {padding: 0.44vw 0;font-size:1.25vw;}

}
@media screen and (max-width: 767px) {
.topics-container {padding: 5vw 0;margin: 0 0 10vw}
.topics-container::after{width: 95vw;margin: 0 5vw 0 0;}

.topics-container .topics_illust1 {position: absolute;top: -8%;left: 3%;width: 13.66vw;}
.topics-container .topics_illust2 {position: absolute;bottom: inherit;left:inherit;top:5%;right: 5%; width: 18vw;}
.topics-container .topics_illust3 {position: absolute;bottom: 0;right: 1%;width: 20vw;}

.topics_block {display: block;}

.topics_block .topics_title_block {width: 100%;writing-mode: inherit;text-align: left;margin: 0;}
.topics_top {margin-left: 0;width:100%;}
.topics_top ul.topics-list li {padding: 5vw 0 0;font-size: 3vw;display: inherit;}
.topics_top ul.topics-list li span.date {font-size: 3vw;width: 6em;}
.topics_top ul.topics-list li span.label {width: 5em;  padding:1px 5px;  color: #fff;  font-size: 2.8vw;}
.topics_top ul.topics-list li span.text {width:100%;display: block;padding: 2.5% 0 0;}

.topics_top .btn{padding: 5vw 0 0;}
}


.background {width: 100vw; background-image: image-set(url("/images/background.jpg") 1x,url("/images/background@2x.jpg") 2x);background-size: cover;background-position: center;background-repeat: no-repeat;}



.wide2 {width:1020px;margin: auto;padding: 5vw 0;}
.wide2 ul.wide2_list {display:flex;flex-wrap:wrap;}
.wide2 ul.wide2_list li {width: 47.5%;margin: 0 5% 5% 0;text-align: left;position: relative;}
.wide2 ul.wide2_list li:nth-child(2n) {margin: 0 0 5%;}
.wide2 ul.wide2_list li:last-child,.wide2 ul.wide2_list li:nth-last-child(2):nth-child(odd) {margin-bottom: 0;}
.wide2 ul.wide2_list li p.english {color: var(--sub-color);font-size: 12px;}
.wide2 ul.wide2_list li h2.title {font-size: 26px;}
.wide2 ul.wide2_list li .wide2_list_pic { margin-top: 2.5%; border-radius: 20px;overflow: hidden;-webkit-transition: all .5s;transition: all .5s;border: 2px solid #D4AF37;box-sizing: border-box;vertical-align: bottom;}
.wide2 ul.wide2_list li .wide2_list_pic:hover {transform: scale(1.05,1.05);}
.wide2 ul.wide2_list li .wide2_list_pic img {width: 100%;height: auto;vertical-align: bottom;}
.wide2 ul.wide2_list li .buy_sell_illust {width: 35%;height: auto;position: absolute;right: -10%;bottom: -30%;}
.wide2 ul.wide2_list li .buy_sell_illust img {width: 100%;height: auto;}
.wide2 ul.wide2_list li .borrow_lease_illust {width: 30%;height: auto;position: absolute;right: -8%;top: 5%;}
.wide2 ul.wide2_list li .borrow_lease_illust img {width: 100%;height: auto;}

.wide2 ul.wide2_list li .minamimachida_illust {width: 60%; position: absolute;right: -10%;top: -12%;}
.wide2 ul.wide2_list li .minamimachida_illust img {width: 100%;height: auto;}
@media screen and (max-width: 1120px) {
.wide2 {width:91.07vw;}
.wide2 ul.wide2_list li p.english {color: var(--sub-color);font-size: 1.07vw;}
.wide2 ul.wide2_list li h2.title {font-size: 2.32vw;}

}
@media screen and (max-width: 767px) {
.wide2 {width: 80vw; margin: auto;padding: 10vw 0;}
.wide2 ul.wide2_list li {width: 100%;margin: 0 0 5%;text-align: left;position: relative;}
.wide2 ul.wide2_list li:nth-child(2n) {margin: 0 0 5%;}
.wide2 ul.wide2_list li:nth-last-child(2):nth-child(odd) {margin-bottom: 5%;}
.wide2 ul.wide2_list li:last-child {margin-bottom: 0;}
.wide2 ul.wide2_list li p.english {font-size:3vw;}
.wide2 ul.wide2_list li h2.title {font-size: 5vw;}
.wide2 ul.wide2_list li .buy_sell_illust {width: 35%;height: auto;position: absolute;left: -15%;bottom: -10%;}
.wide2 ul.wide2_list li .borrow_lease_illust {width: 30%;height: auto;position: absolute;right: -15%;top: inherit;bottom: -5%;}
.wide2 ul.wide2_list li .minamimachida_illust {width: 45%; position: absolute;left: -10%;bottom: 0;}
}


.minamimachida_back {position: relative;}
.minamimachida_back::after{content: "";width: 85%;margin: 5% 15% 0 0;height: 100%;display: block;background: #eff5f6;position: absolute;top: 0;left: 0;z-index: -1;}
.minamimachida_back .minamimachida {width: 80vw;margin: auto;position: relative;}
.minamimachida_back .minamimachida .minamimachida_pic {border-radius: 10px;overflow: hidden;margin: 0 0 2.5vw;}
.minamimachida_back .minamimachida .minamimachida_pic img {width: 100%;height: auto;}
.minamimachida_back .minamimachida .minamimachida_text {text-align: right;}
.minamimachida_back .minamimachida .minamimachida_text p.english{color: var(--sub-color);}
.minamimachida_back .minamimachida .minamimachida_text h2.title {}
.minamimachida_back .minamimachida .minamimachida_text p.minamimachida_text {font-size: 1.33vw;margin-top: 2.5vw;font-family: "M PLUS Rounded 1c", sans-serif;}
.minamimachida_text .btn_right {display: inline-block;}
.minamimachida_text .btn{margin-top: 2.5vw;}
.minamimachida_text .btn a{color: #000;}
.minamimachida_text .btn a:hover {margin-right: 1vw;}
.minamimachida_text .btn a.arrow:before{background: #ffd800;}
.minamimachida_text .btn a.arrow:after{border-color: transparent transparent transparent #000;}

.minamimachida_back .minamimachida .minamimachida_illust {width: 45%; position: absolute;left: -5%;bottom: -20%;}
.minamimachida_back .minamimachida .minamimachida_illust img {width: 100%;height: auto;}
@media screen and (max-width: 1120px) {}
@media screen and (max-width: 767px) {.minamimachida_back .minamimachida .minamimachida_text p.minamimachida_text {font-size: 2.6vw;}
.minamimachida_back .minamimachida .minamimachida_illust {width: 45%; position: absolute;left: -10%;bottom: 0;}
}


.company_back {position: relative;padding: 100px 0 0;margin:0; }
.company_back::after{content: "";width: 820px;height:calc(100% - 200px);; margin:-50px auto 0;display: block;background: #eff5f6;position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);z-index: -1;}
ul.company {width: 1020px;margin: auto;font-family: "M PLUS Rounded 1c", sans-serif;}
ul.company li {margin: 0 0 50px;}
ul.company li .company_block {display:flex;flex-wrap:wrap;margin: 0 0 25px;}
ul.company li:first-child .company_block {flex-direction: row-reverse;}

ul.company li .company_block .company_pic {width: 45%;margin:0 5% 0 0;border-radius: 20px;overflow: hidden;}
ul.company li:first-child .company_block .company_pic {width: 45%;margin:0 0 0 5%;border-radius: 20px;overflow: hidden;}
ul.company li .company_block .company_pic img {width: 100%;height: auto;}
ul.company li .company_block .company_text {width: 50%;text-align: left;position: relative;}
ul.company li .company_block .company_text h2.tenpo {font-size: 26px;margin: 0 0 30px;}
ul.company li .company_block .company_text ul.tenpo_data {font-family: "M PLUS Rounded 1c", sans-serif;}
ul.company li .company_block .company_text ul.tenpo_data li {font-size: 16px;line-height: 20px; min-height: 20px; position: relative;margin: 0 0 1.33vw 2vw;}
ul.company li .company_block .company_text ul.tenpo_data li:before {content: '';top: 0;left: -2vw;width: 20px;padding-top:20px;display: block;position: absolute;}
ul.company li .company_block .company_text ul.tenpo_data li:after {position: absolute;content: '';top: 0;left:-2vw;display: block;width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;/*画像を繰り返さない*/}
ul.company li .company_block .company_text ul.tenpo_data li.icon1:after {background-image: url("/images/company_icon1.svg");}
ul.company li .company_block .company_text ul.tenpo_data li.icon2:after {background-image: url("/images/company_icon2.svg");}
ul.company li .company_block .company_text ul.tenpo_data li.icon3:after {background-image: url("/images/company_icon3.svg");}
ul.company li .company_block .company_text ul.tenpo_data li.icon4:after {background-image: url("/images/company_icon4.svg");}
ul.company li .company_block .company_text ul.tenpo_data li.icon5:after {background-image: url("/images/company_icon5.svg");}
ul.company li .company_block .company_text .staff_btn {display: inline-block;width: 35vw;font-family: "M PLUS Rounded 1c", sans-serif;text-align: center;text-decoration: none;line-height: 5vw;outline: none;color: #fff;background-color: #ffd800;-webkit-transition: all .5s;transition: all .5s;border-radius: 50vh;}
ul.company li .company_block .company_text .staff_btn:hover {transform: scale(0.9,0.9);}
ul.company li .company_block .company_text .staff_btn a {font-size: 1.83vw;font-weight: 700; color: #000;text-decoration: none;display: block;}
ul.company li .company_block .company_text .honten_illust {width: 12vw;position: absolute;right: 0;top: -5vw;}
ul.company li .company_block .company_text .honten_illust img {width: 100%;height: auto;}
ul.company li .company_block .company_text .ekimae_illust {width: 10vw; position: absolute;right:-2vw;bottom: 7vw;}
ul.company li .company_block .company_text .ekimae_illust img {width: 100%;height: auto;}
ul.company li .company_map {}
ul.company li .company_map {position: relative;width: 100%;padding-top: 30%;height: 0;}
ul.company li .company_map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.company_back .cm {width: 600px;margin: auto;position: relative;text-align: center;}
.company_back .cm .cm_pic {width: 100%;margin: auto;transition: all .5s;}
.company_back .cm .cm_pic:hover {transform: scale(0.9,0.9);}
.company_back .cm .cm_pic img {width: 100%;height: auto;}
.company_back .cm .cm_illust1 {width: 16vw;position: absolute;left: 2vw;bottom: 1vw;}
.company_back .cm .cm_illust1 img {width: 100%;height: auto;}
.company_back .cm .cm_illust2 {width: 12vw;position: absolute;right: 2vw;bottom: 4vw;}
.company_back .cm .cm_illust2 img {width: 100%;height: auto;}
@media screen and (max-width: 1120px) {



.company_back::after{width: 73.21vw;}
ul.company {width: 91.07vw;}
ul.company li {margin: 0 0 4.46vw;}
ul.company li .company_block {margin: 0 0 2.23vw;}


ul.company li .company_block .company_pic {border-radius: 1.78vw;}
ul.company li:first-child .company_block .company_pic {border-radius: 1.78vw;}
ul.company li .company_block .company_text h2.tenpo {font-size: 2.32vw;margin: 0 0 2.67vw;}
ul.company li .company_block .company_text ul.tenpo_data li {font-size: 1.42vw;line-height: 1.78vw; min-height: 1.78vw;}
ul.company li .company_block .company_text ul.tenpo_data li:before {width: 1.78vw;padding-top:1.78vw;}
ul.company li .company_block .company_text ul.tenpo_data li:after {width: 1.78vw;height: 1.78vw;}

.company_back .cm {width: 53.57vw;}


}
@media screen and (max-width: 767px) {
.company_back {position: relative;padding: 20vw 0 0;margin:0; }
.company_back::after{width: 80vw;height: 95%;margin: 0;}
ul.company {width: 90%;margin: auto;}

ul.company li .company_block .company_pic {width: 100%;margin:0 0 5%;}
ul.company li:first-child .company_block .company_pic {width: 100%;margin:0 0 5%;}
ul.company li .company_block .company_text {width: 100%;}

ul.company li .company_block .company_text h2.tenpo {font-size: 3.4vw;line-height: 1.6; margin: 0 0 2.5vw;}
ul.company li .company_block .company_text ul.tenpo_data li {font-size: 3vw;line-height: 1.6;margin: 0 0 1vw 3vw;}
ul.company li .company_block .company_text ul.tenpo_data li:before {content: '';top: 0;left: -3vw;width: 2.6vw;padding-top:2.6vw;display: block;position: absolute;}
ul.company li .company_block .company_text ul.tenpo_data li:after {position: absolute;content: '';top: 1vw;left:-3vw;display: block;width: 2.6vw;height: 2.6vw;background-size: contain;background-repeat: no-repeat;/*画像を繰り返さない*/}
ul.company li .company_block .company_text .staff_btn {line-height: 8vw;}
ul.company li .company_block .company_text .staff_btn a {font-size: 3vw;}
ul.company li .company_block .company_text .honten_illust {width: 17vw;position: absolute;right: -5vw;top: -12.5vw;}
ul.company li .company_block .company_text .ekimae_illust {width: 18vw; position: absolute;right:inherit;bottom: 5vw;left: -25vw}
ul.company li .company_map {padding-top: 60%;}
.company_back .cm {width: 70%;}
.company_back .cm .cm_pic {width: 100%;}
}


/* ===== modal scroll lock（共通衝突防止） ===== */
body.is-modal-open {overflow: hidden;}
/* ===== movie modal ===== */
.movie-modal {position: fixed;inset: 0;background: rgba(0,0,0,.8);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .35s ease, visibility .35s ease;z-index: 10000;
display: flex;align-items: center;justify-content: center;}
.movie-modal.is-open {opacity: 1;visibility: visible;pointer-events: auto;}
.movie-modal-inner {position: relative;width: min(90vw, 960px);transform: translateY(24px);transition: transform .35s ease;}
.movie-modal.is-open .movie-modal-inner {transform: translateY(0);}
.movie-modal video {width: 100%;height: auto;background: #000;}
.movie-close {position: absolute;top: -40px;right: 0;font-size: 32px;line-height: 1;color: #fff;background: none;border: none;cursor: pointer;}
@media screen and (max-width: 1120px) {}
@media screen and (max-width: 767px) {}