@charset "UTF-8";

#contents {
	background: url(../common/img/bg_base01.gif) repeat center top;
	padding: 0 0 70px 0;
}

.mainimg {
	margin: 0 auto 50px;
	background: none;
}

.mainimg #pnavi {
	margin: 0 0 37px 0;
}

.mainimg .inner {
	width: 1100px;
	margin: 0 auto;
	text-align: center;
}
.mainimg .inner p {
	text-align: left;
	padding: 30px;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.main {
	width: 1100px;
	margin: 0 auto;
}

.main #overveiw {
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 0 0 10px 0;
	margin: 0 0 50px 0;
}

.main #overveiw .img {
	float: left;
	margin: 0 35px 0 0;
}
.main #overveiw .text {
	float: left;
	padding: 35px 0 0 0;
	width: 700px;
	font-size: 16px;
	line-height: 1.6;
}

.main #timeline {
	margin: 0 0 50px 0;
}

.main #timeline .box_outer {
	padding: 0 4px 4px;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.main #timeline .timelineBox {
	position: relative;
	width: 1092px;
	height: 1092px;
}

.main #timeline .timelineBox p { position: absolute; }
.main #timeline .timelineBox p.time01 { top: 0; left: 0; }
.main #timeline .timelineBox p.time02 { top: 182px; left: 0; }
.main #timeline .timelineBox p.time03 { top: 0; left: 546px; }
.main #timeline .timelineBox p.time04 { top: 364px; left: 0; }
.main #timeline .timelineBox p.time05 { top: 364px; left: 546px; }
.main #timeline .timelineBox p.time06 { top: 546px; left: 546px; }
.main #timeline .timelineBox p.time07 { top: 728px; left: 546px; }
.main #timeline .timelineBox p.time08 { top: 728px; left: 0; }
.main #timeline .timelineBox p.time09 { top: 910px; left: 546px; }

.main #timeline .btn {
	text-align: center;
	padding: 30px 0;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.main #success {
}

.main #success .text {
	padding: 35px 30px;
	background: #fff;
	font-size: 16px;
	line-height: 1.6;
}

.main #success .text span {
	font-weight: bold;
	font-size: 26px;
	color: #e63613;
}


/* sp
================================================================================================================== */
@media screen and (max-width: 640px) {
	
#contents {
	background: #f6ce39 ;
	padding: 0 0 15% 0;
}

.mainimg {
	margin: 0 auto 20px;
	background: none;
}

.mainimg #pnavi {
	display: none;
}

.mainimg .inner {
	width: 100%;
	margin: 0 auto;
}
.mainimg .inner p {
	text-align: left;
	padding: 5%;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	background: #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.main {
	width: 93%;
	margin: 0 auto;
}

.main img { vertical-align: bottom; display:block; }

.main #overveiw {
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 0 0 10px 0;
	margin: 0 0 50px 0;
}

.main #overveiw .img {
	float: none;
	margin: 0;
}
.main #overveiw .text {
	float: none;
	padding: 5%;
	width: auto;
	font-size: 16px;
	line-height: 1.6;
}

.main #timeline {
	margin: 0 0 50px 0;
}

.main #timeline .box_outer {
	padding: 0;
	width: 100%;
	background: #fff;
}

.main #timeline .timelineBox {
	position: relative;
	width: 100%;
	height: auto;
}

.main #timeline .timelineBox p { position: inherit; top: auto !important; left: auto !important; }

.main #timeline .btn {
	text-align: center;
	padding: 5%;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.main #success {
	width: 100%;
}

.main #success .text {
	padding: 5%;
	background: #fff;
	font-size: 16px;
	line-height: 1.6;
}


	
}