@charset "shift_JIS";

html,body{
	font-size:14px;
}

#content {
	width:100%;
 	max-width: 960px;
}

h2{
	font-size:200%;
	padding:1em 0;
	font-weight:bold;
	border-bottom:2px solid #333;
}

#content a{
	color:#0033cc;
}
#content a:hover{
	text-decoration:none;
}

#content p{
	margin:1.5em 0;
}

#content p.lead{
	font-size:115%;
}

input[type="text"], input[type="password"], select{
	border-radius:0.2em;
	font-size:150%;
	padding:0.3em;
	border:1px solid #777;
	margin:1em;
	vertical-align:middle;
	width:300px;
}

input[type="text"].cno{
	width:230px;
}

input[type="text"].sinput, input[type="password"].sinput{
	width:150px;
	margin-right:0.7em!important;
}

.input_wrap table input[type="text"], .input_wrap table input[type="password"], .input_wrap table select, .input_wrap table input[type="checkbox"]{
	margin:0.7em 0.3em;
}


input[type="submit"]{
	-webkit-appearance: none;
	border-radius:0.2em;
	padding:0.3em 1em;
	background:#eee;
	border:1px solid #777;
	cursor: pointer;
	font-size:110%;
	color:#333;
}

input[type="submit"]:hover{
	opacity:0.7;
}

input[type="submit"].back{
	background: linear-gradient( #eee 0%, #eee 100%);
	color:#000;
	padding:0.7em 2em;
	margin:1em;
}

input[type="submit"].next{
	font-size:150%;
	background: #ff7700;
	background: linear-gradient( #ff9900 0%, #ff4d00 100%);
	color:#fff;
	padding:0.3em 0;
	margin:1em;
	width:130px;
}

input[type="submit"].login{
	padding:0.3em 1em;
	margin:1em 0.3em;
}

input[type="radio"]{
	width:1.5em;
}

::placeholder {
  color:#999;
}

.input_wrap{
	background:#eee;
	padding:1em;
	margin:1.5em 0;
}

.input_wrap>div{
	background:#fff;
	border:1px solid #ccc;
	padding:1em;
}

.input_wrap table{
	width:97%;
	margin:0 1.5%;
	border-bottom:1px dotted #999;
	padding-bottom:1em;
}

.input_wrap table th{
	width:32%;
	text-align:right;
	font-weight:bold;
}

.input_wrap table td{
	text-align:left;
}

.input_wrap table td span{
	display:inline-block;
	font-size:120%;
	color:#000;
	padding:0.5em 0 0.5em 0.3em;
}

.input_wrap table td span label{
	margin-right:1em;
	white-space:nowrap;
}

.privacy{
	background-color:#fffca8;
	padding:0.5em 1em;
	text-align:left;
}

.privacy strong{
	display:block;
	text-align:center;
}

.support{
	border-top:1px dotted #999;
	padding:1em 0 0.5em;
}

.notice{
	color:#ed3f13;
}

.error{
	background:#ed3f13;
	color:#fff;
	padding:0.5em;
	margin:1em 0;
	font-size:115%;
}

.msg.info{
	background:#dff1df;
	color:#000;
	padding:0.5em;
	margin:1em 0;
	font-size:115%;
}

.wltinfo{
	border-collapse:collapse;
	font-size:115%;
	width:100%;
	max-width:800px;
	margin:1.5em auto 2em;
	border-top:1px dotted #999;
}

.wltinfo th{
	background:#256ab0;
	color:#fff;
	padding:0.3em 0;
	border-bottom:1px dotted #fff;
	width:45%;
}

.wltinfo td{
	border-bottom:1px dotted #999;
	padding:0.3em 0;
	word-break:break-all;
}

.wltinfo td.wlttit{
	font-weight:bold;
	background:#dceffa;
	padding:0.4em;
	color:#256ab0;
}

#content a.gohome{
	display:block;
	width:150px;
	margin:3em auto 0;
	padding:1em;
	background: linear-gradient( #bbb 0%, #888 100%);
	border-radius:0.5em;
	text-decoration:none;
	color:#fff;
}

#content a.gohome:hover{
	opacity:0.8;
	}

.spitem{
	display:none;
}


.pri strong{
	font-size:110%;
}
.pri div{
	display:flex;
	widhth:960px;
	 justify-content: center;
}
.pri div img{
	width:30%;
	margin:1.5em;
}

.err_msg{
	padding:1em;
	margin:1.5em 0.5em;
	border:2px solid #d00;
	color:#d00;
	border-radius:0.5em;
	text-align:left;
	background:#ffeded;
}

/*スマホ対応*/
@media screen and (max-width:768px) {
	.head_box {
		width:97%;
		padding:0 1.5%;
 	}

	.spitem{
		display:inline;
	}

	html,body{
		font-size:12px;
	}

	h2{
		font-size:160%;
		padding:0.5em 0;
		line-height:1.2em;
		width:99%;
	}

	#content{
		width:97%;
		padding:0 1.5% 80px;
		
	}

	input[type="text"], input[type="password"], select {
		width:90%;
		margin:0.5em 0;
	}

	input[type="text"].sinput{
		width:150px;
		margin-right:0!important;
	}

	input[type="submit"] {
		margin:1em 0;
	}

	.input_wrap table input[type="text"], .input_wrap table select {
    	margin: 0.4em 0.3em 0.2em;
	}

	.input_wrap table th {
    	display:block;
    	width:80%;
    	text-align:left;
    	margin-top:1em;
    }
	.input_wrap table td {
    	display:block;
    }
    
    .input_wrap table td span {
    	padding: 0.4em 0 0 0.3em;
    }
    
    .wltinfo {
    	font-size:105%;
    }
    
    .wltinfo td {
    	padding: 0.3em;
    }
	#toTop a {
    	padding: 0;
	}
	
	.pri div{
	display:block;
	width:100%;
	}
	
	.pri div img{
	width:70%;
	margin:1em;
	}


}