@charset "utf-8";
@font-face {
	font-family: 'mobore';
 	src: url('../fonts/MOBO-Regular.otf') format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'mobosemi';
 	src: url('../fonts/MOBO-SemiBold.otf') format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'mobobo';
 	src: url('../fonts/MOBO-Bold.otf') format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'notobla';
 	src: url('../fonts/NotoSansJP-Black.ttf') format('truetype');
	font-display: swap;
}
body{background-color:#F8F5E9;}
body.scroll_lock{overflow: hidden;}
main{overflow: hidden;font-family: 'mobobo';padding-top: 83px;}
@media screen and (min-width: 769px) {
  main {padding-top: 171px;}
}
.triangle::after{
	content: "";
	display: block;
	width: 8px;
	height: 6px;
	background-image: url("../img/triangle_black.webp");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	margin-right: 14px;
}
@media screen and (min-width: 1000px) {
	.triangle::after{
		width: 20px;
		height: 15px;
		margin-right: 20px;
	}
}





.mv{
	background-image: url("../img/mv_sp_bgi.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-bottom: 3%;
	background-position: center center;
}
.mv .inner{
	position: relative;
}
.mv .inner .object{
	position: absolute;
}
.mv .inner .bgi{
	top:0;
	right: 0;
	left: 0;
	bottom:0;
}
.mv .inner p{
	position: absolute;
	color: white;
	top: 0;
  	left: 0;
  	right: 0;
  	margin: auto;
	text-align: center;
	margin-top: 46%;
	letter-spacing: 0.12em;
	font-size: min(3.73vw,21px);
}
.mv .inner .title{
	width: 52%;
	max-width: 303px;
	margin-left: auto;
	margin-right: auto;
	top:0;
	right: 0;
	left: 0;
	margin-top: 53%;
}
.mv .inner .schedule{
	width: 39%;
	max-width: 229px;
	margin-right: auto;
	margin-left: auto;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 95%;
}
@media screen and (min-width: 768px) {
	.mv{
		background-image: url("../img/mv_tab_bgi.webp");
		padding-top: 5%;
		padding-bottom: 10%;
	}
	.mv .inner p{
		margin-top: 38%;
	}
	.mv .inner .title{
		margin-top: 44%;
	}
	.mv .inner .schedule{
		margin-top: 76%;
	}
}
@media screen and (min-width: 1000px) {
	.mv{
		background-image: url("../img/mv_pc_bgi.webp");
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.mv .img_box.bgi{
		max-width: 1430px;
  		margin-left: auto;
  		margin-right: auto;
	}
	.mv .inner p{
		margin-top: -12px;
		text-align: left;
		margin-left: 60px;
		line-height: 1.51;
		font-size: 35px;
	}
	.mv .inner .title{
		max-width: 501px;
		width: 32%;
    	margin-top: 16%;
	}
	.mv .inner .schedule{
		margin-top: 42%;
	}
}
@media screen and (min-width: 1400px) {
	.mv .inner .title{
		margin-top: 218px;
		width: 100%;
	}
	.mv .inner .schedule{
		max-width: 276px;
		width: 100%;
		margin-top: 609px;
	}
}
.intro{
	padding-top: 18%;
	padding-bottom: 14%;
	background-color: white;
	text-align: center;
	color: #0074D1;
}
.intro h2{
	font-size: min(5.33vw,24px);
	letter-spacing: 0.08em;
	line-height: 1.5;
}
.intro p{
	line-height: 2.07;
	font-size: min(3.47vw,16px);
	margin-top: calc(6% + 5px);
}
@media screen and (min-width: 768px) {
	.intro{
		padding-top: 14%;
	}
	.intro h2{
		font-size: min(3.13vw,50px);
	}
	.intro p{
		line-height: 2.06;
		font-size: min(2.08vw,23px);
		margin-top: 3%;
	}
}
@media screen and (min-width: 1000px) {
	.intro{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.intro h2 br.sp_block{
		display: block;
	}
	.intro p{
		margin-top: 50px;
	}
}
.special{
	background-color: #1EAC3A;
	position: relative;
	padding-top: 35%;
	padding-bottom: 26%;
}
.special::before,.special::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
}
.special::before{
	width: 100%;
	background-image: url("../img/special_sp_topwave.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 4%;
	z-index: 1;
}
.special::after{
	background-image: url("../img/special_watermelon.webp");
	background-repeat: no-repeat;
	padding-bottom: 43%;
	width: 73%;
  	background-size: cover;
	left: 0;
	right: 0;
	margin: auto;
	background-position: center;
}
.special h2{
	width: 41%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
.special h2::before,.special h2::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	padding-bottom: 80%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
}
.special h2::before{
	background-image: url("../img/special_object_01.webp");
	padding-bottom: 147%;
	width: 61%;
	max-width: 144px;
	margin-left: -70%;
	margin-top: -63%;
}
.special h2::after{
	background-image: url("../img/special_object_02.webp");
	padding-bottom: 128%;
	width: 54%;
	max-width: 123px;
	left: 0;
	right: 0;
	margin-right: -64%;
	margin-left: auto;
	margin-top: -44%;
}
.special h2 span{
	display: block;
	max-width: 197px;
	margin-left: auto;
  	margin-right: auto;
}
.special p.bridge_text{
	color: white;
	text-align: center;
	font-size: min(5.33vw,30px);
	letter-spacing: 0.05em;
	margin-top: 7%;
}
.special .outer{
	width: 89%;
	margin-top: calc(6% + 2px);
	margin-right: auto;
	margin-left: auto;
}
.special .outer ul li:last-of-type{
	margin-top: 6%;
}
.special .outer ul li h3{
	background-color:#D04A23; 
	padding: calc(5% + 2px) 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.special .outer ul li h3 span{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.special .outer ul li:first-of-type h3 span{
	width: 80%;
}
.special .outer ul li:last-of-type h3 span{
	width: 67%;
}
.special .outer ul li .white_block{
	background-color: white;
	padding-top: 4%;
	padding-bottom: calc(8% + 2px);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.special .outer ul li .white_block h4{
	color: #3CAC3A;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.38;
	font-size: min(4.8vw,18px);
}
.special .outer ul li .white_block .img_container{
	position: relative;
	width: 91%;
	max-width: 510px;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
}
.special .outer ul li .white_block .img_box{
	width: 100%;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
}
.special .outer ul li:last-of-type .white_block .img_box{
	width: calc(91% - 1px);
}
.special .outer ul li .white_block .img_container .img_box:last-of-type{
	position: absolute;
	bottom: 0;
	width: 81%;
	max-width: 448px;
	margin-left: 3%;
	margin-bottom: 1.4%;
}
.special .outer ul li .white_block a.link_button,.special .outer ul li .white_block .modal_button{
	display: block;
	text-align: center;
}
.special .outer ul li .white_block a.link_button{
	color: black;
	background-color: #E6DF26;
	position: relative;
	letter-spacing: 0.05em;
	font-size: 14px;
	width: 69%;
	margin-right: auto;
	margin-left: auto;
	padding: 3% 0;
	border-radius: 50px;
	margin-top: calc(8% + 2px);
	z-index: 3;
	transition-duration: 0.5s;
}
.special .outer ul li .white_block a.link_button:hover{
	opacity: 0.65;
}
.special .outer ul li .white_block .modal_button{
	font-size: 11px;
	margin-top: 7%;
	width: 54%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 3px;
	border-bottom: solid 1px black;
	font-family: "mobosemi";
	letter-spacing: 0.02em;
	position: relative;
	z-index: 3;
	cursor: pointer;
}
.special .outer ul li:last-of-type .white_block .modal_button{
	margin-top: 6%;
}
.special .outer ul li .white_block .modal_button::after{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background-image: url("../img/cross.webp");
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto;
	margin-right: 0;
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
}
.special .outer ul li .white_block p{
	font-size: 13px;
	text-align: center;
	line-height: 1.69;
	margin-top: 7%;
	font-family: "mobosemi";
}
@media screen and (min-width: 768px) {
	.special{
		overflow-y:clip;
		padding-top: 27%;
		padding-bottom: 12%;
	}
	.special::before{
		background-image: url("../img/white_bottom_wave.webp");
		padding-bottom: 2%;
	}
	.special::after {
		width: 67%;
		max-width: 1007px;
		margin-top: -2%;
		margin-right: auto;
		margin-left: auto;
		left: 0;
    	right: 0;
		padding-bottom: 31%;
	}
	.special h2{
		max-width: 995px;
		width: calc(26% - 2px);
	}
	.special h2::before {
		margin-top: -62%;
		margin-left: -115%;
		width: 73%;
		max-width: 228px;
	}
	.special h2::after {
		margin-top: -50%;
		margin-right: -105%;
		width: 63%;
		max-width: 166px;
	}
	.special h2 span{
		max-width: 373px;
			margin-right: auto;
		margin-left: auto;
	}
	.special p.bridge_text{
		font-size: min(3.91vw,40px);
		margin-top: calc(5% - 2px);
	}
	.special .outer{
		width: calc(85% - 2px);
		max-width: 1414px;
		position: relative;
		z-index: 2;
	}
	.special .outer ul{
		display: flex;
		justify-content: space-between;
	}
	.special .outer ul li{
		width: calc(48% - 2px);	
	}
	.special .outer ul li:last-of-type{
		margin-top: 0;
	}
	.special .outer ul li:first-of-type h3 span{
		width: 86%;
		max-width: 407px;
	}
	.special .outer ul li:last-of-type h3 span{
		width: calc(72% + 1px);
		max-width: 338px;
	}
	.special .outer ul li .white_block h4{
		font-size: min(2.34vw,30px);
	}
	.special .outer ul li .white_block .img_box{
		width: 100%;
		max-width: 510px;
		margin-top: 4%;
	}
	.special .outer ul li:first-of-type .white_block .img_box:last-of-type{
		margin-left: 0;
		margin-bottom: 13px;
	}
	.special .outer ul li:last-of-type .white_block .img_box{
		width: calc(89% - 2px);
	}
	.special .outer ul li .white_block a.link_button{
		padding: calc(4% + 1px) 0;
		margin-top: 6%;
		font-size: min(1.82vw,23px);
	}
	.special .outer ul li .white_block p{
		font-size: min(1.69vw,23px);
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.special .outer ul li .white_block p br{
		display: none;
	}
	.special .outer ul li .white_block .modal_button{
		margin-top: 7%;
		font-size: min(1.43vw,19px);
		width: 58%;
	}
}
@media screen and (min-width: 1000px) {
	.special{
		padding-top: 320px;
		padding-bottom: 200px;
		overflow: hidden;
	}
	.special::before {
		background-image: url("../img/white_bottom_wave_pc.webp");
		padding-bottom: 1%;
	}
	.special::after {
		margin-top: -2.5%;
		background-image: url("../img/special_watermelon_pc.webp");
		max-width: 750px;
		width: 100%;
		padding-bottom: 327px;
	}
	.special h2{
		width: 100%;
		text-align: center;
	}
	.special h2::before {
		margin-top: -180px;
    	margin-left: -2px;
	}
	.special h2::after {
		margin-right: 21px;
		margin-top: -9%;
	}
	.special p.bridge_text{
		margin-top: 55px;
	}
	.special .outer{
		margin-top: 44px;
		width: 99%;
	}
	.special .outer ul li{
		width: 48%;
		max-width: 675px;
		background-color: white;
		padding-bottom: 50px;
		border-radius: 12px;
	}
	.special .outer ul li h3{
		height: 80px;
		line-height: 96px;
		padding: 0;
		transform: rotate(0deg);
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}
	.special .outer ul li .white_block{
		padding-top: 26px;
		padding-bottom: 0;
	}
	.special .outer ul li .white_block .img_container{
		width: 100%;
	}
	.special .outer ul li .white_block .img_box{
		margin-top: 30px;
	}
	.special .outer ul li:last-of-type .white_block .img_box{
		width: 100%;
	}
	.special .outer ul li .white_block a.link_button{
		margin-top: 27px;
		height: 70px;
		line-height: 70px;
		padding: 0;
		max-width: 395px;
		width: 100%;
	}
	.special .outer ul li .white_block p{
		margin-top: 24px;
		font-size: 16.9px;
	}
	.special .outer ul li .white_block p br{
		display: block;
	}
	.special .outer ul li .white_block .modal_button{
		margin-top: 30px;
		font-size: 19px;
		max-width: 330px;
		width: 100%;
		line-height: 1.63;
		padding-bottom: 6px;
	}
	.special .outer ul li:last-of-type .white_block .modal_button{
		margin-top: 33px;
	}
	.special .outer ul li .white_block .modal_button::after{
		width: 12px;
		height: 12px;
	}
}
@media screen and (min-width: 1414px) {
	.special .outer{
		min-width: 1414px;
	}
}
@media screen and (min-width: 1430px) {
	.special .outer ul li .white_block p{
		font-size: 23px;
	}
	.special .outer ul li:last-of-type .white_block .modal_button{
		margin-top: 23px;
	}
}
.event{
	position: relative;
	background-color: #FDFDDD;
	overflow-y: clip;
}
.event::before,.event::after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
.event::before{
	padding-bottom: 10%;
	background-image: url("../img/events_top_wave.webp");
	z-index: 1;
}
.event::after{
	padding-bottom: 68%;
	background-image: url("../img/float_ring.webp");
	left: 0;
	right: 0;
	margin: auto;
	background-position: center;
	margin-top: -41%;
}
.event .outer{
	padding-top: 37%;
	padding-bottom: 12%;
}
.event .outer::after{
	content: "";
	display: block;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	padding-bottom: 3%;
	background-image: url("../img/otherevent_topwave.webp");
	bottom: 0;
}
.event h2{
	width: calc(38% - 2px);
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
}
.event h2::before,.event h2::after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
.event h2::before{
	background-image: url("../img/events_object_01.webp");
	padding-bottom: 77%;
	width: 60%;
	max-width: 98px;
	margin-top: -52%;
	margin-left: -70%;
}
.event h2::after{
	background-image: url("../img/events_object_02.webp");
	padding-bottom: 98%;
	width: 83%;
	max-width: 159px;
	margin-right: -94%;
	margin-left: auto;
	left: 0;
	right: 0;
	margin-top: -64%;
}
.event h2 span{
	max-width: 180px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.event .bridge_text,.event>span{
	color: #0074D1;
	text-align: center;
	letter-spacing: 0.05em;
}
.event .bridge_text{
	margin-top: calc(8% + 2px);
	font-size: min(5.33vw,30px);
}
.event .outer>span{
	display: block;
	font-size: min(4vw,24px);
	color: #0074D1;
	text-align: center;
	margin-top: calc(2% - 1.5px);
	line-height: 1.66;
	letter-spacing: 0.05em;
}
.event ul.contents_container{
	width: 89%;
	margin-top: 9%;
	margin-right: auto;
	margin-left: auto;
}
.event ul.contents_container>li{
	border-radius: 5px;
	padding-bottom: 6%;
	position: relative;
	overflow-x: clip;
	overflow-y: clip;
}
.event ul.contents_container > li:nth-of-type(n+2){
	margin-top: 3%;
}
.event ul.contents_container>li.vol_one{
	background-color: #48A2FB;
}
.event ul.contents_container>li.vol_two{
	background-color: #8CC877;
}
.event ul.contents_container>li.vol_three{
	background-color: #D04A23;
}
.event ul.contents_container>li .inner{
	width: 91%;
	margin-right: auto;
	margin-left: auto;
	color: white;
}
.event ul.contents_container>li .img_box{
	width: calc(44% - 1px);
	max-width: 186px;
}
.event ul.contents_container>li.vol_two .img_box{
	margin-left: auto;
	width: 61%;
}
.event ul.contents_container > li .inner{
	position: relative;
}
.event ul.contents_container>li .inner .contents_detail{
	display: flex;
}
.event ul.contents_container>li.vol_two .inner .contents_detail{
	flex-direction: row-reverse;
}
.event ul.contents_container>li.vol_two .inner .contents_detail .text_box{
	width: 42%;
}
.event ul.contents_container>li .inner .contents_detail .object{
	width: 63%;
	/*max-width: 244px;*/
	position: absolute;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: -11%;
}
.event ul.contents_container>li.vol_two .inner .contents_detail .object{
	width: 51%;
	margin-right: auto;
	margin-left: -5%;
	/*max-width: 234px;*/
}
.event ul.contents_container>li.vol_three .inner .contents_detail .object{
	width: 47%;
	/*max-width: 246px;*/
	margin-right: -5%;
}
.event ul.contents_container>li .inner .subtext{
	letter-spacing: 0.05em;
	font-size: min(4vw,20px);
	line-height: 1.33;
	display: block;
	margin-top: 9%;
}
.event ul.contents_container>li .inner h4{
	font-size: min(6.67vw,35px);
	line-height: 1.32;
}
.event ul.contents_container>li a.link_button{
	display: block;
	color: black;
	background-color: #E6DF26;
	text-align: center;
	border-radius: 45px;
	font-size:14px;
	padding: calc(4% + 1px) 0;
	margin-top: 5%;
	position: relative;
	max-width: 370px;
	transition-duration: 0.5s;
}
.event ul.contents_container>li a.link_button:hover{
	opacity: 0.65;
}
@media screen and (min-width: 768px) {
	.event::before {
		background-image: url("../img/events_top_wave_tab.webp");
		background-size: cover;
		background-position: center;
		padding-bottom: 1.7%;
	}
	.event::after {
		padding-bottom: 42%;
		margin-top: -23%;
	}
	.event .outer{
		padding-top: 27%;
	}
	.event .outer::after {
		display: none;
	}
	.event h2::before {
		margin-left: -42%;
		margin-top: -32%;
	}
	.event h2::after{
		margin-top: -52%;
    	margin-right: -67%;
	}
	.event .bridge_text{
		margin-top: calc(5% - 2px);
		line-height: 1.15;
		font-size: min(3.91vw,40px);
	}
	.event ul.contents_container{
		margin-top: calc(7% + 1px);
		width: calc(85% - 2px);
		max-width: 650px;
	}
	.event ul.contents_container > li.vol_one,.event ul.contents_container > li.vol_two,.event ul.contents_container > li.vol_three{
		overflow-y: inherit;
		padding-bottom: 5%;
	}
	.event ul.contents_container > li .inner .contents_detail .text_box{
		width:100%;
	}
	.event ul.contents_container > li .img_box,.event ul.contents_container > li.vol_two .img_box{
		position: absolute;
		width: calc(23% - 1px);
		max-width: 186px;
	}
	.event ul.contents_container > li.vol_two .img_box{
		margin-left: auto;
		right: 0;
	}
	.event ul.contents_container > li.vol_two .inner .contents_detail .text_box{
		width: calc(62% - 1px);
	}
	.event ul.contents_container > li .inner .subtext,.event ul.contents_container > li .inner h4{
		margin-left: 26%;
	}
	.event ul.contents_container > li.vol_two .inner .subtext, .event ul.contents_container > li.vol_two .inner h4{
		margin-left: 0;
	}
	.event ul.contents_container > li .inner .subtext{
		margin-top: 4%;
	}
	.event ul.contents_container > li.vol_one .inner .contents_detail .object{
		width: calc(42% - 4px);
		max-width: 260px;
		margin-top: -3%;
		margin-right: -5%;
	}
	.event ul.contents_container > li.vol_two .inner .contents_detail .object{
		width: 40%;
		margin-top: -4.2%;
		max-width: 234px;
	}
	.event ul.contents_container > li.vol_three .inner .contents_detail .object{
		margin-top: -2.5%;
  		margin-right: -5%;
		width: calc(42% - 2px);
		max-width: 246px;
	}
	.event ul.contents_container > li a.link_button{
		padding: 2% 0;
	}
	.event ul.contents_container > li.vol_two a.link_button{
		margin-right: 0;
		margin-left: auto;
	}
}
@media screen and (min-width: 1000px) {
	.event{
		overflow: hidden;
	}
	.event::before {
		background-image: url("../img/events_top_wave_pc.webp");
		padding-bottom: 1%;
	}
	.event::after {
		max-width: 594px;
		padding-bottom: 594px;
		width: 100%;
    	display: block;
    	margin-top: -23em;
	}
	.event .outer{
		padding-top: 300px;
		padding-bottom: 192px;
	}
	.event h2{
		max-width: 1089px;
		width: 92%;
	}
	.event h2::before {
		max-width: 157px;
		width: 100%;
		padding-bottom: 208px;
		margin-left: 9%;
		margin-top: -10%;
	}
	.event h2::after {
		max-width: 259px;
		width: 23%;
		padding-bottom: 304px;
		margin-top: -19%;
		margin-right: 0;
	}
	.event h2 span{
		max-width: 340px;
	}
	.event .bridge_text{
		margin-top: 55px;
	}
	.event .outer > span{
		margin-top: 10px;
	}
	.event ul.contents_container{
		display: flex;
		/*flex-wrap: wrap;*/
		justify-content: space-between;
		max-width: 1414px;/*1414px*/
		width: 99%;
		margin-top: 120px;
	}
	.event ul.contents_container > li{
		max-width: 456px;
		width: 49%;
		border-radius: 12px;
	}
	.event ul.contents_container > li.vol_one, .event ul.contents_container > li.vol_two, .event ul.contents_container > li.vol_three{
		padding-bottom: 50px;
	}
	.event ul.contents_container > li:nth-of-type(n+2){
		margin-top: 0;
	}
	.event ul.contents_container > li.vol_three{
		margin-top: 80px;
	}
	.event ul.contents_container > li.vol_two .inner .contents_detail{
		flex-direction: unset;
	}
	.event ul.contents_container > li.vol_two .inner .contents_detail .text_box{
		width: 100%;
	}
	.event ul.contents_container > li .img_box, .event ul.contents_container > li .img_box{
		position: relative;
		z-index: 1;
		max-width: 186px;
		width: 100%;
	}
	.event ul.contents_container > li.vol_two .img_box{
		max-width: 186px;
		width: 100%;
		position: relative;
		margin-left: 0;
		z-index: 1;
	}
	.event ul.contents_container > li .inner .subtext, .event ul.contents_container > li .inner h4{
		margin-left: 8px;
	}
	.event ul.contents_container > li .inner .subtext{
		font-size: 30px;
		margin-top: 40px;
		letter-spacing: 0.05em;
		z-index: 1;
		position: relative;
	}
	.event ul.contents_container > li.vol_two .inner .subtext{
		margin-left: 8px;
	}
	.event ul.contents_container > li .inner h4{
		font-size: 55px;
	}
	.event ul.contents_container > li .inner p{
		font-size: 23px;
		line-height: 1.52;
		letter-spacing: 0.05em;
		margin-top: 30px;
		margin-left: 8px;
	}
	.event ul.contents_container > li.vol_one .inner .contents_detail .object{
		max-width: 217px;
		width: 100%;
		margin-top: -16%;
	}
	.event ul.contents_container > li.vol_two .inner .contents_detail .object{
		max-width: 301px;
		width: 100%;
		margin-top: -80px;
		margin-left: auto;
		margin-right: -21px;
	}
	.event ul.contents_container > li.vol_three .inner .contents_detail .object{
		max-width: 234px;
		width: 57%;
    	margin-top: -17.5%;
	}
	.event ul.contents_container > li a.link_button{
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		max-width: 395px;
		height: 70px;
		line-height: 70px;
		font-size:23px;
		padding: 0;
	}
	.event ul.contents_container > li.vol_two a.link_button{
		margin-left: 0;
	}
}
@media screen and (max-width: 1200px) {
	.event ul.contents_container{
		flex-wrap: wrap;
		max-width: 950px;
	}
}
@media screen and (min-width: 1201px) {
	.event ul.contents_container > li{
		width: 33%;
	}
	.event ul.contents_container > li.vol_three{
		margin-top: 0;
	}
}
@media screen and (min-width: 1420px) {
	.event ul.contents_container > li{
		width: 33%;
	}
	.event ul.contents_container{
		max-width: 1414px;
		width: 100%;
	}
	.event ul.contents_container > li.vol_three{
		margin-top: 0;
	}
}
.other_event{
	background-color: #469AFB;
	position: relative;
	color: white;
	padding-top: 29%;
	padding-bottom: 14%;
}
.other_event::after{
	content: "";
	display: block;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../img/otherevent_bottomwave.webp");
	bottom: 0;
	position: absolute;
	padding-bottom: 3.6%;
	background-position: center;
}
.other_event h2,.other_event p.bridge_text,.other_event h3{
	text-align: center;
}

.other_event h2{
	font-size: min(6.67vw,30px);
	letter-spacing: 0.02em;
	line-height: 1.48;
	position: relative;
}
.other_event h2::before,.other_event h2::after{
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 10%;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	background-position: center;
}
.other_event h2::before{
	background-image: url("../img/other_event_title_accessories_topsp.webp");
	top:0;
	margin-top: -14%;
	padding-bottom: 10.5%;
}
.other_event h2::after{
	background-image: url("../img/other_event_title_accessories_bottomsp.webp");
	bottom: 0;
	margin-bottom: -14%;
}
.other_event p.bridge_text{
	font-size: min(4vw,16px);
	letter-spacing: 0.05em;
	line-height: 1.66;
	width: 81%;
	margin-top: 23%;
	margin-left: auto;
	margin-right: auto;
}
.other_event h3{
	font-size: min(5.33vw,30px);
	margin-top: calc(10% - 1px);
	position: relative;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.65;
	letter-spacing: 0.05em;
}
.other_event h3::before,.other_event h3::after{
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	background-color: white;
	position: absolute;
	top: 0;
	transform: rotate(25deg);
}
.other_event h3::before{
	transform: rotate(-25deg);
	margin-left: 3%;
}
.other_event h3::after{
	right: 0;
	margin-right: 3%;
}
.other_event ul{
	width: calc(90% - 2px);
	margin-top: calc(4% - 1px);
	margin-right: auto;
	margin-left: auto;
}
.other_event ul li:nth-of-type(n+2){
	margin-top: 3%;
}
.other_event ul li a{
	display: flex;
}
.other_event ul li a .img_box{
	width: 61%;
}
.other_event ul li a .text_box{
	background-color: white;
	width: 39%;
	color: black;
	text-align: center;
	padding-top: 6%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: min(3.73vw,19px);
}
.other_event ul li a .text_box h4{
	line-height: 1.42;
}
.other_event ul li a .text_box p{
	color: #0074D1;
	line-height: 2.28;
	position: relative;
	max-width: 62px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
}
.other_event ul li a .text_box p::after{
	background-image: url("../img/triangle_blue.webp");
	margin-top: auto;
	margin-right: -3px;
	top:2px;
}
@media screen and (min-width: 768px) {
	.other_event{
		padding-top: 28%;
	}
	.other_event::before{
		content: "";
		display: block;
		width: 100%;
		padding-bottom: 1.7%;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url("../img/otherevent_topwave_tab.webp");
		background-position: center;
		position: absolute;
		top: 0;
	}
	.other_event::after {
		background-image: url("../img/otherevent_bottomwave_tab.webp");
		padding-bottom: 1.5%;
	}
	.other_event h2 br{
		display: none;
	}
	.other_event h2::before {
		margin-top: -13%;
		padding-bottom: 10.2%;
	}
	.other_event h2::after {
		margin-bottom: -13%;
		padding-bottom: 10.2%;
	}
	.other_event p.bridge_text{
		width: 65%;
		max-width: 948px;
		line-height: 2.06;
		font-size: min(2.08vw,23px);
		margin-top: 17%;
	}
	.other_event h3{
		margin-top: calc(5% + 2px);
		letter-spacing: 0.05em;
		width: 60%;
	}
	.other_event h3::before, .other_event h3::after {
		height: 120%;
	}
	.other_event ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(84% + 3px);
		max-width: 948px;
		margin-top: calc(4% + 3px);
	}
	.other_event ul li{
		width: 48%;
	}
	.other_event ul li:nth-of-type(2){
		margin-top: 0;
	}
	.other_event ul li:nth-of-type(n+3){
		margin-top: 4%;
	}
	.other_event ul li a{
		flex-flow: column;
	}
	.other_event ul li a .img_box,.other_event ul li a .text_box{
		width: 100%;
	}
	.other_event ul li a .text_box{
		border-top-right-radius: 0px;
  		border-bottom-right-radius: 0px;
		position: relative;
    	top: -2px;
		padding-top: 8px;
		padding-bottom: 12px;
	}
	.other_event ul li a .text_box h4{
		font-size: 19px;
	}
	.other_event ul li a .text_box h4 br{
		display: none;
	}
	.other_event ul li a .text_box p{
		line-height: normal;
		margin-top: 2px;
		font-size: min(1.69vw,20px);
	}
}
@media screen and (min-width: 1000px) {
	.other_event{
		padding-top: 335px;
		padding-bottom: 197px;
	}
	.other_event::before {
		background-image: url("../img/otherevent_topwave_pc.webp");
		padding-bottom: 1%;
	}
	.other_event::after {
		background-image: url("../img/otherevent_bottomwave_pc.webp");
		padding-bottom: 1%;
	}
	.other_event h2{
		font-size: 50px;
	}
	.other_event h2::before, .other_event h2::after {
		padding-bottom: 0;
		height: 93px;
		background-size: contain;
	}
	.other_event h2::before{
		background-image: url("../img/other_event_title_accessories_toppc.webp");
		margin-top: -130px;
		background-repeat: repeat-x;
	}
	.other_event h2::after {
		background-image: url("../img/other_event_title_accessories_bottompc.webp");
		margin-bottom: -130px;
		background-repeat: repeat-x;
	}
	.other_event p.bridge_text{
		max-width: 948px;
		width: 100%;
		margin-top: 188px;
	}
	.other_event h3{
		margin-top: 72px;
		max-width: 620px;
		font-size: 39px;
	}
	.other_event h3::before, .other_event h3::after {
		height: 58px;
		width: 4px;
	}
	.other_event ul{
		margin-top: 33px;
		width: 100%;
	}
	.other_event ul li:nth-of-type(n+3){
		margin-top: 42px;
	}
	.other_event ul li a .text_box{
		padding-top: 9px;
		padding-bottom: 17px;
	}
	.other_event ul li a .text_box h4{
		font-size: 30px;
	}
	.other_event ul li a .text_box p{
		font-size: 20px;
		max-width: 86px;
	}
	.other_event ul li a .text_box p::after{
		width: 11px;
		height: 8px;
		margin-right: -11px;
		top:5px;
	}
}
.information{
	padding-top: 15%;
	padding-bottom:15%;
	position: relative;
	background-color: #F2EFEA;
}
.information  h2{
	width: 72%;
	max-width: 347px;
	margin-left: auto;
	margin-right: auto;
}
.information p.bridge_text{
	color: #0074D1;
	text-align: center;
	font-size: min(5.33vw,30px);
	line-height: 1.6;
	margin-top: calc(8% + 2px);
}
.information p.bridge_text span{
	font-family: "mobosemi";
}
.information .yellow_block{
	background-color: #FAE462;
	border-radius: 12px;
	width: calc(89% + 2px);
	padding-top: calc(5% + 2px);
	padding-bottom: calc(7% - 2px);
	margin-top: calc(12% - 1px);
	margin-left: auto;
	margin-right: auto;
}
.information .yellow_block ul{
	position: relative;
}
.information .yellow_block ul li.text-img_box{
	width: calc(87% - 2px);
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
.information .yellow_block ul li.text-img_box .text_box{
	width: 57%;
	padding-top: 6%;
}
.information .yellow_block ul li.text-img_box .text_box p{
	font-size: min(3.2vw,16px);
	line-height: 1.83;
	font-family: "mobosemi";
}
.information .yellow_block ul li.text-img_box .text_box .schedule_box{
	margin-top: 4%;
}
.information .yellow_block ul li.text-img_box .text_box .schedule_box span{
	background-color: black;
	color: white;
	display: block;
	text-align: center;
	border-radius: 3px;
	font-size: min(2.67vw,12px);
	height: 20px;
	line-height: 18px;
}
.information .yellow_block ul li.text-img_box .text_box .schedule_box .schedule_list{
	margin-top: 3%;
	font-family: "mobosemi";
}
.information .yellow_block ul li.text-img_box .text_box .schedule_box .schedule_list li{
	line-height: 1.41;
	letter-spacing: 0.05em;
	font-size: min(4.53vw,21px);
}
.information .yellow_block ul li.text-img_box .img_box{
	width: 38%;
}
.information .yellow_block .link_button{
	display: block;
	background-color: white;
	text-align: center;
	color: black;
	height: 45px;
	line-height: 45px;
	border-radius: 90px;
	margin-top: 7%;
	width: 73%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-family: 'mobobo';
}
.information .yellow_block .link_button{
	transition-duration: 0.5s;
}
.information .yellow_block .link_button:hover{
	opacity: 0.6;
}
@media screen and (min-width: 768px) {
	.information{
		padding-top: 14%;
		padding-bottom: 18%;
	}
	.information h2{
		width: 100%;
	}
	.information p.bridge_text{
		margin-top: calc(5% - 2px);
	}
	.information .yellow_block{
		padding-bottom: calc(5% + 3px);
		margin-top: calc(8% - 4px);
		max-width: 950px;
	}
	.information .yellow_block ul{
		width: 83%;
		margin-left: auto;
    	margin-right: auto;
	}
	.information .yellow_block > ul>li:first-of-type{
		width: 65%;
	}
	.information .yellow_block ul li.text-img_box{
		width: 100%;
		margin-top: 5%;
	}
	.information .yellow_block ul li.text-img_box .text_box{
		width: 100%;
		padding-top:0;
	}
	.information .yellow_block ul li.text-img_box .text_box p{
		text-align: center;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box{
		display: flex;
		align-items: center;
		margin-top: calc(2% - 1px);
		width: calc(82% + 2px);
    	margin-left: auto;
    	margin-right: auto;
		max-width: 469px;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box span {
		width: 14%;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box .schedule_list{
		margin-top: 0;
		margin-left: calc(2% + 1px);
		display: flex;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box .schedule_list li:last-of-type{
		margin-left: calc(6% + 2px);
	}
	.information .yellow_block ul li.text-img_box .img_box{
		width: 29%;
		max-width: 182px;
		position: absolute;
		top: 0;
 	  	right: 0;
	}
	.information .yellow_block .link_button{
		margin-top: 4%;
		width: calc(34% - 3px);
		max-width: 395px;
	}
}
@media screen and (min-width: 1000px) {
	.information {
		padding-top: 160px;
		padding-bottom: 211px;
	}
	.information .yellow_block{
		padding-top: 34px;
		padding-bottom: 37px;
		border-width: 6px;
		width: 100%;
		margin-top: 72px;
	}
	.information h2{
		max-width: 655px;
	}
	.information p.bridge_text{
		font-size: 40px;
		margin-top: 84px;
		line-height: 1.5;
	}
	.information p.bridge_text span{
		font-family: "mobobo";
	}
	.information .yellow_block ul{
		max-width: 866px;
		width: 100%;
		display: flex;
	}
	.information .yellow_block > ul>li:first-of-type{
		width: 100%;
		max-width: 406px;
	}
	.information .yellow_block > ul li.text-img_box{
		max-width: 460px;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.information .yellow_block ul li.text-img_box .img_box{
		max-width: 182px;
		width: 100%;
		position: static;
		order: 0;
	}
	.information .yellow_block > ul li.text-img_box .text_box{
		margin-top: 31px;
		margin-left: 25px;
		order: 1;
	}
	.information .yellow_block ul li.text-img_box .text_box p{
		font-size:18px;
		text-align:left;
		line-height: 1.66;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box{
		margin: 0;
		margin-top: 14px;
		width: 100%;
		flex-flow: column;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box .schedule_list{
		flex-flow: column;
		margin-top: 5px;
		margin-left: 0;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box span{
		width: 100%;
		max-width: 210px;
		font-size: 17px;
		height: 25px;
		line-height: 22px;
		margin-left: 0;
    	margin-right: auto;
	}
	.information .yellow_block ul li.text-img_box .text_box .schedule_box .schedule_list li:last-of-type{
		margin-top: 4px;
		margin-left: 0;
	}
	.information .yellow_block .link_button{
		width: 100%;
		height: 70px;
		line-height: 70px;
		font-size: 23px;
		margin-top: 30px;
	}
}
.access{
	background-color: white;
	padding-bottom: 22%;
	position: relative;
}
.access::before,.access::after{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.access::before{
	top:0;
	padding-bottom: 3%;
	background-image: url("../img/otherevent_bottomwave.webp");
	transform: scale(-1,-1);
}
.access::after{
	background-image: url("../img/events_top_wave.webp");
	bottom: 0;
	padding-bottom: 3%;
	transform: scale(-1.1);
}
.access h2{
	width: calc(38% + 1px);
	max-width: 569px;
	margin-right: auto;
	margin-left: auto;
	padding-top: calc(15% + 1px);
}
.access p.bridge_text{
	text-align: center;
	color: #0074D1;
	line-height: 1.6;
	font-size: min(5.33vw,30px);
	margin-top: calc(9% - 1px);
	font-family: "mobobo";
}

.access .tab_menu{
	margin-top: calc(12% - 1px);
	display: flex;
	justify-content: space-between;
}
.access .tab_menu li{
	width: 33.3%;
	text-align: center;
	border: solid 1px #AFAFAF;
	font-size: min(4vw,40px);
	padding-top: 4%;
	padding-bottom: 6%;
	position: relative;
	cursor: pointer;
}
.access .tab_menu li.arrow::after {
	border-color: black;
	border-width: 2px;
	left: 0;
	right: 0;
	transform: rotate(135deg);
	bottom: 8px;
	top: auto;
}
.access .tab_menu li.active{
	background-color: #F6B930;
}
.access .location_box{
	margin-top: 7%;
}
.access .location_list{
	display: none;
}
.access .location_list.active{
	display: block;
}
.access .location_list ul{
	width: calc(89% + 2px);
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.access .location_list li{
	width: calc(48% - 1px);
}
.access .location_list li:nth-of-type(n+3){
	margin-top: 5%;
}
.access .location_list li a{
	display: block;
	color: black;
	font-family: 'mobosemi';
	font-size: min(3.2vw,13px);
	padding-top: 5%;
	padding-bottom: 5%;
	border: solid 1px #707070;
	border-radius: 15px;
	text-align: center;
	position: relative;
}
.access .location_list li a::after{
	border-color: black;
	border-width: 2px;
	right: 11px;
	width: 6px;
	height: 6px;
}
@media screen and (min-width: 768px) {
	.access{
		padding-top: 118px;
	}
	.access::before {
		background-image: url("../img/otherevent_bottomwave_tab.webp");
		padding-bottom: 1.5%;
	}
	.access::after {
		display: none;
	}
	.access h2{
		padding-top: 0;
		width: 24%;
		max-width: 349px;
	}
	.access p.bridge_text{
		margin-top: calc(5% + 2px);
	}
	.access .location_box{
		margin-top: calc(5% + 2px);
		width: calc(85% - 2px);
    	margin-left: auto;
    	margin-right: auto;
	}
	.access .tab_menu{
		display: none;
	}
	.access .location_list{
		display: block;
		margin-top: 35px;
	}
	.access .location_list.kanagawa_gunma{
		max-width: 621px;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	.access .location_name{
		text-align: center;
		max-width: 1280px;
		margin-right: auto;
		margin-left: auto;
		font-size: 30px;
		padding-bottom: 17px;
		border-bottom: solid 1px black;
		font-family: "mobobo";
	}
	.access .location_name:nth-of-type(n+2){
		margin-top: 54px;
	}
	.access .location_list ul{
		width: 96%;
	}
	.access .location_list.kanagawa_gunma ul{
		justify-content: space-between;
		width: 71%;
	}
	.access .location_list li{
		width: 32%;
		max-width: 290px;
	}
	.access .location_list.saitama li:last-of-type{
		margin-right: auto;
		margin-left: auto;
	}
	.access .location_list li:nth-of-type(n+3){
		margin-top: 0;
	}
	.access .location_list li:nth-of-type(n+4){
		margin-top: 20px;
	}
	.access .location_list.kanagawa_gunma ul li{
		width: 47%;
	}
	.access .location_list li a{
		border-radius: 35px;
	}
	.access .location_list li a::after {
		right: 16px;
		width: 8px;
    	height: 8px;
	}
}
@media screen and (min-width: 1000px) {
	.access{
		padding-top: 162px;
		padding-bottom: 241px;
	}
	.access::before {
		background-image: url("../img/otherevent_bottomwave_pc.webp");
		padding-bottom: 1%;
	}
	.access p.bridge_text{
		margin-top: 55px;
		font-size: 40px;
	}
	.access .location_box{
		margin-top: 67px;
	}
	.access .location_name{
		font-size: 40px;
	}
	.access .location_list.kanagawa_gunma ul{
		width: 100%;
	}
	.access .location_list.kanagawa_gunma ul li{
		width: 100%;
	}
	.access .location_list li a{
		font-size: 20px;
		padding: 0;
		height: 60px;
		line-height: 60px;
	}
}
.modal_box{
	max-width: 1280px;
	width: calc(90% - 2px);
	border: none;
	background: none;
	top:0!important;
	bottom: 0!important;
	margin: auto;
	margin-top: 20px;
	overflow-y: scroll;
}
.modal_bg{
	background-color: rgba(101,101,101,0.95);
}
.modal_close{
	z-index: 3;
	width: 12%;
	max-width: 88px;
	position: absolute;
	cursor: pointer;
	top: 6px;
  	right: 6px;
}
.modal_box .outer{
	background-color: #FDFDDD;
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-radius: 10px;
}
.modal_box .outer>ul{
	padding-top: 50px;/*calc(6% + 2px)*/
	padding-bottom: 39px;/*12%*/
	margin-left: auto;
	margin-right: auto;
}
.modal_box.mordal_one .header_block .text_block h3{
	width: 80%;
	max-width: 268px;
  	margin-left: auto;
  	margin-right: auto;
}
.modal_box.mordal_one .header_block .text_block a.scroll_button{
	display: block;
	text-align: center;
	background-color: #A8E2B3;
	color: black;
	font-family: "mobosemi";
	font-size: 12px;
	line-height: 1.91;
	padding: calc(2% + 1.8px) 0;
	margin-top: 8%;
}
.modal_box.mordal_one .header_block .text_block a.scroll_button span{
	display: block;
	position: relative;
}
.modal_box.mordal_one .header_block .text_block .inner{
	width: 90%;
	margin-top: 52px;
	margin-left: auto;
	margin-right: auto;
}
.modal_box.mordal_one .header_block .text_block .event_information{
	margin-top: 26px;
}
.modal_box.mordal_one .header_block .text_block .event_information li{
	text-align: center;
	font-family: 'mobosemi';
	font-size: min(3.73vw,16px);
	margin-top: 30px;
}
.modal_box.mordal_one .header_block .text_block .event_information span{
	background-color: black;
	color: white;
	display: inline-block;
	font-size: min(2.67vw,11px);
	width: calc(13% - 1px);
	text-align: center;
	border-radius: 5px;
	margin-right: 5px;
	line-height: 2;
}
.modal_box.mordal_one .header_block .text_block li.attention{
	font-family: 'mobore';
	line-height: 1.8;
	font-size: min(2.67vw,12px);
	margin-top: 25px;
	text-align: left;
	letter-spacing: 0.05em;
}
.modal_box.mordal_one .flow_block{
	color: #656565;
	font-family: "mobosemi";
	text-align: center;
	background-color: #D4F5DA;
	padding-top: 26px;
	margin-top: 35px;
}
.modal_box.mordal_one .flow_block h4{
	line-height: 1.53;
	font-size: min(3.73vw,15px);
	letter-spacing: 0.05em;
}

.modal_box.mordal_one .flow_block ul{
	width: 95%;
	padding-top: 17px;
	padding-bottom: 22px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.modal_box.mordal_one .flow_block ul li:nth-of-type(n+2){
	margin-top: 25px;
}
.modal_box.mordal_one .flow_block ul li .step_number{
	display: block;
	font-family: "mobobo";
	background-color:#969696;
	color: white;
	letter-spacing: 0.1em;
	padding: 3% 0;
	border-radius: 5px;
	width: calc(85% - 1px);
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_one .flow_block ul li p{
	font-size: 12px;
	line-height: 1.66;
	margin-top: 25px;
	width: calc(85% - 1px);
	margin-left: auto;
	margin-right: auto;
}
.modal_box.mordal_one .flow_block ul li:last-of-type p:last-of-type{
	margin-top: 27px;
}
.modal_box.mordal_one .flow_block ul li a.link_button{
	background-color: #E6DF26;
	border-radius: 23px;
	border: solid white 3px;
	font-size: min(3.73vw,14px);
	display: block;
	width: 75%;
	padding: calc(3% + 1px) 0;
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
	color: black;
	position: relative;
	transition-duration: 0.5s;
}
.modal_box.mordal_one .flow_block ul li a.link_button:hover{
	opacity: 0.65;
}
.modal_box.mordal_one .flow_block ul li .img_box{
	margin-right: auto;
  	margin-left: auto;
}
.modal_box.mordal_one .flow_block ul li:first-of-type .img_box{
	width: calc(66% - 2px);
  	position: relative;
  	right: -20px;
  	margin-top: -5px;
}
.modal_box.mordal_one .flow_block ul li:nth-of-type(n+2) .img_box{
	margin-top: calc(5% - 1px);
}
.modal_box.mordal_one .flow_block ul li:nth-of-type(2) .img_box{
	width: calc(80% - 2px);
}
.modal_box.mordal_one .flow_block ul li:nth-of-type(3) .img_box{
	width: 66%;
}
.modal_box.mordal_one .flow_block ul li:nth-of-type(4) .img_box{
	width: 52%;
}
.modal_box.mordal_two .outer > ul{
	width: calc(90% - 2px);
	max-width: 516px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 22px;
}
.modal_box.mordal_two .outer > ul h3{
	width: 86%;
	margin-left: auto;
	margin-right: auto;
}
.modal_box.mordal_two .outer > ul .bridge_text{
	font-family: "mobosemi";
	letter-spacing: 0.05em;
	line-height: 1.5;
	font-size: min(3.2vw,16px);
	margin-top: 30px;
}
.modal_box.mordal_two .outer > ul .event_information{
	margin-top: 14px;
}
.modal_box.mordal_two .header_block .text_box .event_information li{
	text-align: left;
	font-family: 'mobosemi';
	font-size: min(3.73vw,16px);
}
.modal_box.mordal_two .header_block .text_box .event_information li:last-of-type{
	margin-top: 8px;
}
.modal_box.mordal_two .header_block .text_box .event_information li span{
background-color: black;
  color: white;
  display: inline-block;
  font-size: min(2.67vw,11px);
  width: calc(13% - 1px);
  text-align: center;
  border-radius: 5px;
  margin-right: 5px;
  line-height: 2;
}
.modal_box.mordal_two .outer > ul .attention{
	margin-top: 15px;
	font-family: "mobore";
	line-height: 1.8;
	font-size: min(2.67vw,12px);
}
.modal_box.mordal_two .outer > ul li.prize_block{
	margin-top: 14px;
	padding-bottom: 17px;
	border-radius: 8px;
	overflow: hidden;
	background-color: white;
}
.modal_box.mordal_two .outer > ul li.prize_block .block_title{
	background-color: #D04A23;
	padding: calc(5% - 1px) 0;
}
.modal_box.mordal_two .outer > ul li.prize_block .block_title span{
	display: block;
	max-width: 405px;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul li.prize_block .white_block{
	background-color: white;
}
.modal_box.mordal_two .outer > ul li.prize_block .white_block p{
	padding-top: 20px;
	width: 85%;
  	margin-left: auto;
  	margin-right: auto;
}
.modal_box.mordal_two .outer > ul li.prize_block .img_box{
	margin-top: 16px;
	width: 95%;
	max-width: 427px;
  	margin-left: auto;
  	margin-right: auto;
}
.modal_box.mordal_two .outer > ul li.prize_block .ribbon{
	display: block;
	background-color: #FFC7B7;
	width: 95%;
	max-width: 478px;
	margin-top: 10px;
	padding: 3% 0;
	margin-left: auto;
	margin-right: auto;
}
.modal_box.mordal_two .outer > ul li.prize_block .ribbon span{
	display: block;
	width: calc(45% - 1px);
	max-width: 161px;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .ribbon+.attention{
	margin-top: 12px;
	display: block;
	width: 98%;
	margin-left: auto;
}
@media screen and (min-width: 768px) {
	.modal_box{
		width: 95%;
	}
	.modal_close{
		width: 7%;
		top: 24px;
  		right: 24px;
	}
	.modal_box .outer > ul{
		padding-bottom: 54px;
	}
	.modal_box.mordal_one .header_block .text_block{
		padding-top: 0;
		margin-top: 0;
	}
	.modal_box.mordal_one .header_block .text_block a.scroll_button{
		margin-top: calc(3% + 1px);
		padding-top: 8px;
		padding-bottom: 9px;
	}
	.modal_box.mordal_one .header_block .text_block .inner{
		margin-top: 38px;
	}
	.modal_box.mordal_one .header_block .img_box{
		max-width: 608px;
		width: 46%;
    	margin-left: auto;
    	margin-right: auto;
	}
	.modal_box.mordal_one .header_block .text_block .event_information{
		margin-top: 20px;
		width: calc(77% + 2px);
    	margin-left: auto;
    	margin-right: auto;
	}
	.modal_box.mordal_one .header_block .text_block .event_information li{
		margin-top: 20px;
	}
	.modal_box.mordal_one .header_block .text_block .event_information li:last-of-type{
		margin-top: 22px;
	}
	.modal_box.mordal_one .header_block .text_block .event_information span{
		width: 43px;
		height: 22px;
	}
	.modal_box.mordal_one .flow_block{
		margin-top: calc(5% + 2px);
    	padding-top: 4%;
	}
	.modal_box.mordal_one .flow_block ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(75% + 3px);
		padding-top: 47px;
		padding-bottom: calc(5% + 2px);
	}
	.modal_box.mordal_one .flow_block ul li{
		width: calc(47% + 2px);
	}
	.modal_box.mordal_one .flow_block ul li:nth-of-type(n+2){
		margin-top: calc(4% - 2px);
		position: relative;
	}
	.modal_box.mordal_one .flow_block ul li:nth-of-type(2){
		margin-top: 0;
	}
	.modal_box.mordal_one .flow_block h4{
		font-size: min(1.95vw,28px);
	}
	.modal_box.mordal_one .flow_block ul li .step_number{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		font-size: 18px;
		padding-top: 0;
		padding-bottom: 0;
		height: 40px;
		line-height: 38px;
	}
	.modal_box.mordal_one .flow_block ul li:first-of-type .img_box{
		right: -46px;
	}
	.modal_box.mordal_one .flow_block ul li:first-of-type .img_box span{
		max-width: 297px;
		display: block;
	}
	.modal_box.mordal_one .flow_block ul li:nth-of-type(2) .img_box{
		width: 96%;
		max-width: 350px;
	}
	.modal_box.mordal_one .flow_block ul li:nth-of-type(3) .img_box{
		width: calc(81% - 1px);
		max-width: 350px;
	}
	.modal_box.mordal_one .flow_block ul li:nth-of-type(4) .img_box{
		width: calc(64% - 1px);
		max-width: 272px;
	}
	.modal_box.mordal_one .flow_block ul li p{
		width: 100%;
	}
	.modal_box.mordal_one .flow_block ul li:last-of-type p:last-of-type{
		font-size: 11px;
	}
	.modal_box.mordal_one .flow_block ul li a.link_button{
		width: 95%;
		margin-top: calc(4% + 2px);
		max-width: 337px;
		border-radius: 29px;
	}
	.modal_box.mordal_two .outer > ul{
		padding-bottom: 52px;
	}
	.modal_box.mordal_two .outer > ul h3{
		width: 96%;
	}
	.modal_box.mordal_two .outer > ul .bridge_text{
		line-height: 1.87;
		font-size: min(2.08vw,23px);
	}
	.modal_box.mordal_two .outer > ul .event_information{
		margin-top: 16px;
		display: flex;
	}
	.modal_box.mordal_two .outer > ul .event_information li{
		width: 43%;
	}
	.modal_box.mordal_two .header_block .text_box .event_information li:last-of-type{
		margin-top: 0;
	}
	.modal_box.mordal_two .header_block .text_box .event_information li span{
		width: 43px;
		height: 22px;
	}
	.modal_box.mordal_two .outer > ul .attention{
		margin-top: 20px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block{
		margin-top: 30px;
		padding-bottom: 0;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .block_title{
		padding: 3% 0;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .block_title span{
		width: 54%;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .white_block{
		padding-top: 30px;
		padding-bottom: 30px;	
	}
	.modal_box.mordal_two .outer > ul li.prize_block .white_block p{
		padding-top: 0;
		width: calc(80% - 2px);
	}
	.modal_box.mordal_two .outer > ul li.prize_block .img_box{
		margin-top: 20px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .ribbon{
		margin-top: 20px;
	}
	.modal_box.mordal_two .outer > ul .ribbon + .attention{
		margin-top: 17px;
		width: 96%;
	}
}
@media screen and (min-width: 1000px) {
	.modal_box{
		width: 96%;
	}
	.mordal_two{
		max-height: 720px;
		margin-top: auto;
		overflow: inherit;
	}
	.modal_close{
		width: 40px;
		height: 40px;
		top: 8px;
   		right: 8px;
	}
	.modal_box.mordal_one .outer{
		max-width: 1306px;
	}
	.modal_box .outer{
		border-radius: 20px;
	}
	.modal_box .outer > ul{
		padding-top: 42px;
		padding-bottom: 48px;
	}
	.modal_box.mordal_one .header_block{
		display: flex;
		justify-content: space-between;
		max-width: 1200px;
		width: 93%;
    	margin-left: auto;
    	margin-right: auto;
	}
	.modal_box.mordal_one .header_block .text_block h3{
		max-width: 617px;
		width: 100%;
	}
	.modal_box.mordal_one .header_block .text_block a.scroll_button{
		display: none;
	}
	.modal_box.mordal_one .header_block .text_block{
		margin-top: 0;
		width: 52%;
		max-width:630px;
	}
	.modal_box.mordal_one .header_block .text_block .inner{
		width: 100%;
		margin-top: 77px;
	}
	.modal_box.mordal_one .header_block .text_block .event_information{
		width: 100%;
		margin-top: 30px;
	}
	.modal_box.mordal_one .header_block .img_box{
		width: 100%;
	}
	.modal_box.mordal_one .header_block .text_block .event_information li{
		text-align: left;
	}
	.modal_box.mordal_one .header_block .text_block .event_information li br{
		display: none;
	}
	.modal_box.mordal_one .header_block .text_block .event_information>li:first-of-type{
		font-size: 20px;
		display: flex;
	}
	.modal_box.mordal_one .header_block .text_block li.attention{
		letter-spacing: normal;
		font-size: 15px;
	}
	.modal_box.mordal_one .header_block .img_block{
		max-width: 544px;
		width: 45%;
	}
	.modal_box.mordal_one .flow_block{
		padding-top: 33px;
		margin-top: 36px;
	}
	.modal_box.mordal_one .flow_block ul{
		padding-top: 30px;
		width: 85%;
		max-width: 1100px;
		padding-bottom: 40px;
	}
	.modal_box.mordal_one .flow_block ul li:nth-of-type(n+3){
		margin-top: 24px;
	}
	.modal_box.mordal_one .flow_block ul li .step_number{
		font-size: 30px;
		padding: 0;
		height: 70px;
		line-height: 70px;
		border-radius: 10px;
	}
	.modal_box.mordal_one .flow_block ul li:nth-of-type(n+2) .img_box{
		margin-top: 33px;
	}
	.modal_box.mordal_one .flow_block ul li p{
		margin-top: 30px;
		font-size: 20px;
	}
	.modal_box.mordal_one .flow_block ul li:last-of-type p:last-of-type{
		font-size: 20px;
	}
	.modal_box.mordal_one .flow_block ul li:first-of-type .img_box{
		max-width: 337px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.modal_box.mordal_one .flow_block ul li:first-of-type .img_box span{
		max-width: 297px;
		display: block;
	}
	.modal_box.mordal_two .outer > ul{
		width: 90%;
		max-width: 1153px;
		display: flex;
		justify-content: space-between;
	}
	.modal_box.mordal_two .outer > ul li.header_block{
		max-width: 536px;
		width: 46%;
	}
	.modal_box.mordal_two .outer > ul li.prize_block{
		margin-top: 0;
	}
	.modal_box.mordal_two .outer > ul h3{
		margin-left: 0;
		margin-right: 0;;
		width: 100%;
		}
	.modal_box.mordal_two .outer > ul .bridge_text{
		letter-spacing: 0.035em;
		margin-top: 34px;
	}
	.modal_box.mordal_two .outer > ul .event_information{
		flex-flow: column;
		margin-top: 39px;
	}
	.modal_box.mordal_two .header_block .text_box .event_information li{
		width: 100%;
		font-size: 25px;
		display: flex;
    	align-items: center;
	}
	.modal_box.mordal_two .header_block .text_box .event_information li:last-of-type{
		margin-top: 20px;
	}
	.modal_box.mordal_two .header_block .text_box .event_information li span{
		font-size: 19px;
		height: 39px;
		width: 75px;
		margin-right: 10px;
	}
	.modal_box.mordal_two .outer > ul .attention{
		font-size: 15px;
		line-height: 1.66;
		color: #3C3C3C;
	}
	.modal_box.mordal_two .outer > ul li.prize_block {
		max-width: 570px;
		width: 51%;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .block_title{
		padding: 0;
		height: 77px;
		line-height: 77px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .block_title span{
		max-width: 405px;
		width: 100%;
		padding-top: 10px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .white_block{
		padding-top: 34px;
		padding-bottom: 28px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .white_block p{
		max-width: 406px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .img_box{
		margin-top: 27px;
		max-width: 461px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .ribbon{
		margin-top: 27px;
		padding: 0;
		height: 57px;
		padding-top: 0;
		line-height: 68px;
	}
	.modal_box.mordal_two .outer > ul li.prize_block .ribbon span{
		max-width: 214px;
		width: 100%;
	}
	.modal_box.mordal_two .outer > ul .ribbon + .attention{
		margin-top: 11px;
		max-width: 478px;
		margin-right: auto;
		margin-left: auto;
	}
}
	@media screen and (min-width: 1280px) {
		.modal_box{
			width: 100%;
		}
		.modal_box.mordal_one .header_block{
			width: 100%;
		}
		.modal_box.mordal_one .flow_block ul{
			width: 100%;
		}
		.modal_box.mordal_two .outer > ul li.prize_block .ribbon,.modal_box.mordal_two .outer > ul li.prize_block .ribbon+.attention{
			max-width: 545px;
		}
	}
@media screen and (min-width: 1280px) and (min-height: 500px) {
	.modal_box.mordal_one{
		height: auto;
	}
}
@media screen and (min-width: 1280px) and (min-height: 800px) {
	.modal_box.mordal_one{
		height: 800px;
	}
}
@media screen and (min-width: 1280px) and (min-height: 900px) {
	.modal_box.mordal_one{
		height: 962px;
	}
}
.scroll_banner{
	position: fixed;
	bottom:-1px;
	right: 0;
	max-width: 156px;
	width: calc(27% - 1px);
	z-index: 2;
}
.scroll_banner a{
	display: block;
}
@media screen and (min-width: 1800px) {
	.scroll_banner{
		right: 17px;
		bottom: 8px;
	}
	.scroll_banner{
		z-index: 3;
	}
}
footer{
	background-color: #1EAC3A;
	font-size: 10px;
	padding-top: 11%;
	padding-bottom: 11%;
	z-index: 2;
	position: relative;
}
footer div.inner{
	display: flex;
  	align-items: baseline;
	justify-content: space-between;
	width: 88%;
  	margin-left: auto;
  	margin-right: auto;
}
footer a{
	width: calc(27% - 1px);
}
footer img{
	width: 100%;
	height: auto;
}
footer small{
	display: block;
	bottom: 10px;
  	position: relative;
}
@media screen and (min-width: 768px) {
	footer{
		font-size: 15px;
		padding-top: 38px;
		padding-bottom: 58px;
	}
	footer::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		padding-bottom: 1.7%;
		width: 100%;
		background-image: url("../img/footer_topwave.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	footer div.inner{
		flex-flow: column;
		flex-direction: column-reverse;
		align-items: center;
	}
	footer small{
		bottom: 0;
		margin-top: 14px;
	}
	footer a{
		width: calc(15% - 1px);
	}
}
@media screen and (min-width: 1000px) {
	footer{
		padding-top: 105px;
		padding-bottom: 64px;
	}
	footer::before {
		background-image: url("../img/white_bottom_wave_pc.webp");
		padding-bottom: 1%;
	}
	footer small{
		margin-top: 45px;
	}
	footer a{
		max-width: 180px;
	}
}