@charset "utf-8";

/*
 * File    : sub-contact.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * CONTACT US
 */


 
/* **************************************** *
 * CONTACT US
 * **************************************** */
#jt-popup-privacy .jt-popup__container { display: flex; max-width: 1200rem; }
#jt-popup-privacy .jt-popup__container-inner { display: flex; flex-direction: column; width: 100%; padding-right: 48rem; }

.contact-privacy__desc { margin-top: 8rem; color: var(--color-gray-800); }
.contact-privacy__content { flex: 1; margin-top: 40rem; padding-right: 12rem; overflow: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: none; }
html.win .contact-privacy__content { overflow: overlay; }
html.win .contact-privacy__content::-webkit-scrollbar { width: 8rem; background: transparent; }
html.win .contact-privacy__content::-webkit-scrollbar-track { background: var(--color-gray-300); border-radius: 99rem; }
html.win .contact-privacy__content::-webkit-scrollbar-thumb { background: var(--color-gray-700); border-radius: 99rem; }
html.ff .contact-privacy__content { scrollbar-width: thin; }
.contact-privacy__content :is(h3, h4) { margin-bottom: 16rem; }
.contact-privacy__content p { margin-top: 8rem; color: var(--color-gray-700); }
.contact-privacy__content table { width: 100%; border-collapse: collapse; border-bottom: 1px solid var(--color-gray-400); }
.contact-privacy__content table :is(th, td) { padding: 24rem 12rem; color: var(--color-gray-800); vertical-align: middle; }
.contact-privacy__content table th { background: var(--color-gray-100); text-align: center; font-size: var(--font-size-primary-07); line-height: var(--font-lineheight-primary-07); font-weight: 700; letter-spacing: var(--letter-spacing); border-top: 1px solid var(--color-gray-800); }
.contact-privacy__content table th:not(:first-child) { border-left: 1px solid var(--color-gray-400); }
.contact-privacy__content table td { text-align: center; font-size: var(--font-size-primary-08); line-height: var(--font-lineheight-primary-08); font-weight: 500; letter-spacing: var(--letter-spacing); border-top: 1px solid var(--color-gray-400); }
.contact-privacy__content table td.left { text-align: left; }
.contact-privacy__content table td:not(:first-child) { border-left: 1px solid var(--color-gray-400); }
.contact-privacy__control { display: flex; justify-content: center; margin-top: 48rem; }