/* -------------------------------------------------- */
/* contact - css */
/* -------------------------------------------------- */

/* ベース */
main { background-color:var(--bl-3); }
.contact-content { padding:24px 20px 40px 24px; margin:auto; margin-top:24px; }

/* 見出し */
.contact-content h2 { color:var(--bl); font-size:20px; font-weight:700; text-align:left; line-height:30px; letter-spacing:1px; margin-bottom:24px; }

/* テキスト */
.contact-content p { font-size:18px; font-weight:500; text-align:left; line-height:32px; letter-spacing:0.54px; }

/* QR等 */
.contact-info { align-items:center; flex-direction:column-reverse; gap:32px; justify-content:center; margin-top:32px; max-width:100%; }
.contact-info img { max-width:100%; }
.contact-info .address { align-items:center; gap:16px; flex-direction:column; justify-content:center; }
.contact-info  .gmail { height:auto; max-width:280px; }

@container ( min-width:1000px ) {

/* ベース */
.contact-content { padding:0 20px 80px 20px; margin:auto; margin-top:80px; max-width:1000px; width:100%; }

/* 見出し */
.contact-content h2 { font-size:30px; line-height:38px; letter-spacing:1.4px; }

/* テキスト */
.contact-content p { font-size:24px; line-height:24px; }

/* QR等 */
.contact-info { align-items:center; flex-direction:row; gap:24px; justify-content:flex-start; }
.qr img { max-width:210px; }

}