@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;}
}
.mv .outer{
	position: relative;
}
.mv .outer .inner{
	position: relative;
}
.mv .outer .inner p{
	position: absolute;
	z-index: 3;
	width: 100%;
	letter-spacing: 0.12em;
	color: #004E8D;
	line-height: 1.69;
	margin-left:  2.4em;
	left: 0;
	right: 0;
	margin-right: auto;
	font-size: min(3.47vw,28px);
}
.mv .outer .inner .img_box.family{
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.mv .outer .inner .img_box.animals{
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	animation:fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards,suichoku1 2s ease-in-out 1s infinite alternate;
}
@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
 
@keyframes suichoku1 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-10px);
  }
}
.mv .title_box{
	margin-top: -32%;
	position: relative;
}
.mv .outer .inner .bubblespeech{
	bottom: 27%;
	right: 5%;
	width: 39%;
	position: absolute;
}
.mv .outer .subtitle{
	width: 79%;
	max-width: 651px;
	margin-left: 3.5em;
	margin-right: auto;
}
.mv .outer .maintitle{
	width: 86%;
	max-width: 673px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 768px) {
	.mv .outer .subtitle{
		width: 100%;
		margin-left: 4.5em;
	}
}
@media screen and (min-width: 1080px) {
	.mv .outer .inner{
		max-width: 1699px;
		margin-right: auto;
		margin-left: auto;
	}
	.mv .outer .inner p{
		margin-left: 0.4em;
	}
	.mv .outer .inner .img_box{
		margin-right: auto;
		margin-left: auto;
	}
	.mv .outer .inner .img_box.family{
		max-width: 1504px;
		right: 0;
		left: 0;
	}
	.mv .outer .inner .img_box.animals{
		top:-17px;
		animation:fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards,suichoku1 1.8s ease-in-out 1s infinite alternate;
	}
	.mv .title_box{
		margin-top: -14%;
		max-width: 709px;
    	margin-left: auto;
    	margin-right: auto;
	}
	.mv .outer .subtitle{
		width: 42vw;
		margin-left: auto;
	}
	.mv .outer .maintitle{
		margin-top: 27px;
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (min-width: 1280px) {
	.mv .outer .inner p{
		margin-top: 30px;
	}
	.mv .outer .maintitle{
		width: 100%;
	}
}
@media screen and (min-width: 1500px) {
	.mv .outer .inner p{
		margin-left: 6em;
	}
	.mv .title_box{
		margin-top: -209px;
	}
}
@media screen and (min-width: 1600px) {
	.mv .outer .subtitle{
		margin-right: 0;
	}
}


.intro{
	position: relative;
}
.intro::before{
	content: "";
	display: block;
	position: absolute;
	top: -9%;
	width: 157%;
	max-width: 1726px;
	height: 123%;
	background-color: white;
	opacity: 0.6;
	border-radius: 109%;
	left: -29%;
	right: 0;
	margin: auto;
}
.intro .outer{
	position: relative;
	z-index: 1;
	/*background-color: rgba(255, 255, 255, 0.6);*/
}
.intro .outer .inner>.img_box{
	width: 50%;
	max-width: 414px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 34px;
}
.intro .contents_box{
	position: relative;
	width: 88%;
	margin-top: 4em;
	margin-right: auto;
	margin-left: auto;
}
.intro .contents_box .img_box{
	position: absolute;
	top: -12%;
	width: 41%;
	right: -8px;
}
.intro .contents_box .img_box.is-animated {
	animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}
@keyframes poyoyon {
  0% {
    transform: translateY(140px);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
  20%,100% {
    opacity: 1;
  }
}
.intro .contents_box .text_box h2{
	width: 54%;
}
.intro .contents_box .text_box p{
	font-family: 'mobosemi';
	font-size: min(3.2vw,25px);
	line-height: 2.66;
	color: #004E8D;
	margin-top: 5%;
}
.intro .contents_box .text_box p span{
	display: block;
	border-bottom: dashed 1px #004E8D;
}
.intro .contents_box .text_box p span.pc_block1080{
	display: none;
}
.intro .outer .wrapper {
	display: flex;
	margin-top: 10px;
}
.intro .outer .wrapper .img_box{
	width: 94%;
}

@media screen and (min-width: 768px) {
	.intro{
		padding-bottom: 98px;
	}
	.intro::before {
		top: -20%;
	}
	.intro .outer .inner > .img_box{
		margin-top: 70px;
	}
	.intro .contents_box{
		margin-top: 130px;
	}
	.intro .contents_box .img_box{
		right: -34px;
	}
	.intro .outer .wrapper .img_box{
		width: 79%;
		max-width: 770px;
  		margin-left: auto;
  		margin-right: auto;
	}
}
@media screen and (min-width: 1080px) {
	.intro::before {
		top: -114px;
		width: 127%;
		margin-left: -14%;
		margin-right: auto;
		left: 0;
		right: 0;
	}
	.intro .outer{
		max-width: 1405px;
		margin-right: auto;
		margin-left: auto;
		width: 83%;
	}
	.intro .outer .wrapper{
		position: relative;
	}
	.intro .contents_box{
		margin-top: 130px;
	}
	.intro .contents_box .img_box{
		width: 34%;
		right: -62px;
		top: -47%;
		max-width: 515px;
	}
	.intro .contents_box .text_box p{
		margin-top: 38px;
		max-width: 800px;
	}
	.intro .contents_box .text_box p>span:first-of-type{
		display: flex;
	}
	.intro .contents_box .text_box p span.sp-tab_block{
		display: none;
	}
	.intro .contents_box .text_box p span.pc_block1080{
		display: block;
		border-bottom: none;
	}
	.intro .outer .wrapper .img_box{
		width: 100%;
		position: relative;
	}
}
@media screen and (min-width: 1280px) {
	.intro .contents_box{
		max-width: 1273px;
		width: 100%;
	}
	.intro .contents_box .img_box{
		width: 45%;
		right: -103px;
		top: 20%;
	}
	.intro .outer .wrapper{
		margin-top: 14px;
	}
	.intro .outer .wrapper .img_box{
		margin-left: -58px;
	}
}
@media screen and (min-width: 1380px) {
	.intro::before {
		top: -179px;
		height: 139%;
	}
 	.intro .contents_box .img_box {
    	width: 47%;
    	right: -163px;
    	top: -8%;
  }
}
@media screen and (min-width: 1400px) {
	.intro::before {
		width: 124%;
    	margin-left: -11.6%;
	}
	.intro .contents_box .img_box{
		right: -93px;
	}
	.intro .outer .wrapper .img_box{
		bottom: 0;
	}
	.intro .outer .wrapper ul{
		margin-right: 12%;
		margin-top: -2%;
	}
}
@media screen and (min-width: 1500px) {
	 .intro::before {
		margin-left: -7.6%;
	  }
}
@media screen and (min-width: 1600px) {
	.intro::before {
    	margin-left: -4.6%;
  	}
	.intro .contents_box .img_box{
		width: 100%;
	}
}
@media screen and (min-width: 1700px) {
  .intro::before {
    margin-left: -0.6%;
  }
	.intro .outer .wrapper .img_box{
		margin-left: 0;
	}
}
@media screen and (min-width: 1730px) {
  .intro::before {
    margin-left: auto;
  }
}
@media screen and (min-width: 1900px) {
	.intro::before {
		margin-left: auto;
		top: -180px;
		height: 1726px
	}
}

.event{
	background-image: url("../img/event_spbgi.svg");
	position: relative;
	padding-bottom: 14%;
}
.event h2{
	padding-top: 8%;
	filter:drop-shadow(0px 0px 20px #0000004D);
}
.event .outer{
	position: relative;
}
.event .section_inner{
	width: calc(90% - 2px);
	margin-top: calc(8% - 2px);
	margin-right: auto;
	margin-left: auto;
}
.event .contents_box{
	background-color: white;
	padding-top: calc(5% - 1px);
	border-radius: 12px;
	position: relative;
	box-shadow: 0px 0px 10px #0000004D;
}
.event .contents_box:nth-of-type(n+2){
	margin-top: 35px;
}
.event .contents_box .contents_title{
	background-color: #F3932A;
}
.event .contents_box .contents_title span{
	display: block;
	height: 40px;
	line-height: 50px;
}
.event .contents_box .contents_inner {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.event .contents_box .contents_inner .copy{
	color:#004E8D;
	text-align: center;
	line-height: 1.5;
	padding-top: calc(5% - 1px);
	font-size: min(5.33vw,35px);
}
.event .contents_box .contents_inner .img_box{
	padding-top: 5%;
}
.event .contents_box .contents_inner .caption{
	font-family: 'mobosemi';
	font-size: min(2.67vw,20px);
	margin-top: 2%;
	color: #3C3C3C;
}
.event .contents_box .contents_inner a{
	display: block;
	text-align: center;
}
.event .contents_box .contents_inner span.modal_button{
	font-family: 'mobosemi';
	font-size: min(3.2vw,24px);
	color: black;
	border: solid 1px black;
	width: 79%;
	max-width: 429px;
	padding-top: calc(2% - 1px);
	padding-bottom: calc(2% - 1px);
	margin-top: calc(5% - 1px);
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	transition-duration: 0.5s;
}
.event .contents_box .contents_inner span.modal_button:hover {
	opacity: 0.6;
}
.event .contents_box .contents_inner span.modal_button::before,.event .contents_box .contents_inner span.modal_button::after{
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 10px;
	background-color: black;
	top:0;
	bottom: 0;
	right: 0;
	left: 0;
	margin-top: auto;
	margin-right: 9%;
	margin-bottom: auto;
	margin-left: auto;
}
.event .contents_box .contents_inner span.modal_button::after{
	transform: rotate(90deg);
}
/*イベント個別設定*/
.event .contents_box.line_event {
	padding-bottom: 9%;
}
.event .contents_box.line_event::before{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 29%;
	padding-bottom: 31%;
	background-image: url("../img/object_animal01.webp");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: -16%;
	margin-top: calc(4em + 9px);
}
.event .contents_box.line_event .contents_title span{
	width: 92%;
	max-width: 415px;
	margin-left: auto;
	margin-right: auto;
}
.event .contents_box.line_event .contents_inner a.link_button{
	margin-top: 10%;
	background-color: #2DC34B;
	font-family: 'notobla';
	border-radius: 5px;
	box-shadow: 0px 3px 0px #00000098;
	width: 79%;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	height: 45px;
	line-height: 45px;
	font-size: min(4vw,22px);
	transition-duration: 0.5s;
}
.event .contents_box.line_event .contents_inner a.link_button:hover{
	opacity: 0.6;
	box-shadow: none;
}
.event .contents_box.kengaku_rally{
	padding-bottom: 7%;
}
.event .contents_box.kengaku_rally::before{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 31%;
	padding-bottom: 31%;
	background-image: url("../img/object_animal02.webp");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	left: 0;
	right: 0;
	margin-left: -19%;
	margin-right: auto;
	margin-top: 3em;
}
.event .contents_box.kengaku_rally .contents_title span{
	width: 71%;
	max-width: 369px;
	margin-left: auto;
	margin-right: auto;
}
.event .contents_box.kengaku_rally .contents_inner .img_box{
	padding-top: 0;
}
.event .contents_box.kengaku_rally .contents_inner ul{
	display: flex;
	margin-top: 4%;
}
.event .contents_box.kengaku_rally .text{
	font-family: 'mobosemi';
	font-size: min(3.2vw,20px);
	line-height: 1.5;
	color: #3C3C3C;
}
.event .contents_box.kengaku_rally .contents_inner span.modal_button{
	margin-top: 18%;
	padding-top: 4%;
	padding-bottom: 4%;
}
.event .contents_box.animal_collabo{
	padding-bottom: 7%;
}
.event .contents_box.animal_collabo::before{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 31%;
	padding-bottom: 31%;
	background-image: url("../img/object_animal03.webp");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: -19%;
	margin-top: -1.5em;
}
.event .contents_box.animal_collabo::after{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 31%;
	padding-bottom: 31%;
	background-image: url("../img/object_animal04.webp");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	left: 0;
	right: 0;
	margin-left: -19%;
	margin-right: auto;
	margin-top: 79%;
}
.event .contents_box.animal_collabo .contents_title span{
	width: 80%;
	max-width: 439px;
	line-height: 44px;
	margin-left: auto;
	margin-right: auto;
}
.event .contents_box.animal_collabo .contents_inner{
	width: 91%;
}
.event .contents_box.animal_collabo .contents_inner::before{
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 31%;
	padding-bottom: 31%;
	background-image: url("../img/object_animal05.webp");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: -19%;
	margin-top: 133%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container{
	margin-top: 6%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li{
	display: flex;
	justify-content: space-between;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_two{
	flex-flow: row-reverse;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li:nth-of-type(n+2){
	padding-top: 6%;
	margin-top: 5%;
	border-top: 2px #004E8D dotted;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_three .text_box{
	padding-top: 2%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box h4{
	width: 76%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li:nth-of-type(n+2) .text_box h4{
	margin-left: 9%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box p{
	color: #004E8D;
	font-size: min(4vw,35px);
	margin-top: 5%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li:nth-of-type(n+2) .text_box p{
	text-align: center;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box p span{
	display: block;
	font-family: 'mobosemi';
	font-size: min(3.2vw,22px);
	padding-bottom: 4%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_three .text_box p span{
	padding-bottom: 7%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box a{
	color: white;
	background-color: #2D84CB;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #00000098;
	width: 91%;
	letter-spacing: 0.05em;
	font-size: min(3.47vw,22px);
	padding-top: calc(8% - 1px);
	padding-bottom: calc(8% - 1px);
	transition-duration: 0.5s;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box a:hover{
	opacity: 0.6;
	box-shadow: none;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_one .text_box a{
	margin-top: 13%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_two .text_box a{
	margin-top: 8%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_three .text_box a{
	margin-top: 9%;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li:nth-of-type(n+2) .text_box a{
	margin-right: auto;
	margin-left: auto;
}
.event .contents_box.animal_collabo .contents_inner .special_event_container li .img_box{
	padding-top: 0;
	width: 66%;
	max-width: 304px;
}
.event .section_inner > .img_box {
	margin-top: 12%;
	position: relative;
}
.event .section_inner > .img_box::before,.event .section_inner > .img_box::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.event .section_inner > .img_box::before{
	background-image: url("../img/object_animal06.webp");
	padding-bottom: 26%;
	width: 30%;
	margin-left: -3em;
	margin-top: -1em;
}
.event .section_inner > .img_box::after{
	background-image: url("../img/object_animal07.webp");
	right: 0;
	margin-left: auto;
	margin-right: -1.8em;
	padding-bottom: 20%;
	width: 22%;
	transform: rotate(20deg);
}
.event .section_inner > .img_box span{
	width: 57%;
	margin-left: auto;
	margin-right: auto;
}

.event .contents_box.line_event::before,.event .contents_box.kengaku_rally::before,.event .contents_box.animal_collabo::before,.event .contents_box.animal_collabo::after,.event .contents_box.animal_collabo .contents_inner::before,.event .section_inner > .img_box::before,.event .section_inner > .img_box::after {
		animation: suichoku 2s ease-in-out infinite alternate;
		transition: 1.5s ease-in-out;
	}
	@keyframes suichoku {
	  0% {
		transform: translateY(-20px);
	  }
	  100% {
		transform: translateY(0px);
	  }
	}
@media screen and (min-width: 768px) {
	.event{
		padding-top: 120px;
		padding-bottom: 156px;
	}
	.event h2{
		padding-top: 0;
		max-width: 1026px;
		margin-right: auto;
		margin-left: auto;
	}
	.event .section_inner{
		margin-top: 116px;
	}
	.event .contents_box.line_event{
		padding-bottom: 66px;
	}
	.event .contents_box .contents_title span{
		height: 54px;
		line-height: 66px;
	}
	.event .contents_box .contents_inner .copy{
		padding-top: 15px;
	}
	.event .contents_box.line_event .contents_inner .img_box{
		max-width: 520px;
		margin-top: 23px;
		margin-right: auto;
		margin-left: auto;
	}
	.event .contents_box .contents_inner .caption{
		max-width: 520px;
		margin-top: 28px;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.6;
	}
	.event .contents_box .contents_inner span.modal_button{
		margin-top: 24px;
	}
	.event .contents_box .contents_inner span.modal_button::before,.event .contents_box .contents_inner span.modal_button::after {
		width: 3px;
  		height: 16px;
		margin-right: 19px;
	}
	.event .contents_box.line_event .contents_inner a.link_button{
		margin-top: 39px;
		height: 70px;
		line-height: 70px;
		border-radius: 10px;
		box-shadow: 0px 6px 0px #00000098;
		width: 100%;
	}
	.event .contents_box.kengaku_rally .contents_inner span.modal_button{
		margin-top: 15%;
	}
	.event .contents_box.kengaku_rally .contents_title span{
		line-height: 68px;
	}
	.event .contents_box.animal_collabo .contents_title span{
		line-height: 67px;
	}
	.event .section_inner > .img_box{
		margin-top: 44px;
		width: 90%;
		max-width: 809px;
		margin-right: auto;
		margin-left: auto;
	}
	.event .section_inner > .img_box::before {
		margin-left: -10em;
  		margin-top: -5em;
	}
	.event .section_inner > .img_box::after {
		width: 19%;
		margin-right: -6.8em;
	}
}
@media screen and (min-width: 900px) {
	.event .contents_box.animal_collabo .contents_inner .special_event_container li{
		width: 698px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 1080px) {
	.event .contents_box.line_event::before,.event .contents_box.kengaku_rally::before,.event .contents_box.animal_collabo::before,.event .contents_box.animal_collabo::after,.event .contents_box.animal_collabo .contents_inner::before {
		display: none;
	}
	.event .wrapper{
		position: relative;
	}
	.event .contents_box{
		padding-top: 26px;
		box-shadow: 0px 0px 20px #0000004D;
	}
	ul.object_container li{
		position: absolute;
		z-index: 1;
		animation: suichoku 1.7s ease-in-out infinite alternate;
		transition: 1.5s ease-in-out;
	}
	@keyframes suichoku {
	  0% {
		transform: translateY(-10px);
	  }
	  100% {
		transform: translateY(0px);
	  }
	}
	ul.object_container li:nth-of-type(1){
		max-width: 330px;
		margin-left: auto;
		margin-right: -7em;
		top:left;
		right: 0;
		margin-top: -8em;
		width: 23%;
	}
	ul.object_container li:nth-of-type(2){
		max-width: 242px;
		margin-left: -6em;
		margin-top: 3em;
		width: 16%;
	}
	ul.object_container li:nth-of-type(3){
		max-width: 391px;
		margin-right: -9em;
		margin-left: auto;
		left: 0;
		right: 0;
		margin-top: 29em;
		width: 19%;
	}
	ul.object_container li:nth-of-type(4){
		max-width: 290px;
		margin-top: 51em;
		margin-left: -7em;
		width: 19%;
	}
	ul.object_container li:nth-of-type(5){
		max-width: 412px;
		top: 0;
		bottom: auto;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: -13em;
		width: 29%;
		margin-top: 56em;
	}
	ul.object_container li:nth-of-type(6){
		max-width: 401px;
		top: auto;
		bottom: 0;
		margin-top: auto;
		margin-bottom: 28em;
		margin-right: auto;
		margin-left: -12em;
		width: 25%;
	}
	ul.object_container li:nth-of-type(7){
		max-width: 258px;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: -6em;
		margin-bottom: 18em;
		width: 16%;
	}
	ul.object_container li:nth-of-type(8){
		max-width: 292px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		margin-right: auto;
		margin-left: -11em;
	}
	.event .section_inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(98% - 2px);
		max-width: 1280px;
		margin-right: auto;
		margin-left: auto;
	}
	.event .contents_box .contents_inner .caption{
		margin-top: 28px;
	}
	.event .contents_box .contents_inner span.modal_button{
		width: 100%;
	}
	.event .contents_box.line_event{
		width: 49%;
	}
	.event .contents_box.line_event .contents_inner .copy{
		font-size: 34px;
	}
	.event .contents_box.line_event .contents_inner .img_box{
		padding-top: 0;
		margin-top: 23px;
	}
	.event .contents_box.line_event .contents_inner span.modal_button{
		height: 48px;
		line-height: 48px;
		padding: 0;
	}
	.event .contents_box.line_event .contents_inner a.link_button{
		width: 100%;
	}
	.event .contents_box.kengaku_rally{
		width: 49%;
		margin-top: 0;
	}
	.event .contents_box.kengaku_rally .contents_inner ul{
		flex-flow: column;
		flex-direction: column-reverse;
		margin-top: 19px;
	}
	.event .contents_box.kengaku_rally .contents_inner .img_box{
		max-width: 512px;
	}
	.event .contents_box.kengaku_rally .text{
		margin-top: 26px;
	}
	.event .contents_box.kengaku_rally .contents_inner span.modal_button{
		margin-top: 22px;
		max-width: 280px;
		padding: 0;
		height: 48px;
		line-height: 45px;
	}
	.event .contents_box.animal_collabo{
		width: 100%;
		margin-top: 34px;
		padding-top: 34px;
		padding-bottom: 77px;
	}
	.event .contents_box.animal_collabo .contents_title span{
		line-height: 68px;
	}
	.event .contents_box.animal_collabo .contents_inner{
		width: 98%;
	}
	.event .contents_box.animal_collabo .contents_inner .copy{
		padding-top: 20px;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container{
		margin-top: 23px;
		display: flex;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li{
		flex-flow: column;
		flex-direction: column-reverse;
		justify-content: flex-end;
		width: 34%;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li:nth-of-type(n+2){
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li .img_box{
		margin-right: auto;
		margin-left: auto;
		width: 88%;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_three .text_box{
		padding-top: 0;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box{
		margin-top: 26px;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box h4{
		max-width: 229px;
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li:nth-of-type(n+2) .text_box h4{
		margin-left: auto;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box p{
		margin-top: 13px;
		font-size: 34px;
		text-align: center;
		line-height: 1.28;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box p span{
		padding-bottom: 0px;
		margin-bottom: 12px;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_three .text_box p span{
			padding-bottom: 0;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li .text_box a{
		max-width: 280px;
		padding: 0;
		height: 70px;
		line-height: 70px;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0px 6px 0px #00000098;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_two .text_box a{
		margin-top: 20px;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_one .text_box a,.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_three .text_box a{
		margin-top: 62px;
	}
	.event .contents_box.animal_collabo .contents_inner .special_event_container li.special_two{
		flex-flow: column-reverse;
	}
	.event .section_inner > .img_box{
		max-width: 809px;
	}
	.event .section_inner > .img_box::before,  .event .section_inner > .img_box::after {
		display: none;
	}
}
@media screen and (min-width: 1280px) {
	.event .contents_box .contents_title span{
		line-height: 70px;
	}
	ul.object_container li:nth-of-type(4){
		margin-top: 34em;
    	margin-left: -9em;
	}
	.event .outer > .object{
		display: none;
	}
}
@media screen and (min-width: 1580px) {
	ul.object_container li:nth-of-type(1){
		margin-right: -8em;
	}
	ul.object_container li:nth-of-type(2){
		width: 100%;
		max-width: 378px;
		margin-left: -10em;
	}
	ul.object_container li:nth-of-type(4){
		margin-left: -6em;
	}
	ul.object_container li:nth-of-type(8){
		margin-left: -8em;
	}
}
@media screen and (min-width: 1900px) {
	.event .outer > .object.bird{
		margin-right: -7%;
	}
	.event .outer > .object.dog{
		margin-bottom: 64%;
		margin-right: -10%;
	}
}



.other_event{
	padding-top: 13%;
}
.other_event .subtitle{
	width: 64%;
	margin-left: auto;
	margin-right: auto;
}
.other_event h2{
	width: 74%;
	max-width: 569px;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}
.other_event > ul{
	display: flex;
	position: relative;
	justify-content: right;
	width: 92%;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
}
.other_event > ul::before{
	content: "";
	display: block;
	width: 47%;
	padding-bottom: 98%;
	position: absolute;
	left: 0;
	background-image: url("../img/blue_dotted_bgi.webp");
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: -15%;
	margin-top: 4%;
}

.other_event > ul li:first-of-type{
	width: 43%;
	z-index: 1;
	bottom: 0;
	margin-bottom: -4em;
	position: relative;
 	 margin-top: -2em;
  	margin-left: -1em;
  	margin-right: auto;
}
.other_event > ul li.is-animated:first-of-type{
	animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
} 
@keyframes poyoyon {
  0% {
    transform: translateY(140px);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
  20%,100% {
    opacity: 1;
  }
}
.other_event > ul li:last-of-type{
	font-family: 'mobosemi';
	font-size: min(3.73vw,22px);
	line-height: 1.78;
	width: 60%;
	margin-right: auto;
	color: #3C3C3C;
}

.other_event .stripe_zone{
	padding-top: calc(12% + 1px);
	padding-bottom: calc(22% + 2px);
	margin-top: 6%;
	background: repeating-linear-gradient(135deg, #FFDFA3, #FFDFA3 30px, #FFE7BA 30px, #FFE7BA 56px);
	position: relative;
}
.other_event .stripe_zone::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	background-image: url("../img/other_event_spbgi.webp");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.other_event .stripe_zone .inner{
	position: relative;
}
.other_event .stripe_zone .inner .title{
	width: 81%;
	margin-left: auto;
	margin-right: auto;
	max-width: 472px;
}
.other_event .stripe_zone .inner .double_arrow{
	width: 8%;
	max-width: 45px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4%;
}
.other_event .stripe_zone .inner .banner_box{
	width: 80%;
	margin-top: calc(4% + 1px);
	margin-left: auto;
	margin-right: auto;
	position: relative;
    z-index: 2;
}
.other_event .stripe_zone .inner .banner_box li{
	transition-duration: 0.5s;
}
.other_event .stripe_zone .inner .banner_box li:hover{
	opacity: 0.6;
}
.other_event .stripe_zone .inner .banner_box li:nth-of-type(n+2){
	margin-top: 4%;
}
@media screen and (min-width: 598px) {
	.other_event > ul li:first-of-type{
		left: -5%;
		margin-bottom: -7em;
	}
}
@media screen and (min-width: 726px) {
	.other_event > ul li:first-of-type{
		margin-bottom: -9em;
	}
}
@media screen and (min-width: 768px) {
	.other_event{
		padding-top: 120px;
	}
	.other_event .subtitle{
		max-width: 532px;
		width: 100%;
	}
	.other_event h2{
		margin-top: 30px;
	}
	.other_event > ul::before{
		width: 46%;
		margin-left: -12%;
		margin-top: -2%;
	}
	.other_event > ul li:first-of-type{
		width: 30%;
		left: 0;
		position: absolute;
		margin-bottom: -7em;
	}
	.other_event .stripe_zone{
		padding-top: 73px;
		padding-bottom: 108px;
	}
	.other_event .stripe_zone .inner .double_arrow{
		margin-top: 24px;
	}
	.other_event .stripe_zone .inner .banner_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 26px;
		max-width: 948px;
		width: 95%;
	}
	.other_event .stripe_zone .inner .banner_box li{
		width: 48%;
		max-width: 455px;
	}
	.other_event .stripe_zone .inner .banner_box li:nth-of-type(n+3){
		margin-top: 45px;
	}
	.other_event .stripe_zone .inner .banner_box li:nth-of-type(2){
		margin-top: 0;
	}
}
@media screen and (min-width: 1080px) {
	.other_event h2{
		max-width: 569px;
	}
	.other_event > ul{
		margin-top: 55px;
		max-width: 1096px;
	}
	.other_event > ul::before {
		margin-left: -27%;
    	margin-top: -15%;
	}
	.other_event > ul li:first-of-type{
		width: 22%;
		left: 0;
		bottom: 16%;
		margin-left: -60px;
		max-width: 401px;
	}
	.other_event > ul li:last-of-type{
		width: 74%;
		max-width: 750px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.other_event .stripe_zone{
		margin-top: 45px;
	}
	.other_event .stripe_zone::before {
		background-image: url("../img/other_event_pcbgi_left.webp");
		width:324px;
	}
	.other_event .stripe_zone::after {
		content: "";
		display: block;
		width: 324px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin-left: auto;
		background-image: url("../img/other_event_pcbgi_right.webp");
		background-size: 100% 100%;
	}
}
@media screen and (min-width: 1280px) {
	.other_event > ul li:first-of-type{
		bottom: -30%;
		width: 100%;
		margin-left: -122px;
	}
}
@media screen and (min-width: 1480px) {
	.other_event > ul::before {
		margin-top: -31%;
	}
	.other_event > ul li:first-of-type {
		width: 100%;
		margin-left: -191px;
	}
}

.visit-day{
	padding-top: 15%;
	padding-bottom:calc(19% - 1.25px);
	position: relative;
	z-index: 5;
	background-color: #F8F5E9;
}
.visit-day .inner h2{
	width: calc(89% - 1px);
	max-width: 713px;
	margin-left: auto;
	margin-right: auto;
}
.visit-day .inner .yellow_block{
	background-color: #FFF07E;
	border: solid 3px white;
	border-radius: 12px;
	width: 89%;
	padding-top: calc(5% + 2px);
	padding-bottom: 10%;
	margin-top: calc(4% + 1px);
	margin-left: auto;
	margin-right: auto;
}
.visit-day .inner .yellow_block>ul li:first-of-type{
	max-width: 406px;
}
.visit-day .inner .yellow_block>ul li.text-img_box{
	display: flex;
	width: 89%;
	margin-top: calc(6% + 1px);
	margin-right: auto;
	margin-left: auto;
	padding-bottom: calc(7% + 2px);
	border-bottom: solid 1px;
}
.visit-day .inner .yellow_block>ul li.text-img_box .text_box {
	font-family: 'mobosemi';
}
.visit-day .inner .yellow_block>ul li.text-img_box .text_box p{
	color: #FD6100;
	font-size: min(3.2vw,18px);
	line-height: 1.83;
	width: 90%;
}
.visit-day .inner .yellow_block > ul li.text-img_box .text_box span{
	display: block;
	color: white;
	background-color: black;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: min(2.67vw,22px);
	border-radius: 5px;
	width: 63%;
	margin-top: 3%;
}
.visit-day .inner .yellow_block > ul li.text-img_box .text_box .schedule_list{
	letter-spacing: 0.05em;
	line-height: 1.42;
	font-size: min(3.73vw,20px);
}
.visit-day .inner .yellow_block>ul li.text-img_box .img_box{
	width: 86%;
	max-width: 167px;
}
.visit-day .inner .yellow_block .link_button{
	display: block;
	background-color: #FD6100;
	text-align: center;
	color: white;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #00000098;;
	margin-top: 8%;
	width: 73%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.visit-day .inner .yellow_block .link_button{
	transition-duration: 0.5s;
}
.visit-day .inner .yellow_block .link_button:hover{
	opacity: 0.6;
}
.visit-day .inner .yellow_block .link_button::after{
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("../img/arrow.webp");
	background-size: contain;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	margin-right: 5%;
}
@media screen and (min-width: 768px) {
	.visit-day{
		padding-top: 169px;
		padding-bottom: 240px;
	}
	.visit-day .inner h2{
		width: 100%;
	}
	.visit-day .inner .yellow_block{
		margin-top: 50px;
		max-width: 950px;
		padding-bottom: 60px;
	}
	.visit-day .inner .yellow_block>ul{
		display: flex;
		max-width: 846px;
		margin-right: auto;
		margin-left: auto;
	}
	.visit-day .inner .yellow_block > ul>li:first-of-type{
		margin-right: auto;
		margin-left: auto;
	}
	.visit-day .inner .yellow_block > ul li.text-img_box{
		padding-bottom: 0;
		border-bottom: none;
		width: 70%;
	}
	.visit-day .inner .yellow_block > ul li.text-img_box .text_box{
		max-width: 233px;
	}
	.visit-day .inner .yellow_block > ul li.text-img_box .text_box p{
		width: 100%;
	}
	.visit-day .inner .yellow_block > ul li.text-img_box .text_box span{
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		width: 164px;
		border-radius: 3px;
	}
	.visit-day .inner .yellow_block .link_button{
		margin-top: 44px;
		height: 70px;
		line-height: 66px;
		font-size: 22px;
		max-width: 520px;
	}
	.visit-day .inner .yellow_block .link_button::after{
		margin-right: 144px;
	}
}

@media screen and (min-width: 1080px) {
	.visit-day .inner .yellow_block{
		padding-top: 34px;
		padding-bottom: 60px;
		border-width: 6px;
	}
	.visit-day .inner .yellow_block > ul>li:first-of-type{
		width: 100%;
	}
	.visit-day .inner .yellow_block > ul li.text-img_box{
		max-width: 407px;
		margin-top: 18px;
	}
	.visit-day .inner .yellow_block > ul li.text-img_box .text_box{
		margin-top: auto;
	}
}
.access{
	background-color: white;
	padding-bottom: 8.6%;
	border-bottom: solid 1px #AFAFAF;
	position: relative;
}
.access .object{
	max-width: 1035px;
	width: 91%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	margin-top: -3.6em;
	left: 0;
	right: 0;
	z-index: 5;
	top: 0;
}
.access h2{
	width: calc(74% - 1px);
	max-width: 569px;
	margin-right: auto;
	margin-left: auto;
	padding-top: calc(15% + 1px);
}
.access .tab_menu{
	margin-top: 10%;
	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,20px);
	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 h2{
		padding-top: 0;
	}
	.access .object{
		margin-top: -8.7em;
	}
	.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: 40px;
		padding-bottom: 17px;
		border-bottom: solid 1px black;
	}
	.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: 100%;
	}
	.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: 100%;
	}
	.access .location_list li a{
		border-radius: 35px;
	}
	.access .location_list li a::after {
		right: 16px;
		width: 12px;
		height: 12px;
	}
}
@media screen and (min-width: 1080px) {
	.access .object{
		margin-top: -11.7em;
	}
	.access .location_box{
		margin-top: 57px;
	}
}
.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;
	box-shadow: 5px 5px 5px #0000004D;
}
.modal_bg{
	background-color: rgba(255,255,255,0.95);
}
.modal_close{
	z-index: 3;
	width: 12%;
	max-width: 88px;
	position: absolute;
	cursor: pointer;
	top:10px;
	right: 10px;
}
.modal_box .outer{
	background-color: #CBE8FF;
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.modal_box .outer>ul{
	width: 89%;
	padding-top: calc(6% + 2px);
	padding-bottom: 6%;
	margin-left: auto;
	margin-right: auto;
}
.modal_box.mordal_one .header_block .img_box{
	width: calc(84% - 2px);
	max-width: 438px;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_one .header_block .text_box{
	margin-top: calc(4% + 1px);
}
.modal_box.mordal_one .header_block .text_box h3{
	text-align: center;
	color: #004E8D;
	font-size: min(5.87vw,40px);
	line-height: 1.45;
}
.modal_box.mordal_one .header_block .text_box .copy{
	font-family: 'mobosemi';
	font-size: min(3.2vw,20px);
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-top: calc(5% + 1px);
}
.modal_box.mordal_one .header_block .text_box .event_information{
	margin-top: calc(4% - 2px);
}
.modal_box.mordal_one .header_block .text_box .event_information li{
	margin-top: calc(2% + 2px);
	font-family: 'mobosemi';
	font-size: min(3.73vw,25px);
}
.modal_box.mordal_one .header_block .text_box .event_information span{
	background-color: black;
	color: white;
	display: inline-block;
	font-size: min(2.67vw,19px);
	width: calc(13% - 1px);
	padding: calc(2% - 2px) 0px;
	text-align: center;
	border-radius: 5px;
	margin-right: 5px;
}
.modal_box.mordal_one .header_block .text_box p.attention{
	font-family: 'mobore';
	line-height: 1.8;
	font-size: min(2.67vw,15px);
	margin-top: calc(5% + 1px);
}
.modal_box.mordal_one .prize_block{
	background-color: #FFF7A3;
	border-radius: 8px;
	margin-top: calc(5% + 1px);
}
.modal_box.mordal_one .prize_block ul{
	width: 95%;
	padding-top: calc(6% + 1px);
	padding-bottom: 11%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.modal_box.mordal_one .prize_block ul li:first-of-type{
	width: calc(97% - 2px);
	max-width: 520px;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_one .prize_block ul li:nth-of-type(2){
	width: 99%;
	max-width: 384px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6%;
}
.modal_box.mordal_one .prize_block ul li:nth-of-type(2) span{
	font-family: "mobore";
	font-size: 10px;
	position: relative;
  	top: 1em;
}
.modal_box.mordal_one .prize_block ul li:last-of-type{
	width: 29%;
	max-width: 120px;
	position: absolute;
	bottom: 18px;
	right: 0;
}
.modal_box.mordal_two{
	top:0!important;
}
.modal_box.mordal_two .outer > ul{
	width: 100%;
	padding-top: calc(12% - 2px);
	padding-bottom: calc(14% + 2px);
}

.modal_box.mordal_two .outer > ul .text_block h3{
	text-align: center;
	color: #004E8D;
	line-height: 1.45;
	font-size: min(5.87vw,40px);
}
.modal_box.mordal_two .outer > ul .text_block a{
	display: block;
	text-align: center;
	color: black;
	background-color: #F0F5FC;
	letter-spacing: 0.05em;
	font-size: min(3.2vw,20px);
	padding:calc(4% - 2px) 0px;
	margin-top: calc(4% - 2.5px);
}
.modal_box.mordal_two .outer > ul .text_block a span{
	display: block;
	position: relative;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .text_block a span::before{
	content: "";
	display: block;
	position: absolute;
	width: 10%;
	padding-bottom: 10%;
	max-width: 42px;
	background-image: url("../img/arrow_2.webp");
	background-size: contain;
	left: 0;
	right: 0;
	margin-left: auto;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
}

.modal_box.mordal_two .outer > ul .text_block .inner{
	width: 89%;
	margin-top: 9%;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .text_block .inner .img_box{
	width: 99%;
	max-width: 503px;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .text_block .inner p.copy{
	font-family: 'mobosemi';
	font-size: min(3.2vw,20px);
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-top: 7%;
	color: #3C3C3C;
}
.modal_box.mordal_two .outer > ul .text_block .inner .event_information{
	margin-top: 3%;
}
.modal_box.mordal_two .outer > ul .text_block .inner .event_information li{
	font-family: 'mobosemi';
	font-size: min(3.73vw,25px);
}
.modal_box.mordal_two .outer > ul .text_block .inner .event_information li span{
	background-color: black;
	color: white;
	display: inline-block;
	font-size: min(2.67vw,19px);
	width: calc(13% - 1px);
	padding-top: 1.2%;
	padding-bottom: 2%;
	text-align: center;
	border-radius: 5px;
	margin-right: 5px;
}
.modal_box.mordal_two .outer > ul .text_block .inner .event_information li.attention{
	font-family: 'mobore';
	line-height: 1.8;
	font-size: min(2.67vw,15px);
	margin-top: calc(2% + 1px);
	letter-spacing: 0.05em;
	color: #3C3C3C;
}
.modal_box.mordal_two .outer > ul .img_block{
	width: 89%;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
}
.modal_box.mordal_two .outer > ul .img_block ul li{
	position: relative;
}
.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2){
	margin-top: calc(8% - 2px);
	max-width: 300px;
}
.modal_box.mordal_two .outer > ul .img_block ul li span.img_title{
	position: absolute;
	background-color: #F3932A;
	color: white;
	font-size: min(3.2vw,24px);
	width: calc(47% - 1px);
	padding-top: 0.5%;
	padding-bottom: 1%;
	padding-left: 1%;
}
.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2) span{
	width: 31%;
}
.modal_box.mordal_two .outer > ul .img_block ul li .img_box:nth-of-type(2){
	margin-top: calc(3% + 1px);
	max-width: 286px;
}
.modal_box.mordal_two .outer > ul .img_block ul li .img_box .attention{
	width: 100%;
	font-size: 10px;
	font-family: "mobore";
	margin-top: 4%;
	color: #3C3C3C;
}
.modal_box.mordal_two .outer > h4{
	text-align: center;
}
.modal_box.mordal_two .outer > ul .flow_block{
	background-color: #F0F5FC;
	padding-top: calc(8% - 1px);
	margin-top: 8%;
	padding-bottom: calc(11% - 4px);
}
.modal_box.mordal_two .outer > ul .flow_block h4{
	font-family: "mobosemi";
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.53;
	color: #004E8D;
}

.modal_box.mordal_two .outer > ul .flow_block>ul{
	width: 89%;
	margin-top: calc(5% + 1px);
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .flow_block>ul > li:nth-of-type(n+2){
	margin-top: 8%;
}
.modal_box.mordal_two .outer > ul .flow_block>ul .step_number{
	display: block;
	text-align: center;
	background-color: #3C3C3C;
	color: white;
	border-radius: 20px;
	letter-spacing: 0.1em;
	font-size: min(4.8vw,30px);
	padding: calc(4% - 2px) 0;
	max-width: 520px;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li p{
	text-align: center;
	font-family: "mobosemi";
	font-size: min(3.2vw,20px);
	margin-top: calc(8% + 1px);
	line-height: 1.66;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li:first-of-type p{
	width: 86%;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li:first-of-type a.link_button{
	display: block;
	text-align: center;
	background-color: #2DC34B;
	color: white;
	border-radius: 5px;
	padding: 4% 0;
	margin-top: 3%;
	width: 84%;
	margin-left: auto;
	margin-right: auto;
	max-width: 333px;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li:first-of-type .img_box{
	width: 84%;
	max-width: 333px;
	margin-top: -3%;
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li:first-of-type .img_box span{
	display: block;
	width: 89%;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li > .img_box{
	margin-top: calc(4% + 3px);
	margin-right: auto;
	margin-left: auto;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li:nth-of-type(2) > .img_box{
	width: calc(84% - 2px);
	max-width: 350px;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li:nth-of-type(3) > .img_box{
	width: 70%;
	max-width: 350px;
}
.modal_box.mordal_two .outer > ul .flow_block>ul li:nth-of-type(4) > .img_box{
	width: 55%;
	max-width: 272px;
}
@media screen and (min-width: 768px) {
	.modal_box{
		width: 95%;
	}
	.modal_close{
		width: 7%;
		top: 24px;
  		right: 24px;
	}
	.modal_box.mordal_one .prize_block ul li:nth-of-type(2) span{
		font-size: 15px;
		top: 0;
	}
	.modal_box.mordal_one .prize_block ul li:last-of-type{
		bottom: 0;
		margin-bottom: 3em;
  		margin-right: 5em;
	}
	.modal_box.mordal_two .outer > ul .text_block a span::before {
		margin-top: -2%;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2){
		max-width: 100%;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2) span{
		width: 100%;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li span.img_title{
		max-width: 286px;
		text-align: center;
		padding: 0;
		height: 32px;
		line-height: 29px;
		top:0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li .img_box .attention{
		text-align: center;
	}
	.modal_box.mordal_two .outer > ul .flow_block {
		padding-top: 45px;
	}
	.modal_box.mordal_two .outer > ul .flow_block h4{
		font-size: 26px;
	}
	.modal_box.mordal_two .outer > ul .flow_block > ul{
		width: 93%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.modal_box.mordal_two .outer > ul .flow_block > ul li{
		width: 48%;
	}
	.modal_box.mordal_two .outer > ul .flow_block > ul > li:nth-of-type(2){
		margin-top: 0;
	}
	.modal_box.mordal_two .outer > ul .flow_block > ul .step_number{
		border-radius: 35px;
	}
}
@media screen and (min-width: 1080px) {
	.modal_box{
		width: 96%;
	}
	.modal_box.mordal_one .outer>ul{
		padding-top: 78px;
	}
	.modal_box.mordal_one .outer>ul .header_block{
		display: flex;
		max-width: 1188px;
		margin-right: auto;
		margin-left: auto;
		align-items: center;
	}
	.modal_box.mordal_one .header_block .text_box{
		margin-top: 0;
	}
	.modal_box.mordal_one .header_block .text_box h3{
		text-align: left;
	}
	.modal_box.mordal_one .prize_block {
		max-width: 1200px;
		margin-top: 6px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		position: relative;
	}
	.modal_box.mordal_one .prize_block ul{
		display: flex;
		justify-content: right;
		align-items: baseline;
		position: relative;
		max-width: 1083px;
		padding: 0;
		padding-bottom: 0;
		margin-right: 36px;
	}
	.modal_box.mordal_one .prize_block::before{
		content: "";
		display: block;
		width: 100%;
		height: 220px;
		background-color: #FFF7A3;
		position: absolute;
		bottom: 23px;
		border-radius: 8px;
	}
	.modal_box.mordal_one .prize_block ul li:first-of-type,.modal_box.mordal_one .prize_block ul li:nth-of-type(2){
		margin: 0;
	}
	.modal_box.mordal_one .prize_block ul li:first-of-type{
		position: relative;
		top:-20px;
	}
	.modal_box.mordal_one .prize_block ul li:nth-of-type(2){
		margin-left: 35px;
	}
	.modal_box.mordal_one .prize_block ul li:nth-of-type(2) span{
		font-family: "mobore";
		font-size: 15px;
		bottom: 45px;
    	margin-right: -28px;
		right: 0;
		position: absolute;
    	top: auto;
	}
	.modal_box.mordal_one .prize_block ul li:last-of-type{
		position: relative;
		top: -50px;
    	margin-left: 0;
		margin-right: 0;
	}
	.modal_box.mordal_two .outer > ul li.header_block{
		display: flex;
	}
	.modal_box.mordal_two .outer > ul .text_block h3{
		font-size: min(3.06vw,40px);
	}
	.modal_box.mordal_two .outer > ul .text_block a{
		display: none;
	}
	.modal_box.mordal_two .outer > ul .img_block{
		max-width: 600px;
		margin-top: 15px;
		margin-left: 0;
		margin-right: 0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li{
		align-items:center;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2){
		flex-flow: row-reverse;
    	margin-top: 0;	
	}
	.modal_box.mordal_two .outer > ul .img_block ul li span.img_title{
		max-width: 286px;
		font-size: 24px;
		height: 32px;
		line-height: 32px;
		padding: 0;
		text-align: center;
		position: absolute;
		top: 0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li .img_box:nth-of-type(2){
		margin-top: 0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li .img_box .attention{
		text-align: right;
	}
	.modal_box.mordal_two .outer > ul .flow_block{
		margin-top: 60px;
	}
}
@media screen and (min-width: 1280px) {
	.modal_box{
		border-radius: 12px;
	}
	.modal_box.mordal_one,.modal_box.mordal_two{
		padding-top: 0;
		margin-top: 50px;
		box-shadow: 0px 0px 20px #0000004D;
	}
	.modal_close{
		width: 4%;
		position: absolute;
		top: 16px;
    	right: 16px;
	}
	.modal_box.mordal_one{
		height: 800px;
	}
	.modal_box .outer{
		width: 100%;
		padding-bottom: 50px;
	}
	.modal_box.mordal_one .outer{
		padding-bottom: 0;
	}
	.modal_box.mordal_one .outer>ul{
		width: 100%;
		padding-top: 54px;
		padding-bottom: 66px;
	}
	.modal_box.mordal_one .header_block .text_box {
		margin-top: 12px;
		max-width: 704px;
	}
	.modal_box.mordal_one .header_block .text_box .copy{
		margin-top: 0;
		max-width: 520px;
		letter-spacing: inherit;
	}
	.modal_box.mordal_one .header_block .text_box .event_information{
		display: flex;
		margin-top: 20px;
	}
	.modal_box.mordal_one .header_block .text_box .event_information li{
		margin-top: 0;
	}
	.modal_box.mordal_one .header_block .text_box .event_information span{
		width: 75px;
		margin-right: 10px;
	}
	.modal_box.mordal_one .header_block .text_box p.attention{
		margin-top: 20px;
	}
	.modal_box.mordal_one .prize_block::before {
		bottom: 31px;
	}
	.modal_box.mordal_two .outer{
		padding-bottom: 52px;
	}
	.modal_box.mordal_two .outer > ul {
		padding-top: 78px;
		padding-bottom: 0;
	}
	.modal_box.mordal_two .outer > ul .text_block a{
		display: none;
	}
	.modal_box.mordal_two .outer .header_block{
		display: flex;
		justify-content: space-between;
		max-width: 1179px;
		margin-right: auto;
		margin-left: auto;
	}
	.modal_box.mordal_two .outer > ul .text_block{
		max-width: 556px;
		width: 100%;
	}
	.modal_box.mordal_two .outer > ul .text_block .inner{
		width: 100%;
	}
	.modal_box.mordal_two .outer > ul .text_block .inner p.copy{
		margin-top: 30px;
	}
	.modal_box.mordal_two .outer > ul .text_block .inner .event_information{
		display: flex;
		margin-top: 38px;
	}
	.modal_box.mordal_two .outer > ul .text_block .inner .event_information li:first-of-type{
		display: flex;
	}
	.modal_box.mordal_two .outer > ul .text_block .inner .event_information li span{
		width: 75px;
		margin-right: 9px;
	}
	.modal_box.mordal_two .outer > ul .text_block .inner .event_information li.attention{
		margin-top: 0;
		margin-left: 9px;
		letter-spacing: inherit;
	}
	.modal_box.mordal_two .outer > ul .img_block{
		max-width: 600px;
		margin-top: 15px;
		margin-left: 0;
		margin-right: 0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li{
		display: flex;
		align-items: baseline;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li span.img_title{
		width: 286px;
		text-align: center;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:first-of-type span.img_title{
		right: 0;
		left: 0;
		margin-top: 38px;
		margin-left: auto;
		margin-right: 0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:first-of-type .img_box:nth-of-type(2){
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
		max-width: 270px;
		position: relative;
		bottom: 35px;
	}	
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2){
		flex-flow: row-reverse;
		margin-top: 0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2) span.img_title{
		left: 0;
		right: 0;
		margin-top: 46px;
		margin-left: 0;
		margin-right: 0;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2) .img_box:first-of-type{
		text-align: right;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2) .img_box:first-of-type .attention{
		margin-top: 10px;
		font-size: 15px;
		text-align: right;
	}
	.modal_box.mordal_two .outer > ul .img_block ul li:nth-of-type(2) .img_box:nth-of-type(2){
		margin-top: 0;
		margin-left: 0;
		margin-right: auto;
		position: relative;
		bottom: 40px;
	}
	.modal_box.mordal_two .outer > ul .flow_block{
		max-width: 1200px;
		margin-top: 48px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 47px;
		padding-bottom: 64px;
	}
	.modal_box.mordal_two .outer > ul .flow_block h4{
		font-size: 28px;
	}
	.modal_box.mordal_two .outer > ul .flow_block ul{
		max-width: 1100px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 45px;
	}
	.modal_box.mordal_two .outer > ul .flow_block ul li{
		max-width: 520px;
		width: 100%;
	}
	.modal_box.mordal_two .outer > ul .flow_block ul li:nth-of-type(2){
		margin-top: 0;
	}
	.modal_box.mordal_two .outer > ul .flow_block ul li:nth-of-type(n+3){
		margin-top: 50px;
	}
	.modal_box.mordal_two .outer > ul .flow_block ul li span.step_number{
		border-radius: 35px;
		padding: 0;
		height: 70px;
		line-height: 70px;
	}
	.modal_box.mordal_two .outer > ul .flow_block > ul li p{
		margin-top: 40px;
	}
	.modal_box.mordal_two .outer > ul .flow_block>ul li:first-of-type a.link_button{
		margin-top: 67px;
	}
	.modal_box.mordal_two .outer > ul .flow_block>ul li:nth-of-type(2) > .img_box{
		margin-top: 44px;
	}
	.modal_box.mordal_two .outer > ul .flow_block>ul li:nth-of-type(3) > .img_box{
		margin-top: 48px;
	}
	.modal_box.mordal_two .outer > ul .flow_block>ul li:nth-of-type(4) > .img_box{
		margin-top: 40px;
	}
}
@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: 1300px) {
	.modal_box.mordal_one{
		overflow-y: auto;
	}
	.modal_box.mordal_one .outer > ul{
		padding-bottom: 31px;
	}
	.modal_box.mordal_one .prize_block ul{
		padding-bottom: 0;
	}
}
@media screen and (min-width: 1500px) {
	.modal_close{
		width: 4%;
		margin-top: 10px;
		margin-right: 10px;
	}
}
.scroll_banner{
	position: fixed;
	bottom:-1px;
	right: 0;
	max-width: 338px;
	width: 37%;
	z-index: 3;
}
.scroll_banner a{
	display: block;
}

footer{
	text-align: center;
	font-size: 10px;
	padding-bottom: 80px;
}
footer ul{
	display: flex;
	width: 54%;
	max-width: 500px;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}
footer ul li{
	width: 50%;
}
footer ul li a{
	display: block;
	color: black;
	text-align: center;
	font-size: 14px;
}
footer small{
	margin-top: 20px;
	display: block;
}
@media screen and (min-width: 768px) {
	footer{
		font-size: 15px;
		padding-top: 60px;
		padding-bottom: 25px;
	}
}
@media screen and (min-width: 1080px) {
	footer{
		padding-top: 27px;
		padding-bottom: 36px;
	}
	footer small{
		margin-top: 0;
	}
}


