@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);


/*-------------------------------------------------------------------
	good
-------------------------------------------------------------------*/

#good {
}

#good .first {
	width:960px;
	margin:0 auto 150px;
}

#good .first dl {
	text-align:center;
}

#good .first dl dt {
	margin:0 0 40px;
}

#good .first dl dd p {
	text-align:center;
	margin:0 0 30px;
}

#good .first dl dd p:last-child {
	margin:0;
}

#good .second {
	margin:0 0 150px;
}

#good .second.last {
	margin:0;
}

#good .second h3 {
	width:960px;
	margin:0 auto 50px;
}

#good .second .texts {
	width:960px;
	margin:0 auto;
	text-align:center;
}

#good .second .texts p {
	margin:0 0 30px;
}

#good .second .texts p:last-child {
	margin:0;
}

#good .bg01 {
	background:url(../image/good/good_bg01.jpg) center center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	height:200px;
	margin:0 0 50px;
}

#good .bg02 {
	background:url(../image/good/good_bg02.jpg) center center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	height:200px;
	margin:0 0 50px;
}

#good .bg03 {
	background:url(../image/good/good_bg03.jpg) center center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	height:500px;
	margin:150px 0 0;
}

/*-------------------------------------------------------------------
	success
-------------------------------------------------------------------*/

#success {
}

#success h3 {
	width:960px;
	margin:0 auto 50px;
}


#success .first {
	width:960px;
	margin:0 auto 150px;
	overflow:hidden;
	zoom:1;
}

#success .first .photo {
	float:left;
}

#success .first .texts {
	margin-left:480px;
}

#success .first .texts p {
	margin:0 0 30px;
}

#success .first .texts p:last-child {
	margin:0;
}

#success .bg01 {
	background:url(../image/good/suc_bg01.jpg) center center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	height:200px;
	margin:0 0 50px;
}

#success .second {
	width:960px;
	text-align:center;
	margin:0 auto 150px;
}

#success .third {
	width:960px;
	margin:0 auto;
	text-align:center;
}

#success .third p {
	margin:0 0 30px;
}

#success .third p:last-child {
	margin:0;
}

/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
	/* good */
	
	#good .first {
		width:94%;
	}

	#good .second h3 {
		width:94%;
	}

	#good .second .texts {
		width:94%;
	}
	
	#good .bg01,
	#good .bg02,
	#good .bg03 {
		background-attachment:scroll;
	}
	
	/* success */


	#success h3 {
		width:94%;
	}


	#success .first {
		width:94%;
	}


	#success .bg01 {
		background-attachment:scroll;
	}

	#success .second {
		width:94%;
	}

	#success .third {
		width:94%;
	}

	
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	
	/* good */
	
	
	#good .first {
		margin:0 auto 70px;
	}


	#good .first dl dt {
		margin:0 0 30px;
	}

	#good .first dl dd p {
		margin:0 0 20px;
	}

	#good .second {
		margin:0 0 70px;
	}

	#good .second h3 {
		margin:0 auto 30px;
	}


	#good .second .texts p {
		margin:0 0 20px;
	}

	#good .bg01 {
		height:150px;
		margin:0 0 30px;
	}

	#good .bg02 {
		height:150px;
		margin:0 0 30px;
	}

	#good .bg03 {
		height:250px;
		margin:70px 0 0;
	}
	
	
	/* success */
	
	#maintitle .titlebox.sub {
		position:relative;
		background:url(../image/good/h2_success.jpg) center center;
		background-size:cover;
	}

	#maintitle .titlebox.sub figure {
		display:none;
	}

	#maintitle .titlebox.sub h2 {
		position:static;
		transform:none;
		color:#FFF;
		font-size:3.2em;
		font-weight:600;
		font-family: 'Cormorant', serif;
		text-align:center;
		padding:10px 0;
	}



	#success h3 {
		margin:0 auto 30px;
	}


	#success .first {
		margin:0 auto 70px;
	}

	#success .first .photo {
		float:none;
		text-align:center;
	}

	#success .first .texts {
		margin:30px 0 0;
	}

	#success .first .texts p {
		margin:0 0 20px;
	}

	#success .bg01 {
		height:150px;
		margin:0 0 30px;
	}

	#success .second {
		margin:0 auto 70px;
	}


	#success .third p {
		margin:0 0 20px;
	}

	
}

/*===============================================
  画面の横幅が380px以下に適用
===============================================*/
@media screen and (max-width: 380px){
	
}