@charset "shift_jis";

main h1 {
	margin-bottom: 8px;
}
main h1 img {
	width: 100%;
	height: auto;
}
#course {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	text-align: center;
}
#course div img {
	width: 100%;
	height: auto;
}
#course ul li {
	position: absolute;
}
#course ul li {
	position: absolute;
}
#course ul li img {
	width: 100%;
	height: auto;
}
#course ul li#point01 {
	width: 36%;
	top: 50%;
	left: 63%;
}
#course ul li#point02 {
	width: 36%;
	top: 52%;
	left: 36%;
}
#course ul li#point03 {
	width: 36%;
	top: 57%;
	left: 5%;
}
#course ul li#point04 {
	width: 36%;
	top: 25%;
	left: -1%;
}
#course ul li#point05 {
	width: 36%;
	top: 20%;
	left: 7%;
}
#course ul li#point06 {
	width: 43%;
	top: 9%;
	left: 51%;
}
#course ul li#point01-ico {
	width: 8.4%;
	top: 51%;
	left: 83%;
}
#course ul li#point02-ico {
	width: 8.4%;
	top: 54%;
	left: 46%;
}
#course ul li#point03-ico {
	width: 8.4%;
	top: 58%;
	left: 25%;
}
#course ul li#point04-ico {
	width: 8.4%;
	top: 40%;
	left: 5%;
}
#course ul li#point05-ico {
	width: 8.4%;
	top: 45%;
	left: 29%;
}
#course ul li#point06-ico {
	width: 8.4%;
	top: 20%;
	left: 60%;
}
#shikake01 {
	margin-top: -20px;
}
#shikake02 {
	margin-top: -30px;
}
#shikake01 .inner {
	margin-bottom: 10px;
	background: url(../shikake/images/bg_shikake01.png) repeat-y left top;
	background-size: 100% auto;
}
#shikake02 .inner {
	color: #FFFFFF;
	margin-bottom: 18px;
	background: url(../shikake/images/bg_shikake02.png) repeat-y left top;
	background-size: 100% auto;
}
section .inner {
	width: 100%;
	padding-bottom: 20px;
}
section img {
	width: 100%;
	height: auto;
}
section .inner p {
	line-height: 1.6;
	margin: 0 15px;
	padding: 3px 0 5px;
}
section .inner .img-area {
	margin: 0 15px;
}