@charset "utf-8";
#fullWrap{
	width: 100%;
	min-width: 1200px;
}
br.sp-min{
	display: none;
}
@media screen and (max-width: 767px){
	#fullWrap{
		min-width: 100%;
	}
}

@media screen and (max-width: 350px){
	br.sp-min{
		display: block;
	}
	br.sp-min-not{
		display: none;
	}
}



#top_header{
	width: 100%;
	display: block;
	position: relative;
}
.as_logo{
	padding: 22px 0 28px;
	text-align: center;
}
.head_catch{
	width: 583px;
	padding-top: 95px;
	position: absolute;
	top: 70px;
	left: calc(50% - 291.5px);
	background: url(../img/top/head_catch.png) no-repeat center / 100%;
	z-index: 2;
}
.headWrap{
	display: flex;
	position: relative;
	width: 100%;
}
#head_img_l,#head_img_r{
	width: 50%;
	padding-top: 51.6667%;
}
#head_img_l{
	background: url(../img/top/head_img_l.jpg);
}
#head_img_r{
	background: url(../img/top/head_img_r.jpg);
}
#head_img_l,#head_img_r{
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
#head_img_c{
	width: 13.5%;
	padding-top: 13.5%;
	background: url(../img/top/head_img_c.png) no-repeat center center / 100%;
	position: absolute;
	top: 50%;
	left: 43.25%;
	transform: translateY(-50%);
}
#eventDateWrap{
	width: 100%;
	text-align: center;
	background-color: #ff005a;
	padding: 40px 0;
}
#eventDate{
	display: flex;
	justify-content: center;
}
#eventDate dt{
	padding: 15px 40px;
	background-color: #fff;
	color: #ff005a;
	border-radius: 40px;
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
}
#eventDate dd{
	margin-left: 24px;
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
}
#eventDate dd span{
	font-size: 28px;
}

@media screen and (max-width: 767px){
	.as_logo{
		padding: 2.9334% 0 3.6%;
	}
	.as_logo img{
		width: 31.0667%;
	}
	.head_catch{
		width: 77.334%;
		padding-top: 12.6667%;
		top: 0;
		left:11.334%;
		margin-top: 8.8%;
	}
	.headWrap{
		display: block;
	}
	#head_img_l,#head_img_r{
		width: 100%;
		padding-top: 82.667%;
	}
	#head_img_l{
		background: url(../img/top/head_img_l_sp.jpg) no-repeat center / contain;
	}
	#head_img_r{
		background: url(../img/top/head_img_r_sp.jpg) no-repeat center / contain;
	}
	#head_img_c{
		width: 21.6%;
		padding-top: 21.6%;
		left: 39.2%;
	}
	#eventDateWrap{
		padding: 2.1334% 0;
	}
	#eventDate{
		align-items: center;
	}
	#eventDate dt{
		margin-left: 4%;
		flex-shrink: 0;
		padding: 1.6% 5.334%;
		font-size: 3.2vw;
	}
	#eventDate dd{
		margin-left: 0;
		font-size: 6.4vw;
		line-height: 6.9334vw;
	}
	#eventDate dd span{
		font-size: 3.7334vw;
	}
}


/*== contents ==*/
#contents{
	width: 100%;
	position: relative;
}
.content{
	width: 100%;
	position: relative;
}


