@charset "utf-8";
/* ==================================================================
CSS information
style info : CONTACT
================================================================== */


/* --------------------------------------------------------
OVERWRITE
-------------------------------------------------------- */
html,body{ width: 100vw;}
@media screen and (min-width: 641px) {
	body { overflow: visible; }
}
/* --------------------------------------------------------
.contactBlk
-------------------------------------------------------- */
.contactBlk { width: 100%; padding-bottom: 2em;}

.contactBlk .leadtext { font-size: 1.4rem; line-height: 1.81; margin-bottom: calc(30/580*100%); }
 
.contactBlk .inputList { margin-bottom: calc(60/580*100%);}
.contactBlk .listDl { margin-bottom: calc(30/580*100%);}
.contactBlk .listDl:last-child { margin-bottom: 0;}
.contactBlk .listDl dt { font-size: 1.4rem; margin-bottom: 0.5em;}
.contactBlk .listDl dd { font-size: 1.3rem; }
.contactBlk .listDl dd input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }
.contactBlk .listDl dd input { width: 100%; padding: 0.3em; border: 1px solid #d4d4d4; border-radius: 0; box-shadow: none; font-size: 1.6rem; }

.contactBlk .listDl dt .req { display: inline-block; margin-right: 0.5em; background: #e30740; color: #fff; padding: 0.3em 1em; border-radius: 4px;}
.contactBlk .listDl dd textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }
.contactBlk .listDl dd textarea { width: 100%; height: 10em; border-radius: 0; border: 1px solid #d4d4d4; }


.contactBlk .ppBlock { width: 100%; }
.contactBlk .ppBlock .ppBlk__hl { font-size: 1.5rem; margin-bottom: 1rem;}
.contactBlk .ppBlock .ppBlk__scBlk { width: 100%; height: 20rem; overflow-y: auto; border: 1px solid #d4d4d4; font-size: 1.3rem; margin-bottom: 2rem; }
.contactBlk .ppBlock .ppBlk__scBlk .ppBlk__indent { margin: 1rem; margin-bottom: 2rem;}
.contactBlk .ppBlock .ppBlk__scBlk .ppBlk__indent li { text-indent: -1em; padding-left: 1em; line-height: 1.41; margin-bottom: 0.5rem;}
.contactBlk .ppBlock .ppBlk__scBlk .ppBlk__text { margin: 1rem;}


.contactBlk .fm__check { margin: 2em 0; }
.contactBlk .fm__check label { display: inline-block; }
.contactBlk .fm__check input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; }
.contactBlk .fm__check span { display: inline-block; padding-left: 2.2rem; cursor: pointer; height: 1.4rem; line-height: 1.41; position: relative; font-size: 1.4rem; }
.contactBlk .fm__check span:before, 
.contactBlk .fm__check span:after { content: ""; display: block; position: absolute; top: 0; left: 0; box-sizing: border-box; }
.contactBlk .fm__check span:before { width: 1.4rem; height: 1.4rem; border: 1px solid #d4d4d4; }
.contactBlk .fm__check span:after { border: solid 3px #e30740; border-top: 0; border-left: 0; width: 1.0rem; height: 1.4rem; top: -0.5rem; left: 0.2rem; 
	transform: rotate(45deg); transition: 0.2s ease-in-out; opacity: 0; }
.contactBlk .fm__check input[type="checkbox"]:checked + span:after { opacity: 1; }


.contactBlk .fm__btn { margin: 0 auto; }
.contactBlk .fm__btn input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; }
.contactBlk .fm__btn input[type="submit"] { display: block; width: 80%; height: auto; border: 1px solid #d4d4d4; padding: 1em 1em; border-radius: 0; background: #fff; margin: 0 auto 2em; cursor: pointer; font-size: 1.6rem;}


#check.contactBlk .listDl dd span { display: block; width: 100%; padding: 0.6em 1em; font-size: 1.6rem; background: #eee;}
#check.contactBlk .listDl dd span { display: block; width: 100%; padding: 0.6em 1em; font-size: 1.6rem; line-height: 1.61; background: #eee; }

#check.contactBlk .fm__btn { margin-top: 5rem; }

#fin.contactBlk .fm__btn a { display: block; width: 80%; height: auto; border: 1px solid #d4d4d4; padding: 1em 1em; background: #fff; margin: 0 auto 2em; text-decoration: none; text-align: center; 
	font-size: 1.6rem; color: #000;}

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

	.contactBlk { display: block; position: relative; max-width: 1160px; padding-bottom: 20px;}

	.contactBlk .leadtext { font-size: 1.5rem; line-height: 1.81; margin-bottom: 4rem; }

	.contactBlk .inputList { margin-bottom: calc(40/1160*100%);}
	.contactBlk .listDl { margin-bottom: calc(30/1160*100%); 
		display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
	.contactBlk .listDl:last-child { margin-bottom: 0;}
	
	.contactBlk .listDl dt { max-width: 340px; width: calc(340/1160*100vw); font-size: 1.4rem; margin-bottom: 0.5em;}
	.contactBlk .listDl dd { max-width: 800px; width: calc(800/1160*100vw); font-size: 1.3rem; }
	.contactBlk .listDl dd input { width: 100%; padding: 0.3em; border: 1px solid #d4d4d4; border-radius: 0; box-shadow: none; font-size: 1.6rem; }

	.contactBlk .listDl dt .req { margin-right: 0.5em; padding: 0.3em 1em; }
	.contactBlk .listDl dd textarea { width: 100%; height: 10em; border: 1px solid #d4d4d4; }

	.contactBlk .ppBlock { width: calc(740/1160*100%); width: 100%; }
	.contactBlk .ppBlock .ppBlk__text { font-size: 1.5rem; margin-bottom: 1rem;}
	.contactBlk .ppBlock .ppBlk__scBlk { width: 100%; height: 20vh; font-size: 1.3rem; margin-bottom: 2rem; }
	.contactBlk .ppBlock .ppBlk__scBlk .ppBlk__indent { margin: 1rem; margin-bottom: 2rem;}
	.contactBlk .ppBlock .ppBlk__scBlk .ppBlk__indent li { width: 100%; line-height: 1.41; margin-bottom: 0.5rem; white-space: normal; }
	.contactBlk .ppBlock .ppBlk__scBlk .ppBlk__text { margin: 1rem;}
	
	.contactBlk .fm__check { margin-left: 1em; }

	.contactBlk .fm__btn input[type="submit"] { width: 50%; font-size: 1.6rem;}

}
@media screen and (min-width: 1401px) {
}