@charset "UTF-8";
div.main-img-wrap {
	width: 100%;
	height: auto;
	position: relative;
}
div.main-img-wrap img {
	width: 100%;
	height: auto;
}

.main-img-wrap h1 {
	text-align: center;
	color: #004F89;
	background: rgba(255,255,255,.9);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
}


/* inner */
div.inner-wrap {
	margin: auto;
}

/* qanda-list */
.qanda-list h2 {
	color: #0C67A4;
	position: relative;
}
.qanda-list h2 strong {
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
}
.qanda-list h2:before {
	content: "";
	display: block;
	background-image: url(../img/qanda/icon-q.png);
	background-color: #1582B7;
	background-size: 100% auto;
	background-repeat: no-repeat;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	
}

.qanda-list p {
	position: relative;
}
.qanda-list p:before {
	content: "";
	display: block;
	background-image: url(../img/qanda/icon-a.png);
	background-color: #00B3DD;
	background-size: 100% auto;
	background-repeat: no-repeat;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	
}






/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/


@media screen and (max-width:599px){

	body {}
	header {}

	/* sp main-img */
	div.main-img-wrap {
		position: relative;
		overflow: hidden;
	}
	.main-img-wrap h1 {
		width: 70%;
		line-height: 2.4;
		margin-top: -1.2em;
		letter-spacing: .2em;
		text-indent: .2em;
	}

	/* sp inner */
	.inner-wrap {
		width: 94%;
		margin-top: 8% !important;
		margin-bottom: 0;
	}
	.qanda-list h2 {
	}

	ul.qanda-list {
	}
	.qanda-list li {
		width: 100%;
		margin-bottom: 10%;
	}
	.uasp-p .qanda-list li {
		height: auto !important;
	}
	.qanda-list h2 {
		font-size: 1.6rem;
		padding-left: 3em;
		margin-bottom: 3%;
	}
	.qanda-list h2 strong {
		height: 2.5em;
	}
	.qanda-list h2:before,
	.qanda-list p:before {
		width: 2.5em;
		height: 2.5em;
	}
	.qanda-list p {
		font-size: 1.6rem;
		padding-left: 3em;
		line-height: 1.8;
		padding-right: 1%;
	}
	.qanda-wrap a {
		margin-bottom: 8%;
	}


		
		
		
		
		
		
		
		
}







/*
@media screen and (min-width: 600px) and (max-width: 959px){}
@media screen and (min-width: 960px) and (max-width: 1280px){}
*/









/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media print, screen and (min-width:600px){

	body {}

	div.content-wrap {
		border-bottom: 7px solid #EEEFEF;
		padding-bottom: 90px;
	}
	header {}



	/* pc main-img */
	div.main-img-wrap {}
	div.main-img-wrap  h1 {
		width: 40%;
		line-height: 2.2;
		margin-top: -1.2em;
		letter-spacing: .2em;
		text-indent: .2em;
	}

	/* pc inner */
	div.inner-wrap {
		max-width: 1156px;
		margin-top: 80px;
	}
	.qanda-list h2 {
		font-size: 20px;
	}
	.qanda-list > p {
		font-size: 17px;
		line-height: 1.8;
	}

	ul.qanda-list {}
	.qanda-list li {
		width: 47.3%;
		margin-bottom: 90px;
	}
	.qanda-list li:nth-child(odd) {
		float: left;
	}
	.qanda-list li:nth-child(even) {
		float: right;
	}
	.qanda-list h2 {
		padding-left: 94px;
		margin-bottom: 25px;
	}
	.qanda-list h2 strong {
		height: 66px;
	}
	.qanda-list h2:before {
		width: 66px;
		height: 66px;
	}
	.qanda-list p {
		font-size: 17px;
		padding-left: 94px;
		line-height: 2;
		padding-right: 5px;
	}
	.qanda-list p:before {
		width: 66px;
		height: 66px;
	}


	div.qanda-wrap > a {
		max-width: 425px;
	height: 95px;
	width: 33%;
	font-size: 25px;
	line-height: 95px;
	letter-spacing: .2rem;
	text-indent: .2em;
	background-size: auto 1.2em;
}
	.qanda-wrap > a:hover {
	background-size: auto 1.2em;
}





















}