/* About */
#about{
	width: 1200px;
	margin: 0 auto;
}
#organizer{
	width: 1114px;
	padding-top: 50px;
	/*background: url(../img/top/about_organizer.png) no-repeat center / contain;*/
	display: flex;
	margin: 30px auto 0;
}
#companys{
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0;
	width: 1114px;
}
#presents{
	display: flex;
	align-items: center;
	position: relative;
}
.presentsIn{
	position: relative;
}
.presentsIn a{
	display: block;
}
#presents01{
	padding-right: 70px;
}
#presents01 img {
	width: 213px;
}
#presents02{
	padding-right: 70px;
}
#presents02 img {
	width: 99px;
}
#presents03{
	padding-right: 122px;
}
#presents03 img {
	width: 176px;
}
#presents p{
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	position: absolute;
	bottom: 10px;
	right: 42px;
	letter-spacing: 0;
}
#presents01:after,#presents02:after{
	content: '';
	width: 30px;
	padding-top: 30px;
	background: url(../img/top/logo_x.png)no-repeat center center / contain;
	position: absolute;
	top: calc(50% - 15px);
	right: 22px;
}
#presents03:after{
	content: '';
	width: 1px;
	height: 20px;
	top: calc(50% - 10px);
	right: 0;
	border-right: 2px dashed #cdcdcd;
	position: absolute;
}

#partners{
	width: calc(100% -  750px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#partners p{
	font-size: 14px;
	color: #cdcdcd;
	font-weight: 700;
	padding-right: 24px;
}
#partner01{
	padding-right: 22px;
}
#partner01 a{
	margin-top: 10px;
	display: block;
}


@media screen and (max-width: 767px){
	#companys{
		width: 92%;
		margin-top: 6%;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#presents{
		width: 100%;
		/*margin-bottom: 5.7971%;*/
		margin-bottom: 2.8986%;
	}
	#presents01{
		width: 39.1967%;
		padding-right: 9.6953%;
	}
	#presents01 img{
		width: 100%;
	}
	#presents02{
		width: 23.4072%;
		padding-right: 9.6953%;
	}
	#presents02 img{
		width: 100%;
	}
	#presents03{
		width: 37.3961%;
		padding-right: 13.0194%;
	}
	#presents03 img{
		width: 100%;
	}
	#presents p{
		font-size: 1.8667vw;
		right: 0;
		bottom: 1.334vw;
	}
	#presents01:after,#presents02:after{
		width: 4vw;
		padding-top: 4vw;
		top: calc(50% - 2vw);
		right: 2.9334vw;
	}
	#presents03:after{
		content: unset;
	}

	#partners{
		width: 100%;
		justify-content: center;
	}
	#partners p{
		font-size: 1.8667vw;
		padding-right: 0;
		line-height: 1;
		margin-right: 3.32409%;
		margin-top: 1.334vw;
	}
	#partner01{
		width: 22.57617%;
		padding-right: 3.04709%;
	}
	#partner01 img{
		width: 100%;
	}
	#partner02{
		width: 11.2189%;
	}
	#partner02 img{
		width: 100%;
	}
	#partner01 a{
		margin-top: 1.334vw;
	}
}
#about_In{
	width: 100%;
	position: relative;
	margin-top: 64px;
	padding-bottom: 360px;
}
#about_mainCircle{
	width: 100%;
	text-align: center;
	z-index: 2;
	position: relative;
}
#about_mainTxt{
	width: 240px;
	height: 240px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 8px solid #206ecd;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 185px;
	border-radius: 50%;
	z-index: 3;
}
#about_mainTxt:before{
	content: '';
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px;
	background: #206ecd;
	position: absolute;
	border-radius: 50%;
}
#about_mainTxt span{
	color: #fff;
	font-size: 24px;
	line-height: 1.667;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0em;
	position: relative;
}

@media screen and (max-width: 767px){
	#about{
		width: 100%;
	}
/*	#organizer{
		width: 96.2667%;
		padding-top: 14.4%;
		background: url(../img/top/about_organizer_sp.png) no-repeat center / contain;
		margin-top: 6%;
	}*/
	#about_In{
		margin-top: 3.4667%;
		padding-bottom: 0;
	}
	#about_mainCircle{
		padding-top: 22.4%;
	}
	#about_mainCircle img{
		width: 72.2667%;
	}
	#about_mainTxt{
		width: 32%;
		height: 32vw;
		border-width: 4px;
		margin-top: 15.334%;
		left: 6.667%;
	}
	#about_mainTxt:before{
		top: 3px;
		right: 3px;
		bottom: 3px;
		left: 3px;
	}
	#about_mainTxt span{
		font-size: 3.2vw;
	}
}


