/* contact.html page styles */
nav a{color:var(--sub);transition:.3s}nav a:hover{color:var(--gold-t)}nav a.on{color:var(--gold-t)}

.page-hero{text-align:center;padding:100px 0 60px;background-image:linear-gradient(rgba(13,15,20,.6),rgba(13,15,20,.82)),url(../images/hero.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--line)}
.page-hero .eyebrow{font-family:'Fraunces',serif;color:var(--gold-t);font-size:15px;letter-spacing:.24em}
.page-hero h1{font-family:'Fraunces',serif;font-size:clamp(32px,5vw,56px);font-weight:500;margin:14px 0 20px}
.page-hero .lead{color:var(--sub);font-size:15px;line-height:2}

section{padding:50px 0 80px}
.grid{display:grid;grid-template-columns:1.5fr .9fr;gap:24px;align-items:start}

/* form */
.form-panel{border:1px solid var(--line);border-radius:14px;padding:40px;background:var(--panel)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fg{margin-bottom:20px}
.fg label{display:block;margin-bottom:8px;font-size:13.5px;color:var(--text)}
.req{font-size:10.5px;letter-spacing:.08em;color:#fff;background:var(--gold);padding:2px 8px;margin-left:8px;border-radius:4px;vertical-align:middle}
.opt{font-size:10.5px;letter-spacing:.08em;color:var(--sub);border:1px solid var(--line);padding:2px 8px;margin-left:8px;border-radius:4px;vertical-align:middle}
.fg input,.fg select,.fg textarea{width:100%;padding:12px 14px;background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:14px;font-family:'Noto Sans JP',sans-serif;transition:border-color .25s}
.fg input::placeholder,.fg textarea::placeholder{color:#5c6472}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--gold-t)}
.fg select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold-t) 50%),linear-gradient(135deg,var(--gold-t) 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 15px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.fg textarea{min-height:140px;resize:vertical}
.submit{width:100%;margin-top:8px;padding:16px;background:var(--gold);border:1px solid var(--gold);color:#fff;font-size:15px;letter-spacing:.1em;font-family:'Noto Sans JP',sans-serif;border-radius:8px;cursor:pointer;transition:.25s}
.submit:hover{background:transparent;color:var(--gold-t)}
.note{font-size:12px;color:var(--sub);margin-top:16px;line-height:1.8}
.done{display:none;border:1px solid var(--gold);background:rgba(88,28,135,.12);border-radius:10px;padding:20px;color:var(--text);font-size:14px;text-align:center;margin-bottom:24px}
.done.show{display:block}

/* aside */
.aside{border:1px solid var(--line);border-radius:14px;padding:36px;background:var(--panel)}
.aside h3{font-family:'Fraunces',serif;font-size:18px;font-weight:500;margin-bottom:6px}
.aside .sub{color:var(--sub);font-size:13px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.aside .row{padding:14px 0;border-bottom:1px solid var(--line)}
.aside .row:last-child{border-bottom:none}
.aside .k{color:var(--gold-t);font-family:'Fraunces',serif;font-size:13px;letter-spacing:.06em;margin-bottom:5px}
.aside .row p{font-size:14px;color:var(--text)}
.aside .row p.s{color:var(--sub);font-size:12.5px}

.center{text-align:center;margin-top:46px}
.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold-t);padding:15px 44px;font-size:13px;letter-spacing:.16em;transition:.3s}.btn:hover{background:var(--gold);color:var(--bg)}

.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:48px}

@media(max-width:880px){
  nav,.langs{display:none}.burger{display:flex}
  .grid,.fgrid{grid-template-columns:1fr}
  section{padding:40px 0 60px}
}
@media(max-width:520px){.row2{grid-template-columns:1fr}}