@charset "UTF-8";

.opinionWrap textarea { font-size:16px; }
.opinionWrap input[type="checkbox"] { vertical-align:-4px; }

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

.opinionWrap dl.formWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border-top: 2px solid #03235f; }
.opinionWrap dl.formWrap.bdrNone { border-top:0; }
.opinionWrap dl.formWrap dt { flex:0 0 25%; 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; }
.opinionWrap dl.formWrap dd { flex:0 0 75%; padding:12px 20px; border-bottom: 1px solid #dddee0; }
.opinionWrap dl.formWrap dd input[type="text"] { border:1px solid #dfdfdf; height:30px; line-height:30px; padding:0 10px; }

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

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