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

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#container {
	width:100%;
}

img.pc{
	display: none;
}
	
img.smf{
	display: block;
}
	
/* 入試情報アンケートご協力のお願い｜日本学習図書 */

#container {
	padding: 20px 0;
}

h1 span {
	white-space: nowrap;
}

br.smf{
	display: block;
}
	
ul.cautions{
	width: 25em;
}
	
ul.cautions li {
	text-indent: 0;
}
	
h3{
	font-size: 1.5em;
}
	
form#form-info dl dd input.text-xl {
	width:30em;
}

form#form-info dl dt {
	width: auto;
	text-align: left;
	background-color: #eee;
	float: none;
}

form#form-info dl dd {
	margin-left: 0;
}

form#form-info dl dd label {
	line-height: 3em;
	border-top: 1px solid #eee;
	display: block;
}

p.policy {
	padding: 5px 0px;
	margin-left: 1em;
}

dl#verisign dt {

}

dl#verisign dd {
	margin-left: 0;
}

input.btn{
	text-align: left;
}
	
/* ---- top ページ ----- */

.top-container{
	width: 98%;
	border: 3px solid #fdd854;
	margin: 0;
	padding: 0;
}
	
.top-main{
	width: 98%;
    background:none;
	margin: 0 1%;

}

.top-main p.anquete{
	text-align: left;
	font-size: 1.0em;
	line-height: 1.6;
	padding:10px 1%;
}

.top-main p.company{
	text-align: right;
	font-size: 1.0em;
	padding:10px 2%;
}

.bottom a.btn-answer{
	display: block;
	margin: 20px auto;
	text-align: center;
}

.bottom a.btn-answer:hover{
    opacity:0.4;
    transition : all 0.5s;
}

.bottom{
	width: 90%;
	height: auto;
	margin: 0 auto 10px auto;
}
/* スマホ用CSS ↑*/

}