@charset "utf-8";


/*
 * File       : sub-audition.css
 * Author     : STUDIO-JT (HREE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) AUDITION
 */



/* **************************************** *
 * AUDITION
 * **************************************** */
.page-template-audition .main_container {padding-bottom: 0;}

.audition-header { margin-top: 12rem; background: #e0e0e0;}
.audition-header__title { font-size: 5.4rem; line-height: 1.29; margin-bottom: 4.8rem; font-weight: 500; letter-spacing: -0.02em;}
.audition-header__title .jt-split-text { overflow: hidden;}
html.desktop.js .audition-header__title .jt-split-text > div {opacity: 0;}
html.desktop .audition-header__title .jt-split-text > div { display: block; opacity: 0}
html.desktop .audition-header__title-line { color: #e0e0e0}
html.desktop .audition-header__title-line.start { color: #000;}
.audition-header__image img { width: 100%; display: block; }
.audition-header__image.jt-lazyload { padding-top: 36.5rem;}

.audition-guide { padding: 9rem 0 15rem; background: #e0e0e0;}
.audition-guide__inner { display: grid; grid-template-columns: 1fr 1.9fr; }
.audition-guide__title h2 { font-size: 3.2rem; line-height: 1.43; font-weight: 500; letter-spacing: -0.01em; }
.audition-guide__list { display: block; width: 100%; margin-bottom: 3rem; margin-top: 0.2rem; overflow: hidden;}
.audition-guide__item { display: inline-block; margin-bottom: 4rem; float: left; }
.audition-guide__item:nth-child(1),
.audition-guide__item:nth-child(3) {width: 52.5%;}
.audition-guide__item:nth-child(2),
.audition-guide__item:nth-child(4) {width: calc(100% - 52.5%);}
.audition-guide__item:nth-child(n+5) {width: 100%;}
.audition-guide__item b { font-size: 2rem; line-height: 1.6; margin-bottom: 0.8rem; font-weight: 700; display: block; letter-spacing: -0.01em;}
.audition-guide__item p { font-size: 1.6rem; color: #444; line-height: 1.75; letter-spacing: -0.02em;}
.audition-guide__item a { font-size: 1.5rem; line-height: 1.46; box-shadow: inset 0 -0.1rem 0 0 #FF5B00; letter-spacing: -0.015em; font-weight: 600;}
.audition-guide__item span { font-size: 1.4rem; line-height: 1.85; display: block; letter-spacing: -0.02em; white-space: nowrap; color: #444;}
.audition-guide__download {display: block; width: 100%; border: 0.1rem solid #000; border-radius: 5rem; padding: 1.1rem 0; text-align: center; box-sizing: border-box; transition: all .1s;}
.audition-guide__download span { font-size: 1.4rem; line-height: 1.85; font-weight: 700; position: relative; color: #000; letter-spacing: -0.02em; padding-right: 3rem;}
.audition-guide__download span::after { position: absolute; content: '\e954'; font-family: 'jt-font'; color: #000; width: 2.4rem; height: 2.4rem; top: -0.1rem; right: -0.1rem;}

html.desktop .audition-guide__download:hover {border: 0.1rem solid #FF5B00; background: #FF5B00;}
html.desktop .audition-guide__download:hover span { color: #fff; }
html.desktop .audition-guide__download:hover span::after { color: #fff; }

.audition-process { padding: 12rem 0 15rem; background: #d9d9d9;}
.audition-process__inner { display: grid; grid-template-columns: 1fr 1.9fr; }
.audition-process__title h2 { font-size: 3.2rem; line-height: 1.43; font-weight: 500; letter-spacing: -0.01em; }
.audition-process__step { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 8rem; grid-column-gap: 2.5rem;}
.audition-process__step-item img { margin-top: 1.9rem; margin-bottom: 3.5rem; width: auto; display: block;}
.audition-process__step-item .jt-lazyload {padding-top: 14.2rem;}
.audition-process__step-item .jt-lazyload img {height: 8.8rem;}
.audition-process__step-item b { font-size: 2rem; line-height: 1.6; margin-bottom: 0.8rem; display: block; }
.audition-process__step-item p { font-size: 1.6rem; line-height: 1.75; color: #444; letter-spacing: -0.02em;}
.audition-process__notice-title { font-size: 2rem; line-height: 1.6; margin-bottom: 1.6rem; display: block;}
.audition-process__notice-list li { font-size: 1.6rem; line-height: 2; color: #444; position: relative; padding-left: 1.4rem; letter-spacing: -0.02em;}
.audition-process__notice-list li::before { position: absolute; content: ''; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #000; top: 1.5rem; left: 0rem;}