/* Shared page headings and inquiry usability. Loaded after the legacy styles. */
#contentInfoCon .jangan-page-heading {
    margin:0 0 20px; padding-top:40px; color:#222;
    font-size:44px; font-weight:800; line-height:1.35; letter-spacing:-.03em;
    overflow-wrap:anywhere;
}
#contentInfoCon .content-tit {padding-top:0; font-size:24px; line-height:1.55; font-weight:500;}
#contentInfoCon .content-tit:after {display:none;}
#contentInfoCon .spin-circle-txt:before {display:none;}
/* Main form inputs remain visible, including when the old click handler hides them. */
#mainContactCon .cm-input {display:block !important; z-index:1;}
#mainContactCon .cm-input-con {height:48px; margin-top:10px;}
#mainContactCon .cm-input-trigger,
#mainContactCon .cm-input-con.open .cm-input-trigger,
#mainContactCon .cm-input-con.selected .cm-input-trigger {
    top:-22px; height:auto; width:100%; font-size:14px; line-height:20px;
    color:#fff; text-align:left; cursor:text;
}
#mainContactCon .cm-input input {font-size:16px; box-sizing:border-box;}
#mainContactCon .cm-input input::placeholder {color:#ddd; opacity:1;}
#mainContactCon .cm-input input:focus-visible {outline:2px solid #ff9b55; outline-offset:2px;}
.inquiry-page input:focus-visible,
.inquiry-page select:focus-visible,
.inquiry-page textarea:focus-visible,
.inquiry-page button:focus-visible,
#mainContactCon button:focus-visible {outline:2px solid #db6500; outline-offset:3px;}
/* Keep custom radio/checkbox controls in the keyboard focus order. */
.inquiry-page .custom-radio-item,
.inquiry-page .agree-txt,
#mainContactCon .agree-txt {position:relative;}
.inquiry-page .custom-radio-item input[type=radio],
.inquiry-page .agree-txt input[type=checkbox],
#mainContactCon .agree-txt input[type=checkbox] {
    display:block; position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0;
}
.inquiry-page .custom-radio-item input:focus-visible + label,
.inquiry-page .agree-txt input:focus-visible + label,
#mainContactCon .agree-txt input:focus-visible + label {outline:2px solid #db6500; outline-offset:3px;}
@media (max-width:800px) {
    #contentInfoCon .jangan-page-heading {font-size:28px; padding-top:20px; margin-bottom:16px; line-height:1.4;}
    #contentInfoCon .content-tit {font-size:17px; line-height:1.65; word-break:normal; overflow-wrap:anywhere;}
    .inquiry-page .write-input,
    .inquiry-page .write-select {min-height:48px; font-size:16px; box-sizing:border-box;}
    .inquiry-page .write-textarea {min-height:160px; font-size:16px; line-height:1.6; box-sizing:border-box;}
    .inquiry-page input[type=file] {width:100%; max-width:100%; font-size:16px;}
    .inquiry-page .custom-radio-item-box {display:flex; flex-wrap:wrap; gap:0 12px; margin:0;}
    .inquiry-page .custom-radio-item {margin:0;}
    .inquiry-page .custom-radio-item label {display:flex; align-items:center; min-height:44px; font-size:15px; line-height:1.5;}
    .inquiry-page .custom-radio-item label:before {top:50%; transform:translateY(-50%);}
    .inquiry-page .agree-txt label,
    #mainContactCon .agree-txt label {display:block; min-height:44px; box-sizing:border-box; padding-top:10px; padding-bottom:10px; font-size:15px; line-height:1.6;}
    .inquiry-page .agree-txt label i {top:13px;}
    #mainContactCon .agree-txt label:before {top:12px;}
    .inquiry-page .round-btn-stl {min-height:48px; font-size:16px;}
    #mainContactCon .main-inquiry-item {margin-top:24px; margin-bottom:16px;}
    #mainContactCon .cm-input-con {height:48px;}
    #mainContactCon .cm-input input {font-size:16px;}
    #mainContactCon .cm-select-trigger {height:48px; font-size:16px;}
    #mainContactCon .cm-select-option-item {min-height:48px; height:auto; padding-top:12px; padding-bottom:12px; box-sizing:border-box; font-size:16px; white-space:normal;}
    #mainContactCon .main-inquiry-summit-btn {min-height:48px; font-size:16px;}
}

/* Keep the inquiry introduction legible over the photo. */
#mainContactCon .main-tit-box .main-sub-tit {color:#f2f2f2; text-shadow:0 1px 2px rgba(0,0,0,.45);}