@charset "utf-8";
/* CSS Document */

.main{
	display: flex;
	flex-direction: column;
	margin: 99px auto 0;
	max-width: 640px;
	width: 100%;
}

.main-image{
	position: relative;
}

.main img{
	width: 100%;
	height: auto;
	display: block;
}

.link-area{
	position: absolute;
	display: block;
	z-index: 10;
}


.area-2{
	left: 7.03%;
	top: 59.56%;
	width: 40.63%;
	height: 4.16%;
}

.area-3{
	left: 52.34%;
	top: 59.56%;
	width: 40.63%;
	height: 4.16%;
}

.area-4{
	left: 4.22%;
	top: 30%;
	width: 21.56%;
	height: 17.19%;
}

.area-5{
	left: 25.47%;
	top: 30%;
	width: 23.59%;
	height: 17.19%;
}

.area-6{
	left: 48.59%;
	top: 30%;
	width: 23.91%;
	height: 17.19%;
}

.area-7{
	left: 72.03%;
	top: 30%;
	width: 23.44%;
	height: 17.19%;
}

.area-8{
	left: 13.13%;
	top: 50.07%;
	width: 22.81%;
	height: 17.63%;
}

.area-9{
	left: 38.28%;
	top: 50.07%;
	width: 23.13%;
	height: 17.63%;
}

.area-10{
	left: 63.75%;
	top: 50.07%;
	width: 23.13%;
	height: 17.63%;
}

.area-11{
	left: 21.09%;
	top: 68.59%;
	width: 17.19%;
	height: 26.96%;
}

.area-12{
	left: 40.94%;
	top: 68.59%;
	width: 17.19%;
	height: 26.96%;
}

.area-13{
	left: 61.25%;
	top: 68.59%;
	width: 17.19%;
	height: 26.96%;
}

#introduction, #apply {
	scroll-margin-top: 110px;
}

@media (max-width: 767px) {
	.main {
		margin: 52px auto 0;
	}
	#introduction-sp, #apply-sp {
		scroll-margin-top: 60px;
		
	}
}