@charset "utf-8";

/* ===========================================================================
    contact
=========================================================================== */
#container .main .inner { padding:0; }

.tbl01 { border-left:none; border-right:none; }
.tbl01 th { font-weight:normal; }
.tbl01 th span { background:#e59b31; color:#fff; font-size:10px; float:right; line-height:1.6; padding:2px 10px; }
.tbl01 td input[type="radio"] { width:auto; margin-right:10px; }
.tbl01 td input, .tbl01 td textarea { box-sizing:border-box; width:100%; }
.btn-form { text-align:center; margin:25px 0 0; }
.btn-form #btn-check { background:#396fb9; border:none; box-sizing:border-box; cursor:pointer; color:#fff; font-weight:bold; height:68px; vertical-align:top; position:relative; padding:0; }
.btn-form #btn-check::before { border-top:2px solid #fff; border-right:2px solid #fff; content:""; display:block; width:6px; height:6px; position:absolute; top:50%; left:15px; transform:rotate(45deg); margin-top:-3px; }
.btn-form #btn-back { background:#e3e3e3; border:none; box-sizing:border-box; color:#666; display:inline-block; font-weight:bold; text-decoration:none; line-height:68px; height:68px; position:relative; margin:0 20px; padding:0; }
.btn-form #btn-back::before { border-top:2px solid #666; border-right:2px solid #666; content:""; display:block; width:6px; height:6px; position:absolute; top:50%; left:20px; transform:rotate(225deg); margin-top:-3px; }
.btn-form #btn-send { background:#396fb9; border:none; box-sizing:border-box; cursor:pointer; color:#fff; font-weight:bold; height:68px; vertical-align:top; position:relative; margin:0 20px; padding:0; }
.btn-form #btn-send::before { border-top:2px solid #fff; border-right:2px solid #fff; content:""; display:block; width:6px; height:6px; position:absolute; top:50%; left:15px; transform:rotate(45deg); margin-top:-3px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}

@media print, only screen and (max-width:639px){
.tbl01 th, .tbl01 td { display:block; }
.tbl01 tr:first-child th { border-top:none; }
.tbl01 td { border-top:none; }
.tbl01 tr:nth-child(6) td label { display:block; margin-top:-1.5em; }
.tbl01 tr:nth-child(6) td label:first-child { margin-top:0; }
.btn-form #btn-check,
.btn-form #btn-back,
.btn-form #btn-send { display:block; font-size:16px; width:100%; height:40px; }
.btn-form #btn-back { line-height:40px; margin:0; }
.btn-form #btn-send { margin:20px 0 0; }
}

@media screen and (min-width: 640px) {
#container .main .inner { max-width:820px; margin:0 auto; padding:0 20px; }

.main .tbl01 { margin-top:55px; }
.tbl01 th { width:191px; }
.tbl01 th span { font-size:0.86em; margin-right:-9px; }
.tbl01 td { padding:10px 13px; }
.tbl01 tr:nth-child(6) td label { margin-left:20px; }
.tbl01 tr:nth-child(6) td label:first-child { margin-left:8px; }
.btn-form { margin:45px 0 0; }
.btn-form #btn-check,
.btn-form #btn-back,
.btn-form #btn-send { font-size:1.29em; width:307px; }
.btn-form #btn-check::before,
.btn-form #btn-back::before,
.btn-form #btn-send::before { width:8px; height:8px; left:26px; margin-top:-4px; }
}


@media only screen and (min-width: 639px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 639px) and (min-device-pixel-ratio: 2) {
}