.aboutList{
	position: absolute;
	font-size: 16px;
}
.aboutList dt{
	padding-bottom: 14px;
}
.aboutList dd{
	text-align: center;
}
@media screen and (min-width: 767px){
	#aboutList01{
		left: 114px;
		bottom: 265px;
	}
	#aboutList01:before{
		content: '';
		background: url(../img/top/aboutList01_line.svg) no-repeat left bottom;
		width: 90px;
		height: 50px;
		position: absolute;
		top: 14px;
		right: -70px;
	}
	#aboutList01 dt{
		padding-left: 16px;
	}
	#aboutList01 dd{
		width: 190px;
	}

	#aboutList02{
		width: 198px;
		left: 368px;
		bottom: 100px;
	}
	#aboutList02:before{
		content: '';
		position: absolute;
		background: url(../img/top/aboutList02_line.svg) no-repeat left bottom;
		width: 20px;
		height: 50px;
		top: -42px;
		right: 50px;
	}
	#aboutList02 dt{
		padding-left: 24px;
	}

	#aboutList03{
		width: 170px;
		left: 640px;
		bottom: 40px;
	}
	#aboutList03:before{
		content: '';
		position: absolute;
		background: url(../img/top/aboutList03_line.svg) no-repeat right bottom;
		width: 20px;
		height: 50px;
		top: -46px;
		left: 50px;
	}
	#aboutList03 dt{
		padding-left: 8px;
	}


	#aboutList04{
		width: 170px;
		top: 408px;
		right: 125px;
	}
	#aboutList04:before{
		content: '';
		position: absolute;
		background: url(../img/top/aboutList04_line.svg) no-repeat right bottom;
		width: 94px;
		height: 50px;
		top: 14px;
		left: -86px;
	}
	#aboutList04 dt{
		text-align: right;
		padding-right: 8px;
	}
}
#about_imgWrap{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#about_imgWrap div{
	position: absolute;
}
@media screen and (min-width: 767px){
	#about_img01{
		bottom: 5px;
		left: 97px;
	}
	#about_img02{
		top: 42px;
		right: 72px;
	}
	#about_img03{
		top: 227px;
		left: 50px;
	}
	#about_img04{
		bottom: 15px;
		right: 155px;
	}
}

@media screen and (max-width: 767px){
	#aboutLists{
		width: 100%;
		padding-top: 4.5334%;
		padding-left: 8.2667%;
		position: relative;
	}
	#aboutLists:before{
		content: '';
		max-width: 60px;
		width: 8%;
		padding-top: 11.4667%;
		position: absolute;
		top: 0;
		margin-top: -5.4%;
		background: url(../img/top/aboutLists_line_sp.svg) no-repeat left bottom;
		left: 22.9334%;
	}
	.aboutList{
		display: flex;
		width: 100%!important;
		top: 0!important;
		left: 0!important;
		bottom: 0!important;
		right: 0!important;
		position: relative;
		font-size: 1.2rem;
		/*padding-bottom: 4.2667%;*/
		align-items: center;
	}
	.aboutList dt{
		width: 22.96512%;
		margin-bottom: 0;
		padding-bottom: 0;
		position: relative;
		padding-bottom: 3.4884%;
	}
	.aboutList:last-child dt{
		padding-bottom: 0;
	}
	.aboutList dt img{
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.aboutList dd{
		width: 62.5%;
		padding-left: 7.26745%;
		padding-bottom: 3.4884%;
		text-align: left;
	}
	.aboutList dt:before{
		content: '';
		position: absolute;
		bottom: 0;
		width: 0.4vw;
		left: calc(50% - 0.2vw);
		padding-top: 21.519%;
	}
	#aboutList01 dt:before{
		background-color: #5000a1;
	}
	#aboutList02 dt:before{
		background-color: #ff005a;
	}
	#aboutList03 dt:before{
		background-color: #a7b5be;
	}
	#aboutList04 dt:before{
		content: unset;
	}

	#about_imgWrap{
		overflow: hidden;
	}
	#about_imgWrap div{
		top: 0;
	}
	#about_imgWrap div img{
		width: 100%;
	}
	#about_img01{
		width: 28.9334%;
		margin-top: 119.4667%;
		left: 76.667%;
	}
	#about_img02{
		width: 25.334%;
		right: 5.334%;
	}
	#about_img03{
		width: 18%;
		margin-top: 78%;
		left: -2.8%;
	}
	#about_img04{
		width: 18%;
		margin-top: 90.667%;
		right: 4%;
	}
}


