/** * お受験フォトスタジオ * タームアーカイブ / 受験写真総合LP */ /* * SWELLは body_class() の出力先としてではなく #body_wrap を使う。 * 色変数はLP本体にも直接持たせ、テーマ側のクラス構造に依存させない。 */ #body_wrap.category, #body_wrap.tag, #body_wrap.tax-exam_area, .ojuken-term-lp-section, .ojuken-exam-lp, .ojuken-term-articles-heading { --ojx-ink: #172633; --ojx-text: #34434f; --ojx-muted: #5b6974; --ojx-navy: #11293a; --ojx-navy-deep: #0b202f; --ojx-gold: #8a642f; --ojx-gold-bright: #d8b77c; --ojx-cream: #f7f2e8; --ojx-paper: #fffdf9; --ojx-blue: #d8f3fa; --ojx-line: rgba(23, 38, 51, .16); } /* SWELLが別要素で付ける「tag / category」をLP設定時だけ非表示 */ #body_wrap.ojuken-has-term-lp .c-pageTitle__subTitle, #body_wrap.ojuken-has-term-lp .c-pageTitle__sub, #body_wrap.ojuken-has-term-lp .c-pageTitle small, #body_wrap:has(.ojuken-term-lp-section) .c-pageTitle__subTitle, #body_wrap:has(.ojuken-term-lp-section) .c-pageTitle__sub, #body_wrap:has(.ojuken-term-lp-section) .c-pageTitle small { display: none !important; } /* LP設定済みアーカイブだけ1カラム化 */ #body_wrap.ojuken-has-term-lp #content.l-content, #body_wrap:has(.ojuken-term-lp-section) #content.l-content { display: block !important; } #body_wrap.ojuken-has-term-lp #main_content.l-mainContent, #body_wrap:has(.ojuken-term-lp-section) #main_content.l-mainContent { flex: 0 0 100% !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; } #body_wrap.ojuken-has-term-lp #sidebar.l-sidebar, #body_wrap:has(.ojuken-term-lp-section) #sidebar.l-sidebar { display: none !important; width: 0 !important; margin: 0 !important; padding: 0 !important; } .ojuken-term-lp-section { margin: 1.5rem 0 clamp(3.5rem, 7vw, 6rem); } .ojuken-term-lp { overflow: hidden; background: var(--ojx-paper); color: var(--ojx-text); box-shadow: 0 24px 72px rgba(17, 41, 58, .10); } .ojuken-exam-lp, .ojuken-exam-lp *, .ojuken-exam-lp *::before, .ojuken-exam-lp *::after { box-sizing: border-box; } .ojuken-exam-lp h2, .ojuken-exam-lp h3 { border: 0 !important; border-radius: 0 !important; padding: 0 !important; background: none !important; } .ojuken-exam-lp p, .ojuken-exam-lp li, .ojuken-exam-lp summary, .ojuken-exam-lp small, .ojuken-exam-lp figcaption { color: var(--ojx-text); } .ojuken-exam-lp img { display: block; max-width: 100%; } .ojuken-exam-lp__eyebrow, .ojuken-exam-lp__section-en, .ojuken-exam-lp__card-en { margin: 0 0 .85rem; color: var(--ojx-gold) !important; font-family: Georgia, "Times New Roman", serif; font-size: .7rem; font-weight: 700; letter-spacing: .2em; line-height: 1.5; } .ojuken-exam-lp__section-heading h2, .ojuken-exam-lp__quality-copy > h2, .ojuken-exam-lp__spec-copy > h2, .ojuken-exam-lp__family-copy > h2, .ojuken-exam-lp__faq-heading > h2 { margin: 0; color: var(--ojx-ink) !important; font-family: "Noto Serif JP", "Yu Mincho", serif !important; font-size: clamp(1.55rem, 3.1vw, 2.55rem); font-weight: 600; line-height: 1.62; letter-spacing: .025em; } .ojuken-exam-lp__section-heading > p:not(.ojuken-exam-lp__section-en) { max-width: 720px; margin: 1.25rem 0 0; color: var(--ojx-text) !important; line-height: 2; } .ojuken-exam-lp__section-heading--center { text-align: center; } .ojuken-exam-lp__section-heading--center > p:not(.ojuken-exam-lp__section-en) { margin-right: auto; margin-left: auto; } /* Hero: 画像を切り抜かず全身表示し、顔の占有率を抑える */ .ojuken-exam-lp__hero { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(330px, .78fr); min-height: 660px; background: var(--ojx-navy); } .ojuken-exam-lp__hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(3.5rem, 7vw, 6.5rem) clamp(2rem, 6vw, 5.8rem); } .ojuken-exam-lp__hero .ojuken-exam-lp__eyebrow { color: var(--ojx-gold-bright) !important; } .ojuken-exam-lp__hero h2 { margin: 0; color: #fff !important; font-family: "Noto Serif JP", "Yu Mincho", serif !important; font-size: clamp(2rem, 4.2vw, 3.55rem); font-weight: 600; line-height: 1.52; letter-spacing: .035em; } .ojuken-exam-lp__hero-lead { max-width: 650px; margin: 1.55rem 0 0; color: #f5f7f8 !important; font-size: clamp(.92rem, 1.3vw, 1.02rem); line-height: 2.05; } .ojuken-exam-lp__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.9rem; } .ojuken-exam-lp__actions--center { justify-content: center; } .ojuken-exam-lp__button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; padding: .8rem 1.45rem; font-size: .88rem; font-weight: 700; letter-spacing: .035em; text-align: center; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .ojuken-exam-lp__button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, .16); } .ojuken-exam-lp__button--gold { border-color: var(--ojx-gold); background: var(--ojx-gold); color: #fff !important; } .ojuken-exam-lp__button--outline-light { border-color: rgba(255, 255, 255, .74); background: transparent; color: #fff !important; } .ojuken-exam-lp__hero-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.6rem 0 0; padding: 0; list-style: none; } .ojuken-exam-lp__hero-tags li { border: 1px solid rgba(255, 255, 255, .28); padding: .35rem .7rem; color: #fff !important; font-size: .68rem; line-height: 1.4; } .ojuken-exam-lp__hero-visual { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: clamp(2.5rem, 5vw, 4.6rem) clamp(1.2rem, 4vw, 3rem) 2rem; background: linear-gradient(145deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, 0) 48%), var(--ojx-cream); } .ojuken-exam-lp__hero-photo { width: min(78%, 355px); padding: 10px; background: #fff; box-shadow: 0 22px 50px rgba(18, 35, 47, .14); } .ojuken-exam-lp__hero-photo img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; object-position: center; } .ojuken-exam-lp__hero-visual figcaption { margin-top: 1.2rem; color: var(--ojx-ink) !important; font-family: Georgia, "Times New Roman", serif; font-size: .65rem; font-weight: 700; letter-spacing: .18em; } .ojuken-exam-lp__hero-visual::before, .ojuken-exam-lp__hero-visual::after { position: absolute; content: ""; pointer-events: none; } .ojuken-exam-lp__hero-visual::before { top: 2rem; right: 2rem; width: 74px; height: 74px; border-top: 1px solid var(--ojx-gold); border-right: 1px solid var(--ojx-gold); } .ojuken-exam-lp__hero-visual::after { bottom: 2rem; left: 2rem; width: 74px; height: 74px; border-bottom: 1px solid var(--ojx-gold); border-left: 1px solid var(--ojx-gold); } .ojuken-exam-lp__trust { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; background: #fff; list-style: none; } .ojuken-exam-lp__trust li { min-width: 0; padding: 1.5rem clamp(.8rem, 2vw, 1.6rem); text-align: center; } .ojuken-exam-lp__trust li + li { border-left: 1px solid var(--ojx-line); } .ojuken-exam-lp__trust span { display: block; margin-bottom: .35rem; color: var(--ojx-gold) !important; font-family: Georgia, "Times New Roman", serif; font-size: 1rem; } .ojuken-exam-lp__trust strong { display: block; color: var(--ojx-ink) !important; font-size: .85rem; } .ojuken-exam-lp__trust small { display: block; margin-top: .35rem; color: var(--ojx-muted) !important; font-size: .67rem; line-height: 1.55; } .ojuken-exam-lp__anchor { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--ojx-line); border-bottom: 1px solid var(--ojx-line); background: var(--ojx-paper); } .ojuken-exam-lp__anchor a { padding: 1.05rem .5rem; color: var(--ojx-ink) !important; font-size: .75rem; font-weight: 700; text-align: center; text-decoration: none !important; } .ojuken-exam-lp__anchor a + a { border-left: 1px solid var(--ojx-line); } .ojuken-exam-lp__anchor a::after { margin-left: .4rem; color: var(--ojx-gold); content: "↓"; } .ojuken-exam-lp__intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2.5rem, 7vw, 6.5rem); align-items: start; padding: clamp(4.5rem, 9vw, 8rem) clamp(1.4rem, 7vw, 7rem); } .ojuken-exam-lp__intro-body { border-left: 1px solid var(--ojx-gold); padding-left: clamp(1.5rem, 4vw, 3rem); } .ojuken-exam-lp__intro-body p { margin: 0; color: var(--ojx-text) !important; line-height: 2.15; } .ojuken-exam-lp__intro-body p + p { margin-top: 1.15rem; } .ojuken-exam-lp__text-link { display: inline-block; margin-top: 1.5rem; border-bottom: 1px solid var(--ojx-gold); padding: 0 0 .3rem; color: var(--ojx-ink) !important; font-size: .85rem; font-weight: 700; text-decoration: none !important; } .ojuken-exam-lp__text-link span { margin-left: .65rem; color: var(--ojx-gold) !important; } .ojuken-exam-lp__quality { display: grid; grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr); background: var(--ojx-cream); } .ojuken-exam-lp__quality-visual { position: relative; min-height: 690px; margin: 0; overflow: hidden; } .ojuken-exam-lp__quality-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .ojuken-exam-lp__quality-visual figcaption { position: absolute; right: 1.2rem; bottom: 1.2rem; left: 1.2rem; padding: .8rem 1rem; background: rgba(11, 32, 47, .90); color: #fff !important; font-size: .72rem; line-height: 1.6; text-align: center; } .ojuken-exam-lp__quality-copy { padding: clamp(4rem, 8vw, 7rem) clamp(1.5rem, 7vw, 6rem); } .ojuken-exam-lp__feature-list { margin: 2.2rem 0 0; padding: 0; list-style: none; } .ojuken-exam-lp__feature-list li { display: grid; grid-template-columns: 42px 1fr; gap: 1rem; padding: 1.1rem 0; border-top: 1px solid var(--ojx-line); } .ojuken-exam-lp__feature-list li:last-child { border-bottom: 1px solid var(--ojx-line); } .ojuken-exam-lp__feature-list > li > span { color: var(--ojx-gold) !important; font-family: Georgia, "Times New Roman", serif; font-size: .82rem; } .ojuken-exam-lp__feature-list h3 { margin: 0 0 .35rem; color: var(--ojx-ink) !important; font-size: .98rem; } .ojuken-exam-lp__feature-list p { margin: 0; color: var(--ojx-text) !important; font-size: .84rem; line-height: 1.9; } .ojuken-exam-lp__menu { padding: clamp(4.5rem, 9vw, 8rem) clamp(1.4rem, 7vw, 7rem); background: var(--ojx-paper); } .ojuken-exam-lp__menu-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 1.2rem; margin-top: 3rem; } .ojuken-exam-lp__menu-card { position: relative; min-height: 420px; overflow: hidden; padding: clamp(2rem, 4vw, 3.2rem); } .ojuken-exam-lp__menu-card--kindergarten { display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 85% 15%, rgba(168, 125, 63, .15) 0 80px, transparent 81px), radial-gradient(circle at 12% 90%, rgba(17, 41, 58, .09) 0 110px, transparent 111px), var(--ojx-cream); } .ojuken-exam-lp__menu-card--elementary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .72fr); align-items: stretch; padding: 0; background: #edf1f2; } .ojuken-exam-lp__menu-card-copy { align-self: center; padding: clamp(2rem, 4vw, 3.2rem); } .ojuken-exam-lp__menu-card--elementary > img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; object-position: center; } .ojuken-exam-lp__menu-card h3 { margin: 0; color: var(--ojx-ink) !important; font-family: "Noto Serif JP", "Yu Mincho", serif !important; font-size: clamp(1.35rem, 2.5vw, 2rem); font-weight: 600; } .ojuken-exam-lp__menu-card p:not(.ojuken-exam-lp__card-en) { margin: 1rem 0 0; color: var(--ojx-text) !important; font-size: .86rem; line-height: 1.9; } .ojuken-exam-lp__menu-card ul { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1.35rem 0 0; padding: 0; list-style: none; } .ojuken-exam-lp__menu-card li { border: 1px solid rgba(23, 38, 51, .24); padding: .35rem .55rem; color: var(--ojx-ink) !important; font-size: .66rem; font-weight: 700; } .ojuken-exam-lp__spec { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(270px, .62fr); gap: clamp(2.5rem, 8vw, 7rem); align-items: center; padding: clamp(4.5rem, 9vw, 8rem) clamp(1.4rem, 8vw, 8rem); background: #fff; } .ojuken-exam-lp__spec-copy > p:not(.ojuken-exam-lp__section-en, .ojuken-exam-lp__note) { margin: 1.35rem 0 0; color: var(--ojx-text) !important; line-height: 2.05; } .ojuken-exam-lp__swatches { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.8rem; } .ojuken-exam-lp__swatches > span { display: inline-flex; align-items: center; gap: .55rem; color: var(--ojx-ink) !important; font-size: .75rem; font-weight: 700; } .ojuken-exam-lp__swatch { width: 32px; height: 32px; display: inline-block; border: 1px solid rgba(23, 38, 51, .18); border-radius: 50%; } .ojuken-exam-lp__swatch--white { background: #fff; } .ojuken-exam-lp__swatch--gray { background: #d9dadb; } .ojuken-exam-lp__swatch--blue { background: #c9f2fb; } .ojuken-exam-lp__note { margin: 1.6rem 0 0; border-left: 3px solid var(--ojx-gold); padding: .9rem 1rem; background: rgba(168, 125, 63, .08); color: var(--ojx-text) !important; font-size: .75rem; line-height: 1.8; } .ojuken-exam-lp__sample { margin: 0; text-align: center; } .ojuken-exam-lp__sample-mat { max-width: 285px; margin: 0 auto; padding: 18px; background: var(--ojx-cream); box-shadow: 0 22px 48px rgba(17, 41, 58, .13); } .ojuken-exam-lp__sample img { width: 100%; max-height: 370px; object-fit: contain; } .ojuken-exam-lp__sample figcaption { margin-top: 1rem; color: var(--ojx-muted) !important; font-size: .68rem; letter-spacing: .08em; } .ojuken-exam-lp__family { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); background: var(--ojx-cream); } .ojuken-exam-lp__family-visual { min-height: 600px; margin: 0; overflow: hidden; } .ojuken-exam-lp__family-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 62% center; } .ojuken-exam-lp__family-copy { align-self: center; padding: clamp(4rem, 8vw, 7rem) clamp(1.5rem, 6vw, 5.5rem); } .ojuken-exam-lp__family-copy > p:not(.ojuken-exam-lp__section-en, .ojuken-exam-lp__note) { margin: 1.3rem 0 0; color: var(--ojx-text) !important; line-height: 2; } .ojuken-exam-lp__family-patterns { display: grid; gap: .7rem; margin-top: 1.7rem; } .ojuken-exam-lp__family-patterns > div { border: 1px solid var(--ojx-line); padding: 1rem 1.1rem; background: rgba(255, 255, 255, .64); } .ojuken-exam-lp__family-patterns span { display: block; color: var(--ojx-gold) !important; font-family: Georgia, "Times New Roman", serif; font-size: .62rem; font-weight: 700; letter-spacing: .16em; } .ojuken-exam-lp__family-patterns strong { display: block; margin-top: .35rem; color: var(--ojx-ink) !important; font-size: .82rem; } /* 濃紺セクションは全テキスト色を明示し、SWELLの見出し色を上書き */ .ojuken-exam-lp__delivery { padding: clamp(4.5rem, 9vw, 8rem) clamp(1.4rem, 7vw, 7rem); background: var(--ojx-navy); } .ojuken-exam-lp__delivery .ojuken-exam-lp__section-en, .ojuken-exam-lp__final .ojuken-exam-lp__section-en { color: var(--ojx-gold-bright) !important; } .ojuken-exam-lp__delivery .ojuken-exam-lp__section-heading h2, .ojuken-exam-lp__final h2 { color: #fff !important; } .ojuken-exam-lp__delivery .ojuken-exam-lp__section-heading > p:not(.ojuken-exam-lp__section-en) { color: #eef3f5 !important; } .ojuken-exam-lp__delivery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 3rem; } .ojuken-exam-lp__delivery-card { position: relative; min-height: 350px; border: 1px solid rgba(255, 255, 255, .24); padding: clamp(1.7rem, 4vw, 3rem); background: rgba(255, 255, 255, .065); } .ojuken-exam-lp__delivery-card .ojuken-exam-lp__card-en { color: var(--ojx-gold-bright) !important; } .ojuken-exam-lp__delivery-card h3 { margin: 0; color: #fff !important; font-family: "Noto Serif JP", "Yu Mincho", serif !important; font-size: clamp(1.35rem, 2.5vw, 2rem); } .ojuken-exam-lp__delivery-card > p:not(.ojuken-exam-lp__card-en) { max-width: 530px; margin: 1rem 0 0; color: #edf2f4 !important; font-size: .86rem; line-height: 1.95; } .ojuken-exam-lp__delivery-card > a { display: inline-block; margin-top: 1.4rem; border-bottom: 1px solid var(--ojx-gold-bright); padding-bottom: .25rem; color: #fff !important; font-size: .82rem; font-weight: 700; text-decoration: none !important; } .ojuken-exam-lp__delivery-icon { position: relative; width: 44px; height: 62px; margin-bottom: 1.4rem; border: 2px solid #fff; border-radius: 5px; } .ojuken-exam-lp__delivery-icon::before { position: absolute; top: 6px; right: 6px; left: 6px; height: 35px; border: 1px solid rgba(255, 255, 255, .58); content: ""; } .ojuken-exam-lp__delivery-icon::after { position: absolute; bottom: 5px; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #fff; content: ""; transform: translateX(-50%); } .ojuken-exam-lp__delivery-card--print { padding-right: clamp(1.7rem, 12vw, 9rem); } .ojuken-exam-lp__delivery-badge { width: 108px; height: 108px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 1.2rem; border-radius: 50%; background: var(--ojx-gold); } .ojuken-exam-lp__delivery-badge small, .ojuken-exam-lp__delivery-badge strong { color: #fff !important; } .ojuken-exam-lp__delivery-badge small { font-family: Georgia, "Times New Roman", serif; font-size: .55rem; letter-spacing: .12em; } .ojuken-exam-lp__delivery-badge strong { margin-top: .2rem; font-size: .9rem; } .ojuken-exam-lp__shipping { display: inline-block; margin-top: 1.35rem; border-left: 3px solid var(--ojx-gold-bright); padding: .55rem .8rem; background: rgba(255, 255, 255, .08); color: #fff !important; font-size: .8rem; } .ojuken-exam-lp__shipping-note { display: block; margin-top: .7rem; color: #dce5e9 !important; font-size: .64rem; line-height: 1.65; } .ojuken-exam-lp__flow { padding: clamp(4.5rem, 9vw, 8rem) clamp(1.4rem, 7vw, 7rem); background: var(--ojx-cream); text-align: center; } .ojuken-exam-lp__flow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 3rem 0 0; padding: 1px; background: var(--ojx-line); list-style: none; text-align: left; } .ojuken-exam-lp__flow-grid li { min-height: 205px; padding: 1.5rem; background: #fff; } .ojuken-exam-lp__flow-grid span { color: var(--ojx-gold) !important; font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; } .ojuken-exam-lp__flow-grid h3 { margin: .75rem 0 .45rem; color: var(--ojx-ink) !important; font-size: .93rem; } .ojuken-exam-lp__flow-grid p { margin: 0; color: var(--ojx-text) !important; font-size: .77rem; line-height: 1.8; } .ojuken-exam-lp__faq { display: grid; grid-template-columns: minmax(250px, .75fr) minmax(0, 1.25fr); gap: clamp(2.5rem, 8vw, 7rem); padding: clamp(4.5rem, 9vw, 8rem) clamp(1.4rem, 7vw, 7rem); background: #fff; } .ojuken-exam-lp__faq-heading > p:not(.ojuken-exam-lp__section-en) { margin: 1.1rem 0 0; color: var(--ojx-text) !important; line-height: 1.9; } .ojuken-exam-lp__faq-list { border-top: 1px solid var(--ojx-line); } .ojuken-exam-lp__faq details { border-bottom: 1px solid var(--ojx-line); } .ojuken-exam-lp__faq summary { position: relative; padding: 1.35rem 2.4rem 1.35rem 0; color: var(--ojx-ink) !important; cursor: pointer; font-size: .9rem; font-weight: 700; line-height: 1.7; list-style: none; } .ojuken-exam-lp__faq summary::-webkit-details-marker { display: none; } .ojuken-exam-lp__faq summary::after { position: absolute; top: 1.35rem; right: .2rem; color: var(--ojx-gold); content: "＋"; font-size: 1.2rem; font-weight: 400; } .ojuken-exam-lp__faq details[open] summary::after { content: "−"; } .ojuken-exam-lp__faq details p { margin: -.15rem 0 0; padding: 0 2.4rem 1.4rem 0; color: var(--ojx-text) !important; font-size: .83rem; line-height: 1.9; } .ojuken-exam-lp__final { position: relative; overflow: hidden; padding: clamp(4.5rem, 10vw, 8.5rem) 1.4rem; background: var(--ojx-navy-deep); text-align: center; } .ojuken-exam-lp__final::before, .ojuken-exam-lp__final::after { position: absolute; width: 290px; height: 290px; border: 1px solid rgba(216, 183, 124, .22); border-radius: 50%; content: ""; } .ojuken-exam-lp__final::before { top: -160px; left: -80px; } .ojuken-exam-lp__final::after { right: -110px; bottom: -180px; } .ojuken-exam-lp__final h2 { position: relative; margin: 0; font-family: "Noto Serif JP", "Yu Mincho", serif !important; font-size: clamp(1.7rem, 3.5vw, 2.8rem); font-weight: 600; line-height: 1.65; } .ojuken-exam-lp__final > p:not(.ojuken-exam-lp__section-en) { position: relative; max-width: 690px; margin: 1.3rem auto 0; color: #edf2f4 !important; line-height: 2; } .ojuken-term-articles-heading { margin: clamp(3rem, 7vw, 5.5rem) 0 2rem; text-align: center; } .ojuken-term-articles-heading__en { margin: 0 0 .6rem; color: var(--ojx-gold); font-family: Georgia, "Times New Roman", serif; font-size: .7rem; letter-spacing: .2em; } .ojuken-term-articles-heading__title { margin: 0; border: 0 !important; padding: 0 !important; background: none !important; color: var(--ojx-ink) !important; font-family: "Noto Serif JP", "Yu Mincho", serif !important; font-size: clamp(1.35rem, 3vw, 1.9rem); } .ojuken-term-articles-heading__count { margin: .7rem 0 0; color: var(--ojx-muted) !important; font-size: .75rem; } @media (max-width: 960px) { .ojuken-exam-lp__hero { grid-template-columns: minmax(0, 1.05fr) minmax(290px, .75fr); } .ojuken-exam-lp__hero-copy { padding-right: 2.4rem; padding-left: 2.4rem; } .ojuken-exam-lp__menu-grid { grid-template-columns: 1fr; } .ojuken-exam-lp__menu-card { min-height: 360px; } .ojuken-exam-lp__menu-card--elementary > img { min-height: 360px; } } @media (max-width: 760px) { .ojuken-term-lp-section { margin-right: -4vw; margin-left: -4vw; } .ojuken-term-lp { box-shadow: none; } .ojuken-exam-lp__hero { grid-template-columns: 1fr; min-height: 0; } .ojuken-exam-lp__hero-copy { padding: 3.6rem 1.35rem 3.2rem; } .ojuken-exam-lp__hero h2 { font-size: clamp(1.85rem, 8.6vw, 2.55rem); } .ojuken-exam-lp__hero-visual { min-height: 470px; padding: 2.5rem 1.2rem 2rem; } .ojuken-exam-lp__hero-photo { width: min(68%, 320px); } .ojuken-exam-lp__trust { grid-template-columns: 1fr 1fr; } .ojuken-exam-lp__trust li:nth-child(3), .ojuken-exam-lp__trust li:nth-child(4) { border-top: 1px solid var(--ojx-line); } .ojuken-exam-lp__trust li:nth-child(3) { border-left: 0; } .ojuken-exam-lp__anchor { grid-template-columns: 1fr 1fr; } .ojuken-exam-lp__anchor a:nth-child(3), .ojuken-exam-lp__anchor a:nth-child(4) { border-top: 1px solid var(--ojx-line); } .ojuken-exam-lp__anchor a:nth-child(3) { border-left: 0; } .ojuken-exam-lp__intro, .ojuken-exam-lp__quality, .ojuken-exam-lp__spec, .ojuken-exam-lp__family, .ojuken-exam-lp__delivery-grid, .ojuken-exam-lp__faq { grid-template-columns: 1fr; } .ojuken-exam-lp__intro-body { border-top: 1px solid var(--ojx-gold); border-left: 0; padding-top: 1.5rem; padding-left: 0; } .ojuken-exam-lp__quality-visual { min-height: 490px; } .ojuken-exam-lp__menu-card--elementary { grid-template-columns: minmax(0, 1fr) minmax(150px, .7fr); } .ojuken-exam-lp__spec { gap: 3rem; } .ojuken-exam-lp__sample { order: -1; } .ojuken-exam-lp__sample-mat { max-width: 220px; } .ojuken-exam-lp__sample img { max-height: 300px; } .ojuken-exam-lp__family-visual { min-height: 390px; } .ojuken-exam-lp__family-visual img { object-position: 62% center; } .ojuken-exam-lp__flow-grid { grid-template-columns: 1fr 1fr; } .ojuken-exam-lp__faq { gap: 2.7rem; } } @media (max-width: 520px) { .ojuken-exam-lp__actions { display: grid; grid-template-columns: 1fr; } .ojuken-exam-lp__button { width: 100%; } .ojuken-exam-lp__hero-tags { display: grid; grid-template-columns: 1fr 1fr; } .ojuken-exam-lp__hero-tags li { text-align: center; } .ojuken-exam-lp__section-heading h2 br, .ojuken-exam-lp__quality-copy > h2 br, .ojuken-exam-lp__spec-copy > h2 br, .ojuken-exam-lp__final h2 br { display: none; } .ojuken-exam-lp__menu-card { min-height: 0; } .ojuken-exam-lp__menu-card--elementary { grid-template-columns: 1fr; } .ojuken-exam-lp__menu-card--elementary > img { min-height: 0; aspect-ratio: 1 / 1; object-fit: contain; background: #edf1f2; } .ojuken-exam-lp__flow-grid { grid-template-columns: 1fr; } .ojuken-exam-lp__flow-grid li { min-height: 0; } .ojuken-exam-lp__delivery-card--print { padding-right: 1.7rem; } } @media (prefers-reduced-motion: reduce) { .ojuken-exam-lp__button { transition: none; } }