@charset "shift_jis";

#contents-inner h2,h3,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}
#contents-inner img {
	vertical-align: bottom;
	width: 100%;
}
#contents-inner {
	background: url(../img/contents_inner_bg.png) left top repeat-y;
	background-size: 100%;
}

/* soft-title */
#soft-title {
	background: url(../img/soft_ttl_bg.gif) left top repeat;
  background-size: 5px;
}
#soft-title h1 {
	  font-size: 12px;
    color: #fff;
    padding: 12px 15px 10px;
}

/* main-title */
#main-title {
}

/* section 01 */
#section01 {
	background: url(../img/section01_bg.png) left top no-repeat;
	background-size: 100%;
	width: 100%; /* 640 */
	padding-top: 242.03125%; /* 1549 */
	position: relative;
}
#section01 h3 {
	position: absolute;
	width: 54.375%; /* 640 */
	left: 1.09375%; /* 640 */
	top: 5.487411%; /* 1549 */
}
#section01 ul li.btn01 {
	position: absolute;
	width: 48.59375%; /* 640 */
	left: 47.65625%; /* 640 */
	top: 8.13428%; /* 1549 */
}
#section01 ul li.btn02 {
	position: absolute;
	width: 40.625%; /* 640 */
	left: 9.0625%; /* 640 */
	top: 24.531956%; /* 1549 */
}
#section01 ul li.btn03 {
	position: absolute;
	width: 41.25%; /* 640 */
	left: 52.34375%; /* 640 */
	top: 27.695287%; /* 1549 */
}
#section01 ul li.btn04 {
	position: absolute;
	width: 38.90625%; /* 640 */
	left: 8.4375%; /* 640 */
	top: 46.287928%; /* 1549 */
}
#section01 ul li.btn05 {
	position: absolute;
	width: 41.09375%; /* 640 */
	left: 51.09375%; /* 640 */
	top: 47.708199%; /* 1549 */
}
#section01 ul li.btn06 {
	position: absolute;
	width: 40.78125%; /* 640 */
	left: 7.65625%; /* 640 */
	top: 67.850226%; /* 1549 */
}
#section01 ul li.btn07 {
	position: absolute;
	width: 43.28125%; /* 640 */
	left: 50.3125%; /* 640 */
	top: 68.431246%; /* 1549 */
}

/* section 02 */
#section02 .btn01 {
	width: 100%;
	position: relative;
	padding-top: 27.34375%;
	background: url(../img/section02_r01_btn01.png) no-repeat 0 0;
	background-size: 100%;
}
#section02 .btn01 a {
	position: absolute;
	display: block;
	width: 81.25%;
	height: 68%;
	top: 0;
	left: 9.375%;
	text-indent: -9999px;
	overflow: hidden;
}

/* section 04 */
#section04 {
	padding: 29px 0 33px;
	text-align: center;
}
#section04 h3 img {
	width: 305px;
}
#section04 .pagenav {
	padding: 10px 3px 47px;
	letter-spacing: -0.4em;
	text-align: left;
	box-sizing: border-box;
	width: 320px;
	margin: auto;
}
@media screen and (min-width:477px){
	#section04 .pagenav {
		width: auto;
		text-align: center;
	}
}
#section04 .pagenav > li {
	display: inline-block;
	letter-spacing: normal;
	margin: 10px 3px 0;
	width: 151px;
}
#section04 .pagenav > li > a {
	display: block;
	width: 151px;
	height: 59px;
	text-indent: -3000px;
	overflow: hidden;
}
#section04 .pagenav > li.btn01 > a { background: url(../img/section04_bg01.png) no-repeat 0 0; background-size: 302px 59px; }
#section04 .pagenav > li.btn02 > a { background: url(../img/section04_bg02.png) no-repeat 0 0; background-size: 302px 59px; }
#section04 .pagenav > li.btn03 > a { background: url(../img/section04_bg03.png) no-repeat 0 0; background-size: 302px 59px; }
#section04 .pagenav > li.btn04 > a { background: url(../img/section04_bg04.png) no-repeat 0 0; background-size: 302px 59px; }
#section04 .pagenav > li.btn05 > a { background: url(../img/section04_bg05.png) no-repeat 0 0; background-size: 302px 59px; }
#section04 .pagenav > li.btn06 > a { background: url(../img/section04_bg06.png) no-repeat 0 0; background-size: 302px 59px; }
#section04 .pagenav > li.btn07 > a { background: url(../img/section04_bg07.png) no-repeat 0 0; background-size: 302px 59px; }
#section04 .pagenav > li > a.current { background-position: 100% 0 !important; }
#section04 p img {
	width: 300px;
}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}