@charset "shift_jis";



/* PC */
#section-01 h1{
    text-align: center;
    margin:50px auto;
}
#section-01 h1 span{
	color:#237BD0;
}

.inn-1200{min-height: calc(100vh - 110px)}
	form {
		margin: 0 auto;
		padding: 50px 0 20px;
		width:850px;
		text-align: left;}
	#formCK{
		padding-top: 0
	}
	form dl{margin-bottom: 10px}
	form .conf  dl{padding-top: 20px; border-top:rgba(35,123,208,0.40) 1px solid}
	form .conf  dl.dlend{border-bottom:rgba(35,123,208,0.40) 1px solid}
	
	form .req{font-size: 10px;vertical-align: super;}
	form .help-text{font-size: 10px}
	form .alert-text{font-size: 10px}
	
	form dt,form dd{display: inline-block;vertical-align: top;margin-bottom: 15px;}
	form dt {width:180px;padding-top:2px; }
	
	form .conf_txt	{width: 600px;}
	form .conf_txt pre {
		padding: 0;
		margin: 0;
		white-space: pre-wrap ;
	}	
	
	form textarea{width: 600px;
		height: 10em;
		line-height: 1.5em;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding: 2px 5px;
		margin: 0;
		font-size: 14px;
		display:block;
		box-sizing: border-box
		}

	form input[type="text"] {width: 500px;
		line-height: 1.5em;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding: 10px 5px;
		margin: 0;
		font-size: 14px;
		display:block;
		box-sizing: border-box}
	form .help-text{display: inline-block;height:15px}


	form select::-ms-expand {
		display: none;
	}
	form select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 30px 10px 10px;
		font-size: 14px;
		line-height: 1.1em;
		border-radius: 3px;
		border: none;
		border: #237BD0 1px solid;
		background-image: url("../img/icon_arrow.svg");
		background-repeat: no-repeat;
		background-size: 12px 10px;
		background-position: right 10px center;
		background-color: #F3F8FD;
		}
	
	form button{font-size: 14px;
		border: #237BD0 1px solid;
		border-radius: 3px;
		background:#237BD0;
		color: #fff;
		padding: 5px 25px
	}
	form .conf button{margin: 20px 0 5px}
	form button:hover{opacity: 0.6;}

	form .thks_txt{text-align: center}	
	form .thks_txt p {margin: 20px 0}	

.end_txt{text-align: left;
	width:550px;
	margin: 0 auto;
	padding-top: 50px
}
.end_txt p + p{margin-top: 20px}

.accept_chk a{
	text-decoration: underline
}

/* SP */
@media screen and (max-width:768px) {
    #section-01 h1{
        margin:5vw auto;
    }
	.inn-1200{min-height: calc(100vh - 125px)}
	form {margin: 0 auto;
		width:100%;
		text-align: left;
		font-size: 1.3em;
		padding: 5vw 0;
	}
	form dl{margin-bottom: 0px}
	
	form .conf  dl{padding-top: 20px; border-top:rgba(35,123,208,0.40) 1px solid}
	form .conf  dl.dlend{border-bottom:rgba(35,123,208,0.40) 1px solid}
	
	form .req{font-size: 0.8em;vertical-align: super;}
	form .help-text{width:98%;font-size: 0.8em;text-align: right}
	form .alert-text{width:98%;font-size: 0.8em;text-align: left;padding-bottom: 3%}
	
	form dl{padding-bottom: 5%;}
	form dt,form dd{vertical-align: top;margin-bottom: 0}
	form dt, form dd{width:100%;}
	
	form .conf_txt	{width: 100%;}
	form .conf_txt pre {
		font-size:1.2em;
		padding: 0;
		margin: 0;
		white-space: pre-wrap ;
	}	

	form textarea{width: 100%;
		height: 5em;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding: 2vw;
		margin: 0 ;
		font-size: 1em;
		display:block;
		}

	form input[type="text"] {width: 100%;
		background:#F3F8FD;
		border: #237BD0 1px solid;
		border-radius: 3px;
		padding:2vw;
		margin: 0;
		font-size: 1em;
		display:block;}
	form .help-text{display: inline-block;height:15px}


	form select::-ms-expand {
		display: none;
	}
	form select {
		width:100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 3vw 10vw 3vw 2vw;
		font-size: 1em;
		line-height: 1.1em;
		border-radius: 3px;
		border: #237BD0 1px solid;
		background-image: url("../img/icon_arrow.svg");
		background-repeat: no-repeat;
		background-size: 6vw 6vw;
		background-position: right 2vw center;
		box-sizing: border-box
	}
	form button{font-size: 4vw;
		border: #237BD0 1px solid;
		border-radius: 3px;
		background:#237BD0;
		color:#fff;
		padding: 2vw 10vw;
		margin: 5% 0 15%;}
	form .conf button{margin: 5vw 0 5px}
	form button:hover{opacity: 0.6;}
		form .thks_txt{padding: 50px 0}
		form .thks_txt p {margin: 20px 0}	
	
	.end_txt{text-align: left;
	width:90%;
	margin: 0 auto;
	padding-top: 10vw
}
    .end_txt p + p{margin-top: 5vw}
}