:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,YuGothic,Yu Gothic,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-serif;line-height:160%}.layout{z-index:0;width:100%;min-height:100dvh;background-color:#f1f1f1;grid-template:"header""main"1fr"footer"/1fr;grid-auto-flow:row;place-content:center;place-items:stretch stretch;gap:0;display:grid;position:relative}.layout .header{grid-area:header}.layout .main{grid-area:main}.layout .footer{grid-area:footer}.header{isolation:isolate;background-color:#b81c22;flex-direction:column;align-items:flex-start;padding:12px 16px 0;display:flex;position:relative}.header .headerLogo{cursor:pointer;width:120px;flex:none;display:block;position:relative}.header .headerLogo .headerLogoImage{width:100%;height:auto;aspect-ratio:120/16;flex:auto;display:block}.header .divider{width:100%;height:1px;opacity:.4;background-color:#fff;margin-top:12px}.header .headerTitle{width:100%;color:#fff;text-align:center;padding:10px;font-size:16px;font-weight:700;line-height:125%;display:block}.main{width:100%;flex-direction:column;flex:1 0 auto;align-items:center;display:flex;overflow:hidden}.main .mainTitle{width:100%;color:#111;text-align:center;white-space:pre-wrap;background-color:#fff;border-bottom:1px solid #ddd;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:18px;font-weight:700;line-height:125%;display:flex}.main .mainTitle:before,.main .mainTitle:after{width:12px;height:3px;content:"";background-color:#b81c22;flex:none;display:block}.panel{width:100%;white-space:pre-wrap;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:16px;margin-top:24px;padding:24px 16px;font-size:14px;display:flex;overflow:hidden}.panel .panelItem{z-index:0;width:100%;flex-direction:column;align-items:flex-start;gap:16px;padding:0;display:flex}.panel .panelItem .panelItemContent{width:100%;white-space:pre-wrap;width:100%;flex-direction:column;flex:100%;align-items:stretch;gap:16px;padding:0;display:flex}.errorMessage{color:#db0606;background-color:#ffdbdb;border:1px solid #db0606;padding:12px 16px;font-size:14px;font-weight:700;line-height:160%}.footer { width: 100%; background-color: #fff; border-top: 1px solid #ddd; flex-direction: column; align-items: stretch; margin-top: 24px; padding: 0; font-size: 12px; line-height: 160%; display: flex; } .footer .footerInner { width: 100%; grid-template: "apply-inquiry policy" auto "inquiry inquiry" auto "office-hours office-hours" auto / 1fr auto; grid-auto-flow: row; place-items: center stretch; gap: 0; padding: 16px; display: grid; } .footer .footerInner .footerApplyInquiry { grid-area: apply-inquiry; margin-bottom: 16px; } .footer .footerInner .footerInquiry { grid-area: inquiry; } .footer .footerInner .footerInquiry .inquiryContacts { display: grid; grid-auto-flow: row; gap: 16px; align-items: center; justify-items: stretch; width: 100%; } .footer .footerInner .officeHours { grid-area: office-hours; padding-left: 1em; padding-top: 16px; } .footer .footerInner .footerTitle { font-weight: 700; } .footer .footerInner .footerInquiryName { padding-left: 1em; word-wrap: break-word; } .footer .footerInner .footerInquiryDesktop { display: none; } .footer .footerInner .contactAddress { display: flex; flex-flow: row wrap; gap: 2px; align-items: baseline; justify-content: flex-start; padding-left: 1em; } .footer .footerInner .contactAddress .phoneNumber { color: #111; cursor: pointer; flex: none; order: 0; font-size: 12px; font-weight: 400; text-decoration: underline; } .footer .footerInner .contactAddress .phoneNumberDesktop { display: none; } .footer .footerInner .contactAddress .eMail { color: #111; cursor: pointer; flex: none; order: 0; font-size: 12px; font-weight: 400; text-decoration: underline; } .footer .footerInner .inquiryMemo { padding-left: 1em; } .footer .copyright { border-top: 1px solid #ddd; flex-direction: column; align-items: center; gap: 12px; padding: 16px; display: flex; } .footer .copyright .copyrightLogo { width: 140px; height: auto; aspect-ratio: 140/17; display: block; } .footer .copyright small { color: #999; font-size: 10px; } @media screen and (min-width: 769px) { .header { height: 60px; flex-direction: row; justify-content: center; align-items: center; padding: 0 16px; } .header .headerLogo { width: 160px; } .header .divider { display: none; } .header .headerTitle { padding: unset; padding-right: 160px; font-size: 18px; } .panel { max-width: 600px; border: none; gap: 24px; margin-top: 32px; padding: 40px 32px; } .footer { margin-top: 32px; } .footer .footerInner .footerInquiryPhone { display: none; } .footer .footerInner .footerInquiryDesktop { display: unset; } .footer .footerInner .contactAddress .phoneNumber { display: none; } .footer .footerInner .contactAddress .phoneNumberDesktop { display: unset; } }