@charset "utf-8";
@media screen and (max-width:768px){

/* h1 + div */
h1 + div{
	width:90%;
	margin:auto;
	padding-bottom:40px;
}
h1 + div dl{
	font-size:16px;
}
h1 + div dl dt.hissu:after{
	margin-left:3px;
	font-size:11px;
	border-radius:3px;
	vertical-align:middle;
}
h1 + div dl dd{
	margin-bottom:20px;
}
h1 + div dl + p{
	padding:10px 3% 20px;
	font-size:14px;
}


/* #confirm */
#confirm dl + p{
	padding:10px 0 20px;
}


/* #thanks */
#thanks{
	height:;
	padding-bottom:30px;
}
#thanks h2{
	font-size:4.2vw;
}
#thanks h2 + p{
	line-height:1.8;
	margin:10px 0 20px;
	font-size:16px;
}
#thanks a{
	display:inline-block;
	width:280px;
	line-height:50px;
	font-size:16px;
	font-weight:bold;
	color:#315a9e;
	border:1px solid #315a9e;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	z-index:2;
}
#thanks a:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	background-color:#315a9e;
	transform:scale(0,1);
	transform-origin:left;
	-webkit-transition : transform 0.4s;
	transition : transform 0.4s;
}
#thanks a:hover{
	opacity:1;
	color:#fff;
}
#thanks a:hover:before{
	transform:scale(1,1);
}


}


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

#thanks h2{
	font-size:4.3vw;
}
#thanks h2 + p{
	padding:0 5%;
	font-size:14px;
	text-align:left;
}
#thanks h2 + p .only_smart_s{
	display:none;
}
}