/* Lottery */
#lottery{
	padding-top: 60px;
}
#lotteryLists{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.lotteryList{
	width: calc(100% / 3);
}
#lottery01{
	padding-top: 100px;
	padding-bottom: 70px;
	background: url(../img/top/lottery01_bg.jpg) no-repeat center top / cover;
}
#lottery01 dt{
	font-size: 76px;
	font-weight: 900;
	line-height: 1;
	color: #fff;
	text-align: center;
}
#lottery01 dd p{
	text-align: center;
	padding-top: 48px;
	padding-bottom: 40px;
	color: #fff;
	font-size: 20px;
	line-height: 1.9;
	font-weight: 700;
}
.lottery_arrow{
	width: 54px;
	padding-top: 54px;
	display: block;
	margin: 0 auto;
	background: url(../img/top/arrow_r.png) no-repeat center / contain;
}

.lotteryList_item{
	padding-top: 36px;
	padding-bottom: 40px;
	color: #fff;
}
.lotteryList_item dt{
	line-height: 38px;
	font-size: 30px;
	text-align: center;
	font-weight: 700;
	height: 140px;
}
.lotteryList_item dt span{
	font-size: 24px;
}
.lotteryList_item dt span.lottery_prize{
	font-size: 27px;
	display: block;
	padding-bottom: 6px;
}
.lottery_img{
	width: 100%;
	text-align: center;
	padding: 0px 0 24px;
}
.lottery_num{
	font-size: 27px;
	text-align: center;
	font-weight: 500;
	line-height: 1;
}


#lottery02{
	background-color: #206ecd;
}
#lottery02 dt{
	font-size: 38px;
}
#lottery03{
	background-color: #67a0e6;
}
#lottery03 dt span.lottery_prize{
	padding-bottom: 0px;
}
#lottery04{
	background-color: #67c1e6;
}
#lottery05{
	background-color: #3fbac9;
}
#lottery06{
	background-color: #48ad99;
}

@media screen and (max-width: 767px){
	#lottery{
		padding-top: 10.667%;
	}
	.lotteryList{
		width: calc(100% / 2);
	}
	#lottery01{
		padding-top: 13.334%;
		padding-bottom: 9.334%;
	}
	#lottery01 dt{
		font-size: 10.1334vw;
	}
	#lottery01 dd p{
		padding-top: 12.8%;
		padding-bottom: 10.668%;
		font-size: 2.667vw;
	}
	.lottery_arrow{
		width: 14.4%;
		padding-top: 14.4%;
	}

	.lotteryList_item{
		padding-top: 4.8%;
		padding-bottom: 5.334%;
	}
	.lotteryList_item dt{
		font-size: 4vw;
		line-height: 5.0667vw;
		height: 18.667vw;
	}
	.lotteryList_item dt span{
		font-size: 3.2vw;
	}
	.lotteryList_item dt span.lottery_prize{
		font-size: 3.6vw;
		padding-bottom: 0.8vw;
	}
	.lottery_img{
		padding: 0 0 6.4%;
	}
	.lottery_img img{
		width: 72%;
	}
	.lottery_num{
		font-size: 3.6vw;
	}
	#lottery02 dt{
		font-size: 5.0667vw;
	}
}


