@charset "utf-8";

section h2{
	font-size:170%;
	line-height:140%;
	text-align:center;
	margin-bottom:1em;
	position:relative;
	z-index:1;
}

section h2 span{
	display:block;
	font-size:140%;
	color:#7DCEF4;
font-family: 'Noto Serif JP', serif;
font-weight:500;
}


@media only screen and (min-width: 769px) { /*pc*/
section h2{
	font-size:220%;
	line-height:190%;
	text-align:center;
	margin-bottom:1em;
	position:relative;
	z-index:1;
}


section h2 span{
	display:block;
	font-size:130%;
	color:#7DCEF4;
font-family: 'Noto Serif JP', serif;
font-weight:500;
}

}

#contact{
	padding: 2em 0 1em;
}


form{
	overflow:hidden;
	border:1px solid #fff;
	background:rgba(255,255,255,0.7);
	border-radius:20px;
	padding:1em!important;
	margin-top:50px!important;
	margin-bottom:50px!important;
}

form .item{
	width:100%;
}


.req{
	display:inline-block;
	background-color:#EA5D97;
	color:#fff;
	padding:0.2em 0.8em;
	margin-left:1em;
	font-size:90%;
	border-radius:5px;
}

.opt{
	display:inline-block;
	background-color:#999999;
	color:#fff;
	padding:0.2em 0.8em;
	margin-left:1em;
	font-size:90%;
	border-radius:5px;
}
	
input,textarea,select{
	margin:1.2em 0;
}

form input[type="text"],
select,
textarea{
	width:100%;
	padding:1em;
	background:#fff;
	border:1px solid #7DCEF4;
font-family: 'Quicksand','BIZ UDPGothic', sans-serif;
font-size:100%;
}


textarea{
	height:160px;
}

.sendbtn{
	text-align:center;
}

.sendbtn button{
	display: inline-block;
	font-size: 110%;
	letter-spacing:0.1em;
	transition: 0.5s;
	cursor: pointer;
	border: none;
	color: #fff;
	padding: 1em 4em;
	margin:1.2em 0;
	border-radius:5px;
	cursor: pointer;
	background:#0C7396;
	font-weight:300;
}

.sendbtn button:hover{
	background:#EA5D97;
}


input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}


input::placeholder,
textarea::placeholder {
	color: #ccc;
}

/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #ccc;
}

/* IE11 & IE10 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #ccc;
}


@media only screen and (min-width: 769px) { /*pc*/

.t-inquiry{
	margin:50px 0 30px;
	position:relative;
}

.t-inquiry::after{
	content:"";
	z-index:-1;
	width:100%;
	height:1px;
	max-width:1100px;
	border-top:1px solid #D63C13;
	position:relative;
	top:-0.4em;
}

.t-inquiry span{
	background:#fff;
	display:inline-block;
	padding:0 2em;
}

select{
	width:50%;
}

aside {
 margin:50px auto 30px;	
}

}


@media only screen and (min-width: 1100px) { 

form .item{
	width:100%;
	display:flex;
}

form .item label{
	flex:0 0 220px;
	align-self:auto;
 margin:1.5em 1em 1em 0;
	text-align:right;
}

form .item label[for="detail"]{
	align-self:auto;
}

form .item .data{
	flex:0 0 calc(100% - 240px);
}



form dl{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

form dt{
	flex:0 0 220px;
	align-self:auto;
 margin:1em 0;
	text-align:right;
	padding:1em ;
	color:#0C7396;
	font-weight:900;
}


form dd{
	flex:0 0 calc(100% - 240px);
 margin:1em 0;
	border:1px solid #7DCEF4;
	padding:1em 2em;
	background:#fff;
}


}

@media only screen and (max-width: 1099px){ /*tab*/

form{
	margin:60px;
}

form .item label{
	margin:1em 0 0;
	display:block;
	width:100%;
}

	
form .item .data{
	display:block;
	width:100%;
}

form dl{
	width:100%;
}

form dt{
	width:100%;
 margin:1.5em 0 0;
	padding:0em ;
	color:#0C7396;
	font-weight:900;
}


form dd{
	width:100%;
 margin:1em 0;
	border:1px solid #7DCEF4;
	padding:1em 1em;
	background:#fff;
}

}

@media only screen and (max-width: 768px) {
	
	article header.indexh{
	height:450px;
}
	
.inner{
	padding: 0 1em;
}

.t-inquiry{
	margin:30px 0;
 font-size:150%;
}

form{
	margin:30px 0;
}

select{
	width:auto;
}

.req,
.opt{
	margin-right:2em;
}


}



.err{display:none;}

.formErrorContent{
	padding-left:20px;
	color:#C00;
	font-size:80%;
		text-indent:-1.3em;
	}
	
	.formErrorContent::before{
		content:"※ ";
	}