@charset "utf-8";
::-webkit-input-placeholder {
  color: #bcbd8f;
}
::-moz-placeholder {
  color: #bcbd8f; opacity: 1;
}
:-ms-input-placeholder {
  color: #bcbd8f;
}

.red{color:#e0000b}
form td textarea,form td input,form td select{background:#fff;color:#000;border: 1px solid #CCC;}
form td textarea:focus, form td input:focus, form td select:focus{color:#000}
form td input:focus,form td select:focus{background:/*var(--base2025c,#b5aa90)*/#fbfbcf}

td.ttl{background:#e0f0ff;min-width:6.2em}

.main{width:80%; margin:0 auto;float:none}
table.tbl{width:90%;margin:1em auto;}

table.blue tr th{min-width:200px;width:20%;background:var(--base2025c,#b5aa90)}
table.blue tr th[rowspan]{min-width:4em;width:auto}
table.blue tr td input,table.blue td select{padding:.2em .5em;}
input[type="number"]{width:4em;}
table.blue tr th em{padding:0 .5em .2em;color:#fff;background:#f00;border-radius:.5em}


input[name="address"],input[name="mail"]{width:40vw;}
label{margin-right:1em;display:inline-block;}
ul.flex.fbtn {display: flex;flex-wrap: wrap;justify-content: space-between;}
.fbtn{width:80%;margin:0 auto;}
.fbtn li{width:45%;text-align:center;margin:0 auto}
.fbtn .doui{width:100%;text-align:left;margin:0 auto}
.fbtn li input{padding:.5em 1em;border-radius:.5em;color:#fff;width:10em;cursor:pointer;transit:.4s;font-weight:bold;font-size:1.1em;letter-spacing:.1em}
.fbtn li input[type="submit"]{background:var(--base2025c, #b5aa90);border:1px var(--base2025c,#b5aa90) solid;color:#fff}
.fbtn li input[type="button"]{background:var(--base2025y,#fff100);border:1px var(--base2025y,#fff100) solid;color:#fff}
.fbtn li input[type="reset"]{background:var(--base2025b,#0c090a);border:1px var(--base2025b,#0c090a) solid;color:#fff}
.fbtn li:before{content:none;}
.fbtn li input:hover{background:#fff;transition:.4s}
.fbtn li input[type="submit"]:hover{color:var(--base2025c,#b5aa90)}
.fbtn li input[type="button"]:hover{color:var(--base2025y,#fff100)}
.fbtn li input[type="reset"]:hover{color:var(--base2025b,#0c090a)}

input+span,select+span{display:block;margin:.2em}

table.tbl label.w100{width:100%}
table.tbl label.w50{width:50%}
table.blue tr th.pc{min-width:inherit;width:auto}

.complete{margin:2em auto;padding:1em 2em;border: 2px var(--base2025c,#b5aa90) solid;width:90%}
.complete h5{background:var(--base2025c,#b5aa90);padding:1em;font-weight:bold;font-size:1.2em;text-align:center}
.complete h5 p{margin:1em auto 0}
.complete+dl.inq{width:80%;margin:1em auto;display:flex;flex-wrap:wrap;gap:.5em 1em;border: 2px var(--base2025c,#b5aa90) solid;padding: 0.75em 1em;border-radius: 0.5em;}
.complete+dl.inq dt{width:9em;display:flex;align-items:center;justify-content: center;background:var(--base2025c,#b5aa90);border-radius:.5em;text-align:center;font-weight:bold}
.complete+dl.inq dd{width:calc(100% - 10em);}

#volun form select{width:auto;}
#volun form label select{margin-right:.5em}
#volun form .tbl td p{text-indent:-1em}
#volun form label.pl2{margin-left:-.5em}

@media screen and (max-width: 640px) {
.main{width:95%;}
.main .cont{padding:0}
table.tbl{width:100%;}
table.blue th{min-width:100%;width:100%;}

table.tbl th,table.tbl td{display:block;}
table.tbl th,table.blue tr th[rowspan]{min-width:none;width:100% !important}
table.tbl td{padding:.5em .2em;}
table.tbl th br{display:none;}
#volun form label.pl2{padding-left:0;margin-left:0;margin:.5em 0}

input[type="number"]{width:auto;}
input[name="address"],input[name="mail"]{width:100%;}

label{display:block;}
label+label{margin:.5em 0}
input[type="checkbox"]{margin:.5em .5em 0}

input[name="birth_y"]+span{padding-left:1.5em;}
.fbtn{width:95%;}

.tbl td.pc{display:none;}

table.tbl label.w50{width:100%}
table.blue tr th.pc{display:none !important}
table.blue tr th.pc+td span.smp{display:block;color:#fff;font-weight:bold;margin:0 auto .5em;background:#666;text-align:center}
    
.complete{margin:1em auto;padding:.5em 1em;width:100%}
    .complete h5{padding:.5em;font-size:1em;}
.complete h5+p{margin:.5em auto 0;}
.complete+dl.inq{width:100%;margin:1em auto;}
.complete+dl.inq dt,.complete+dl.inq dd{width:100%}
}