*{
margin:0;
padding:0;
}

body 
{
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    color:#000000;
    font-size:17px;
 }

h1{
 font-size:1.5em;
 margin:auto;
 text-align:center;
}

p{
 margin:0 auto 0.2em auto;
}

p.hint{
	text-indent: 2em;
}

.f-16{
	font-size:16px;
}
 
#wrapper{
width:100%;
margin:2em auto;
}

#explan{
width:900px;
margin:0 auto;
}

.caution{
 font-size:1.2em;
 color:red;
 text-align:center;
 margin-top:0.5em;
}

h2{
	font-size:1.1em;
	font-weight:400;
	margin-bottom:0.5em;
}

.form{
	 width:860px;
	 border:4px solid #7dcdf4;
	 background-color: #FFF7E3;
	 border-radius:15px;
	 padding:30px;
	 margin:10px auto;
}

.resizeimage img { width: 100%; }

ul .yoko{
	list-style-type: disc;
	margin:auto auto 1em 1.5em;
}

ul .yoko2{
	margin:1.5em auto auto 0.5em;
	list-style-type: none;
}


.s_mail{border:3px solid #ff0000;}

.text_2{font-size:0.8em; text-indent:1em;}

.text_3{font-size:0.8em; text-indent:1em; margin-top:15px;}

.text_4{color:#666;}

sup{color:#ff0000;}

.red{color:#ff0000;}

.box{padding:30px;}

.label{
	margin-top:40px;
}

.sub{
	font-size:0.8em;
	color:#666;
	margin-bottom:0;
}

.fsize{
 width:25em;
 height:1.5em;
 font-size:1em;
}

.fsize02{
 width:30em;
 height:7em;
 font-size:1em;
}

.fsize03{
 width:30em;
 height:7em;
 font-size:1em;
}

.button{
width:200px;
font-size:1em;
margin-top:1.5em;
}

hr{
border:2px solid #7dcdf4;
margin:1.5em auto;
}

.br-pc {
  display:none;
}

.radio_btn{
	height:20px;
	width:20px;
	font-size: 14px;
    vertical-align: middle;
    margin:0 0.2em 0.4em 1em;
}

.mb_05{
	margin-bottom: 0.5em;
}

.mt_05{
	margin-top: 0.5em;
}


.p_mark{
	text-align:center;
	margin-top:3em;
}

form div.buttons span.button_next input.button_disabled{
   background: linear-gradient(to bottom, #444444 0%,#777777 100%);
   cursor:initial;
}

form div.buttons input{
 font-size:1em;
 font-weight:600;
 background: #7dcdf4;
 width: 240px;
 height: 40px;
 margin: 1em auto;
 border:0;
}

.br_pc { display: block !important; }
.sp { display: none !important; }
.br-sp {  display:none; }

	
@media screen and (max-width: 900px){
body {-webkit-text-size-adjust: 100%;}
html{font-size: 62.5%;}
body{font-size: 1.6rem;}
#wrapper{margin:1em auto;}
h1{ font-size:1.2em;}
#explan{width:93%;}
.form{width:90%;padding:10px;}
.fsize{ width:70%;}
.fsize02{ width:100%;font-size:1.3em;}
.fsize03{ width:100%;}
.pc { display: none !important; }
.sp { display: block !important; }
.br-sp {display:block;}
.label{	margin-top:30px;}
hr{margin:1.2em auto;}
}