@charset "UTF-8";

.donationWrap textarea { font-size:16px; }

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

.dUlWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.dUlWrap > li { margin-right:20px; }

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

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

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

.donationWrap #divPay { display:block; }
.donationWrap #divCMS { display:none; }
.donationWrap #divOBJ { display:none; }
.donationWrap #divSAL { display:none; }


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