/* rental */
#rental{
	position: relative;
	padding-bottom: 98px;
}
#rental .contentIn{
	width: 1052px;
	margin: 0 auto;
	padding-top: 38px;
	position: relative;
	padding-bottom: 54px;
}
#rental .contentIn:before{
	content: '';
	position: absolute;
	width: 102px;
	height: 264px;
	top: 45px;
	left: 0;
	background: url(../img/top/rental_iqui_l.png) no-repeat 0 0 / 100%;
}
#rental .contentIn:after{
	content: '';
	position: absolute;
	width: 102px;
	height: 264px;
	top: 45px;
	right: 0;
	background: url(../img/top/rental_iqui_r.png) no-repeat 0 0 / 100%;
}


#rental_h3{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}
.rental_free{
	width: 145px;
	height: 145px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #fff;
}
.rental_free span{
	font-size: 18px;
	line-height: 1.6278;
	color: #ff005a;
	font-weight: 700;
	text-align: center;
}
.rental_h2_main{
	padding-left: 40px;
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
}

#rental_stepLists{
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
}
.rental_stepList{
	padding: 0 37px;
	position: relative;
}
.rental_step_arrow:after{
	content: '';
	position: absolute;
	width: 32px;
	padding-top: 32px;
	display: flex;
	align-items: center;
	top: calc(50% - 16px);
	right: -16px;
	background: url(../img/top/arrow_r.png) no-repeat center center/ contain;
}
.rental_stepListIn{
	width: 278px;
	height: 278px;
	position: relative;
	background-color: #fff;
	border-radius: 50%;
}
.rental_stepListIn:before{
	content: '';
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: 1px dashed #ff005a;
	border-radius: 50%;
}
.rental_step_num{
	font-size: 30px;
	font-weight: 900;
	color: #ff005a;
	line-height: 1;
	padding-top: 96px;
	text-align: center;
}
.rental_step_detail{
	padding-top: 26px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.75;
}
.rental_step_detail span{
	color: #ff005a;
}

#rental-swiper{
	position: relative;
}
#rental-swiper:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.rental_img{
	width: 229px;
	margin: 0 10px;
}
#rental_bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 246px;
	left: 0;
		background: url(../img/top/rental_bg.jpg) repeat 0 0;
	z-index: -1;
}
#rental_catch{
	width: 787px;
	height: 134px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 393.5px);
	background: url(../img/top/rental_catch.png) no-repeat center center / contain;
	z-index: 2;
}


@media screen and (max-width: 767px){
	#rental{
		padding-bottom: 9.334%;
	}

	#rental .contentIn{
		width: 100%;
		padding-top: 2.667%;
		padding-bottom: 1.0667%;
		margin-bottom: 5.3334%;
	}
	.rental_stepList{
		padding: 0 4.9334% 2.9334%;
	}
	.rental_stepList:last-child{
		padding-bottom: 0;
	}
	#rental .contentIn:before{
		top: unset;
		bottom: 0;
		left: 6.4%;
		width: 13.6%;
		height: auto;
		padding-top: 35.2%;
	}
	#rental .contentIn:after{
		top: unset;
		bottom: 0;
		right: 6.4%;
		width: 13.6%;
		height: auto;
		padding-top: 35.2%;
	}
	#rental_h3{
		margin-bottom: 0.4%;
	}
	.rental_free{
		flex-shrink: 0;
		width: 19.4667%;
		height: auto;
		padding-top: 19.4667%;
		position: relative;
	}
	.rental_free span{
		font-size: 2.4vw;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.rental_h2_main{
		padding-left: 5.334%;
		font-size: 4.5334vw;
	}
	#rental_stepLists{
		width: 100%;
		flex-wrap: wrap;
	}
	.rental_step_arrow:nth-of-type(1)::after{
		width: 4.2667vw;
		padding-top: 4.2667vw;
		top: calc(50% - 2.1335vw);
		right: -2.1335vw;
	}
	.rental_step_arrow:nth-of-type(2)::after{
		width: 4.2667vw;
		padding-top: 4.2667vw;
		top: unset;
		bottom: -2.9334vw;
		right: unset;
		left: 12.8vw;
		transform: rotate(135deg);
	}
	.rental_stepListIn{
		width: 37.0667vw;
		height: 37.0667vw;
	}
	.rental_stepListIn:before{
		top: 4px;
		right: 4px;
		bottom: 4px;
		left: 4px;
	}
	.rental_step_num{
		font-size: 4vw;
		padding-top: 34.53238%;
	}
	.rental_step_detail{
		padding-top: 9.35252%;
		font-size: 2.1334vw;
	}
	.rental_img{
		width: 30.5334%;
		margin: 0 5px;
	}
	.rental_img img{
		width: 100%;
	}
	#rental_bg{
		bottom: 36.8vw;
	}
	#rental_catch{
		width: 89.4667%;
		height: auto;
		padding-top: 15.4667%;
		left: 5.26665%;
	}
}


