@charset "UTF-8";

.agreeWrap { display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; }
.agreeWrap > li { margin:0 20px; }

.counselWrap textarea { font-size:16px; }
.counselWrap dl.formWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border-top: 2px solid #03235f; }
.counselWrap dl.formWrap.bdrNone { border-top:0; }
.counselWrap dl.formWrap dt { flex:0 0 15%; padding:12px 20px; font-family:'Noto Bold'; background-color:#fbfbfb; color:#000; border-right:1px solid #dddee0; border-bottom:1px solid #ccd0d7; text-align:center; }
.counselWrap dl.formWrap dd { flex:0 0 35%; padding:12px 20px; border-bottom: 1px solid #dddee0; }
.counselWrap dl.formWrap dd input[type="text"] { border:1px solid #dfdfdf; height:30px; line-height:30px; padding:0 10px; }

.counselWrap dl.formWrap dt.w100 { flex:0 0 15%; }
.counselWrap dl.formWrap dd.w100 { flex:0 0 85%; }

.counselWrap dl.formWrap.div2 dt { flex:0 0 15%; }
.counselWrap dl.formWrap.div2 dd { flex:0 0 85%; }

.counselWrap dl.formWrap dd input[type="text"].long { width:100%; }
.counselWrap dl.formWrap dd input[type="text"].middle { width:50%; }
.counselWrap dl.formWrap dd input[type="text"].short { width:25%; }

.counselWrap .submitBtn { color:#fff; border-radius:30px; font-family:'Noto Regular'; border:2px solid transparent; padding:7px 30px; font-size:14px; background:#0075d2; }
.counselWrap .submitBtn:hover { background:#fff; font-family:'Noto Medium'; border-color:#0075d2; color:#0075d2; background:#fff; }

.counselWrap .formUl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.counselWrap .formUl > li { margin-left:5px; margin-bottom:10px; }
.counselWrap .formUl > li input[type="checkbox"] { vertical-align:-4px; }

@media only screen and (max-width:768px){
	.counselWrap dl.formWrap dt { flex:0 0 25%; }
	.counselWrap dl.formWrap dd { flex:0 0 75%; }
	.counselWrap dl.formWrap dt.w100 { flex:0 0 25%; }
	.counselWrap dl.formWrap dd.w100 { flex:0 0 75%; }
	.counselWrap dl.formWrap.div2 dt { flex:0 0 25%; }
	.counselWrap dl.formWrap.div2 dd { flex:0 0 75%; }
}

@media only screen and (max-width:500px){
	.counselWrap dl.formWrap dt { flex:0 0 100%; }
	.counselWrap dl.formWrap dd { flex:0 0 100%; padding:12px 0; }
	.counselWrap dl.formWrap dt.w100 { flex:0 0 100%; }
	.counselWrap dl.formWrap dd.w100 { flex:0 0 100%; }
	.counselWrap dl.formWrap.div2 dt { flex:0 0 100%; }
	.counselWrap dl.formWrap.div2 dd { flex:0 0 100%; }
	.counselWrap dl.formWrap dd input[type="text"].long { width:100%; }
	.counselWrap dl.formWrap dd input[type="text"].middle { width:100%; }
	.counselWrap dl.formWrap dd input[type="text"].short { width:100%; }
}