.contact-refresh #contents .contact_page {width:100%;box-sizing:border-box;}
.contact-refresh #contents .contact_page .corner_box {padding:24px;border:1px solid #dce6ef;border-radius:14px;background:#f5f8fb;margin:20px 0 32px;box-sizing:border-box;}
.contact-refresh #contents .contact_page .corner_box h4 {display:flex;align-items:flex-start;gap:12px;font-size:20px;line-height:1.7;color:#123b65;padding:0;margin:0 0 16px;height:auto;background:none;border:0;}
.contact-refresh #contents .contact_page .corner_box h4 i {color:#bd7417;padding-top:6px;}
.contact-refresh #contents .contact_page .corner_box p {padding:0;margin:0;font-size:16px;line-height:2;color:#243c50;}
.contact-refresh #contents .contact_page .corner_box .red {display:inline-block;background:#fff1dd;color:#905218;border-radius:10px;padding:8px 16px;margin:16px 0;font-size:23px;font-weight:700;}
.contact-refresh #contents .contact_page .corner_box .red i {margin-right:10px;}
.contact-refresh #contents .contact_page form {margin:24px 0;}
.contact-refresh #contents .contact_page table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #dce6ef;border-radius:12px;overflow:hidden;}
.contact-refresh #contents .contact_page th,.contact-refresh #contents .contact_page td {padding:20px;border:0;border-bottom:1px solid #dce6ef;vertical-align:top;height:auto;font-size:16px;line-height:1.8;box-sizing:border-box;}
.contact-refresh #contents .contact_page th {width:220px;text-align:left;background:#edf3f8;color:#123b65;font-weight:700;}
.contact-refresh #contents .contact_page th span {display:inline-block;margin:6px 0 0 8px;padding:1px 7px;border-radius:5px;color:#a13624;background:#ffece6;font-size:12px;white-space:nowrap;}
.contact-refresh #contents .contact_page td {background:#fff;}
.contact-refresh #contents .contact_page input[type=text],.contact-refresh #contents .contact_page textarea {display:block;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #9db1c4;border-radius:8px;padding:12px 14px;background:#fff;color:#203448;font:16px/1.6 sans-serif;min-height:48px;box-shadow:inset 0 1px 2px #102a4310;}
.contact-refresh #contents .contact_page textarea {min-height:190px;resize:vertical;}
.contact-refresh #contents .contact_page input:focus-visible,.contact-refresh #contents .contact_page textarea:focus-visible {outline:3px solid #71afd8;outline-offset:2px;border-color:#17628b;}
.contact-refresh #contents .contact_page input[type=checkbox] {width:20px;height:20px;vertical-align:middle;margin:0 10px 0 0;accent-color:#174c7c;}
.contact-refresh #contents .contact_page td>label {display:inline-block;padding:10px 0;cursor:pointer;}
.contact-refresh #contents .contact_page .btn-area {text-align:center;border-bottom:0;padding:26px 20px;background:#f7fafc;}
.contact-refresh #contents .contact_page input[type=submit],.contact-refresh #contents .contact_page input[type=reset] {height:auto;min-height:52px;width:auto;min-width:130px;border-radius:9px;padding:12px 28px;font-size:17px;font-weight:700;cursor:pointer;margin:5px;border:1px solid #9db1c4;}
.contact-refresh #contents .contact_page input[type=submit] {background:#123b65;color:#fff;min-width:190px;border-color:#123b65;}
.contact-refresh #contents .contact_page input[type=reset] {background:#fff;color:#465b6b;}
@media(max-width:768px){
 .contact-refresh #contents {width:100%;float:none;box-sizing:border-box;padding:0;}
 .contact-refresh #header .h_inner {width:100%;box-sizing:border-box;height:auto;}
 .contact-refresh #header .h_inner>ul {position:static;width:auto;max-width:100%;}
 .contact-refresh #header .h_inner>ul img {max-width:90%;height:auto;}
 .contact-refresh #header .gnavi {position:static;width:100%;height:auto;}
 .contact-refresh #header .gnavi>ul {display:flex;flex-wrap:wrap;width:100%;height:auto;}
 .contact-refresh #header .gnavi>ul>li {width:33.333%;height:auto;margin:0;box-sizing:border-box;}
 .contact-refresh #header .gnavi a {font-size:12px;padding:10px 4px;white-space:normal;}
 .contact-refresh #header .header_navi,.contact-refresh #header dl {position:static;max-width:100%;}
 .contact-refresh #side {width:92%;float:none;margin:30px auto;}
 .contact-refresh #maker,.contact-refresh #maker>h3,.contact-refresh .maker_inner,.contact-refresh .footer_navi,.contact-refresh .footer_navi_inner,.contact-refresh #footer,.contact-refresh .copyright {width:100%;box-sizing:border-box;}
 .contact-refresh #maker h3 {padding:20px 16px;font-size:14px;}
 .contact-refresh .maker_inner>ul {display:flex;flex-wrap:wrap;width:100%;}
 .contact-refresh #contents .h2_01 {height:auto;line-height:1.6;font-size:18px;padding:14px 16px;}
 .contact-refresh #contents .contact {width:92%;box-sizing:border-box;margin:20px auto;}
 .contact-refresh #contents .contact .btn_01 {width:100%;}
 .contact-refresh #contents .contact img {max-width:100%;height:auto;}
 .contact-refresh #contents .contact_page {width:92%;margin:0 auto;}
 .contact-refresh #contents .contact_page .corner_box {padding:18px;}
 .contact-refresh #contents .contact_page .corner_box h4 {font-size:18px;}
 .contact-refresh #contents .contact_page .corner_box .red {font-size:18px;padding:8px 10px;}
 .contact-refresh #contents .contact_page table,.contact-refresh #contents .contact_page tbody,.contact-refresh #contents .contact_page tr,.contact-refresh #contents .contact_page th,.contact-refresh #contents .contact_page td {display:block;width:100%;}
 .contact-refresh #contents .contact_page th {padding:12px 16px;border-bottom:0;}
 .contact-refresh #contents .contact_page td {padding:16px;}
 .contact-refresh #contents .contact_page th span {margin-top:0;}
 .contact-refresh #contents .contact_page input[type=submit],.contact-refresh #contents .contact_page input[type=reset] {width:100%;margin:6px 0;}
}
@media(max-width:768px){.contact-refresh h1 p{width:100%;height:auto;box-sizing:border-box;padding:6px 12px;line-height:1.6}.contact-refresh #header .h_inner>.contact_navi{position:static;align-items:center;padding:12px 0}.contact-refresh #header .h_inner>.gnavi{margin-top:10px}.contact-refresh #header .gnavi>ul>li{flex:0 0 33.333%}.contact-refresh #header .gnavi>ul>li>a{height:auto;min-height:44px;box-sizing:border-box}}
@media(max-width:768px){.contact-refresh #contents .contact .btn_01{margin:0;padding:0;float:none}.contact-refresh #contents .contact{padding:16px}}
.contact-refresh #contents>.contact{height:auto;min-height:0;background:none;padding:20px;box-sizing:border-box}.contact-refresh #contents>.contact .btn_01{position:static;left:auto;top:auto;margin:0 auto;max-width:100%;width:340px}.contact-refresh #contents>.contact .btn_01 img{max-width:100%;height:auto}
