@charset "utf-8";
@font-face {
	font-family: 'notobla';
 	src: url('../font/NotoSansJP-Black.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'notobo';
 	src: url('../font/NotoSansJP-Bold.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'notosemi';
 	src: url('../font/NotoSansJP-Medium.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'notome';
 	src: url('../font/NotoSansJP-Medium.ttf') format('truetype');
	font-display: swap;
}
body.scroll_lock{
	overflow: hidden;
}
.general_bgi{
	background-image: url("../img/mv_sp_bgi.webp");
	background-size: contain;
	background-position: bottom;
	/*background-attachment: fixed;*/
	height:120vh;
	position: fixed;
	top: 0;
	width: 100%;
}
main{
	font-family: "notobo";
	position: relative;
}
@media screen and (min-width: 769px) {
	main{
		padding-top: 172px;	
	}
}
.zoomIn{
  animation-name:zoomInAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  from {
  transform: scale(0.6);
  }

  to {
      transform: scale(1);
  }
}


/**/
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0;
}
.fadeUp2{
  animation-delay: 1s;
}
.fadeUp3{
  animation-delay: 1.5s;
}
.fadeUp4{
  animation-delay: 2s;
}
.fadeUp5{
  animation-delay: 2.5s;
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/*
main::after{
	content: "";
	display: block;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	background-image: url("../img/mv_sp_bgi1.webp");
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat;
}*/
main section:not(.modal_section){
	position: relative;
	z-index: 3;
}
main>.bgi{
	position: fixed;
	width: 100%;
	height: 100vh;
}
/*
main>.bgi>div{
	height: 100%;
	position: relative;
}
main>.bgi img{
object-fit: cover;
}
main>.bgi>div .img_box:last-of-type{
	position: absolute;
	bottom: 83px;
	width: 100%;
}*/
/*
@media screen and (min-width: 768px) {
	.bgi{
		background-image: url("../img/mv_tab_bgi.webp");
	}
}
*/
.bgi .object{
	position: absolute;
}
.bgi .object.moon{
	max-width: 190px;
	bottom: 0;
	top: 0;
	position: absolute;
	margin-top: auto;
	margin-bottom: 59px;
	height: 152px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: -32px;
}
.bgi .object.flower_top{
	left: auto;
	right: 0;
	width: 130px;
	margin-top: 3px;
	margin-right: 9px;
}
.bgi .object.house{
	width: 130px;
}
.bgi .object.house1{
	width: 108px;
	left: auto;
	right: 0;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
	height: 87px;
	margin-right: -13px;
	margin-top: 56%;
}
.bgi .object.house2{
	width: 30%;
	margin-top: 16%;
		margin-left: 10%;
}
.bgi .object.house3{
	bottom: 0;
	top: 0;
	margin: auto;
	height: 113px;
	right: 0px;
	width: 78px;
	margin-top: 35em;
	margin-bottom: 0;
	margin-right: 29%;
}
.bgi .object.house4{
	bottom: 0;
	top: 0;
	margin: auto;
	height: 113px;
	right: 0px;
	width: 83px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: 0;
	left: 0;
	margin-top: 27em;
}
.bgi .object.croud3{
	width: 36%;
	margin-top: 35%;
	margin-left: -11%;
}
.bgi .object.flower_bottom{
	margin-bottom: 0;
	top: 0;
	bottom: 0;
	height: 69px;
	margin-top: 41.6em;
	width: 28%;
	margin-left: 2%;
}
.bgi .object.reef{
	width: 18%;
	top: 0;
	bottom: 0;
	height: 44px;
	margin-top: 23%;
	margin-left: 34%;
	margin-right: auto;
	margin-bottom: auto;
}
.bgi .object.fish{
	width: 63px;/*17%*/
	top: 0;
	bottom: 0;
	height: 80px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-bottom: auto;
	margin-right: 5%;
	margin-top: 32em;
}
.bgi .object.golden_circle_top,.bgi .object.golden_circle_bottom{
	width: 4%;
	top: 0;
	bottom: 0;
	height: 16px;
	margin-top: 30%;
	margin-left: 3%;
}
.bgi .object.golden_circle_bottom{
	margin-left: auto;
	margin-right: 2%;
	left: 0;
	right: 0;
	margin-top: 30em;
}
.bgi .object.reef_bottom{
	width: 43px;/*13%*/
	top: 0;
	bottom: 0;
	height: 45px;
	margin-top: 32em;
	margin-left: auto;
	margin-right: 28%;
	left: 0;
	right: 0;
}
.bgi .object.left_accessory{
	margin-top: 50%;
	width: 8%;
	top: 0;
	bottom: 0;
	height: 58px;
	margin-bottom: auto;
}
.bgi .parts_container_pc{
	display: none;
}
@media screen and (min-width: 768px) {
	/*.bgi{
		background-image: url("../img/mv_tab_bgi2.webp");
		background-size: contain;
		background-repeat: no-repeat;
	}*/
	.bgi .object.moon{
		max-width: 320px;
		margin-bottom: 146px;
		margin-right: -10px;
	}
	.bgi .object.fish{
		width: 134px;
		margin-top: 43.8em;
	}
	.bgi .object.house1{
		width: 197px;
		margin-top: 49%;
		margin-top: 20em;
	}
	.bgi .object.house2{
		width: 29%;
    	margin-top: 9%;
		margin-left: 12%;
	}
	.bgi .object.croud3{
		margin-top: 27.4%;
  		margin-left: -10%;
	}
	.bgi .object.house3{
		width: 141px;
    	margin-top: 47em;
    	margin-right: 32%;
	}
	.bgi .object.house4{
		width: 233px;
  		margin-left: -9%;
		margin-top: 32em;
	}
	.bgi .object.flower_top{
		width: 224px;
  		margin-top: -54px;
	}
	.bgi .object.golden_circle_top{
		width: 17px;
		margin-top: 25%;
		margin-left: 5%;
	}
	.bgi .object.golden_circle_bottom{
		width: 26px;
		margin-top: 38em;
		margin-right: 5%;
	}
	.bgi .object.flower_bottom{
		margin-top: 53.6em;
  		width: 18%;
	}
	.bgi .object.reef{
		margin-top: 16%;
		margin-left: 36%;
	}
	.bgi .object.reef_bottom{
		width: 101px;
    	margin-top: 43em;
    	margin-right: 29%;
	}
}
@media screen and (min-width: 769px) {
	.bgi .object.moon{
		margin-bottom: 233px;
	}
	.bgi .object.left_accessory{
		margin-top: 42%;
	}
	.mv .outer .inner .img_box{
		width: 94%;
	}
	.bgi .object.flower_bottom{
		margin-top: 51.6em;
	}
	.bgi .object.fish{
		margin-top: 39.8em;
	}
	.bgi .object.reef_bottom{
		margin-top: 39em;
	}
	.bgi .object.house3{
		margin-top: 43em;
	}
}
@media screen and (min-width: 850px) {
	.bgi .object.flower_top{
		margin-top: -52px;
	}
	.bgi .object.house1{
		margin-top: 12em;
	}
	.bgi .object.house2{
		margin-top: 4%;
    	margin-left: 10%;
	}
	.bgi .object.house3{
		margin-top: 36em;
	}
	 .bgi .object.croud3 {
		margin-top: 22.4%;
    	margin-left: -11%;
  	}
  	.bgi .object.reef {
		width: 14%;
	  	margin-top: 13%;
	 	margin-left: 35%;
  	}
	.bgi .object.left_accessory{
		margin-top: 35%;
	}
	.bgi .object.reef_bottom{
		margin-top: 32em;
		margin-right: 31%;
	}
	.bgi .object.fish{
		margin-top: 28em;
	}
	.bgi .object.golden_circle_top{
		margin-top: 17%;
    	margin-left: 3%;
	}
}
@media screen and (min-width: 1024px) {
	.bgi .object.house1{
		margin-top: 9em;
	}
	.bgi .object.house2{
		margin-top: 4%;
    	margin-left: 8%;
		width: 22%;
	}
	.bgi .object.house4{
		width: 149px;
    	margin-left: -3%;
    	margin-top: 29em;
	}
	.bgi .object.golden_circle_top{
		margin-top: 13%;
    	margin-left: 4%;
	}
	.bgi .object.croud3{
		margin-top: 17.4%;
    	margin-left: -13%;
	}
	.bgi .object.reef{
		margin-top: 10%;
    	margin-left: 27%;
    	width: 12%;
	}
	.bgi .object.fish{
		margin-top: 18.8em;
	}
	.bgi .object.left_accessory{
		margin-top: 28%;
		width: 6%;
	}
}
@media screen and (min-width: 1200px) {
	/*.bgi .object.moon{
		max-width: 462px;
		height: 273px;
	}
	.bgi .object.house1{
		width: 208px;
	    height: 139px;
	}
	.bgi .object.house2{
		max-width: 190px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.bgi .object.house3{
		width: 156px;
		height: 135px;
	}
	.bgi .object.house4{
		max-width: 160px;
	}
	.bgi .object.croud3{
		display: none;
	}*/
	.bgi .parts_container{
		display: none;
	}
	.bgi .parts_container_pc{
		display: block;
		position: relative;
	}
	.bgi .parts_container_pc div{
		position: absolute;
		top: -73px;
		width: 23%;
		height: 100vh;
	}
	.bgi .parts_container_pc div.center{
		left: 0;
		right: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.bgi .parts_container_pc div.right{
		left: auto;
		right: 0;
	}
	.bgi .parts_container_pc div::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.bgi .parts_container_pc div.left::before{
		background-image: url("../img/mv_bgi_pcleft.webp");
	}
	.bgi .parts_container_pc div.center::before{
		background-image: url("../img/mv_bgi_pccenter.webp");
	}
	.bgi .parts_container_pc div.right::before{
		background-image: url("../img/mv_bgi_pcright.webp");
		background-position: right;
		height: 100vh;
	}
}
@media screen and (min-width: 1500px) {
	.bgi .parts_container_pc div{
		top: 0;
	}
	.bgi .parts_container_pc div::before {
		width: 100%;
		height: 897px;
	}
	.bgi .parts_container_pc div.right::before{
		background-position:right bottom;
	}
	.bgi .parts_container_pc div.center{
		margin-top: -91px;
	}
	.bgi .parts_container_pc div.right{
		margin-top: -26px;
	}
}
/*タブレット対応
@media screen and (min-width: 1200px) and (min-height: 615px) {
	.bgi .parts_container_pc div{
		top:-95px;
	}
}*/
@media screen and (min-width: 1200px) and (min-height: 613px) and (max-height: 893px) {
  /* 幅が 1200px 以上、かつ、高さが 615px から 893px の範囲にある場合に適用 */
	.bgi .parts_container_pc div{
		top:-128px;
	}
	.bgi .parts_container_pc div.right{
		top: -170px;
	}
	.bgi .parts_container_pc div.right::before{
		height: 100vh;
		background-position: right bottom;
	}
}
/*
@media screen and (min-height: 893px) and (max-height: 900px) {
	.bgi .parts_container_pc div{
		top:-108px;
	}
}*/
@media screen and (min-width: 1500px) and (min-height: 775px) {
	.bgi .parts_container_pc div.right::before{
		top:24px;
	}
}
@media screen and (min-width: 1500px) and (min-height: 1000px) {
	.bgi .parts_container_pc div.right::before{
		margin-top: -169px;
	}
}







/*MV*/
.mv{
	padding-top: calc(6% + 0.5px); 
}
.mv::after{

}
.mv .outer{
	position: relative;
	z-index: 2;
	overflow-x: clip;
}/*
.mv .outer .object{
	position: absolute;
	top: 0;
}
.mv .outer .object:first-of-type{
	width: 62%;
	right: 0;
	margin-left: auto;
	margin-right: -8%;
	margin-top: -5%;
}
.mv .outer .object:last-of-type{
	width: 62%;
	top: auto;
	bottom: 0;
	margin-left: -9%;
	margin-top: 80%;
	margin-bottom: 6%;
}*/
.mv .outer .inner .text-img_box{
	width: min(38%,268px);
	margin-left: 6%;
	position: absolute;
	margin-top: -13%;
}
.mv .outer .inner .img_box{
	margin-top: 13%;
}
.mv .outer .inner span{
	color: white;
	display: block;
	text-align: center;
	position: relative;
	font-size: min(2.93vw,27px);
	letter-spacing: 0.05em;
	margin-top: 24px;
}
@media screen and (min-width: 768px) {
	.mv{
		overflow: hidden;
	}
	.mv .outer .inner .text-img_box{
		margin-top: 4%;
	}
	.mv .outer .inner .img_box {
  		margin-top: -4%;
		max-width: 873px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.mv .outer .inner span{
		margin-top: -26px;
	}
}
@media screen and (min-width: 769px) {
	.mv .outer .inner .img_box{
		width: 93%;
		max-width: 715px;
	}
}

@media screen and (min-width: 810px) {
	.mv .outer .inner span{
	}
}
@media screen and (min-width: 850px) {
	.mv .outer .inner .img_box{
		width: 71%;
		max-width: 603px;
		margin-top: -8%;
	}
}
@media screen and (min-width: 1200px) {
	.mv{
		padding-top: 0;
		overflow: visible;
	}
	.mv .outer{
		margin-top: 108px;
		overflow-x: unset;
	}
	.mv .outer .inner{
		position: relative;
	}
	.mv .outer .inner .text-img_box{
		max-width: 661px;
		width: 45%;
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		top: -30px;
	}
	.mv .outer .inner .img_box{
		max-width:1520px;/*1669px*/
		width: 100%;
		margin-top: -12%;
	}
	.mv .outer .inner span{
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		bottom: 0;
		height: 27px;
		margin-bottom: 100px;
	}
}
@media screen and (min-width: 1200px) and (min-height: 615px) and (max-height: 893px) {
  /* 幅が 1200px 以上、かつ、高さが 615px から 893px の範囲にある場合に適用 */
	.mv .outer{
		margin-top: 50px;
	}
	.mv .outer .inner .text-img_box{
		top: -15px;
	}
	.mv .outer .inner .img_box{
		/*width: 69%;*/
		margin-top: -8%;
	}
	.mv .outer .inner span{
		margin-bottom: 67px;
	}
}
@media screen and (min-width: 1200px) and (min-height: 615px) and (max-height: 893px) {
	
}
@media screen and (min-width: 1500px) {
	.mv .outer .inner .text-img_box{
		top: 0;
	}
	.mv .outer .inner .img_box{
		margin-top: -160px;
	}
}
@media screen and (min-width: 1500px) and (min-height: 893px) and (max-height: 900px) {
	.mv .outer .inner .text-img_box{
		top: 0;
		margin-left: auto;
	}
	.mv .outer .inner .img_box{
		margin-top: -109px;
		width: 75%;
	}
}














.intro{
	position: relative;
	padding-bottom: min(43%,344px);
}
.intro::before,.intro::after{
	content: "";
	position: absolute;
	top: 0;
}
.intro::before{
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(180deg, #DC424B00 0%, #DC424B72 28%, #DC424BD3 100%) 0% 0% no-repeat padding-box;
}
/*.intro::after{
	background-image: url("../img/special_headimg.webp");
	top: auto;
	bottom: -37px;
	width: 100%;
	height: 16%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}*/
.intro .wrapper{
	padding-top: min(calc(46% + 2px),297px);
	position: relative;
}
.intro .wrapper::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	width: 7px;
	background-image: url("../img/scroll_dotted.webp");
	padding-bottom: 10%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
}
.intro .outer{
	position: relative;
	z-index: 3;
	color: white;
	text-align: center;
}
.intro .outer .inner p:first-of-type{
	font-size: min(5.33vw,25px);
	line-height: 1.6;
	letter-spacing: 0.02em;
}
.intro .outer .inner .img_box{
	margin-top: min(6%,28px);
	width: min(calc(86% - 2px),457px);
	margin-left: auto;
	margin-right: auto;
}
.intro .outer .inner p:last-of-type{
	font-size: min(4vw,18px);
	line-height: 2.13;
	margin-top: 10%;
}
@media screen and (min-width: 768px) {
	.intro .wrapper{
		padding-top: 373px;
	}
	.intro .wrapper::before{
		height: 290px;
		width: 7px;
	}
	.intro .outer .inner p:last-of-type{
		margin-top: 38px;
	}
	/*.intro::after {
		background-image: url("../img/special_headimg_tab.webp");
		height: 19%;
	}*/
}
@media screen and (min-width: 1080px) {
	.intro {
		padding-bottom: 396px;
	}
	.intro .wrapper{
		padding-top: 320px;
	}
	.intro .wrapper::before{
		height: 304px;
		padding-bottom: 0;
	}
	/*.intro::after {
		background-image: url("../img/special_headimg_pc.webp");
		background-size: cover;
		background-position: center;
		height: 390px;
		bottom:0;
	}*/
	.intro .outer .inner p:first-of-type{
		font-size: 29px;
		line-height: 1.58;
	}
	.intro .outer .inner .img_box{
		max-width: 756px;
		width: 100%;
		margin-top: 43px;
	}
	.intro .outer .inner p:last-of-type{
		font-size: 23px;
		margin-top: 60px;
		line-height: 2.39;
	}
}
@media screen and (min-width: 1200px) {
	.intro .wrapper{
		padding-top: 252px;
	}
	.intro::after {
		height: 483px;
	}
	.intro .wrapper::before{
		top:-56px;
		width: 9px;
	}
}
@media screen and (min-width: 1500px) {
	.intro .wrapper::before{
		top:-84px;
	}
}



















/*special*/
.special{
	position: relative;
	padding-bottom: 20%;
}
.special::before{
	content: "";
	background-image: url("../img/special_bgi_sp.webp");
	position: absolute;
	top: -80px;
	width: 100%;
	height: 107%;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.95;
}
/*.special::before{
	content: "";
	background-image: url("../img/events_headimg.webp");
	position: absolute;
	top: auto;
	bottom: -1px;
	width: 100%;
	height: 10%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 33;
}
.special::after{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #7AAAE0;
	opacity: 0.95;
}*/

.special .inner{
	position: relative;
	z-index: 3;
	padding-top: 10%;
}
.special .inner h2{
	display: block;
	text-align: center;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 45px;
	border-bottom: dashed white 2px;
}
.special .inner h2 span{
	display: block;
	font-size: min(4vw,18px);
	font-family: "notobla";
	margin-top: 7px;
	letter-spacing: 0.05em;
}

.special .inner .contents_area{
	width: calc(93% + 2px);
	max-width: 350px;
	margin-top: calc(13% + 2px);
	margin-right: auto;
	margin-left: auto;
}
.special .inner .contents_area .box li.find_contents{
	margin-top: 44px;
}
.special .inner .contents_area .box li ul.title_box{
	display: flex;
	width: 84%;
	margin-bottom: -11.6%;
	margin-left: auto;
	margin-right: auto;
	justify-content: space-between;
}
.special .inner .contents_area .box li.find_contents ul.title_box{
	margin-bottom: -5.6%;
	position: relative;
}
.special .inner .contents_area .box li.search_contents ul.title_box li:first-of-type{
	width: calc(53% - 2px);
	margin-top: 16px;
}
.special .inner .contents_area .box li.search_contents ul.title_box li:last-of-type{
	width: calc(44% + 1px);
}
.special .inner .contents_area .box li.find_contents ul.title_box li:first-of-type{
	width: 44%;
	margin-left: -4%;
}
.special .inner .contents_area .box li.find_contents ul.title_box li:last-of-type{
	width: 65%;
  	position: absolute;
	margin-right: 0;
	margin-left: auto;
	left: 0;
	right: 0px;
	margin-top: auto;
	margin-bottom: auto;
	top: 6px;
	border: 0;
	bottom: 0;
}

.special .inner .contents_area .box li .white_block{
	background-color: white;
	padding-top: calc(8% + 2px);
	padding-bottom: 40px;
	border-top-left-radius: 35px;
	border-top-right-radius: 35px;
}
.special .inner .contents_area .box li:last-of-type .white_block{
	padding-bottom: min(calc(6% + 1px),50px);
}
.special .inner .contents_area .box li .white_block .contents_inner{
	width: 87%;
	margin-left: auto;
	margin-right: auto;
}
.special .inner .contents_area .box li .white_block .contents_inner h3{
	width: 86%;
	margin-left: auto;
	margin-right: auto;
}
.special .inner .contents_area .box li.find_contents .white_block .contents_inner h3{
	width: 78%;
}
.special .inner .contents_area .box li .white_block .contents_inner P{
	text-align: center;
	font-size: 13px;
	line-height: 1.84;
	width: 98%;
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;
	font-family: "notome";
}
.special .inner .contents_area .box li .white_block .contents_inner .img_box{
	margin-top: 24px;
}
.special .inner .contents_area .box li a.link_button{
	display: block;
	text-align: center;
	color: white;
	background-color: #67AD6F;
	border-radius: 6px;
	letter-spacing: 0.05em;
	font-family: "notobla";
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	box-shadow: 0px 3px 0px #00000098;
	margin-top: 34px;
	position: relative;
	max-width: 273px;
	margin-left: auto;
	margin-right: auto;
	transition-duration: 0.1s;
}
.special .inner .contents_area .box li a.link_button:hover{
	opacity: 0.7;
	box-shadow: none;
}
.special .inner .contents_area .box li a.link_button span.border{
	height: 42px;
	line-height: 38px;
	box-shadow: 1px 1px 0px #00000036;
	border: 1px dashed #FFFFFF;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 98%;
}
.special .inner .contents_area .box li a.link_button span.border::before{
	content: "";
	display: block;
	width: 14px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("../img/white_triangle.webp");
	background-position: right;
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 10px;
}

.special .inner .contents_area .box li a.link_button span.fs{
	transition-duration: 0.1s;
}
.special .inner .contents_area .box li a.link_button:hover span.fs{
	transform: scale(0.9);
	display: block;
}





.special .inner .contents_area .box li .modal_button{
	background-color: #FFEB7E;
	border-bottom-left-radius: 35px;
	border-bottom-right-radius: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	height: 74px;
	cursor: pointer;
	position: relative;
}
.special .inner .contents_area .box li .modal_button span{
	position: relative;
}
.special .inner .contents_area .box li .modal_button span::before{
	content: "";
	display: block;
	width: 14px;
	height: 19px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("../img/black_triangle.webp");
	background-position: right;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-top: -1px;
  	margin-right: auto;
	margin-left: -20%;
  	left: 0;
}
@media screen and (min-width: 768px) {
	.special{
		padding-bottom: 33%;
	}
	.special::before{
		background-image: url("../img/special_bgi_tab.webp");
		top: -136px;
	}
	.special .inner{
		padding-top: 13%;
	}
	.special .inner h2 .img_box{
		width: 62%;
		max-width: 570px;
		margin-left: auto;
		margin-right: auto;
	}
	.special .inner h2 span{
		margin-top: min(calc(4% + 1px),37px);
	}
	.special .inner .contents_area{
		max-width: 1180px;
		width: calc(85% - 2px);
	}
	.special .inner .contents_area .box li ul.title_box{
		margin-bottom: -9.9%;
	}
	.special .inner .contents_area .box li.search_contents ul.title_box li:first-of-type{
		width: calc(47% - 2px);
		margin-top: 24px;
	}
	.special .inner .contents_area .box li.search_contents ul.title_box li:last-of-type{
		width: 38%;
		position: relative;
	}
	.special .inner .contents_area .box li .white_block{
		padding-top: 40px;
	}
	.special .inner .contents_area .box li .white_block .contents_inner{
		width: 93%;
		max-width: 1082px;
	}
	.special .inner .contents_area .box li .white_block .contents_inner>.flex_box{
		display: flex;
	}
	.special .inner .contents_area .box li .white_block .contents_inner>.flex_box li{
		width: 91%;
	}
	.special .inner .contents_area .box li .white_block .contents_inner P{
		width: 95%;
		margin-left: 0;
		text-align: left;
	}
	.special .inner .contents_area .box li .white_block .contents_inner .img_box{
		margin-top: 0;
	}
	.special .inner .contents_area .box li a.link_button{
		max-width: 380px;
		width: calc(45% + 1px);
	}
	.special .inner .contents_area .box li a.link_button span::before{
		margin-top: 14px;
		margin-right: 17px;
	}
	.special .inner .contents_area .box li.find_contents{
		margin-top: 22px;
	}
}
@media screen and (min-width: 1080px) {
	.special{
		padding-bottom: 390px;
	}
	.special::before{
		background-image: url("../img/special_bgi_pc.webp");
		background-position: top center;
		background-size: cover;
	}
	.special .inner{
		max-width: 1556px;
		padding-top: 10em;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
	.special .inner .contents_area .box li.find_contents{
		margin-top: 68px;
	}
	.special .inner .contents_area .box li .white_block .contents_inner h3{
		max-width: 470px;
	}
	.special .inner .contents_area .box li.find_contents .white_block .contents_inner h3{
		max-width: 425px;
	}
	.special .inner .contents_area .box li .white_block .contents_inner p{
		text-align: center;
		font-size: 16px;
		line-height: 1.75;
		max-width: 413px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.special .inner .contents_area .box li ul.title_box {
		margin-bottom: -80px;	
	}
	.special .inner .contents_area .box li.find_contents ul.title_box{
		margin-bottom: -40px;
	}
	.special .inner .contents_area .box li.search_contents ul.title_box li:first-of-type{
		max-width: 344px;
	}
	.special .inner .contents_area .box li.search_contents ul.title_box li:last-of-type{
		max-width: 258px;
	}
	.special .inner .contents_area .box li.find_contents ul.title_box li:first-of-type{
		max-width: 266px;
	}
	.special .inner .contents_area .box li.find_contents ul.title_box li:last-of-type{
		max-width: 407px;
	}
	.special .inner .contents_area .box li .modal_button span::before{
		margin-top: 1px;
		margin-left: -11%;
	}
}
@media screen and (min-width: 1200px) {
	.special .inner{
		padding-top: 13em;
	}
	.special .inner h2{
		padding-bottom: 88px;
		border-width: 4px;
		max-width: 1280px;
	}
	.special .inner h2 span{
		font-size: 23px;
	}
	.special .inner .contents_area{
		width: 100%;
		margin-top: 88px;
	}
	.special .inner .contents_area .box li ul.title_box{
		position: relative;
		margin-bottom: 0;
		justify-content: center;
	}
	.special .inner .contents_area .box li.find_contents ul.title_box{
		margin-bottom: 0;
	}
	.special .inner .contents_area .box li.search_contents ul.title_box li:last-of-type,.special .inner .contents_area .box li.find_contents ul.title_box li:first-of-type{
		position: absolute;
	}
	.special .inner .contents_area .box li.search_contents ul.title_box li:first-of-type{
		margin-top: 0;
		bottom: -59px;
	}
	.special .inner .contents_area .box li.find_contents ul.title_box li:first-of-type{
		left: 0;
		bottom: -59px;
	}
	.special .inner .contents_area .box li.find_contents ul.title_box li:last-of-type{
		position: static;
		margin-right: auto;
		margin-left: auto;
	}
	.special .inner .contents_area .box li.search_contents ul.title_box li:last-of-type{
		left: auto;
  		right: 0;
  		bottom: -100px;
	}
	.special .inner .contents_area .box li .white_block{
		margin-top: 20px;
	}
	.special .inner .contents_area .box li a.link_button{
		width: 100%;
		height: 70px;
		line-height: 70px;
		font-size:20px;
		box-shadow: 0px 8px 0px #00000066;
		margin-top: 44px;
	}
	.special .inner .contents_area .box li a.link_button span.border{
		height: 60px;
		line-height: 53px;
		border-width: 2px;
		border-radius: 3px;
	}
	.special .inner .contents_area .box li .modal_button{
		font-size: 20px;
	}
}
@media screen and (min-width: 1560px) {
	.special {
		padding-bottom: 430px;
	}
	.special .inner{
		padding-top: 12em;
	}
	.special .inner .contents_area .box li.search_contents,.special .inner .contents_area .box li.find_contents{
		position: relative;
	}
	.special .inner .contents_area .box li.search_contents::before,.special .inner .contents_area .box li.find_contents::before,.special .inner .contents_area .box li.find_contents::after{
		content: "";
		position: absolute;
		top: 0;
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
	}
	.special .inner .contents_area .box li.search_contents::before{
		width: 143px;
		height: 231px;
		background-image: url("../img/special_object01.webp");
		margin-left: -15%;
	}
	.special .inner .contents_area .box li.find_contents::before{
		width: 157px;
		height: 226px;
		background-image: url("../img/special_object02.webp");
		margin-left: auto;
		left: auto;
		right: 0;
		margin-right: -14%;
		margin-top: -5%;
	}
	.special .inner .contents_area .box li.find_contents::after{
		width: 170px;
		height: 231px;
		background-image: url("../img/special_object03.webp");
		margin-bottom: 5%;
		margin-top: auto;
		bottom: 0;
		top: 0;
		margin-left: -18%;
	}
}
















.events{
	position: relative;
	padding-bottom: min(calc(18% + 1px),100px);
	/*top: -150px;*/
}
.events::after{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	background-image: url("../img/event_bgi_sp.webp");
	background-size: 100% 100%;
	opacity: 0.95;
	height: 100%;
}
/*.events::after{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: #E87B82;
	opacity: 0.95;
	height: 100%;
}*/
.events .outer{
	z-index: 3;
	position: relative;
	padding-top: 26%;
}
.events h2{
	width: calc(90% - 2px);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 45px;
	border-bottom: dashed white 2px;
}
.events h2 span{
	display: block;
	text-align: center;
	margin-top: 16px;
}
.events .inner p.bridge{
	text-align: center;
	color: white;
	font-family: "notome";
	margin-top: min(8%,40px);
	font-size: min(3.47vw,15px);
	line-height: 1.84;
}
.events .event_list{
	margin-top: min(calc(12% - 1px),50px);
}
.events .event_list>li:nth-of-type(n+2){
	margin-top: min(calc(11% - 1px),50px);
}
.events .inner .white_area{
	background-color: white;
	overflow-x: clip;
	padding-top: 46px;
	padding-bottom: 55px;
	box-shadow: 0px 20px 0px #0000001A;
}
.events .inner h3{
	width: min(calc(52% + 1px),194px);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -3px;
}
.events .inner .white_area .title_block{
	display: flex;
	position: relative;
	align-items: self-end;
	width: 94%;
	margin-left: auto;
}
.events .inner .events_two .white_area .title_block{
	flex-direction: row-reverse;
}
.events .inner .white_area .title_block .text_box{
	width: 64%;
}
.events .inner .events_three .white_area .title_block .text_box{
	width: calc(65% + 1px);
}
.events .inner .events_two .white_area .title_block .text_box,.events .inner .events_three .white_area .title_block .text_box{
	position: relative;
	z-index: 3;
}
.events .inner .white_area .title_block .text_box .img_container{
	width: 82%;
}
.events .inner .events_three .white_area .title_block .text_box .img_container{
	width: 100%;
}
.events .inner .white_area .title_block p{
	font-size: min(3.47vw,15px);
	line-height: 1.84;
	font-family: "notome";
	margin-top: 20px;
}
.events .inner .white_area .title_block li.img_box{
	width: 55%;
	max-width: 250px;
	margin-right: -14%;
	position: absolute;
	left: 0;
	margin-left: auto;
	right: 0;
}
.events .inner .events_two .white_area .title_block li.img_box{
	margin-left: -15%;
	margin-right: auto;
}
.events .inner .events_three .white_area .title_block li.img_box{
	margin-right: -11.5%;
	max-width: 263px;
}
.events .inner .white_area .gallery{
	width: 100%;
	height: 200px;
	margin-top: 20px;
	background-size: auto 200px;
	animation: loop 130s linear infinite;
	background-repeat: repeat-x;
}
.events .inner .events_two .white_area .gallery{
	animation: loop2 130s linear infinite;
}
@keyframes loop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -4110px 0; /* 騾包ｽｻ陷剃ｸ奇ｿｽ郢晄ｧｭ縺�ｹ晉ｿｫ縺幄濤�ｽ */
    }
}
@keyframes loop2 {
    from {
        background-position: -4110px 0;
    }
    to {
        background-position: 0 0;
    }
}
.events .inner .events_one .white_area .gallery{
	background-image: url("../img/event-one_gallery.webp");
}
.events .inner .events_two .white_area .gallery{
	background-image: url("../img/event-two_gallery.webp");
}
.events .inner .events_three .white_area .gallery{
	background-image: url("../img/event-three_gallery.webp");
}
.events .inner .white_area .link_button{
	display: block;
	background-color: #DC424B;
	border-radius: 6px;
	color: white;
	text-align: center;
	letter-spacing: 0.05em;
	height: 50px;
	line-height: 50px;
	max-width: 273px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0px 3px 0px #00000098;
	position: relative;
	font-family: "notobla";
	transition-duration: 0.1s;
}
.events .inner .white_area .link_button:hover{
	opacity: 0.7;
	box-shadow: none;
}
.events .inner .white_area .link_button span.border{
	height: 42px;
	line-height: 42px;
	box-shadow: 1px 1px 0px #00000036;
	border: 1px dashed #FFFFFF;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 98%;
	transition-duration: 0.1s;
}
.events .inner .white_area .link_button span.fs{
	transition-duration: 0.1s;
}
.events .inner .white_area .link_button:hover span.fs{
	transform: scale(0.9);
	display: block;
}
.events .inner .white_area .link_button span.border::before{
	content: "";
	display: block;
	width: 14px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("../img/white_triangle.webp");
	background-position: right;
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 10px;
 	margin-top: 5%;
}
@media screen and (min-width: 768px) {
	.events{
		top:-114px;
		padding-bottom: calc(13% + 1px);
	}
	.events::after{
		background-image: url("../img/event_bgi_tab.webp")
	}
	.events h2 .img_box{
		max-width: 450px;
		margin-right: auto;
		margin-left: auto;
	}
	.events h2 span{
		font-size: 18px;
		margin-top: 10px;
	}
	.events .outer{
		max-width: 1556px;
		margin-right: auto;
		margin-left: auto;
	}
	.events .inner{
		max-width: 1280px;
		margin-right: auto;
		margin-left: auto;
	}
	.events .event_list > li:nth-of-type(n+2){
		margin-top: 90px;
	}
	.events .inner h3{
		max-width: 295px;
		width: 18%;
		width: calc(25% + 4px);
	}
	.events .inner .white_area .title_block .text_box{
		width: 71%;
	}
	.events .inner .events_three .white_area .title_block .text_box{
		width: calc(76% + 1px);
	}
	.events .inner .white_area .title_block p{
		font-size: min(1.95vw,20px);
	}
	.events .inner .white_area .title_block .text_box .img_container{
		width: 90%;
	}
	.events .inner .events_one .white_area .title_block .text_box .img_container{
		max-width: 626px;
	}
	.events .inner .events_two .white_area .title_block .text_box .img_container{
		max-width: 657px;
		width: 96%;
	}
	.events .inner .events_three .white_area .title_block .text_box .img_container{
		max-width: 690px;
	}
	.events .inner .white_area .title_block li.img_box{
		margin-right: -5%;
	}
	.events .inner .events_one .white_area .title_block li.img_box{
		max-width: 347px;
		width: calc(35% - 2px);
	}
	.events .inner .events_two .white_area .title_block li.img_box{
		max-width: 350px;
		width: calc(35% - 2px);
		margin-left: -11%;
	}
	.events .inner .events_three .white_area .title_block li.img_box{
		margin-right: -7.5%;
	}
	.events .inner .white_area .link_button span.border::before{
		margin-top: 6%;
		margin-right: 17px;
	}
}
@media screen and (min-width: 1080px) {
	.events::after{
		background-image: url("../img/event_bgi_pc.webp")
	}
	.events .event_list > li:nth-of-type(n+2){
		margin-top: 142px;
	}
}
@media screen and (min-width: 1200px) {
	.events .outer{
		padding-top: 21%;
	}
	.events .inner p.bridge{
		font-size: 18px;
	}
	.events .event_list{
		max-width: 1280px;
  		width: 93%;
		margin-top: 140px;
  		margin-left: auto;
  		margin-right: auto;
	}
	.events .event_list>li{
		max-width: 1120px;
	}
	.events .event_list>li:nth-of-type(odd){
		margin-right: auto;
	}
	.events .event_list>li:nth-of-type(even){
		margin-left: auto;
	}
	.events .event_list>li:nth-of-type(odd) h3{
		margin-left: 65px;
	}
	.events .event_list>li:nth-of-type(even) h3{
		margin-right: 65px;
	}
	.events .inner .white_area{
		padding-top: 80px;
		padding-bottom: 50px;
		border-radius: 35px;
		overflow-x: visible;
	}
	.events .event_list>li:nth-of-type(odd) .white_area{
		box-shadow: 50px 50px 0px #00000019;
	}
	.events .event_list li.events_two .white_area{
		box-shadow: -50px 50px 0px #0000001A;
	}
	.events .inner .events_three .white_area .title_block li.img_box{
		max-width: 370px;
	}
	.events .inner .white_area .link_button{
		box-shadow: 0px 8px 0px #00000067;
	}
	.events .inner .white_area .title_block p br{
		display: none;
	}
}
@media screen and (min-width: 1300px) {
	.events h2{
		max-width: 1280px;
		width: 100%;
		border-width: 4px;
		padding-bottom: 80px;
	}
	.events h2 span{
		margin-top: 36px;
	}
	.events .inner p.bridge{
		font-size: 18px;
		margin-top: 80px;
	}
	.events .inner .contents_area{
		max-width: 1280px;
	}
	.events .event_list{
		max-width: 1280px;
		margin-top: 140px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.events .event_list>li{
		max-width: 1120px;
	}
	.events .event_list li.events_two{
		margin-left: auto;
	}
	.events .inner h3{
		margin-left: 56px;
		max-width: 295px;
	}
	.events .event_list li.events_two h3{
		margin-left: auto;
		margin-right: 56px;
	}
	.events .inner .white_area{
		overflow-x: visible;
		border-radius: 35px;
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.events .inner .events_two .white_area .title_block li.img_box {
		margin-bottom: -12px;
	}
	.events .inner .events_three .white_area .title_block li.img_box{
		max-width: 370px;
		width: 100%;
	}
	.events .inner .events_three .white_area .title_block li.img_box{
		margin-right: -3.5%;
		margin-bottom: 1%;
	}
	.events .inner .white_area .title_block p br{
		display: none;
	}
	.events .inner .white_area .gallery{
		height: 300px;
		background-size: auto 300px;
		margin-top: 35px;
	}
	.events .inner .white_area .link_button{
		margin-top: 40px;
		height: 70px;
		max-width: 380px;
		width: 100%;
		box-shadow: 0px 8px 0px #00000067;
		font-size: 20px;
	}
	.events .inner .white_area .link_button span.border{
		height: 60px;
		line-height: 60px;
		border-width: 2px;
		border-radius: 4px;
	}
}
@media screen and (min-width: 1560px) {
	.events{
		top: -196px;
	}
	.events .event_list > li{
		position: relative;
	}
	.events .event_list > li::before{
		content: "";
		position: absolute;
		top: 0;
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
	}
	.events .event_list > li.events_one::before{
		width: 143px;
		height: 231px;
		background-image: url("../img/special_object02.webp");
		margin-left: auto;
		margin-right: -24%;
    	left: auto;
    	right: 0;
    	margin-top: 24%;
	}
	.events .event_list > li.events_two::before{
		width: 157px;
		height: 226px;
		background-image: url("../img/special_object03.webp");
		margin-left: -30%;
    	left: 0;
    	right: auto;
    	margin-right: auto;
    	margin-top: 35%;
	}
	.events .event_list > li.events_three::before{
		width: 170px;
		height: 231px;
		background-image: url("../img/special_object01.webp");
		bottom: 0;
		top: 0;
		margin-left: auto;
		margin-right: -25%;
		left: auto;
		right: 0;
		margin-top: 35%;
	}
}






.other_event{
	position: relative;
	padding-bottom: 50%;
}/*
.other_event::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	background-image: url("../img/pickup_headimg.webp");
	background-repeat: no-repeat;
	background-size: cover;
	top: auto;
	padding-bottom: 39%;
	bottom: 0;
	z-index: 3;
}*/
.other_event::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.49;
	background: #DC424B;
}
.other_event .outer{
	position: relative;
	z-index: 3;
}
.other_event .outer>.img_box{
	opacity: 0.94;
}
.other_event .outer .inner{
	margin-top: min(calc(19% - 1.5px),92px);
}
.other_event .outer .inner h2{
	color: #FBEE98;
	text-align: center;
	font-size:min(5.33vw,25px);
	font-family: "notobla";
	letter-spacing: 0.05em;
	line-height: 1.6;
}
.other_event .outer .inner p{
	color: white;
	text-align: center;
	font-size: min(3.47vw,15px);
	letter-spacing: 0.02em;
	line-height: 1.84;
	width: calc(89% - 1px);
	max-width: 605px;
	margin-top: min(calc(6% + 0.5px),25px);
	margin-left: auto;
	margin-right: auto;
}
.other_event .outer .inner h3{
	color: #FBEE98;
	font-family: "notobla";
	letter-spacing: 0.05em;
	position: relative;
	text-align: center;
	margin-top: min(8%,40px);
	width: min(65%,300px);
	margin-left: auto;
	margin-right: auto;
	font-size: min(4vw,17px);
}
.other_event .outer .inner h3::before,.other_event .outer .inner h3::after{
	content: "";
	position: absolute;
	display: block;
	width: 2px;
	height: 30px;
	background-color: #FBEE98;
	top: 0;
	left: 0;
	margin-top: -6px;
	transform: rotate(-25deg);
}
.other_event .outer .inner h3::after{
	right: 0;
	left: auto;
	transform: rotate(25deg);
}
.other_event .outer .inner ul{
	width: 85%;
	max-width: 550px;
	margin-top: min(calc(5% + 20px),33px);
	margin-left: auto;
	margin-right: auto;
}
.other_event .outer .inner ul li{
	margin-top: 20px;
}
.other_event .outer .inner ul li a{
	display: flex;
	background-color: white;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0px 3px 6px #00000029;
	transition-duration: 0.1s;
}
.other_event .outer .inner ul li a:hover{
	opacity: 0.7;
}
.other_event .outer .inner ul li a .img_box{
	width: 59%;
}
.other_event .outer .inner ul li a .img_box img{
	vertical-align: bottom;
}
.other_event .outer .inner ul li a .text_box{
	width:  41%;
	display: flex;
	flex-flow: column;
	text-align: center;
	color: black;
	font-family: "notobla";
	font-size: min(3.73vw,20px);
	line-height: 1.42;
	margin-top: min(6%,40px);
}
.other_event .outer .inner ul li a .text_box span{
	color: #0074D1;
	display: block;
	letter-spacing: 0.05em;
	line-height: 2.28;
	position: relative;
}
.other_event .outer .inner ul li a .text_box span::before{
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 14px;
	background-image: url("../img/blue_triangle.webp");
	background-repeat: no-repeat;
	background-size: contain;
	top: 2px;
	left: auto;
	right: 0;
	bottom: 0;
	margin: auto;
	margin-right: 17%;
}
@media screen and (min-width: 768px) {
	.other_event {
		margin-top: -15%;
	}
	.other_event .outer .inner h2{
		font-size: min(3.26vw,45px);
		max-width: 568px;
		margin-right: auto;
		margin-left: auto;
	}
	.other_event .outer .inner h3{
		font-size: min(2.21vw,30px);
		max-width: 398px;
		width: calc(39% + 1px);
	}
	.other_event .outer .inner p{
		font-size: min(1.95vw,20px);
	}
	.other_event .outer .inner ul li a .text_box{
		margin-top: 0;
  		justify-content: center;
		width: 56%;
		padding-top: 20px;
	}
	.other_event .outer .inner ul li a .text_box span::before{
		margin-right: 29%;
	}
}
@media screen and (min-width: 1080px) {
	.other_event{
		margin-top: calc(-11% + 5px);
	}
	.other_event .outer .inner h2{
		font-size: 45px;
	}
	.other_event .outer .inner p{
		margin-top: 80px;
		max-width: 777px;
		line-height: 1.75;
	}
	.other_event .outer .inner h3{
		margin-top: 90px;
		max-width: 470px;
		width: 100%;
	}
	.other_event .outer .inner h3::before,.other_event .outer .inner h3::after{
		height: 58px;
		width: 4px;
		margin-top: -16px;
	}
	.other_event .outer .inner ul{
		max-width: 968px;
		margin-top: 40px;
		width: 90%;
		display: flex;
  		flex-wrap: wrap;
		margin-right: auto;
		margin-left: auto;
		justify-content: space-between;
	}
	.other_event .outer .inner ul li{
		max-width: 463px;
    	width: 57%;
		margin-top: 0;
	}
	.other_event .outer .inner ul li:nth-of-type(n+3){
		margin-top: 30px;
	}
	.other_event .outer .inner ul li a{
		flex-flow: column;
		overflow: hidden;
		border-radius: 20px;
	}
	.other_event .outer .inner ul li a .img_box{
		width: 100%;
	}
	.other_event .outer .inner ul li a .text_box{
		width: 100%;
		padding-bottom: 14px;
	}
	.other_event .outer .inner ul li a .text_box span::before{
		margin-right: 34%;
	}
}
@media screen and (min-width: 1200px) {
	.other_event{
		margin-top: calc(-9% + 1px);
		padding-bottom: 46%;
	}
}
@media screen and (min-width: 1560px) {
	.other_event{
		margin-top:-196px;
		padding-bottom: 27%;
	}
	.other_event .outer .inner ul li{
		max-width: 380px;
	}
}
@media screen and (min-width: 1700px) {
	.other_event .outer .inner ul{
		max-width: 1620px;
	}
	.other_event .outer .inner ul li:nth-of-type(n+3){
		margin-top: 0;
	}
}



















.pick_up{
	position: relative;
	margin-top: 0%;
	padding-bottom: min(24%,170px);
}
.pick_up::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../img/pickup_bgi_sp.webp");
	background-repeat: no-repeat;
	background-size: cover;
	top: auto;
	padding-bottom: 39%;
	bottom: 0;
	z-index: 2;
}
/*
.pick_up::after{
	content: "";
	display: block;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #EFC27A;
	opacity: 0.95;
}*/
.pick_up .inner{
	position: relative;
	z-index: 3;
	width: calc(90% - 1px);
	margin-right: auto;
	margin-left: auto;
}
.pick_up .inner h2{
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
}
.pick_up .inner p.bridge{
	text-align: center;
	font-family: "notobla";
	font-size: min(4vw,18px);
	letter-spacing: 0.05em;
	line-height: 1.66;
	margin-top: 5px;
	padding-bottom: 50px;
	border-bottom: dashed 2px white;
}
.pick_up .inner ul.contents_area{
	margin-top: 50px;
}
.pick_up .inner ul.contents_area li.contents_box{
	max-width: 336px;
	margin-right: auto;
	margin-left: auto;
}
.pick_up .inner ul.contents_area li.contents_box:last-of-type{
	margin-top: 44px;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner header{
	width: 90%;
	display: flex;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner header .img_box{
	max-width: 65px;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner header p{
	font-size: 13px;
	line-height: 1.84;
	margin-left: 6%;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .yellow_block{
	background-color: #FCE462;
	border-radius: 20px;
	margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 5px 5px 10px #0000004D;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .yellow_block .schedule{
	display: flex;
	align-items: center;
	margin-top: 28px;
	max-width: 298px;
	margin-left: auto;
	margin-right: auto;
	font-family: "notosemi";
	font-size: 15px;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .yellow_block .schedule .black{
	background-color: black;
	color: white;
	width: 47px;
	height: 18px;
	line-height: 16px;
	text-align: center;
	border-radius: 3px;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .yellow_block .schedule .schedule_list{
	margin-left: 20px;
	line-height: 1.4;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .white_block{
	background-color: #F5F3ED;
	border-radius: 20px;
	margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 5px 5px 10px #0000004D;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .white_block .img_box{
	width: 91%;
	max-width: 403px;
	margin-top: 17px;
	margin-left: auto;
	margin-right: auto;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .white_block p{
	font-size: 13px;
	text-align: center;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .button{
	display: block;
	text-align: center;
	color: black;
	width: calc(89% + 1px);
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	height: 30px;
	line-height: 26px;
	border-radius: 100px;
	box-shadow: 0px 5px 0px #00000029;
	margin-top: 14px;
	transition-duration: 0.1s;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .button:hover{
	opacity: 0.7;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .button span.triangle{
	position: relative;
	display: block;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .button span.triangle::before{
	content: "";
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	background-image: url("../img/black_triangle.webp");
	background-size: contain;
	background-repeat: no-repeat;
	top: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	margin-left: 33px;
}
.pick_up .inner ul.contents_area li.contents_box:last-of-type .contents_inner .button span.triangle::before{
	margin-left: 65px;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .button span.fs{
	transition-duration: 0.1s;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .button:hover span.fs{
	transform: scale(0.9);
	display: block;
}
.pick_up .inner ul.contents_area li.contents_box .contents_inner .white_block .button{
	margin-top: 13px;
}

@media screen and (min-width: 768px) {
	.pick_up{
		padding-bottom: min(calc(22% + 2px),213px);
	}
	.pick_up::after{
		background-image: url("../img/pickup_bgi_tab.webp");
		padding-bottom: 28%;
	}
	.pick_up .inner{
		width:calc(93% - 4px);
		max-width: 956px;
	}
	.pick_up .inner p.bridge{
		padding-bottom: min(calc(6% - 2.6px),76px);
	}
	.pick_up .inner ul.contents_area{
		display: flex;
		justify-content: space-between;
		margin-top: min(calc(7% + 0.3px),96px);
		line-height: 1.67;
		max-width: 956px;
	}
	.pick_up .inner ul.contents_area li.contents_box{
		margin: 0;
		max-width: 445px;
		width: calc(47% + 3px);
	}
	.pick_up .inner ul.contents_area li.contents_box:last-of-type{
		margin-top: 0;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner header{
		justify-content: left;
		max-width: 100%;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner header .img_box{
		max-width: 107px;
		width: 22%;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner header p{
		margin-left: 6%;
		font-size: min(1.69vw,20px);
		max-width: 338px;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .yellow_block,.pick_up .inner ul.contents_area li.contents_box .contents_inner .white_block{
		margin-top: min(calc(6% - 1px),26px);
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .yellow_block .schedule{
		margin-top: min(2px,37px);
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .button span.triangle::before{
		margin-left: 5vw;
	}
	.pick_up .inner ul.contents_area li.contents_box:last-of-type .contents_inner .button span.triangle::before{
		margin-left: 10vw;
	}
}
@media screen and (min-width: 1080px) {
	.pick_up::after{
		background-image: url("../img/pickup_bgi_pc.webp");
		background-position: top center;
		background-size: 100% 100%;
	}
	.pick_up .inner p.bridge{
		margin-top: 37px;
		padding-bottom: 77px;
	}
	.pick_up .inner ul.contents_area{
		margin-top: 96px;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner header{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner header .img_box{
		width: 100%;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .yellow_block .schedule{
		
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .white_block p{
		font-size: 17px;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .button{
		height: 46px;
		line-height: 46px;
		font-size: 17px;
		margin-top: 21px;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .button span::before{
		height: 18px;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .button span.triangle::before{
		margin-left: 78px;
	}
	.pick_up .inner ul.contents_area li.contents_box:last-of-type .contents_inner .button span.triangle::before{
		margin-left: 114px;
	}
	.pick_up .inner ul.contents_area li.contents_box .contents_inner .white_block .button{
		margin-top: 8px;
	}
}
@media screen and (min-width: 1200px) {
	.pick_up::after{
		padding-bottom: 25%;
	}
}
@media screen and (min-width: 1560px) {
	.pick_up::after{
		padding-bottom: 20%;
	}
}
@media screen and (min-width: 1700px) {
	.pick_up::after{
		padding-bottom: 300px;
	}
}







.access{
	background-color: white;
	padding-top: min(calc(22% - 2.5px),118px);
}
.access h2{
	width: min(calc(46% - 2px),336px);
	margin-right: auto;
	margin-left: auto;
}
.access h2 span{
	display: block;
	text-align: center;
	font-family: "notobla";
	letter-spacing: 0.05em;
	font-size: min(4vw,18px);
	margin-top: min(6%,30px);
}
.access .saitama_block,.access .tokyo_kanagawa_block{
	width: min(calc(89% + 2px),690px);
	margin-right: auto;
	margin-left: auto;
}
.access .saitama_block{
	margin-top: min(18%,84px);
}
.access .tokyo_kanagawa_block{
	margin-top: min(calc(5% + 2px),42px);
}
.access h3{
	text-align: center;
	font-size: min(4.27vw,22px);
	padding-bottom: 10px;
	letter-spacing: 0.08em;
	line-height: 1.68;
	border-bottom: solid 1px black;
}
.access ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: min(6%,25px);
}
.access ul li{
	width: 48%;
	max-width: 220px;
}
.access ul li:nth-of-type(n+3){
	margin-top: min(3%,18px);
}
.access ul li a{
	letter-spacing: 0.1em;
	text-align: center;
	display: block;
	background-color: #E2E2E2;
	border-radius: 16px;
	color: black;
	font-family: "notome";
	font-size: min(3.47vw,17px);
	height: 30px;
	line-height: 30px;
}
@media screen and (min-width: 768px) {
	.access .saitama_block, .access .tokyo_kanagawa_block{
		width: calc(90% - 1px);
		max-width: 935px;
	}
	.access .saitama_block{
		margin-top: min(11%,102px);
	}
	.access h3{
		border-width: 2px;
	}
	.access ul{
		justify-content: space-around;
		max-width: 934px;
		margin-right: auto;
		margin-left: auto;
	}
	.access ul li:nth-of-type(3){
		margin-top: 0;
	}
	.access ul li a{
		height: 50px;
		line-height: 50px;
		border-radius: 100px;
	}
}
@media screen and (min-width: 979px) {
	.access h2{
		max-width: 410px;
	}
	.access h2 span{
		font-size: 23px;
	}
	.access .tokyo_kanagawa_block{
		margin-top: 56px;
	}
	.access ul{
		justify-content: space-between;
	}
	.access ul li:nth-of-type(4){
		margin-top: 0;
	}
	.access ul li:nth-of-type(9){
		position: relative;
  		left: 25.6%;
	}
	.access .saitama_block ul li:last-of-type{
		margin-left: auto;
		margin-right: auto;
		position: relative;
		left: 1%;
	}
}



footer{
	background-color: white;
	display: block;
	width: 100%;
	position: relative;
	z-index: 3;
	padding-top: min(calc(19% + 1px),92px);
	padding-bottom: 20px;
	font-family: "notome";
}
footer a.page_top{
	display: block;
  	text-align: center;
	color: black;
	letter-spacing: 0.1em;
	font-size: min(4.53vw,26px);
}
footer small{
	display: block;
	text-align: center;
	font-size: min(2.67vw,14px);
	margin-top: min(7%,44px);
}
@media screen and (min-width: 768px) {
	footer{
		padding-top: 72px;
	}
}
@media screen and (min-width: 1080px) {
	footer{
		padding-top: 92px;
		padding-bottom: 47px;
	}
}



.modal_box{
	width: 100%;
	/*top: 0!important;*/
	top: 150%;
	transition: top 0.5s ease-out;
	border: none;
	background-color: #FBEB7E;
	padding-top: 54px;
	margin-top: 80px;
	border-radius: 20px;
	bottom: 0;
	margin: auto;
	height: 660px;
	width: 93%;
	max-width: 620px;
	right: 0;
	left: 0;
	/*transition-duration: 0.3s;*/
}
.modal_box .close_button{
	position: absolute;
	width: 34px;
	height: 34px;
	top: -40px;
	right: 0;
	left: auto;
}

.modal_box.test{
	top: 0;
	display: block;
	transition: top 0.5s ease-out;
}
.modal_box .wrapper{
	height: 590px;
	overflow-y: scroll;
}
.modal_box .inner{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.title_img{
	width: 86%;
	margin-left: auto;
	margin-right: auto;
}
.modal_box .inner>ul.flex_box{
	padding-top: 44px;
	border-top: dashed 2px #3574D1;
	margin-top: 42px;
}
.modal_box .inner>ul.flex_box li.img_box{
	width: min(calc(96% - 1px),335px);
	margin-right: auto;
	margin-left: auto;
}
.modal_box .inner>ul.flex_box li.text_box{
	width: min(calc(96% - 1px),560px);
	margin-top: min(calc(7% - 1px),30px);
}
.modal_box .inner>ul.flex_box li.text_box .intro_text{
	text-align: center;
}
.modal_box .inner>ul.flex_box li.text_box .intro_text.one{
	font-size: 17px;
	width: 96%;
	font-family: "notobla";
	line-height: 1.64;
	margin-left: auto;
  	margin-right: auto;
}
.modal_box .inner>ul.flex_box li.text_box .intro_text.one span.cc{
	color: #DC424B;
}
.modal_box .inner>ul.flex_box li.text_box .intro_text.two{
	font-family: "notome";
	line-height: 1.53;
	margin-top: min(calc(3% + 1px),16px);
	width: 87%;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
}
.modal_box .inner>ul.flex_box li.text_box .intro_text.three{
	color: #DC424B;
	font-family: "notobla";
	letter-spacing: 0.05em;
	font-size: min(4vw,19px);
	background:linear-gradient(transparent 60%, #ffffff 60%);
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.66;
}
.modal_box .inner>ul.flex_box li.text_box .intro_text.three+span{
	font-size: 13px;
	line-height: 1.53;
}
.modal_box .inner>ul.flex_box li.text_box .information_box{
	margin-top: min(calc(13% + 1px),58px);
	border-top: solid 1px black;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px black;
}
.modal_box .inner .flex_box .schedule,.modal_box .inner .flex_box p.attention{
	width: calc(94% + 2px);
	margin-left: auto;
	margin-right: auto;
}
.modal_box .inner .flex_box .schedule{
}
.modal_box .inner .flex_box .schedule li{
	display: flex;
	align-items: center;
}
.modal_box .inner .flex_box .schedule li:last-of-type{
	margin-top: 12px;
}
.modal_box .inner .flex_box .schedule .black{
	background-color: black;
	color: white;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	display: block;
	width: 38px;
	text-align: center;
	border-radius: 3px;
}
.modal_box .inner .flex_box .schedule p{
	font-size: 15px;
	margin-left: 7px;
}
.modal_box .inner .flex_box p.attention{
	font-family: "notome";
	font-size: 12px;
	line-height: 1.666;
	margin-top: 20px;
	color: #3C3C3C;
}
.modal_box .inner .title_img.bottom_title{
	width: 96%;
	margin-top: min(16%,53px);
}
.modal_box .inner .white_area{
	margin-top: min(calc(7% - 1px),30px);
	width: calc(96% - 1px);
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-radius: 15px;
}
.modal_box .inner .white_area::before{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 98%;
	background-color: white;
	border-radius: 15px;
}
.modal_box .inner .white_area ul{
	position: relative;
}
.modal_box .inner .white_area ul.present_box{
	width: 88%;
  	margin-left: auto;
  	margin-right: auto;
}
.modal_box .inner .white_area h4{
	text-align: center;
	font-size: 22px;
	font-family: "notobla";
	line-height: 1.5;
}
.modal_box .inner .white_area ul.present_box .flex_box{
	margin-top: 20px;
}
.modal_box .inner .white_area ul.present_box .flex_box li:last-of-type{
	margin-top: 10px;
}
.modal_box .inner .white_area ul.present_box .flex_box li:last-of-type .img_box{
	margin-top: -17px;
}


.modal_box .inner .white_area .img{
	width: 93%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.modal_box .inner .white_area div.flex_box{
	display: flex;
	justify-content: space-between;
	width: 94%;
	margin-left: auto;
	align-items: center;
	margin-top: -14px;
	max-width: 267px;
}
.modal_box .inner .white_area div.flex_box p{
	font-size: 13px;
	font-family: "notome";
	line-height: 1.84;
}
.modal_box .inner .white_area div.flex_box .img_box{
	width: 88px;
}
.modal_box .inner>span{
	display: block;
	width: 89%;
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	font-family: "notome";
	font-size: 12px;
}
.modal_box .inner .text_img_box{
	display: flex;
	width: 89%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
.modal_box .inner .text_img_box .img_box{
	width: 89%;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.modal_box .inner .text_img_box .img_box span{
	display: block;
	width: 77px;
	margin-top: 30px;
}
/*.modal_box .inner .text_img_box .object{
	position: absolute;
	left: auto;
	right: 0;
	bottom: -90px;
	width: 130px;
}*/
.modal_one .step_box {
	padding-top: 40px;
	margin-top: 40px;
	border-top: dashed 2px #DC424B;
}
.modal_one .step_box p.bridge{
	text-align: center;
	font-family: "notome";
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 1.8;
	width: 93%;
	margin-left: auto;
	margin-right: auto;
}

.modal_one .step_list{
	width: 83%;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
}
.modal_one .step_list li{
	background-color: #FFFFFF;
	border-radius: 15px;
}
.modal_one .step_list li:nth-of-type(n+2){
	margin-top: 36px;
	padding-bottom: 25px;
}
.modal_one .step_list li .inner h4,.modal_one .step_list li .inner p{
	text-align: center;
}
.modal_one .step_list li .inner h4{
	font-family: "notobla";
	color: #DC424B;
	letter-spacing: 0.1em;
	font-size: 22px;
	position: relative;
	top: -14px;
}
.modal_one .step_list li .inner p{
	font-size: 12px;
	line-height: 1.66;
}
.modal_one .step_list li .img_box{
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
.modal_one .step_list li.step_one .img_box,.modal_one .step_list li.step_two .img_box{
	max-width: 250px;
}
.modal_one .step_list li.step_three .img_box{
	max-width: 230px;
}
.modal_one .step_list li.step_four .img_box{
	max-width: 165px;
}
.modal_one .step_box p.summary_text{
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}
.modal_one .bottom_contents{
	padding-top: 40px;
	margin-top: 45px;
	border-top: dashed 2px #DC424B;
}
.modal_one .bottom_contents h3{
	width: 87%;
	margin-left: auto;
	margin-right: auto;
}
.modal_one .bottom_contents .white_area{
	padding-top: 26px;
	background-color: white;
}
.modal_one .inner .white_area::before {
	display: none;
}
.modal_one .inner ul.flex_box{
	border: none;
	padding-top: 0;
	margin-top: 0;
}
.modal_one .inner .flex_box .schedule{
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.modal_one .inner .flex_box .schedule li:last-of-type{
	margin-top: 0;
	margin-left: 7px;
}
.modal_one .inner .flex_box li.img_box{
	margin-top: 15px;
	max-width: 264px;
	margin-right: auto;
	margin-left: auto;
}
.modal_one .inner .flex_box li.img_box p{
	font-size: 13px;
	line-height: 1.84;
	font-family: "notome";
}
.modal_one .inner .bottom_contents .attention{
	font-size: 12px;
	font-family: "notome";
	width: 89%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.66;
}
.modal_one .text_img_box .object{
	width:77%;
}
.modal_two .text_img_box .object{
	width: 69%;
}
@media screen and (min-width: 768px) {
	.modal_box{
		max-width: 1200px;
		width: calc(81% - 2px);
		height: 700px;
	}
	.modal_box .close_button{
		right: 20px;
	}
	.modal_one {
		padding-top: min(calc(7% - 1px),84px);
	}
	.modal_one .inner{
		width: calc(90% + 2px);
	}
	.modal_one .title_img{
		width: calc(88% + 1px);
		max-width: 903px;
	}
	.modal_one .step_box{
		padding-top: min(6%,53px);
		margin-top: min(calc(7% + 2px),85px);
		border-width: 3px;
	}
	.modal_one .step_box p.bridge{
		width: 78%;
		font-size: min(1.95vw,20px);
	}
	.modal_one .step_list{
		width: 100%;
		max-width: 950px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: min(6%,55px);
	}
	.modal_one .step_list li{
		width: calc(49% + 1px);
		max-width: 453px;
	}
	.modal_one .step_list li:nth-of-type(2){
		margin-top: 0;
	}
	.modal_one .step_list li:nth-of-type(n+3){
		margin-top: min(calc(4% + 2px),42px);
	}
	.modal_one .step_list li .inner{
		padding-top: min(calc(12% + 3px),56px);
		position: relative;
	}
	.modal_one .step_list li .inner h4{
		font-size: min(2.86vw,32px);
		position: absolute;
		top: -11px;
		left: 0;
		right: 0;
	}
	.modal_one .step_list li .inner p{
		font-size: min(1.56vw,20px);
	}
	.modal_one .step_list li .img_box{
		width: 97%;
	}
	.modal_one .step_list li:nth-of-type(n+2) .img_box{
		width: calc(82% - 1px);
	}
	.modal_one .step_list li.step_one .img_box{
		max-width: 413px;
		margin-top: min(calc(14% - 1px),44px);
	}
	.modal_one .step_list li.step_two .img_box{
		max-width: 378px;
		margin-top: min(6%,19px);
	}
	.modal_one .step_list li.step_three .img_box{
		max-width: 317px;
	}
	.modal_one .step_list li.step_four .img_box{
		max-width: 250px;
		width: 64%;
	}
	.modal_one .step_box p.summary_text{
		margin-top: min(7%,36px);
		font-size: 18px;
	}
	.modal_one .bottom_contents{
		border-width: 3px;
		margin-top: min(calc(7% - 1px),54px);
		padding-top: min(calc(7% + 1px),63px);
	}
	.modal_one .bottom_contents h3{
		max-width: 574px;
		width: 55%;
	}
	.modal_one .bottom_contents .white_area{
		margin-top: min(4%,46px);
		width: 100%;
		max-width: 950px;
		padding-top: min(calc(3% + 4px),26px);
		padding-bottom: min(calc(4% + 2px),26px);
	}
	.modal_one .inner .bottom_contents .attention{
		margin-top: 22px;
		margin-left: auto;
		font-size: min(1.56vw,15px);
		max-width: 950px;
		width: 100%;
		margin-right: auto;
	}
	.modal_one .inner ul.flex_box{
		display: flex;
		justify-content: space-between;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0;
	}
	.modal_one .inner ul.flex_box li.text_box{
		width: min(43%,315px);
		line-height: 1.84;
	}
	.modal_box .inner .white_area h4{
		font-size: min(2.86vw,35px);
	}
	.modal_one .inner .flex_box .schedule{
		width: 100%;
		align-items: center;
	}
	.modal_box .inner .flex_box .schedule .black{
		font-size: min(1.56vw,20px);
		width: min(17%,65px);
	}
	.modal_one .inner .flex_box .schedule li:last-of-type{
		font-size: min(1.95vw,24px);
	}
	.modal_one .inner ul.flex_box li.text_box p{
		font-family: "notome";
				margin-top: min(3%,40px);
			font-size: min(1.69vw,20px);
	}
	.modal_one .inner .flex_box li.img_box{
		margin: 0;
		width: calc(51% + 2px);
		max-width: 494px;
	}
	.modal_one .inner .text_img_box{
		align-items: center;
		margin-top: 0;
		position: relative;
		width: 100%;
	}
	.modal_box .inner .text_img_box .img_box span{
		margin-left: auto;
  		margin-right: auto;
		width: calc(18% - 2px);
		max-width: 170px;
	}
	.modal_one .text_img_box .object{
		width: 27%;
		max-width: 283px;
    	position: absolute;
    	left: auto;
    	right: 0;
	}
	.modal_two{
		padding-top: min(calc(7% - 3px),83px);
	}
	.modal_two .title_img{
		width: 62%;
		max-width: 570px;
	}
	.modal_two .inner{
		width: min(calc(91% + 1px),1100px);
	}
	.modal_two .inner >ul.flex_box{
		margin-top: min(8%,50px);
		padding-top: min(calc(6% + 2px),45px);
		border-width: 3px;
		justify-content: space-between;
		max-width: 956px;
		margin-right: auto;
		margin-left: auto;
	}
	.modal_two .inner >.flex_box>.img_box{
		width: min(60%,432px);
	}
	.modal_two .inner >.flex_box .text_box{
		width: min(calc(37% - 3px),453px);
	}
	.modal_box .inner > ul.flex_box li.text_box {
		width: 100%;
	}
	.modal_box .inner > ul.flex_box li.text_box .intro_text.one{
		width: 100%;
	}
	.modal_box .inner > ul.flex_box li.text_box .intro_text.three{
		width: 64%;
		line-height: 1.68;
	}
	.modal_two .inner >.flex_box .schedule,.modal_box .inner .flex_box p.attention{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.modal_two .inner >.flex_box .schedule{
		margin-top: 0;
		width: 92%;
		margin-right: auto;
		margin-left: auto;
		display: flex;
	}
	.modal_two .inner >.flex_box .schedule li{
		width: 36%;
	}
	.modal_box .inner .flex_box .schedule li:last-of-type{
		margin-top: 0;
	}
	.modal_two .inner >.flex_box p.attention{
		font-size: min(1.56vw,15px);
		margin-top: min(calc(2% - 1px),32px);
		width: 92%;
		margin-right: auto;
		margin-left: auto;
	}
	.modal_box.modal_two .inner .title_img.bottom_title{
		width: 69%;
		max-width: 633px;
		margin-top: min(calc(9% + 3px),60px);
	}
	.modal_box.modal_two .inner .white_area{
		width: calc(100% - 5px);
		max-width: 950px;
		padding-top: min(7%,35px);
		padding-bottom: min(calc(5% - 1px),35px);
	}
	.modal_box .inner .white_area ul.present_box{
		width: 100%;
	}
	.modal_box .inner .white_area ul.present_box .flex_box{
		display: flex;
		align-items: flex-start;
		width: calc(96% - 1px);
		max-width: 902px;
		margin-top: min(calc(4% + 1px),26px);
		margin-left: auto;
		margin-right: 0;
    	justify-content: space-between;
	}
	.modal_box .inner .white_area ul.present_box .flex_box li:first-of-type{
		width: 50%;
		max-width: 443px;
	}
	.modal_box .inner .white_area ul.present_box .flex_box li:last-of-type{
		width: 48%;
		margin-top: 0;
	}
	.modal_box .inner .white_area ul.present_box .flex_box li:last-of-type span{
		position: relative;
		top: 10px;
		font-size: min(1.95vw,24px);
	}
	.modal_box .inner .white_area ul.present_box .flex_box li:last-of-type .img_box{
		margin-top: 0;
	}
	.modal_two .inner .white_area ul li.pc_block{
		width: 50%;
		max-width: 393px;
		  margin-left: auto;
	}
	.modal_box .inner .text_img_box{
		position: relative;
		align-items: center;
	}
	.modal_two .text_img_box .object{
		position: absolute;
		width: 26%;
		max-width: 267px;
		left: auto;
		right: 0;
	}
	.modal_box.modal_two .inner > span{
		max-width: 950px;
	}
	.modal_box.modal_two .inner > span br{
		display: none;
	}
	.modal_box.modal_two .inner .text_img_box .img_box span{
		width: 17%;
		margin-top: 0;
	}
}
@media screen and (min-width: 1200px) {
	.modal_box{
		width: 100%;
	}
	.modal_one .step_list li .inner h4{
		top:-14px;
	}
	.modal_one .inner .flex_box li.img_box{
		width: 100%;
	}
	.modal_box .inner .text_img_box {
		max-width: 950px;
	}
	.modal_box .inner .text_img_box .img_box{
		width: 100%;
	}
	.modal_box .inner .flex_box .schedule .black{
		height: 34px;
		line-height: 30px;
	}
	.modal_box .inner .flex_box .schedule p{
		font-size: min(1.95vw,24px);
	}
	.modal_one .inner ul.flex_box li.text_box p{
		margin-top: 44px;
	}
	.modal_box .inner .text_img_box .img_box span{
		margin-top: 43px;
	}
	.modal_one .text_img_box .object{
		top:-54px;
	}
	.modal_two .inner{
		width: 100%;
	}
	.modal_two .title_img:first-of-type{
		width: 100%;
		max-width: 1100px;
		border-bottom: dashed 3px #3574D1;
		padding-bottom: 50px;
	}
	.modal_two .title_img span{
		display: block;
		width: 570px;
		margin-right: auto;
		margin-left: auto;
	}
	.modal_two .inner>ul.flex_box{
		display: flex;
		align-items: normal;
		border-top: none;
		border-bottom: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	.modal_box .inner > ul.flex_box li.img_box,.modal_box .inner > ul.flex_box li.text_box{
		width: 469px;		
	}
	
	.modal_box .inner > ul.flex_box li.img_box{
		margin: 0;
	}
	.modal_box .inner > ul.flex_box li.text_box{
		margin-top: 0;
	}
	.modal_box .inner > ul.flex_box li.text_box .intro_text.one{
		font-size: 23px;
		width: 98%;
		line-height: 1.73;
	}
	.modal_box .inner > ul.flex_box li.text_box .intro_text.two{
		font-size: 17px;
		margin-top: 25px;
		width: 100%;
	}
	.modal_box .inner > ul.flex_box li.text_box .intro_text.three{
		width: 93%;
		font-size: 23px;
		margin-top: 11px;
		background: linear-gradient(transparent 70%, #fff 70%);
	}
	.modal_box .inner > ul.flex_box li.text_box .information_box{
		border-width: 2px;
		margin-top: 45px;
	}
	.modal_two .inner > .flex_box .schedule {
		flex-flow: column;
	}
	.modal_two .inner > .flex_box .schedule li{
		width: 100%;
	}
	.modal_box.modal_two .inner .flex_box .schedule li:last-of-type{
		margin-top: 15px;
	}
	.modal_two .inner > .flex_box p.attention{
		margin-top: 15px;
	}
	.modal_box.modal_two .inner .title_img.bottom_title{
		max-width: 1100px;
	 	width: 100%;
		margin-top: 80px;
	}
	.modal_two .title_img span{
		display: block;
		max-width: 592px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.modal_box.modal_two .inner .white_area{
		margin-top: 45px;
	}
	.modal_box .inner .white_area::before {
		border-radius: 30px;
	}
	.modal_box .inner .white_area ul.present_box .flex_box{
		margin-right: auto;	
	}
	.modal_box .inner .white_area ul.present_box .flex_box li:first-of-type{
		width: 100%;
	}
	.modal_box .inner .white_area ul.present_box .flex_box li:last-of-type .img_box{
		width: 435px;
		margin-top: -21px;
	}
	.modal_box.modal_two .inner > span{
		font-size: 15px;	
	}
	.modal_box .inner>.text_img_box{
		margin-top: 60px;
	}
}
@media screen and (min-height: 600px) {
	.modal_box{
		height: 580px;
	}
	.modal_box .wrapper{
		height: 466px;
	}
	.modal_box .close_button{
		top: 10px;
	}
}
@media screen and (min-height: 700px) {
	.modal_box{
		height: 680px;
	}
	.modal_box .close_button{
		top: 26px;
	}
}
@media screen and (min-height: 768px) {
	.modal_box{
		height: 700px;
	}
	.modal_box .wrapper{
		height: 566px;
	}
}
@media screen and (min-width: 1500px) and (max-height: 893px) {
	.modal_box .close_button{
		top: -40px;
	}
}