@charset "utf-8";
/* --------------------------------------------------
	Copyright: (c)visual and echo japan
	Created: 2016-8
 -------------------------------------------------- */

/* ---------------------------------------------------------
	#mainTitle
----------------------------------------------------------*/
#mainTitle {
	width:1280px;
	height:510px;
	background:url(../images/bg_red_check.png) repeat 0 0;
	margin:0 auto;
	padding-top:30px;
}
#mainTitle h2 {
	text-align:center;
}

@media all and (max-width: 800px) {
#mainTitle {
	width:100%;
	height:auto;
	background:none;
	padding-top:0;
}
#mainTitle h2 {
	text-align:center;
	line-height:0.8;
}
}


/* ---------------------------------------------------------
	#threeStep
----------------------------------------------------------*/
#threeStep {
	text-align:center;
	margin:-149px 0 -154px 0;
}

@media all and (max-width: 800px) {
#threeStep {
	margin:0;
	line-height:0.8;
}
}


/* ---------------------------------------------------------
	#presentArea
----------------------------------------------------------*/
#presentArea {
	width:1280px;
	height:735px;
	background:url(../images/top/bg_pink_brdr_red.png) repeat-x 0 0;
	margin:0 auto 40px;
	padding:165px 0 0 0;
}
#presentArea p.btnApplyBig {
	text-align:center;
	margin-bottom:15px;
}
#presentArea h2 {
	text-align:center;
	margin-bottom:15px;
}
#presentArea .presentAreaInner {
	width:984px;
	margin:0 auto;
	padding-bottom: 10px;
	overflow:hidden;
}
#presentArea .presentAreaInner p.presentA {
	float:left;
}
#presentArea .presentAreaInner p span.caption {
	font-size: 12px;
	line-height: 1.2;
	display: block;
	padding: 0 10px;
	margin: -5px 0 0;
}
#presentArea .presentAreaInner p.presentB {
	float:right;
}

@media all and (max-width: 800px) {
#presentArea {
	width:100%;
	height:auto;
	background:#ffd2c8;
	margin:0 auto 30px;
	padding:20px 0 10px 0;
	border-bottom:1px dotted #e50012;
}
#presentArea p.btnApplyBig {
	width:90%;
	margin:0 auto 10px;
}
#presentArea h2 {
	width:90%;
	margin:0 auto 10px;
}
#presentArea .presentAreaInner {
	width:100%;
}
#presentArea .presentAreaInner p.presentA {
	float:none;
	width:90%;
	margin:0 auto 10px;
}
#presentArea .presentAreaInner p span.caption {
	font-size: 10px;
}
#presentArea .presentAreaInner p.presentB {
	float:none;
	width:90%;
	margin:0 auto;
}
}


/* ---------------------------------------------------------
	#applyArea
----------------------------------------------------------*/
#applyArea {
	width:1280px;
	margin:0 auto;
}
#applyArea p.applyLead {
	text-align:center;
	margin-bottom:40px;
}
#applyArea p.applyLead a:link,#applyArea p.applyLead a:visited,#applyArea p.applyLead a:hover,#applyArea p.applyLead a:active {
	color:#ff8c00;
	text-decoration:underline;
}
#applyArea p.applyLead a:hover {
	color:#ff8c00;
	text-decoration:none;
}
#applyArea .daysArea {
	width:820px;
	margin:0 auto 40px;
	padding:25px 75px;
	border:1px solid #ff828c;
	border-radius:6px;
	overflow:hidden;
}
#applyArea .daysArea p {
	float:left;
	padding:70px 0 0 0;
}
#applyArea .daysArea ul {
	float:right;
}
#applyArea .daysArea ul li {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
#applyArea .daysArea ul li.last {
	margin-bottom:0;
}
#applyArea .daysArea ul li span.fig {
	color:#e50012;
}
#applyArea .daysArea ul li span.text {
	padding-left: 5px;
}
#applyArea .daysArea ul li span {
	display: table-cell;
	vertical-align: top;
}

#applyArea .applyBtnArea {
	width:980px;
	margin:0 auto 30px;
}
#applyArea .applyBtnArea .applyBtnAreaInner {
	width:660px;
	overflow:hidden;
}
#applyArea .applyBtnArea .applyBtnAreaInner p.btnSite {
	float:left;
	padding:10px 0 0 0;
}
#applyArea .applyBtnArea .applyBtnAreaInner p.btnApplySmall {
	float:right;
}

@media all and (max-width: 800px) {
#applyArea {
	width:100%;
}
#applyArea p.applyLead {
	width:88%;
	margin:0 auto 20px;
	text-align:left;
}
#applyArea .daysArea {
	width:88%;
	margin:0 auto 30px;
	padding:10% 5%;
	border:1px solid #ff828c;
	border-radius:6px;
	overflow:hidden;
	box-sizing:border-box;
}
#applyArea .daysArea p {
	float:none;
	padding:0;
	width:90%;
	margin:0 auto 10px;
}
#applyArea .daysArea ul {
	float:none;
}
#applyArea .daysArea ul li {
	font-size:14px;
	margin-bottom:5px;
	text-align:center;
}
#applyArea .daysArea ul li span {
display: block;
}
#applyArea .daysArea ul li span.text {
padding-left: 0;
}
#applyArea .daysArea ul li.last {
	margin-bottom:0;
}

#applyArea .applyBtnArea {
	width:100%;
	margin:0 auto 20px;
}
#applyArea .applyBtnArea .applyBtnAreaInner {
	width:90%;
	margin:0 auto;
}
#applyArea .applyBtnArea .applyBtnAreaInner p.btnSite {
	float:none;
	padding:10px 0 0 0;
}
#applyArea .applyBtnArea .applyBtnAreaInner p.btnApplySmall {
	float:none;
}
}
