@charset "utf-8";

/* ****************************************************
Title: c.css
***************************************************** */
#va {
	background-image:url(../img/common/c_va.jpg);
	background-position: 47% 0;
}

blockquote{
	margin: 10px 40px 100px;
	padding:3em 0;
	position:relative;
	text-align:center;
	background-color: #fff;
}
blockquote:before{
	content:"“";
	font-size:400%;
	line-height:1em;
	color:#000;
	position:absolute;
	left:0.1em;
	top:0.08em;
}
blockquote:after{
	content:"”";
	font-size:400%;
	line-height:0em;
	color:#000;
	position:absolute;
	right:0.1em;
	bottom:0.08em;
}


.sec01 {
  padding-top: 100px;
}

blockquote .phi {
	font-size: 150%;
	line-height: 1.5;
}
blockquote .phi span {
	font-weight: bold;
	font-size: 120%;
	letter-spacing: .04em;
}
@media screen and (max-width: 739px) {
	blockquote{
		margin: 0 0 100px;
	}
	blockquote .phi {
		font-size: 120%;
	}
	blockquote .phi span {
		font-size: 100%;
	}
}

.catch_gaf {
	font-size: 210%;
	margin-bottom: 40px;
	position: relative;
}

.catch_gaf:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #2E1B11;
	top: 50%;
	display: block;
	position: absolute;
	z-index: 1;
}

.catch_gaf span {
	display: inline-block;
	background: #FFF7DD;
	padding: 0 20px;
	position: inherit;
	z-index: 2;
}

.gaf {
  line-height: 1.8;
}


@media screen and (max-width: 739px) {
	body#second #pagebody #contents .fs22 {
		font-size: 110%;
	}
	.gaf {
		letter-spacing: -.02em;
	}
}