/*== Footer ==*/
#footer{
	padding-top: 48px;
	width: 100%;
}
#footerContWrap{
	width: 100%;
	display: flex;
}
.footerCont{
	width: 50%;
}

#footer_shonan{
	background-color: #000;
	text-align: center;
}
#footer_shonan a{
	padding-top: 40px;
	padding-bottom: 30px;
	display: block;
}
#footer_shonan p{
	font-size: 16px;
	font-weight: 500;
	line-height: 2.375;
	padding-top: 30px;
	color: #fff;
	width: 480px;
	text-align: left;
	margin: 0 auto;
}

#footer_office{
	text-align: center;
	padding-top: 42px;
	background-color: #e9192a;
}
#footer_office p{
	padding-top: 32px;
	font-size: 16px;
	line-height: 1;
	padding-bottom: 26px;
	font-weight: 500;
	color: #fff;
}
#footer_office_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 478px;
	background-color: #fff;
	color: #e9192a;
	position: relative;
	border-radius: 50px;
	margin: 0 auto;
	text-decoration: none;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	padding: 24px 0;
}
#footer_office_btn:after{
	content: '';
	width: 32px;
	height: 33px;
	position: absolute;
	background: url(../img/top/footer_office_btn_arrow.png) no-repeat center center / contain;
	top: calc(50% - 16.5px);
	right: 16px;
	transition: .3s ease;
}
#footer_office_btn:hover:after{
	right: 12px;
}

#copyRirghtWrap{
	text-align: center;
	padding: 42px 0 80px;
	font-size: 14px;
	font-weight: 700;
}

@media screen and (max-width: 767px){
	#footer{
		padding-top: 6.4%;
	}
	#footerContWrap{
		flex-wrap: wrap;
	}
	.footerCont{
		width: 100%;
	}

	#footer_shonan a{
		padding-top: 5.6%;
		padding-bottom: 4%;
	}
	#footer_shonan img{
		width: 45.6%;
	}
	#footer_shonan p{
		width: 83.4667%;
		font-size: 1.2rem;
		padding-top: 4.2667%;
	}

	#footer_office{
		padding: 5.6% 0;
	}
	#footer_office img{
		width: 18.667%;
	}
	#footer_office p{
		padding-top: 4.2667%;
		padding-bottom: 3.4667%;
		font-size: 1.2rem;
	}
	#footer_office_btn{
		display: inline-flex;
		width: auto;
		font-size: 1.4rem;
		padding: 2.667% 21.334%;
	}
	#footer_office_btn:after{
		width: 16px;
		height: 16.5px;
		top: calc(50% - 8px);
		right: 8px;
	}
	#footer_office_btn:hover:after{
		right: 5px;
	}
	#copyRirghtWrap{
		padding: 5.6% 0 11.2%;
		font-size: 1rem;
	}
}


/* FadeIn */
.fiA{
	opacity: 0;
	transition-duration: 400ms;
	transition-property: opacity, transform;
	/*transform: translate(0, 56px);*/
}
.fiA.is-fi{
	opacity: 1;
	/*transform: translate(0,0);*/
}


