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

/* --------------------------------------------------------------
TOPPAGE
-------------------------------------------------------------- */
#mainVisual {
	background: url("../images/bgMain.png") #ec6c00 no-repeat center top / cover;
}

#mainVisualArea {
	width: 1024px;
	margin: 0 auto;
	padding: 0 12px;
}

.contBox {
	width: 1024px;
	margin: 0 auto;
	padding: 50px 12px;
}

.contBox *:last-child {
	margin-bottom: 0;
}

#determination h2 {
	text-align: center;
	margin-bottom: 30px;
}

#determination h2 img {
	width: 430px;
}

#determination .sent {
	text-align: center;
}

#determination .sent p.ph {
	margin-top: 50px;
}

#determination .sent p.ph img {
	width: 626px;
}

#profile {
	background-color: #ec6c00;
}

#profile h2 {
	text-align: center;
}

#profile h2 img {
	width: 740px;
}

#profile .sent {
	background-color: #fff;
	border-radius: 10px;
	padding: 60px;
}

#profile .sent table tr {
	border-top: 1px solid #ccc;
}

#profile .sent table tr:last-child {
	border-bottom: 1px solid #ccc;
}

#profile .sent table tr th {
	width: 300px;
	padding: 10px 20px 10px 0;
	font-weight: normal;
	text-align: left;
}

#profile .sent table tr td {
	padding: 10px 0;
}

#profile p.ph {
	margin-top: 100px;
}

#pledge {
	background: url("../images/bgPledge.jpg") repeat center center / cover;
}

#pledge .contBox {
	width: auto;
	padding: 0;
}

#pledge .bgTit {
	background: url("../images/bgTitPledge.png") no-repeat center bottom / 3000px 1172px;
	padding: 50px 12px;
}

#pledge .bgTit h2 {
	text-align: center;
}

#pledge .bgTit h2 img {
	width: 740px;
}

#pledge .box01 {
	width: 1024px;
	margin: 0 auto;
	padding: 50px 12px;
}

#pledge .box01 h3 {
	float: left;
}

#pledge .box01 h3 img {
	width: 270px;
}

#pledge .box01 .sentBox {
	float: right;
	width: 670px;
}

#pledge .box01 .sentBox .box {
	margin-bottom: 20px;
}

#pledge .box01 .sentBox .box:last-child {
	margin-bottom: 0;
}

#pledge .box01 .sentBox .box h4 {
	margin-bottom: 10px;
}

#pledge .box01 .sentBox .box p {
	font-size: 16px;
}

#pledge .box01 .sentBox .box .sentL p, 
#pledge .box01 .sentBox .box .sentR p {
	padding-left: 60px;
}

#pledge .box01 .sentBox .box .sentL {
	float: left;
	width: 420px;
}

#pledge .box01 .sentBox .box .sentL h4 img {
	width: 420px;
}

#pledge .box01 .sentBox .box .sentR {
	float: right;
	width: 408px;
}

#pledge .box01 .sentBox .box .sentR h4 img {
	width: 408px;
}

#pledge .box01 .sentBox .box .phL {
	float: left;
}

#pledge .box01 .sentBox .box .phL img {
	width: 242px;
}

#pledge .box01 .sentBox .box .phR {
	float: right;
}

#pledge .box01 .sentBox .box .phR img {
	width: 230px;
}

#application h2 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}

#application .sent {
	width: 680px;
	margin: 0 auto;
}


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {

	#mainVisualArea h1 img {
		width: 100%;
	}

	#profile p.ph img {
		width: 100%;
	}

	#pledge .box01 h3 {
		float: none;
		margin-bottom: 20px;
		text-align: center;
	}

	#pledge .box01 .sentBox {
		float: none;
	}

}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {

	#mainVisualArea {
		width: 768px;
		padding: 0 10px;
	}

	.contBox {
		width: 768px;
		padding: 50px 10px;
	}

	#pledge .box01 .sentBox {
		width: 670px;
		margin: 0 auto;
	}

	#pledge .box01 {
		width: 768px;
		padding: 50px 10px;
	}

}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	#mainVisual {
		background-image: none;
	}

	#mainVisualArea {
		width: auto;
		min-width: 320px;
		max-width: 520px;
		padding: 0;
	}

	.contBox {
		width: auto;
		min-width: 320px;
		max-width: 520px;
		padding: 30px 10px;
	}

	#determination .sent {
		text-align: left;
	}

	#determination .sent p.ph {
		margin-top: 30px;
	}

	#profile .contBox {
		min-width: initial;
		min-width: auto;
		max-width: initial;
		max-width: auto;
		padding: 0;
	}

	#profile .box01 {
		min-width: 320px;
		max-width: 520px;
		margin: 0 auto;
		padding: 30px 10px 0;
	}

	#profile .box02 {
		padding-bottom: 30px;
	}

	#profile .sent {
		padding: 10px;
	}

	#profile .sent table tr th {
		display: block;
		width: auto!important;
		padding: 10px 0 0;
	}

	#profile .sent table tr td {
		display: block;
		width: auto;
		padding: 0 0 10px;
	}

	#profile p.ph {
		margin-top: 50px;
	}

	#pledge .contBox {
		min-width: initial;
		min-width: auto;
		max-width: initial;
		max-width: auto;
	}

	#pledge .bgTit {
		background-size: 768px 300px;
		padding: 30px 0 50px;
	}

	#pledge .bgTit h2 {
		min-width: 320px;
		max-width: 520px;
		margin: 0 auto;
		padding: 0 10px;
		display: block;
	}

	#pledge .box01 {
		width: auto;
		min-width: 320px;
		max-width: 520px;
		margin: 0 auto;
		padding: 30px 10px;
	}

	#pledge .box01 .sentBox {
		width: auto;
	}

	#pledge .box01 .sentBox .box .sentL p, 
	#pledge .box01 .sentBox .box .sentR p {
		padding-left: 0;
	}

	#pledge .box01 .sentBox .box .sentL, 
	#pledge .box01 .sentBox .box .sentR {
		float: none;
		width: auto;
	}

	#pledge .box01 .sentBox .box .phL, 
	#pledge .box01 .sentBox .box .phR {
		float: none;
		margin-top: 10px;
		text-align: center;
	}

	#application h2 {
		font-size: 28px;
	}

	#application .sent {
		width: auto;
	}

	#application .sent iframe {
		height: 1500px!important;
	}

	#determination h2 img, 
	#determination .sent p.ph img, 
	#profile h2 img, 
	#pledge .bgTit h2 img, 
	#pledge .box01 .sentBox .box .sentL h4 img, 
	#pledge .box01 .sentBox .box .sentR h4 img {
		width: 100%;
	}

}