* { margin: 0px; padding: 0px; -webkit-overflow-scrolling : touch; outline: 0 none !important; font-family: sans-serif; }

html, body {
	display: inline-block; width: 100%; height: auto;
	margin: 0px; padding: 0px;
	font-size: 14px;
	
	font-family: sans-serif;
}

body { 
	position: relative;
	-webkit-overflow-scrolling: touch; float: left;
	overflow-x: hidden; 
}



::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }


.base { position: relative; display: inline-block; float: left; box-sizing: border-box; }

main{
	left: 50%;
	width: 100%; max-width: 720px; height: auto;


    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	overflow: hidden; 

}
section, article { width: 100%; height: auto; }
img.sectionBg{ width: 100%; height: auto;}

.tester { background-color: #000; opacity: 0.5; }


.link01 {
	position: absolute; 
	left: calc((126 / 720) * 100vw);
	bottom: calc((60 / 720) * 100vw);
	width: calc((474 / 720) * 100vw); height: calc((76 / 720) * 100vw);
	cursor: pointer;
}

@media (min-width: 720px) { 
	.link01 { 
		left: 126px;
		bottom: 60px; 
		width: 474px; height: 76px; 
	} 
}


.slderBox01 {
	position: absolute; 
	top: calc((471 / 720) * 100vw); left: 0px;
	width: 100%; height: calc((708 / 720) * 100vw); 
	padding: 0px calc((60 / 720) * 100vw) 0px calc((60 / 720) * 100vw);
}

@media (min-width: 720px) { 
	.slderBox01 { 
		top: 471px;
		height: 708px; 
		padding: 0px 60px;
	} 
}

.slderBox01 > div { width: 100%; height: 100%; }
#slder01 { width: 100%; height: 100%; }
.slder01Item { width: 100%; height: 100%; }
.slder01Item > img { width: 100%; height: 100%; }

.slderBox01 .swiper-slide { 
	width: calc((527 / 720) * 100vw); height: 100%; 
	margin-right: calc((30 / 720) * 100vw);

}
@media (min-width: 720px) { 
	.slderBox01 .swiper-slide {
		width: 527px; margin-right: 30px;
	} 
}

.section02_01 .swiper_arrow {
	position: absolute; top: calc((716 / 720) * 100vw);
	width: calc((28 / 720) * 100vw); height: calc((50 / 720) * 100vw);
	cursor: pointer;
	z-index: 1;
}
.section02_01 .swiper_arrow.prev { left: calc((17 / 720) * 100vw); }
.section02_01 .swiper_arrow.next { right: calc((12 / 720) * 100vw); }
.section02_01 .swiper_arrow > img { width: 100%; }
@media (min-width: 720px) { 
	.section02_01 .swiper_arrow {
		top: 716px; 
		width: 28px; height: 50px;
	} 


	.section02_01 .swiper_arrow.prev { left: 17px; }
	.section02_01 .swiper_arrow.next { right: 12px; }
}



.section02_01 .swiper-pagination {
	position: absolute; top: calc((1217 / 720) * 100vw); left: 50%;
	width: calc(100% - ((120 / 720) * 100vw)); height: calc((7 / 720) * 100vw);
	border-radius: calc((7 / 720) * 100vw);
	border: calc((2 / 720) * 100vw) solid #040000;
	background-color: #ffffff;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

@media (min-width: 720px) { 
	.section02_01 .swiper-pagination {
		top: 1217px;
		width: calc(100% - 120px); height: 7px;
		border-radius: 7px;
		border: 2px solid #040000;
	}
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #000; }









.slderBox02 {
	position: absolute; 
	top: calc((123 / 720) * 100vw); left: 0px;
	width: 100%; height: calc((708 / 720) * 100vw); 
	padding: 0px calc((60 / 720) * 100vw) 0px calc((60 / 720) * 100vw);
}

@media (min-width: 720px) { 
	.slderBox02 { 
		top: 123px;
		height: 708px; 
		padding: 0px 60px;
	} 
}

.slderBox02 > div { width: 100%; height: 100%; }
#slder02 { width: 100%; height: 100%; }
.slder02Item { width: 100%; height: 100%; }
.slder02Item > img { width: 100%; height: 100%; }

.slderBox02 .swiper-slide { 
	width: calc((526 / 720) * 100vw); height: 100%; 
	margin-right: calc((30 / 720) * 100vw);

}
@media (min-width: 720px) { 
	.slderBox02 .swiper-slide {
		width: 526px; margin-right: 30px;
	} 
}



.section02_02 .swiper_arrow {
	position: absolute; top: calc((452 / 720) * 100vw);
	width: calc((28 / 720) * 100vw); height: calc((50 / 720) * 100vw);
	cursor: pointer;
	z-index: 1;
}
.section02_02 .swiper_arrow.prev { left: calc((17 / 720) * 100vw); }
.section02_02 .swiper_arrow.next { right: calc((12 / 720) * 100vw); }
.section02_02 .swiper_arrow > img { width: 100%; }
@media (min-width: 720px) { 
	.section02_02 .swiper_arrow {
		top: 452px; 
		width: 28px; height: 50px;
	} 


	.section02_02 .swiper_arrow.prev { left: 17px; }
	.section02_02 .swiper_arrow.next { right: 12px; }
}



.section02_02 .swiper-pagination {
	position: absolute; top: calc((861 / 720) * 100vw); left: 50%;
	width: calc(100% - ((120 / 720) * 100vw)); height: calc((7 / 720) * 100vw);
	border-radius: calc((7 / 720) * 100vw);
	border: calc((2 / 720) * 100vw) solid #040000;
	background-color: #ffffff;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

@media (min-width: 720px) { 
	.section02_02 .swiper-pagination {
		top: 861px;
		width: calc(100% - 120px); height: 7px;
		border-radius: 7px;
		border: 2px solid #040000;
	}
}



.slderBox03 {
	position: absolute; 
	top: calc((122 / 720) * 100vw); left: 0px;
	width: 100%; height: calc((577 / 720) * 100vw); 
	padding: 0px calc((60 / 720) * 100vw) 0px calc((60 / 720) * 100vw);
}

@media (min-width: 720px) { 
	.slderBox03 { 
		top: 122px;
		height: 577px; 
		padding: 0px 60px;
	} 
}

.slderBox03 > div { width: 100%; height: 100%; }
#slder03 { width: 100%; height: 100%; }
.slder03Item { width: 100%; height: 100%; }
.slder03Item > img { width: 100%; height: 100%; }

.slderBox03 .swiper-slide { 
	width: calc((526 / 720) * 100vw); height: 100%; 
	margin-right: calc((30 / 720) * 100vw);

}
@media (min-width: 720px) { 
	.slderBox03 .swiper-slide {
		width: 526px; margin-right: 30px;
	} 
}

.section02_03 .swiper_arrow {
	position: absolute; top: calc((386 / 720) * 100vw);
	width: calc((28 / 720) * 100vw); height: calc((50 / 720) * 100vw);
	cursor: pointer;
	z-index: 1;
}
.section02_03 .swiper_arrow.prev { left: calc((17 / 720) * 100vw); }
.section02_03 .swiper_arrow.next { right: calc((12 / 720) * 100vw); }
.section02_03 .swiper_arrow > img { width: 100%; }
@media (min-width: 720px) { 
	.section02_03 .swiper_arrow {
		top: 386px; 
		width: 28px; height: 50px;
	} 


	.section02_03 .swiper_arrow.prev { left: 17px; }
	.section02_03 .swiper_arrow.next { right: 12px; }
}


.section02_03 .swiper-pagination {
	position: absolute; top: calc((729 / 720) * 100vw); left: 50%;
	width: calc(100% - ((120 / 720) * 100vw)); height: calc((7 / 720) * 100vw);
	border-radius: calc((7 / 720) * 100vw);
	border: calc((2 / 720) * 100vw) solid #040000;
	background-color: #ffffff;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

@media (min-width: 720px) { 
	.section02_03 .swiper-pagination {
		top: 729px;
		width: calc(100% - 120px); height: 7px;
		border-radius: 7px;
		border: 2px solid #040000;
	}
}







.snsBtn {
	position: absolute;
	top: calc((2324 / 720) * 100vw); 
	width: calc((64 / 720) * 100vw); height: calc((64 / 720) * 100vw); 
}

.snsBtn01 { left: calc((148 / 720) * 100vw); }
.snsBtn02 { left: calc((238 / 720) * 100vw); }
.snsBtn03 { left: calc((328 / 720) * 100vw); }
.snsBtn04 { left: calc((418 / 720) * 100vw); }
.snsBtn05 { left: calc((508 / 720) * 100vw); }


@media (min-width: 720px) { 
	.snsBtn { top: 2324px; width: 64px; height: 64px; }
	.snsBtn01 { left: 148px; }
	.snsBtn02 { left: 238px; }
	.snsBtn03 { left: 328px; }
	.snsBtn04 { left: 418px; }
	.snsBtn05 { left: 508px; }
}


.instaBtn { 
	position: absolute;
	top: calc((303 / 720) * 100vw);  left: calc((60 / 720) * 100vw);
	width: calc((636 / 720) * 100vw); height: calc((813 / 720) * 100vw); 
}


@media (min-width: 720px) { 

	.instaBtn { 
		top: 303px;  left: 60px;
		width: 636px; height: 813px; 
	}

}



.fixedBtn {
	position: fixed; 
	left: 50%; bottom: 10px;
	width: calc((676 / 720) * 100vw); height: calc((243 / 720) * 100vw);

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	max-width: 676px; max-height: 243px;
	cursor: pointer;

}
.fixedBtn> img { width: 100%; height: 100%; }


@media (min-width: 720px) { 
	.fixedBtn {
		bottom: 10px;
		width: 676px; height: 243px;
	}
}



#fixedBtn_position {
	position: absolute; left: 50%; top: calc((9606 / 720) * 100vw);
	width: calc((676 / 720) * 100vw); height: calc((243 / 720) * 100vw);
	max-width: 676px; max-height: 243px;


    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index: -1;
}


@media (min-width: 720px) { 
	#fixedBtn_position {
		top: 9606px;
		width: 676px; height: 243px;
	}
}