@charset "sjis";

/* ---------- pagetitle -------------------- */
section.pagetitle{
	background:url(../images/maintitle.jpg) no-repeat center center;
	background-size: auto 100%;
}

/* ---------- naiyo -------------------- */
div.naiyo{
	width: 100%;
}
div.naiyo img.mainimage{
	width: 100%;
}
div.naiyo div.read h3{
	border-top:2px solid #ff6464;
	border-bottom:2px solid #ff6464;
	width: 84%;
	margin: 20px auto 0 auto;
	padding: 5px 0;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
	color: #666;
}
div.naiyo div.read p{
	width: 84%;
	margin: 10px auto;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 2px;
}
div.naiyo div.read small{
	width: 84%;
	margin: 20px auto 10px auto;
	display: block;
}

div.naiyo h2{
	text-align: center;
	background: url(/common_jp/image/v5/black60.png);
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px 0;
}
div.bg_dot{
	background-color: transparent;
	position: relative;
	background-image: url(/student/common/images/bg_dotgray.png);
	padding-bottom: 20px;
}

/*index_list*/
div.naiyo div.indexlist ul {
	width: 90%;
	max-width: 600px;
	margin: 20px auto;
}
div.naiyo div.indexlist ul li{
	background-color: #fff9ae;
	border:1px solid #999;
	margin: 5px 0;
}
div.naiyo div.indexlist ul li a{
	display: block;
	padding: 10px 10px 10px 20px ;
	box-sizing: border-box;
	color: #333;
	background-image: url("/student/contents/faq/images/icon_red.png");
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: auto 80%;
}

/*qa_list*/
div.qalist{
	position: relative
}
div.naiyo div.qalist h3{
	text-align: center;
	color:#822400;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0 0 0;
	padding: 40px 0;
}
div.naiyo div.qalist ul{
	width: 90%;
	max-width: 800px;
	margin: 20px auto;	
}
div.naiyo div.qalist ul li{
	border:1px solid #ccc;
	margin: 0 auto 10px auto;
}
div.naiyo div.qalist ul li dl{
	
}
div.naiyo div.qalist ul li dl dt{
	font-weight: normal;
	padding: 10px 35px 10px 5px;
	box-sizing: border-box;
	color: #ff6464;
	position: relative;
	z-index: 300;
	background-color: #fff;
	cursor: pointer;
}
div.naiyo div.qalist ul li dl.on dt{
	background-color: #ff6464;
	color: #fff;
}
div.naiyo div.qalist ul li dl dt::after{
	content: "�{";
	display: block;
	position: absolute;
	right: 10px;
	top: 4px;
	font-size: 22px;
	color: #ccc;
}
div.naiyo div.qalist ul li dl.on dt::after{
	content: "�[";
	display: block;
	position: absolute;
	right: 10px;
	top: 4px;
	font-size: 22px;
	color: #fff;
}
div.naiyo div.qalist ul li dl dd{
	padding-bottom: 10px;
	display: none;
	background-color: #fff;
}
div.naiyo div.qalist ul li dl dd p{
	width: 96%;
	margin: 10px auto 0 auto;
	font-size: 13px;
	line-height: 1.6em;
}
div.naiyo div.qalist ul li dl dd small{
	width: 96%;
	margin: 10px auto 0 auto;
	display: block;
	color: #666;
}
div.naiyo div.qalist ul li dl.on dd div{
	background-color: #deeaff;
	color: #0054b3;
	border-radius: 30px;
	width: 96%;
	margin: 10px auto 0 auto;
	padding: 5px 10px;
	box-sizing: border-box;
}
div.naiyo div.qalist ul li dl dd.on div a{
	color: #0054b3;
}
div.naiyo div.qalist ul li dl dd div span{
	color: #000;
}
	
/* --------------------------------------------------

-----------------------------------------------------
window size 600-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:600px){	
	

	/* ---------- merit_naiyo -------------------- */
	div.naiyo{
		width: 100%;
	}
	div.naiyo img.mainimage{
		width: 100%;
	}
	div.naiyo div.read h3{
		border-top:2px solid #ff6464;
		border-bottom:2px solid #ff6464;
		width: 84%;
		margin: 20px auto 0 auto;
		padding: 5px 0;
		font-size: 22px;
		font-size: 2.2rem;
		text-align: center;
		color: #666;

	}
	div.naiyo div.read p{
		max-width: 680px;
		padding: 20px 0 0px 0;
		display: block;	
	}
	div.naiyo div.read small{
		width: 84%;
		margin: 20px auto 10px auto;
		display: block;

		max-width: 680px;
		padding: 0 0 20px 0;
	}

}

/*-----------------------------------------------------
window size 900-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:900px){
	/* ---------- pagetitle -------------------- */
	section.pagetitle{
		background:url(../images/maintitle.jpg) no-repeat center center;
		background-size: 100% auto;
	}

	/* ---------- merit_naiyo -------------------- */	
	div.naiyo div.read h3{
		
		border:none;
	}
	div.naiyo div.read p{		
		font-size: 16px;
		font-size: 1.6rem;
	}
	/*bg_dot*/
	div.naiyo div.bg_dot{	
		
		margin: 0px 0 0 0;
	}
	/*index_list*/
	div.naiyo div.indexlist ul {
		max-width: 800px;
		overflow: hidden;
	}
	div.naiyo div.indexlist ul li{
		width: 46%;
		margin: 0 2% 15px 2%;
		float: left;
	}

	
}