@charset "shift_jis";

header{
	display: block!important;
	position: static
}
footer{
	border-top:1px solid #237BD0;
}



/* PC */

.contact-wrap h1{
    text-align: center;
	padding:50px 0;

}
.contact-wrap h1 span{
	color:#237BD0;
}


	form {
		margin: 0 auto;
		padding: 0 0 20px;
		width:850px;
		text-align: left;
	}
	#formCK{
		padding-top: 0
	}
	form dl{margin-bottom: 15px; width:100%; display: flex; }
	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 dt,form dd{vertical-align: top;margin-bottom: 5px;}
	form dt {width:200px;padding-top:2px;}
	form dd {width:calc(100% - 200px);}
	
	form .req{font-size: 10px;vertical-align: super;color:#B50003}
	form .help-text{font-size: 12px}
	form .alert-text{font-size: 12px}
	
	form .conf_txt	{
		width: 600px;
		min-height:3em

}
	form .conf_txt p{
		padding: 0;
		padding-bottom: 1em;
		margin: 0;
		white-space: pre;
	}	
	
	form textarea{width: 100%;
		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: 100%;
		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 input[type="text"].small{
		width:10em
	}
	/*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;
		min-width:10em;
		padding-right: 2em
		}
	
	form button{font-size: 14px;
		border: #237BD0 1px solid;
		border-radius: 3px;
		background:#237BD0;
		color: #fff;
		padding: 5px 25px;
		margin: 50px 0 
	}


form .cal-wrap{
	display: flex;
	align-items: center;

}
form .cal-wrap p{
	margin-right: 0.5em;
	font-size:1.5rem;
	display: flex;
	align-items: center;
}
form .cal-wrap input[type="date"] {
  position: relative;
  padding: 0.5em 1em;
  border: 1px solid #237BD0;
	border-radius: 3px;
  box-sizing: border-box;
  font-size:1.5rem;
}

/*	input[type="checkbox"] {
	  -webkit-appearance: none;
		 -moz-appearance: none;
			  appearance: none;
	}
*/

form .chk-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
form .chk-item{
	position: relative;
	width:30%
}
form .chk-item imput{
	position: absolute;
	top:0;
	left:0;
}
	form .check01 {
		box-sizing: border-box;
		cursor: pointer;
		display: inline-block;
		padding-left:2em;
		position: absolute;
		top:0;
		left:0;
		width: auto;
		font-size:1.5rem
	}
	form .check01::before {
		background: #f2f2f2;
		border: none;
		content: '';
		display: block;
		height:1.4em;
		width:1.4em;
		left: 0;
		position: absolute;
		top: 0.2em;
		bottom:0;
		margin: auto
	}
	form .check01::after {
		border-right: 0.2em solid #237BD0;
		border-bottom: 0.2em solid #237BD0;
		content: '';
		display: block;
		height: 0.8em;
		width: 0.4em;
		left: 0.4em;
		top:0;
		bottom:0;
		opacity: 0;
		margin: auto;
		position: absolute;
		transform: rotate(45deg);

	}
	form input[type=checkbox]:checked + .check01::after {
		opacity: 1;
	}
	form .accept_chk .chk-item{
		width:100%;
	}
	form .accept_chk a{
		color:#237BD0;
		text-decoration: underline
	}


	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: 20px;

}
.end_txt p + p{margin-top: 20px}

/* SP */
@media screen and (max-width:768px) {
   .contact-wrap h1{
        margin:5vw auto;
    }
	form {margin: 0 auto;
		width:92%;
		text-align: left;
		font-size: 3.6vw;
		padding: 5vw 0;
	}
	
	form dl{margin-bottom: 2vw;flex-wrap: wrap}
	form .conf  dl{padding-top: 2vw; 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 dt,form dd{display: inline-block;vertical-align: top;margin-bottom: 1vw;width:100%}
	form dt {padding-top:1vw; border-top: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 .conf_txt	{width: 100%;}
	form .conf_txt pre {
		font-size:3.6vw;
		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: 3.6vw;
		display:block;
		}

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


	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: 3.6vw;
		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}	

	
	form .cal-wrap p{
		font-size:3.6vw;
		margin-right: 0.5em;
	}
	form .cal-wrap input[type="date"] {
	  font-size:3.6vw;
		padding: 0.5em
	}
	form .chk-item{
		width:45%;
		margin-bottom: 0.5em
	}
	form .check01 {
		font-size:3.6vw
	}
	
	
	.end_txt{text-align: left;
		width:90%;
		margin: 0 auto;
		padding-top: 10vw
	}
		.end_txt p + p{margin-top: 5vw}
}

/*.othersiyoubasyo{
	display: none;
}*/

.dd-flex{
	display: flex;
	justify-content: space-between;
	align-items: center
}
.dd-flex .data{
	width:66%
}
.dd-flex .nodata{
	width:30%;
}
@media screen and (max-width:768px) {
	.dd-flex{
	flex-wrap: wrap
}
	.dd-flex .data,
	.dd-flex .nodata{
	width:100%
}
}