#about_in{
	opacity: 0;
	transition-duration: 400ms;
}
#about_In.is-fi{
	opacity: 1;
}

#about_mainCircle,#about_mainTxt{
	transform: scale(0.6);
	transition: transform .6s ease,opacity .4s ease;
}
#about_In.is-fi #about_mainCircle,#about_In.is-fi #about_mainTxt{
	transform: scale(1);
}

.aboutList{
	opacity: 0;
	transition: opacity 400ms ease;
}
#about_In.is-fi .aboutList{
	opacity: 1;
}
#about_In.is-fi #aboutList01{
	transition-delay: 500ms;
	transition-duration: 500ms;
}
#about_In.is-fi #aboutList02{
	transition-delay: 740ms;
	transition-duration: 740ms;
}
#about_In.is-fi #aboutList03{
	transition-delay: 980ms;
	transition-duration: 980ms;
}
#about_In.is-fi #aboutList04{
	transition-delay: 1100ms;
	transition-duration: 1100ms;
}

#about_In #aboutList01{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#about_In #aboutList02{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#about_In #aboutList03{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#about_In #aboutList04{
	transition-delay: 400ms;
	transition-duration: 400ms;
}

#about_imgWrap div{
	opacity: 0;
	transform: translate(0, 56px) scale(0.8);
}
#about_In.is-fi #about_imgWrap{
}
#about_In.is-fi #about_imgWrap div{
	opacity: 1;
	transform: translate(0,0) scale(1);
}
#about_In.is-fi #about_img01{
	transition: all 400ms ease;
	transition-duration: 400ms;
}
#about_In.is-fi #about_img02{
	transition: all 600ms ease;
	transition-duration: 600ms;
}
#about_In.is-fi #about_img03{
	transition-duration: 600ms;
	transition: all 600ms ease;
}
#about_In.is-fi #about_img04{
	transition-duration: 620ms;
	transition: all 620ms ease;
}
#about_In #about_img01,#about_In #about_img02,#about_In #about_img03,#about_In #about_img04{
	transition: all 400ms ease;
	transition-duration: 400ms;
}


.lotteryList{
	opacity: 0;
	transition: opacity .4s ease;
}

#lottery.is-fi .lotteryList{
	opacity: 1;
}
#lottery.is-fi #lottery01{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#lottery.is-fi #lottery02{
	transition-delay: 520ms;
	transition-duration: 520ms;
}
#lottery.is-fi #lottery03{
	transition-delay: 640ms;
	transition-duration: 640ms;
}
#lottery.is-fi #lottery04{
	transition-delay: 760ms;
	transition-duration: 760ms;
}
#lottery.is-fi #lottery05{
	transition-delay: 880ms;
	transition-duration: 880ms;
}
#lottery.is-fi #lottery06{
	transition-delay: 1000ms;
	transition-duration: 1000ms;
}

#lottery #lottery01{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#lottery #lottery02{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#lottery #lottery03{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#lottery #lottery04{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#lottery #lottery05{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#lottery #lottery06{
	transition-delay: 400ms;
	transition-duration: 400ms;
}


.rental_stepList{
	opacity: 0;
	transform: translate(0, 56px) scale(0.8);
}
#rental.is-fi .rental_stepList{
	opacity: 1;
	transform: translate(0,0) scale(1);
}
#rental.is-fi #rental_step01{
	transition-delay: 300ms;
	transition-duration: 300ms;
}
#rental.is-fi #rental_step02{
	transition-delay: 440ms;
	transition-duration: 440ms;
}
#rental.is-fi #rental_step03{
	transition-delay: 580ms;
	transition-duration: 580ms;
}

#rental #rental_step01{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#rental #rental_step02{
	transition-delay: 400ms;
	transition-duration: 400ms;
}
#rental #rental_step03{
	transition-delay: 400ms;
	transition-duration: 400ms;
}

/* Load FadeOut */
#loading{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 10000;
}