@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css");
@import url("/css/parts.css");
@import url("/css/margin.css");

#main .promise-message {
	font-size: 154.71%;
	line-height: 1.7;
	font-family: "FOT-筑紫明朝 Pr6 M", "TsukuMinPr6-M";
	margin: 30px 0;
	text-align: center;
}
h3.promise-title {
	font-size: 224.71%;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
	text-align: center;
	margin: 30px 0;
	padding-bottom: 30px;
	border-bottom: 3px solid #003c96;
}
#main .s-promise-catch {
	font-size: 224.71%;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
	text-align: center;
	color: #003c96;
}
.graph {
	width: 702px;
}
#youtube-block {
	margin: 20px auto 70px;
}

/* PC SIZE */
@media screen and (min-width: 980px){
	.back-images-block {
		background: url('/images/promise/img-back01-pc.png') no-repeat top center;
		height: 730px;
	}
	.back01 { background: url('/images/promise/img-back02-pc.png') no-repeat top center; }
	.back02 { background: url('/images/promise/img-back03-pc.png') no-repeat top center; }
	.back03 { background: url('/images/promise/img-back04-pc.png') no-repeat top center; }
	.back04 { background: url('/images/promise/img-back05-pc.png') no-repeat top center; }
	.back05 { background: url('/images/promise/img-back06-pc.png') no-repeat top center; }
	.back06 { background: url('/images/promise/img-back07-pc.png') no-repeat top center; }
	.back07 { background: url('/images/promise/img-back08-pc.png') no-repeat top center; }

	#youtube-block {
		width: 780px;
	}
}

/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
	#youtube-block {
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}
	#youtube-block iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}	
}
@media screen and (max-width: 480px){
	h3.promise-title,
	#main .s-promise-catch {
		font-size: 188.71%;
	}
}