@charset "utf-8";

/*
 * File    : sub-etc.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * WIDE
 * PRIVICY
 * 404
 * HOVER
 */



/* **************************************** *
 * WIDE
 * **************************************** */
body.single-wide .main-container { padding-top: var(--header-height); }



/* **************************************** *
 * PRIVICY
 * **************************************** */
.jt-privacy .jt-blocks > * { max-width: inherit; }
.jt-privacy .jt-single__header:has(.jt-privacy__revison) { display: flex; align-items: center; justify-content: space-between; gap: 80rem; text-align: left; }
.jt-privacy__revison .choices__inner { width: 200rem; }



/* **************************************** *
 * 404
 * **************************************** */
.error-404 { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 800rem; text-align: center; }
.error-404__typo { max-width: 360rem; margin: 0 auto; }
.error-404__typo .jt-lazyload { padding-top: 50%; }
.error-404__desc { color: var(--color-gray-800); margin-top: 24rem; }
.error-404__control { margin-top: 60rem; }
.error-404__control a { display: inline-block; padding: 4rem 0; color: var(--color-black); box-shadow: 0 2rem 0 0 currentColor; transition: color .3s; }



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {

    /* 404 */
    .error-404__control a:hover { color: var(--color-primary); }

}