@charset "utf-8";



/* sw-PageIntro
-----------------------------------*/
.sw-PageIntro .image{
	background-image: url("../img/bg_pageintro_01.jpg");
}
.sw-PageIntro .text img{
	width: 107px;
	height: auto;
}
@media only screen and (min-width: 768px){
	.sw-PageIntro .text img{
		width: 153px;
	}
}
@media only screen and (min-width: 1024px){
	.sw-PageIntro .text img{
		width: 200px;
	}
}




/* faq-Contents
-----------------------------------*/
.faq-Contents{
	padding: 0 20px;
	margin: 30px auto 0;
}
.faq-Contents .inner + .inner{
	margin-top: 40px;
}
.faq-Contents .inner h3{
	color: #222e53;
	font-size: 138.5%;
	padding-left: 10px;
}
.faq-Contents .box{
	margin-top: 5px;
}
.faq-Contents .box + .box{
	margin-top: 25px;
}
.faq-Contents .box h4{
	color: #777;
	font-size: 108%;
	text-indent:-1.25em;
	border-bottom: 1px solid #d3d5dd;
	padding: 0 10px 2px 2em;
	margin-bottom: 10px;
}
.faq-Contents .box h4 span{
	font-size: 90%;
}
.faq-Contents .box p{
	margin: 0 10px;
}
@media only screen and (min-width: 768px){
	.faq-Contents{
		max-width: 1280px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 45px auto 0;
	}
	.faq-Contents .inner + .inner{
		margin-top: 60px;
	}
	.faq-Contents .inner h3{
		font-size: 184%;
	}
	.faq-Contents .box{
		margin-top: 10px;
	}
	.faq-Contents .box + .box{
		margin-top: 30px;
	}
	.faq-Contents .box h4{
		font-size: 123.1%;
	}
}
@media only screen and (min-width: 1024px){
	.faq-Contents .inner + .inner{
		margin-top: 80px;
	}
	.faq-Contents .inner h3{
		font-size: 215%;
	}
	.faq-Contents .box{
		margin-top: 15px;
	}
	.faq-Contents .box + .box{
		margin-top: 35px;
	}
	.faq-Contents .box h4{
		font-size: 153.8%;
	}
}



/* faq-Message
-----------------------------------*/
.faq-Message{
	padding: 0 30px;
	margin: 60px auto 0;
}
.faq-Message h3{
	color: #222e53;
	line-height: 1.8;
	font-size: 131%;
	margin-bottom: 10px;
}
.faq-Message .name{
	color: #222e53;
	font-size: 116%;
	margin-top: 25px;
}
.faq-Message .name .line{
	padding: 0 10px;
	display: inline-block;
	position: relative;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.faq-Message .name .line:before{
	content: "";
	width: 100%;
	height: 8px;
	background: #222e53;
	margin: 2px auto 0;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	opacity: .25;
}
@media only screen and (min-width: 768px){
	.faq-Message{
		max-width: 1280px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 80px auto 0;
	}
	.faq-Message h3{
		font-size: 138.5%;
	}
	.faq-Message .name{
		font-size: 116%;
	}
}
@media only screen and (min-width: 1024px){
	.faq-Message{
		margin: 100px auto 0;
	}
	.faq-Message h3{
		font-size: 184%;
	}
	.faq-Message .name{
		font-size: 138.5%;
	}
}