/* CSS Document */

/*
form dl dt.required {}
form dl dt.required:after { content: '必須'; color: #fff; background-color: #c1272d; font-size: 12px; font-weight: normal; padding: 4px 8px; vertical-align: middle; margin-left: 8px;}*/


/*------------------------------------------------------



------------------------------------------------------*/
.title-a { background: linear-gradient(90deg, #0FA45B 0%, #6BBB63 50%, #0FA45B 100%); }
main .text { letter-spacing: 0.05em;}
main .text a {}
main .title-c { background-color: #F1F6E5; line-height: 1.4; color: #0FA45B; font-size: 2.4rem; height: 76px; line-height: 76px; font-weight: bold; }

@media (min-width: 768px) {
	.title-a { height: 140px; line-height: 140px;}
	main .text { font-size: 1.8rem; line-height: 1.6;}
	main .text a {}

	main .title-c { margin-top: 90px;}
}

@media (max-width: 767px) {
	main .text { font-size: 1.6rem;}
	main .text a {}

	main .title-c { margin-top: 50px;}
}


/*------------------------------------------------------



------------------------------------------------------*/
form input[type="text"] { border: 1px solid #0FA45B; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 1.6rem; line-height: 38px; height: 40px; padding: 0 5px;}
/*form select { border: 1px solid #0FA45B; font-size: 1.6rem; line-height: 38px;  padding: 0 5px; background-color: #fff; height: 40px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: url(images/selectArrow.jpg) no-repeat right top; background-size: 40px auto; }*/
form select { border: none; font-size: 1.6rem; line-height: 38px;  padding: 0 5px; background-color: #fff; height: 40px; background: url(images/selectArrow.png) no-repeat right+40px top; background-size: 40px auto; }
form .select { max-width: 200px; overflow: hidden; }
.select > div { padding: 0; margin: 16px 0; border: 1px solid #0FA45B; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 0; overflow: hidden;}
.select .w200 { width: calc( 100% + 40px ); max-width: none; }
textarea { width: 100%; height: 120px;}
form label { font-size: 1.6rem; margin-right: 20px; white-space: nowrap;}
form label input { margin: 0;}

form dl .l_col-form { border-bottom: dotted 1px #ccc; padding-bottom: 16px; margin-bottom: 16px; }
form dl .l_col-form dt { color: #42210b; font-size: 2.4rem; font-weight: bold;}
form dl .l_col-form dt.required {}
form dl .l_col-form dt.required::after { content: '必須'; color: #fff; background-color: #c1272d; font-size: 12px; font-weight: normal; padding: 4px 8px; vertical-align: middle; margin-left: 8px; }

form #address .address dt { font-size: 2rem;}
form p { font-size: 1.6rem;}
form dl .last { border-bottom: none;}

form .btnWrap { background-color: #F1F6E5; padding: 16px 0 26px; text-align: center;}

.flex-start { justify-content: flex-start;}
.err { color: #c00; font-size: 1.4rem; position: relative; top: 5px; }

.w200 { width: 100%; }
.w280 { width: 100%; }
.w380 { width: 100%; }
.w480 { width: 100%; }

@media (min-width: 768px) {
	main .container { max-width: 800px;}

	form dl .l_col-form dt { width: 160px;}
	form dl .l_col-form dd { width: calc(100% - 160px);}

	form dl .last dt { width: 280px;}
	form dl .last dd { width: calc(100% - 280px); }

	.w200 { max-width: 200px; }
	.w280 { max-width: 280px; }
	.w380 { max-width: 380px; }
	.w480 { max-width: 480px; }

}

@media (max-width: 767px) {
	form dl .l_col-form dt { width: 100%; margin-bottom: 0;}
	form dl .l_col-form dd { width: 100%; margin-bottom: 0;}

	form dl .last dt { width: 100%; margin-bottom: 0;}
	form dl .last dd { width: 100%; margin-bottom: 0; }

	form #address .address { padding-left: 2em;}
}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {
	#formConf form dl dd { font-size: 1.8rem;}
}

@media (max-width: 767px) {
	#formConf form dl dd { font-size: 1.6rem;}
}


#additional-check { display: none;}
#additional-check > .adjust > div:not(:first-of-type) { padding-left: 1.5em;}
#additional-check p { font-weight: bold;}