@media screen and (min-width: 1281px){
   #scene .page__title {
      height: 925px; /* 890+イラスト余白35 */
      padding-top: 50px;
   }
   
}
@media screen and (min-width: 1101px) and (max-width: 1280px){
   #scene .page__title {
      height: calc(55.8dvw + 210px);
      padding-top: 50px;
   }

}
@media screen and (max-width: 1100px){
   #scene .page__title {
      height: calc(55.8dvw + 202px);
      padding-top: 50px;
   }
}

@media screen and (max-width: 900px){
   #scene .page__title {
      height: 279.73dvw;
   }
}

.page #scene .page__title {
   background-image: url('../img/scene/img_scene_mv_back_pc.svg');
   background-size: 100% 100%;
}
@media screen and (max-width: 900px){
   .page #scene .page__title {
      background-image: url('../img/scene/img_scene_mv_back_sp.svg');
   }
}

.page__title__inner {
   width: 100%;
   background: none;
   display: block;
}
.page__title__inner::before {
   content: none;
}

.page__title__desc {
   width: 1280px;
   max-width: 100%;
   margin: 20px auto 0 auto;
   padding: 0 40px;
   font-weight: 500;
   line-height: 1;
   position: relative;
   z-index: 2;
}
.scene_notice {
	text-align: right;
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 40px;
	font-size: 14px;
}
@media screen and (max-width: 1100px){
   #scene .page__title__desc {
      padding: 0 5dvw;
      margin-top: 1.5em;
      line-height: 1.2;
   }
   .scene_notice {
      text-align: right;
      margin-top: 0.5em;
      padding: 0 5dvw;
      font-size: 12px;
   }
}

.mvWrap {
   position: relative;
}
.mvWrap--pc {
   width: 1280px;
   max-width: 100%;
   margin: 0 auto;
   margin-top: 45px;
}
.mvWrap area {
   cursor: pointer;
}
@media screen and (max-width: 900px){
   .mvWrap--sp {
      margin-top: 20px;
      padding: 0 3.5dvw;
   }
}
.mv__pin, .mv__pop {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
}

.mv__pin img, .mv__pop img {
   position: absolute;
   width: 100%;
   height: 100%;
}
.mv__pop img {
   display: none;
}

/* モーダル */
.modal {
   display: none;
   /*position: fixed;
   height: 100dvh;
	width: 100dvw;
	top: 0;
	left: 0;
	z-index: 1500;*/
}
.modal_bg {
   position: fixed;
   background: transparent;
   height: 100dvh;
   width: 100%;
   top: 0;
   z-index: 10;
}

.modal_content {
	position: absolute;
	background: #fff;
	top: calc((700px / 2) + 195px);
	left: 50%;
	transform: translate(-50%,-50%);
	width: 794px;
   max-width: 100%;
	height: auto;
	padding: 40px 30px;
   z-index: 20;
   border: 1px solid #009e40;
}
@media screen and (min-width: 1101px) and (max-width: 1280px){
   .modal_content {
      top: calc((100px + (55.8dvw + 210px)) / 2);
   }
}
@media screen and (max-width: 1100px){
   .modal_content {
      top: calc((58px + (55.8dvw + 202px)) / 2);
   }  
}

@media screen and (max-width: 900px){
   .modal_content {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; 
      padding: 120px 15px 0 15px;
      border: none;
      transform: none;
      overflow-y: auto;
   }
}

.modal_close_btn {
	position: absolute;
	right: -20px;
	top: -20px;
   width: 40px;
   height: 40px;
   background: #009e40;
   border-radius: 100dvh;
   z-index: 30;
   display: flex;
   align-items: center;
   justify-content: center;
}

.modal_close_btn a {
	font-size: 26px;
	color: #fff;
   top: -2px;
   position: relative;
}

.modal_note {
   position: absolute;
   font-size: 14px;
   text-align: right;
   right: 30px;
   top: 35px;
}
@media screen and (max-width: 900px){
   .modal_close_btn {
      position: fixed;
      right: 14px;
      top: 14px;
   }
   .modal_note {
      font-size: 12px;
      margin-top: 50px;
   }
}
.modal_content h3 {
	position: relative;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.5;
	display: inline-block;
	padding-top: 11px;
}
.modal_content h3::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2em;
	height: 2px;
	background: linear-gradient(90deg,rgba(0, 158, 65, 1) 0%, rgba(171, 205, 5, 1) 100%);
}
@media screen and (max-width: 1100px){
   .modal_content h3 {
   	font-size: 20px;
   }
}

.modal_content__data {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   margin-top: 30px;
}
.modal_content__data dl {
   width: calc((100% - 20px) / 2);
   background-color: #f9f9f9;
   padding: 15px 20px;
}
.modal_content__data dt {
   font-size: 18px;
   font-weight: 500;
   color: #009e40;
   line-height: 1.2;
}
.modal_content__data dd {
   margin-top: 6px;
}
.modal_content__data ul {
   display: flex;
   flex-wrap: wrap;
   gap: 0 1.5em;
}
.modal_content__data dd li::before {
   content: '▶';
   font-size: 0.5em;
   margin-right: 0.5em;
   color: #009e40;
   position: relative;
   top: -1px;
}
.modal_content__data dd a {
   line-height: 1.3;
   text-decoration: underline;
}

@media screen and (max-width: 900px){
   .modal_content__data {
      margin-top: 25px;
      padding-bottom: 40px;
   }
   .modal_content__data dl {
      width: 100%;
   }
   .modal_content__data dd {
      margin-top: 10px;
   }
}