@charset "utf-8";


body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

/*-----------------------------------------------------------
総合
-----------------------------------------------------------*/

#article{
	float: none;
	width: 100%;
	margin: 0 0 80px;
}

#contents .h1_section{
	display: none;
}

#contents_outer{
	background: #fff !important;
}


/*---------各クエスチョンの背景----------*/

.view .back {
	position: absolute;
}

#overview{
	width: 100%;
	position: relative;
}

#q1, #q2, #q3, #q4 {
	width: 100%;
	position: relative;
}

/*----------overview--------------*/
#overview{
	padding: 32px 0 15px;
}

#overview p{
	font-family: 'メイリオ';
	color: #fff;
	font-size: 17px;
	line-height: 32px;
	text-align: center;
}

#overview #change_logo{
	margin: 0 auto 31px;
}

#overview #change_logo + p{
	margin: 0 auto 44px;
}

#overview > div{
	width: 100%;
	margin: 26px auto 44px;
}

#overview > div #attention{
	width: 100%;
	margin: 17px auto 0; 
}

#overview > div #attention p{
	font-size: 13px;
	line-height: 25px;
}

/*----------question--------------*/

.question h2,.question h3,.question h4,.question h3 + p{
	text-align: center;
}

.question h3{
	margin: 39px 0 22px;
}

.question .answer{
	margin: 19px 0 0;
}

.question .answer h4{
	margin: 0 0 14px;
}

.question .answer h4 + p{
	font-family: 'メイリオ';
	font-size: 14.4px;
	font-weight: bold;
	color: #9fa0a0;
	margin: 0 auto;
	width: 620px;
}

.answer >div{
	width: 620px;
	margin: 9px auto 0;
}

.answer .textbox p{
	font-family: 'メイリオ';
	font-size: 13px;
	color: #9fa0a0;
	line-height: 18px;
	margin: 0 0 12px;
}

.answer div:not(.textbox){
	
}

.answer div:not(.textbox) p{
	font-family: 'メイリオ';
	font-size: 11px;
	color: #989999;
	line-height: 18px;
}

#q1{
	padding: 0 0 34px;
}

#q2{
	padding: 0 0 59px;
}

#q3{
	padding: 0 0 44px;
}

#q4{
	padding: 0 0 57px;
}