/* Generated from front/scss/style.scss. Do not edit directly. */
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; }
html { background: #f7fafb; }
html { color: #111827; }
html { font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif; }
html { letter-spacing: 0; }
html { scroll-behavior: smooth; }
body { margin: 0; }
body { background: #fff; }
body { overflow-x: hidden; }
a { color: inherit; }
a { text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
button:disabled, input:disabled, [aria-disabled="true"], .is-disabled { cursor: default; }
input[type="checkbox"], input[type="radio"], [data-modal-open], [data-modal-close], [data-consent-open], [data-consent-close], [data-hero-control], [data-hero-dot], [data-material-next], .material-page-dot, .material-tabs a, .pickup-pagination a:not(.is-disabled) { cursor: pointer; }
img { display: block; }
img { max-width: 100%; }
.site-header { background: #fff; }
.header-pc { display: flex; }
.header-pc { flex-direction: column; }
.header-pc { gap: 12px; }
.header-pc { height: 168px; }
.header-pc { padding-top: 24px; }
.header-pc { background: #fff; }
.header-bar { display: flex; }
.header-bar { align-items: center; }
.header-bar { justify-content: space-between; }
.header-bar { height: 76px; }
.header-bar { padding: 16px; }
.header-pc .header-bar { position: fixed; }
.header-pc .header-bar { top: var(--header-bar-top, 24px); }
.header-pc .header-bar { right: 0; }
.header-pc .header-bar { left: 0; }
.header-pc .header-bar { z-index: 60; }
.header-pc .header-bar { width: 100%; }
.header-pc .header-bar { background: #fff; }
.header-pc .header-bar { box-shadow: 0 -24px 0 #fff, 0 12px 0 #fff; }
.header-pc .header-bar { transition: transform 0.22s ease; }
.header-pc .header-bar { will-change: transform; }
.header-pc.is-header-bar-hidden .header-bar { transform: translateY(calc(-100% - 8px)); }
.logo { display: block; }
.logo { width: 269px; }
.logo { height: 58px; }
.logo { overflow: hidden; }
.logo img { width: 298px; }
.logo img { max-width: none; }
.logo img { transform: translate(-14px, -27px); }
.header-actions { display: flex; }
.header-actions { align-items: center; }
.header-actions { gap: 12px; }
.pill { display: inline-flex; }
.pill { align-items: center; }
.pill { justify-content: center; }
.pill { width: 120px; }
.pill { height: 40px; }
.pill { border: 1px solid transparent; }
.pill { border-radius: 6px; }
.pill { font-size: 13px; }
.pill { font-weight: 700; }
.pill { line-height: 21px; }
.pill { transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.pill-muted { border: 1px solid #9ca3af; }
.pill-muted { color: #374151; }
.pill-outline { border: 1px solid #00afcc; }
.pill-outline { color: #00afcc; }
.pill-coral { border-color: #fd746a; }
.pill-coral { background: #fd746a; }
.pill-coral { color: #fff; }
.global-nav { position: fixed; }
.global-nav { top: var(--global-nav-top, 112px); }
.global-nav { right: 0; }
.global-nav { left: 0; }
.global-nav { z-index: 50; }
.global-nav { display: flex; }
.global-nav { align-items: center; }
.global-nav { justify-content: space-between; }
.global-nav { width: 100%; }
.global-nav { height: 56px; }
.global-nav { padding: 12px 16px; }
.global-nav { background: #004753; }
.header-pc.is-nav-animating .global-nav { transition: top 0.22s ease; }
.nav-links { display: flex; }
.nav-links { align-items: center; }
.nav-links { gap: 32px; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { position: relative; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { display: inline-flex; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { align-items: center; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { height: 32px; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { padding: 0 20px; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { color: #fff; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { font-size: 16px; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { line-height: 21px; }
.nav-links > a, .nav-links > .nav-disabled, .nav-links .nav-item > a { white-space: nowrap; }
.nav-links > a:focus, .nav-links > .nav-disabled:focus, .nav-links .nav-item > a:focus { outline: 0; }
.nav-links > a.is-active, .nav-links > .nav-disabled.is-active, .nav-links .nav-item > a.is-active { font-weight: 700; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { position: absolute; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { right: 0; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { bottom: -12px; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { left: 0; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { height: 4px; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { border-radius: 999px 999px 0 0; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { background: #00afcc; }
.nav-links > a.is-active::after, .nav-links > .nav-disabled.is-active::after, .nav-links .nav-item > a.is-active::after { content: ""; }
.nav-links > .nav-disabled { color: rgba(255, 255, 255, 0.48); }
.nav-links > .nav-disabled { cursor: default; }
.nav-item { display: inline-flex; }
.nav-item { align-items: center; }
.materials-nav-submenu { position: fixed; }
.materials-nav-submenu { top: calc(var(--global-nav-top, 112px) + 56px); }
.materials-nav-submenu { right: 0; }
.materials-nav-submenu { left: 0; }
.materials-nav-submenu { z-index: 49; }
.materials-nav-submenu { display: flex; }
.materials-nav-submenu { justify-content: center; }
.materials-nav-submenu { padding: 16px 18px; }
.materials-nav-submenu { background: #f7fbfd; }
.materials-nav-submenu { opacity: 0; }
.materials-nav-submenu { pointer-events: none; }
.materials-nav-submenu { transform: translateY(-6px); }
.materials-nav-submenu { visibility: hidden; }
.materials-nav-submenu { transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; }
.header-pc.is-nav-animating .materials-nav-submenu { transition: top 0.22s ease, opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; }
.nav-item-materials:hover .materials-nav-submenu, .nav-item-materials:focus-within .materials-nav-submenu, .nav-item-materials.is-open .materials-nav-submenu { opacity: 1; }
.nav-item-materials:hover .materials-nav-submenu, .nav-item-materials:focus-within .materials-nav-submenu, .nav-item-materials.is-open .materials-nav-submenu { pointer-events: auto; }
.nav-item-materials:hover .materials-nav-submenu, .nav-item-materials:focus-within .materials-nav-submenu, .nav-item-materials.is-open .materials-nav-submenu { transform: translateY(0); }
.nav-item-materials:hover .materials-nav-submenu, .nav-item-materials:focus-within .materials-nav-submenu, .nav-item-materials.is-open .materials-nav-submenu { visibility: visible; }
.materials-nav-submenu-row { display: flex; }
.materials-nav-submenu-row { flex-wrap: wrap; }
.materials-nav-submenu-row { gap: 8px; }
.materials-nav-submenu-row { justify-content: center; }
.materials-nav-submenu-row { max-width: calc(100vw - 36px); }
.materials-nav-submenu-row { padding: 8px; }
.materials-nav-submenu-row { border-radius: 14px; }
.materials-nav-submenu-row { background: #eaf2f6; }
.materials-nav-submenu-row a { display: inline-flex; }
.materials-nav-submenu-row a { align-items: center; }
.materials-nav-submenu-row a { min-height: 40px; }
.materials-nav-submenu-row a { padding: 11px 18px; }
.materials-nav-submenu-row a { border: 1px solid #d4dee6; }
.materials-nav-submenu-row a { border-radius: 12px; }
.materials-nav-submenu-row a { background: #fdfeff; }
.materials-nav-submenu-row a { color: #173245; }
.materials-nav-submenu-row a { font-size: 13px; }
.materials-nav-submenu-row a { font-weight: 700; }
.materials-nav-submenu-row a { line-height: 18px; }
.materials-nav-submenu-row a { white-space: nowrap; }
.materials-nav-submenu-row a { transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.site-search { position: relative; }
.site-search { display: flex; }
.site-search { align-items: center; }
.site-search { justify-content: space-between; }
.site-search { width: 206px; }
.site-search { height: 40px; }
.site-search { padding: 11px 13px; }
.site-search { border: 1px solid #747474; }
.site-search { border-radius: 6px; }
.site-search { background: #fff; }
.site-search { color: #0f1827; }
.site-search { font-size: 13px; }
.site-search input { width: 138px; }
.site-search input { height: 100%; }
.site-search input { padding: 0 0 0 26px; }
.site-search input { border: 0; }
.site-search input { background: transparent; }
.site-search input { color: #0f1827; }
.site-search input { font-size: 13px; }
.site-search input { outline: 0; }
.site-search input::placeholder { color: #0f1827; }
.site-search input::placeholder { opacity: 1; }
.site-search button { display: inline-flex; }
.site-search button { align-items: center; }
.site-search button { justify-content: center; }
.site-search button { width: 22px; }
.site-search button { height: 22px; }
.site-search button { padding: 0; }
.site-search button { border: 0; }
.site-search button { background: transparent; }
.site-search img { width: 18px; }
.site-search img { height: 18px; }
.site-search > img { position: absolute; }
.site-search > img { top: 50%; }
.site-search > img { left: 13px; }
.site-search > img { transform: translateY(-50%); }
.header-sp { display: none; }
.site-footer { background: #fff; }
.footer-notice { display: flex; }
.footer-notice { flex-direction: column; }
.footer-notice { justify-content: center; }
.footer-notice { min-height: 149px; }
.footer-notice { padding: 27px 24px 29px; }
.footer-notice { background: #8b8b8b; }
.footer-notice { color: #fff; }
.footer-notice { text-align: center; }
.footer-notice p { margin: 0; }
.footer-notice p { font-size: 14px; }
.footer-notice p { line-height: 1.45; }
.footer-notice p + p { margin-top: 24px; }
.footer-notice a { text-decoration: underline; }
.footer-links { display: grid; }
.footer-links { grid-template-columns: repeat(3, 190px); }
.footer-links { justify-content: center; }
.footer-links { gap: 21px 0; }
.footer-links { min-height: 151px; }
.footer-links { padding: 52px 0 47px; }
.footer-links { background: #333; }
.footer-links { color: #fff; }
.footer-links a, .footer-links span { position: relative; }
.footer-links a, .footer-links span { white-space: nowrap; }
.footer-links a, .footer-links span { text-align: center; }
.footer-links a, .footer-links span { font-size: 15px; }
.footer-links a, .footer-links span { line-height: 1; }
.footer-links a::before, .footer-links span::before { position: absolute; }
.footer-links a::before, .footer-links span::before { top: 0; }
.footer-links a::before, .footer-links span::before { left: 0; }
.footer-links a::before, .footer-links span::before { content: "|"; }
.footer-links a::before, .footer-links span::before { color: #bbb; }
.footer-links a::after, .footer-links span::after { position: absolute; }
.footer-links a::after, .footer-links span::after { top: 0; }
.footer-links a::after, .footer-links span::after { right: 0; }
.footer-links a::after, .footer-links span::after { content: "|"; }
.footer-links a::after, .footer-links span::after { color: #bbb; }
.footer-links a:not(:nth-child(3n + 1))::before, .footer-links span:not(:nth-child(3n + 1))::before { display: none; }
.footer-links span { color: rgba(255, 255, 255, 0.5); }
.copyright { display: flex; }
.copyright { align-items: center; }
.copyright { justify-content: center; }
.copyright { min-height: 101px; }
.copyright { color: #8e8e8e; }
.copyright { font-size: 12px; }
.section-inner { width: 1232px; }
.section-inner { max-width: calc(100% - 48px); }
.section-inner { margin: 0 auto; }
.page-block { padding: 28px 0 96px; }
.section-title { display: flex; }
.section-title { align-items: center; }
.section-title { justify-content: space-between; }
.section-title { min-height: 34px; }
.section-title > div { display: flex; }
.section-title > div { align-items: center; }
.section-title > div { gap: 10px; }
.section-title span { width: 12px; }
.section-title span { height: 12px; }
.section-title span { border-radius: 50%; }
.section-title span { background: #00afcc; }
.section-title h2 { margin: 0; }
.section-title h2 { color: #173245; }
.section-title h2 { font-size: 24px; }
.section-title h2 { font-weight: 700; }
.section-title h2 { line-height: 32px; }
.section-title h2 { white-space: nowrap; }
.section-title b { display: inline-flex; }
.section-title b { align-items: center; }
.section-title b { justify-content: center; }
.section-title b { padding: 6px 12px; }
.section-title b { border-radius: 999px; }
.section-title b { background: #e6f7fb; }
.section-title b { color: #0e5963; }
.section-title b { font-size: 12px; }
.section-title b { line-height: 16px; }
.section-title--pickup, .section-title--materials { justify-content: flex-start; }
.section-title--pickup span, .section-title--materials span { width: 26px; }
.section-title--pickup span, .section-title--materials span { height: 26px; }
.section-title--pickup span, .section-title--materials span { border-radius: 0; }
.section-title--pickup span, .section-title--materials span { background-color: transparent; }
.section-title--pickup span, .section-title--materials span { background-repeat: no-repeat; }
.section-title--pickup span, .section-title--materials span { background-position: center; }
.section-title--pickup span, .section-title--materials span { background-size: 26px 26px; }
.section-title--pickup h2, .section-title--materials h2 { color: #0f1827; }
.section-title--pickup h2, .section-title--materials h2 { font-size: 22px; }
.section-title--pickup h2, .section-title--materials h2 { line-height: 26px; }
.section-title--pickup span { background-image: url("/assets/img/title-pickup.svg"); }
.section-title--materials { min-height: 32px; }
.section-title--materials span { background-image: url("/assets/img/title-materials.svg"); }
.page-heading { width: 960px; }
.page-heading { height: 70px; }
.page-heading { margin: 0 auto; }
.page-heading .heading-line { display: flex; }
.page-heading .heading-line { align-items: center; }
.page-heading .heading-line { gap: 12px; }
.page-heading .heading-line { height: 31px; }
.page-heading span { width: 4px; }
.page-heading span { height: 24px; }
.page-heading span { border-radius: 2px; }
.page-heading span { background: #00afcc; }
.page-heading h1 { margin: 0; }
.page-heading h1 { font-size: 24px; }
.page-heading h1 { font-weight: 700; }
.page-heading h1 { line-height: 1.2; }
.page-heading p { margin: 8px 0 0; }
.page-heading p { color: #62717b; }
.page-heading p { font-size: 13px; }
.page-heading p { line-height: 22px; }
.btn { display: inline-flex; }
.btn { align-items: center; }
.btn { justify-content: center; }
.btn { min-height: 40px; }
.btn { padding: 10px 18px; }
.btn { border: 0; }
.btn { border-radius: 10px; }
.btn { font-weight: 700; }
.btn { font-size: 13px; }
.btn { line-height: 16px; }
.btn { white-space: nowrap; }
.btn { transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.btn:disabled { cursor: default; }
.btn:disabled { opacity: 0.65; }
.btn:disabled { transform: none; }
.btn-primary { border: 1px solid #00afcc; }
.btn-primary { background: #00afcc; }
.btn-primary { color: #fff; }
.btn-coral { border: 1px solid #fd746a; }
.btn-coral { background: #fff; }
.btn-coral { color: #fd746a; }
.btn-detail { border: 1px solid #145a67; }
.btn-detail { background: #fff; }
.btn-detail { color: #145a67; }
.btn-dark { border: 1px solid #004753; }
.btn-dark { background: #fff; }
.btn-dark { color: #004753; }
.btn-white { border: 1px solid #d6e6ee; }
.btn-white { background: #fff; }
.btn-white { color: #173245; }
.btn-video { border: 1px solid #d6e6ee; }
.btn-video { background: #fff; }
.btn-video { color: #173042; }
.btn-coral-outline { border: 1px solid #fd746a; }
.btn-coral-outline { background: #fff; }
.btn-coral-outline { color: #fd746a; }
.btn.small { min-height: 40px; }
.btn.small { padding: 11px 18px; }
.btn.small { border-radius: 8px; }
.btn.small { font-size: 14px; }
.btn.small { line-height: 18px; }
a { transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
a:hover { color: #fd746a; }
.nav-links a:hover, .footer-links a:hover, .footer-notice a:hover, .helper-links a:hover, .single-link:hover, .pickup-rows a:hover, .pickup-rows a:hover strong { color: #fd746a; }
.btn-primary:hover { border-color: #00afcc; }
.btn-primary:hover { background: #fff; }
.btn-primary:hover { color: #00afcc; }
.btn-primary:hover { box-shadow: 0 8px 18px rgba(0, 175, 204, 0.18); }
.btn-detail:hover, .featured-article .btn-primary:hover, .article-row .btn-primary:hover { border-color: #145a67; }
.btn-detail:hover, .featured-article .btn-primary:hover, .article-row .btn-primary:hover { background: #145a67; }
.btn-detail:hover, .featured-article .btn-primary:hover, .article-row .btn-primary:hover { color: #fff; }
.btn-detail:hover, .featured-article .btn-primary:hover, .article-row .btn-primary:hover { box-shadow: 0 8px 18px rgba(20, 90, 103, 0.18); }
.btn-coral:hover, .btn-coral-outline:hover { border-color: #fd746a; }
.btn-coral:hover, .btn-coral-outline:hover { background: #fd746a; }
.btn-coral:hover, .btn-coral-outline:hover { color: #fff; }
.btn-coral:hover, .btn-coral-outline:hover { box-shadow: 0 8px 18px rgba(253, 116, 106, 0.18); }
.btn-dark:hover { border-color: #004753; }
.btn-dark:hover { background: #004753; }
.btn-dark:hover { color: #fff; }
.btn-dark:hover { box-shadow: 0 8px 18px rgba(0, 71, 83, 0.18); }
.btn-white:hover { border-color: #d6e6ee; }
.btn-white:hover { background: #f8f9f9; }
.btn-white:hover { color: #173042; }
.btn-white:hover { box-shadow: 0 8px 18px rgba(23, 48, 66, 0.1); }
.btn-video:hover { border-color: #00afcc; }
.btn-video:hover { background: #d6e6ee; }
.btn-video:hover { color: #00afcc; }
.btn-video:hover { box-shadow: 0 8px 18px rgba(0, 175, 204, 0.12); }
.pill-muted:hover { border-color: #374151; }
.pill-muted:hover { background: #374151; }
.pill-muted:hover { color: #fff; }
.pill-outline:hover { border-color: #00afcc; }
.pill-outline:hover { background: #00afcc; }
.pill-outline:hover { color: #fff; }
.pill-coral:hover { border-color: #fd746a; }
.pill-coral:hover { background: #fff; }
.pill-coral:hover { color: #fd746a; }
.view-all-pill:hover, .site-search:hover { border-color: #fd746a; }
.view-all-pill:hover, .site-search:hover { color: #fd746a; }
.view-all-pill:hover, .site-search:hover { box-shadow: 0 8px 18px rgba(253, 116, 106, 0.14); }
.material-tabs a:not(.is-active):hover { border-color: #fd746a; }
.material-tabs a:not(.is-active):hover { color: #fd746a; }
.material-tabs a:not(.is-active):hover { box-shadow: 0 8px 18px rgba(253, 116, 106, 0.12); }
.materials-nav-submenu-row a:hover { border-color: #fd746a; }
.materials-nav-submenu-row a:hover { color: #fd746a; }
.materials-nav-submenu-row a:hover { box-shadow: 0 8px 18px rgba(253, 116, 106, 0.12); }
.material-card:hover, .case-card:hover, .article-row:hover, .featured-article:hover { transform: translateY(-4px); }
.material-card:hover, .case-card:hover, .article-row:hover, .featured-article:hover { box-shadow: 0 16px 30px rgba(20, 51, 71, 0.18); }
.top-hero { position: relative; }
.top-hero { height: clamp(363px, 60vh, 512.5px); }
.top-hero { padding: 20px 0; }
.top-hero { overflow: hidden; }
.top-hero { background: #cee0e3; }
.top-hero::before, .top-hero::after { position: absolute; }
.top-hero::before, .top-hero::after { top: 0; }
.top-hero::before, .top-hero::after { z-index: 5; }
.top-hero::before, .top-hero::after { width: max(302px, calc((100vw - 1280px) / 2 + 302px)); }
.top-hero::before, .top-hero::after { height: 100%; }
.top-hero::before, .top-hero::after { pointer-events: none; }
.top-hero::before, .top-hero::after { content: ""; }
.top-hero::before { left: 0; }
.top-hero::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.33) 68%, rgba(255, 255, 255, 0) 100%); }
.top-hero::after { right: 0; }
.top-hero::after { background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.33) 68%, rgba(255, 255, 255, 0) 100%); }
.hero-slider { position: relative; }
.hero-slider { z-index: 0; }
.hero-slider { display: flex; }
.hero-slider { flex-direction: column; }
.hero-slider { gap: 16px; }
.hero-slider { align-items: center; }
.hero-slider { justify-content: center; }
.hero-slider { width: 100%; }
.hero-slider { max-width: none; }
.hero-slider { height: 100%; }
.hero-slider { margin: 0 auto; }
.hero-track { position: relative; }
.hero-track { --hero-offscreen-left: calc(50% - 2150px); }
.hero-track { --hero-offscreen-right: calc(50% + 1495px); }
.hero-track { width: min(100%, 1980px); }
.hero-track { max-width: 100%; }
.hero-track { height: min(448.5px, calc(100% - 24px)); }
.hero-track { overflow: visible; }
.hero-track { user-select: none; }
.hero-card { position: absolute; }
.hero-card { top: 50%; }
.hero-card { left: 50%; }
.hero-card { z-index: 1; }
.hero-card { width: auto; }
.hero-card { height: 81.94%; }
.hero-card { aspect-ratio: 16 / 9; }
.hero-card { padding: 0; }
.hero-card { overflow: hidden; }
.hero-card { border: 0; }
.hero-card { border-radius: 12px; }
.hero-card { background: transparent; }
.hero-card { opacity: 1; }
.hero-card { transform: translate(-50%, -50%); }
.hero-card { transition: top 0.48s cubic-bezier(0.22, 1, 0.36, 1), left 0.48s cubic-bezier(0.22, 1, 0.36, 1), right 0.48s cubic-bezier(0.22, 1, 0.36, 1), width 0.48s cubic-bezier(0.22, 1, 0.36, 1), height 0.48s cubic-bezier(0.22, 1, 0.36, 1), transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; }
.hero-card { will-change: left, width, height; }
.hero-card img { width: 100%; }
.hero-card img { height: 100%; }
.hero-card img { object-fit: cover; }
.hero-card img { pointer-events: none; }
.hero-card.is-hero-case img, .hero-card.is-hero-report img, .hero-card.is-hero-release img { object-fit: contain; }
.hero-card.is-hero-case img, .hero-card.is-hero-report img, .hero-card.is-hero-release img { object-position: center center; }
.hero-card.is-hero-case img, .hero-card.is-hero-report img, .hero-card.is-hero-release img { background: #fff; }
.hero-card.is-thumbnail-placeholder { display: flex; }
.hero-card.is-thumbnail-placeholder { align-items: center; }
.hero-card.is-thumbnail-placeholder { justify-content: center; }
.hero-card.is-thumbnail-placeholder { background: #fff; }
.hero-card.is-active { top: 0; }
.hero-card.is-active { z-index: 5; }
.hero-card.is-active { left: 50%; }
.hero-card.is-active { width: auto; }
.hero-card.is-active { height: 100%; }
.hero-card.is-active { transform: translateX(-50%); }
.hero-card.is-active { box-shadow: 0 0 15px rgba(0, 0, 0, 0.65); }
.hero-card.is-next { z-index: 3; }
.hero-card.is-next { left: calc(50% + 132px); }
.hero-card.is-next { right: auto; }
.hero-card.is-next { transform: translateY(-50%); }
.hero-card.is-prev { z-index: 3; }
.hero-card.is-prev { left: calc(50% - 785px); }
.hero-card.is-prev { transform: translateY(-50%); }
.hero-card.is-prev-2 { z-index: 2; }
.hero-card.is-prev-2 { left: calc(50% - 1457.5px); }
.hero-card.is-prev-2 { transform: translateY(-50%); }
.hero-card.is-next-2 { z-index: 2; }
.hero-card.is-next-2 { left: calc(50% + 804.5px); }
.hero-card.is-next-2 { right: auto; }
.hero-card.is-next-2 { transform: translateY(-50%); }
.hero-card.is-hidden { opacity: 0; }
.hero-card.is-hidden { pointer-events: none; }
.hero-card.is-exit-left { left: var(--hero-offscreen-left); }
.hero-card.is-exit-left { right: auto; }
.hero-card.is-exit-left { transform: translateY(-50%); }
.hero-card.is-exit-right { left: var(--hero-offscreen-right); }
.hero-card.is-exit-right { right: auto; }
.hero-card.is-exit-right { transform: translateY(-50%); }
.hero-nav-area { position: absolute; }
.hero-nav-area { top: 0; }
.hero-nav-area { z-index: 4; }
.hero-nav-area { width: 28.5%; }
.hero-nav-area { height: 100%; }
.hero-nav-area { padding: 0; }
.hero-nav-area { border: 0; }
.hero-nav-area { background: transparent; }
.hero-nav-area { cursor: pointer; }
.hero-nav-prev { left: 0; }
.hero-nav-next { right: 0; }
.hero-mask { display: none; }
.hero-dots { position: relative; }
.hero-dots { z-index: 6; }
.hero-dots { display: flex; }
.hero-dots { gap: 8px; }
.hero-dots { width: auto; }
.hero-dots { max-width: calc(100% - 48px); }
.hero-dots { overflow: hidden; }
.hero-dots button { width: 38px; }
.hero-dots button { height: 8px; }
.hero-dots button { flex: 0 0 38px; }
.hero-dots button { padding: 0; }
.hero-dots button { border: 0; }
.hero-dots button { border-radius: 999px; }
.hero-dots button { background: #fff; }
.hero-dots button.is-active { background: #00afcc; }
.top-stack { display: flex; }
.top-stack { flex-direction: column; }
.top-stack { gap: 24px; }
.top-stack { padding: 24px 0 24px; }
.pickup-list { width: min(1248px, calc(100vw - 32px)); }
.pickup-list { max-width: none; }
.pickup-list { padding: 0; }
.pickup-list { border: 0; }
.pickup-list { border-radius: 0; }
.pickup-list { background: #fff; }
.pickup-list { box-shadow: none; }
.pickup-list .pickup-title-row { display: flex; }
.pickup-list .pickup-title-row { align-items: center; }
.pickup-list .pickup-title-row { justify-content: space-between; }
.pickup-list .pickup-title-row { width: 100%; }
.pickup-list .pickup-title-row { margin-bottom: 14px; }
.pickup-list .section-title { height: 34px; }
.pickup-list .pickup-rows { width: 100%; }
.pickup-list .pickup-rows { height: auto; }
.pickup-list .pickup-rows { overflow: hidden; }
.pickup-list .pickup-rows { padding: 0; }
.pickup-list .pickup-rows { border: 0; }
.pickup-list .pickup-rows { border-radius: 0; }
.pickup-list .pickup-rows { background: transparent; }
.pickup-list .top-pickup-row { display: flex; }
.pickup-list .top-pickup-row { align-items: center; }
.pickup-list .top-pickup-row { justify-content: space-between; }
.pickup-list .top-pickup-row { gap: 18px; }
.pickup-list .top-pickup-row { height: 48px; }
.pickup-list .top-pickup-row { border-bottom: 1px solid #eaeff4; }
.pickup-list .top-pickup-row { color: #173245; }
.pickup-list .top-pickup-row { font-size: 14px; }
.pickup-list .top-pickup-row { font-weight: 400; }
.pickup-list .top-pickup-row { line-height: 20px; }
.pickup-list .top-pickup-main { display: flex; }
.pickup-list .top-pickup-main { align-items: center; }
.pickup-list .top-pickup-main { gap: 18px; }
.pickup-list .top-pickup-main { min-width: 0; }
.pickup-list .top-pickup-main { flex: 1 1 auto; }
.pickup-list .top-pickup-main time { flex: 0 0 auto; }
.pickup-list .top-pickup-main time { color: #6a7b87; }
.pickup-list .top-pickup-main time { font-size: 12px; }
.pickup-list .top-pickup-main time { font-weight: 400; }
.pickup-list .top-pickup-main time { line-height: normal; }
.pickup-list .top-pickup-main time { white-space: nowrap; }
.pickup-list .top-pickup-main .pickup-bullet { width: 8px; }
.pickup-list .top-pickup-main .pickup-bullet { height: 8px; }
.pickup-list .top-pickup-main .pickup-bullet { flex: 0 0 8px; }
.pickup-list .top-pickup-main .pickup-bullet { border-radius: 50%; }
.pickup-list .top-pickup-main .pickup-bullet { background: #00afcc; }
.pickup-list .top-pickup-main strong { overflow: hidden; }
.pickup-list .top-pickup-main strong { color: #173245; }
.pickup-list .top-pickup-main strong { font-size: 14px; }
.pickup-list .top-pickup-main strong { font-weight: 400; }
.pickup-list .top-pickup-main strong { line-height: 20px; }
.pickup-list .top-pickup-main strong { text-overflow: ellipsis; }
.pickup-list .top-pickup-main strong { white-space: nowrap; }
.pickup-list .top-pickup-actions { display: flex; }
.pickup-list .top-pickup-actions { align-items: center; }
.pickup-list .top-pickup-actions { justify-content: flex-end; }
.pickup-list .top-pickup-actions { gap: 8px; }
.pickup-list .top-pickup-actions { flex: 0 0 auto; }
.pickup-list .top-pickup-button { display: inline-flex; }
.pickup-list .top-pickup-button { align-items: center; }
.pickup-list .top-pickup-button { justify-content: center; }
.pickup-list .top-pickup-button { width: 136px; }
.pickup-list .top-pickup-button { min-height: 32px; }
.pickup-list .top-pickup-button { height: 32px; }
.pickup-list .top-pickup-button { padding: 10px 14px; }
.pickup-list .top-pickup-button { border: 1px solid #145a67; }
.pickup-list .top-pickup-button { border-radius: 4px; }
.pickup-list .top-pickup-button { background: #fff; }
.pickup-list .top-pickup-button { color: #145a67; }
.pickup-list .top-pickup-button { font-size: 12px; }
.pickup-list .top-pickup-button { font-weight: 700; }
.pickup-list .top-pickup-button { line-height: 1; }
.pickup-list .top-pickup-button { white-space: nowrap; }
.pickup-list .top-pickup-button { transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.pickup-list .top-pickup-button:hover { border-color: #145a67; }
.pickup-list .top-pickup-button:hover { background: #145a67; }
.pickup-list .top-pickup-button:hover { color: #fff; }
.pickup-list .top-pickup-button:hover { box-shadow: 0 8px 18px rgba(20, 90, 103, 0.14); }
.pickup-list .top-pickup-button.is-document { width: 136px; }
.pickup-list .top-pickup-button.is-document { border-color: #fd746a; }
.pickup-list .top-pickup-button.is-document { background: #fff; }
.pickup-list .top-pickup-button.is-document { color: #fd746a; }
.pickup-list .top-pickup-button.is-document:hover { background: #fd746a; }
.pickup-list .top-pickup-button.is-document:hover { color: #fff; }
.pickup-list .top-pickup-button.is-document:hover { box-shadow: 0 8px 18px rgba(253, 116, 106, 0.16); }
.pickup-list .top-pickup-button.is-video { width: 125px; }
.pickup-list .top-pickup-button.is-video { border-color: #d6e6ee; }
.pickup-list .top-pickup-button.is-video { background: #fff; }
.pickup-list .top-pickup-button.is-video { color: #173042; }
.pickup-list .top-pickup-button.is-video:hover { border-color: #00afcc; }
.pickup-list .top-pickup-button.is-video:hover { background: #d6e6ee; }
.pickup-list .top-pickup-button.is-video:hover { color: #00afcc; }
.pickup-list .top-pickup-button.is-video:hover { box-shadow: 0 8px 18px rgba(0, 175, 204, 0.12); }
.pickup-list .top-pickup-label-sp { display: none; }
.pickup-list.is-guest-banner { background: transparent; }
.guest-pickup-banner { display: block; }
.guest-pickup-banner { width: 100%; }
.guest-pickup-banner { overflow: hidden; }
.guest-pickup-banner { border-radius: 12px; }
.guest-pickup-banner { line-height: 0; }
.guest-pickup-banner img { display: block; }
.guest-pickup-banner img { width: 100%; }
.guest-pickup-banner img { height: auto; }
.pickup-page { background: #fff; }
.pickup-page-inner { display: flex; }
.pickup-page-inner { flex-direction: column; }
.pickup-page-inner { gap: 28px; }
.pickup-page-inner { padding: 48px 0 80px; }
.pickup-page-heading { display: flex; }
.pickup-page-heading { align-items: center; }
.pickup-page-heading { gap: 12px; }
.pickup-page-heading { min-height: 29px; }
.pickup-page-heading span { width: 5px; }
.pickup-page-heading span { height: 24px; }
.pickup-page-heading span { flex: 0 0 5px; }
.pickup-page-heading span { border-radius: 999px; }
.pickup-page-heading span { background: #00afcc; }
.pickup-page-heading h1 { margin: 0; }
.pickup-page-heading h1 { color: #0f1827; }
.pickup-page-heading h1 { font-size: 24px; }
.pickup-page-heading h1 { font-weight: 700; }
.pickup-page-heading h1 { line-height: 29px; }
.pickup-page-list { display: flex; }
.pickup-page-list { flex-direction: column; }
.pickup-page-list { gap: 12px; }
.pickup-page-list { overflow: visible; }
.pickup-page-row { position: relative; }
.pickup-page-row { display: flex; }
.pickup-page-row { align-items: center; }
.pickup-page-row { gap: 18px; }
.pickup-page-row { min-height: 76px; }
.pickup-page-row { padding: 16px 18px 16px 20px; }
.pickup-page-row { border: 1px solid #d4dee6; }
.pickup-page-row { border-radius: 12px; }
.pickup-page-row { background: #fff; }
.pickup-page-row { color: #173245; }
.pickup-page-row { transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.pickup-page-row { box-shadow: 0 4px 7px rgba(13, 31, 46, 0.08); }
.pickup-page-row time { width: 96px; }
.pickup-page-row time { flex: 0 0 96px; }
.pickup-page-row time { color: #6a7b87; }
.pickup-page-row time { font-size: 13px; }
.pickup-page-row time { font-weight: 400; }
.pickup-page-row time { line-height: normal; }
.pickup-page-row time { white-space: nowrap; }
.pickup-page-row strong { flex: 1 1 auto; }
.pickup-page-row strong { min-width: 0; }
.pickup-page-row strong { overflow: hidden; }
.pickup-page-row strong { color: #173245; }
.pickup-page-row strong { font-size: 15px; }
.pickup-page-row strong { font-weight: 500; }
.pickup-page-row strong { line-height: 24px; }
.pickup-page-row strong { text-overflow: ellipsis; }
.pickup-page-row strong { white-space: nowrap; }
.pickup-page-row:hover { background: #f8fcfd; }
.pickup-page-row:hover { transform: translateY(-3px); }
.pickup-page-row:hover { box-shadow: 0 12px 24px rgba(20, 51, 71, 0.16); }
.pickup-page-category { display: inline-flex; }
.pickup-page-category { align-items: center; }
.pickup-page-category { width: fit-content; }
.pickup-page-category { max-width: 216px; }
.pickup-page-category { min-height: 24px; }
.pickup-page-category { padding: 5px 10px; }
.pickup-page-category { border-radius: 999px; }
.pickup-page-category { background: #e9fafc; }
.pickup-page-category { color: #00afcc; }
.pickup-page-category { font-size: 12px; }
.pickup-page-category { font-weight: 700; }
.pickup-page-category { line-height: normal; }
.pickup-page-category { white-space: nowrap; }
.pickup-page-row > .pickup-page-category { flex: 0 0 auto; }
.pickup-page-actions { display: flex; }
.pickup-page-actions { justify-content: flex-end; }
.pickup-page-actions { gap: 10px; }
.pickup-page-actions { flex: 0 0 auto; }
.pickup-page-button { display: inline-flex; }
.pickup-page-button { align-items: center; }
.pickup-page-button { justify-content: center; }
.pickup-page-button { width: 132px; }
.pickup-page-button { height: 38px; }
.pickup-page-button { flex: 0 0 132px; }
.pickup-page-button { border: 1px solid #145a67; }
.pickup-page-button { border-radius: 8px; }
.pickup-page-button { background: #fff; }
.pickup-page-button { color: #145a67; }
.pickup-page-button { font-size: 13px; }
.pickup-page-button { font-weight: 700; }
.pickup-page-button { line-height: normal; }
.pickup-page-button { white-space: nowrap; }
.pickup-page-button { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.pickup-page-button:hover { border-color: #145a67; }
.pickup-page-button:hover { background: #145a67; }
.pickup-page-button:hover { color: #fff; }
.pickup-page-button:hover { box-shadow: 0 8px 18px rgba(20, 90, 103, 0.16); }
.pickup-page-button.is-video { border-color: #d6e6ee; }
.pickup-page-button.is-video { background: #fff; }
.pickup-page-button.is-video { color: #173042; }
.pickup-page-button.is-video:hover { border-color: #00afcc; }
.pickup-page-button.is-video:hover { background: #d6e6ee; }
.pickup-page-button.is-video:hover { color: #00afcc; }
.pickup-page-button.is-video:hover { box-shadow: 0 8px 18px rgba(0, 175, 204, 0.12); }
.pickup-page-button.is-document { border-color: #fd746a; }
.pickup-page-button.is-document { background: #fff; }
.pickup-page-button.is-document { color: #fd746a; }
.pickup-page-button.is-document:hover { border-color: #fd746a; }
.pickup-page-button.is-document:hover { background: #fd746a; }
.pickup-page-button.is-document:hover { color: #fff; }
.pickup-page-button.is-document:hover { box-shadow: 0 8px 18px rgba(253, 116, 106, 0.16); }
.pickup-message-panel { display: flex; }
.pickup-message-panel { flex-direction: column; }
.pickup-message-panel { align-items: center; }
.pickup-message-panel { gap: 12px; }
.pickup-message-panel { width: 100%; }
.pickup-message-panel { padding: 40px 32px; }
.pickup-message-panel { border: 1px solid #d4dee6; }
.pickup-message-panel { border-radius: 16px; }
.pickup-message-panel { background: #fff; }
.pickup-message-panel { box-shadow: 0 4px 7px rgba(13, 31, 46, 0.08); }
.pickup-message-panel { text-align: center; }
.pickup-message-panel.is-error { border-color: #fd746a; }
.pickup-message-panel strong { color: #173245; }
.pickup-message-panel strong { font-size: 18px; }
.pickup-message-panel strong { font-weight: 700; }
.pickup-message-panel strong { line-height: normal; }
.pickup-message-panel p { margin: 0; }
.pickup-message-panel p { color: #6a7b87; }
.pickup-message-panel p { font-size: 14px; }
.pickup-message-panel p { line-height: 24px; }
.pickup-pagination { display: flex; }
.pickup-pagination { align-items: center; }
.pickup-pagination { justify-content: center; }
.pickup-pagination { gap: 8px; }
.pickup-pagination { min-height: 100px; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { display: inline-flex; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { align-items: center; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { justify-content: center; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { height: 40px; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { border: 1px solid #d4dee6; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { border-radius: 8px; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { background: #fff; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { color: #173245; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { font-size: 13px; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { font-weight: 700; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { line-height: normal; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { white-space: nowrap; }
.pickup-pagination a, .pickup-pagination span.pickup-pagination-page { transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.pickup-pagination a:hover { border-color: #00afcc; }
.pickup-pagination a:hover { color: #00afcc; }
.pickup-pagination a:hover { box-shadow: 0 8px 18px rgba(0, 175, 204, 0.12); }
.pickup-pagination .is-current { border-color: #00afcc; }
.pickup-pagination .is-current { background: #00afcc; }
.pickup-pagination .is-current { color: #fff; }
.pickup-pagination .is-current { cursor: default; }
.pickup-pagination a.is-disabled { color: #91a0aa; }
.pickup-pagination a.is-disabled { pointer-events: none; }
.pickup-pagination-page { width: 40px; }
.pickup-pagination-nav { width: 64px; }
.material-tabs { width: fit-content; }
.material-tabs { max-width: 100%; }
.material-tabs { margin: 0 auto; }
.material-tabs { padding: 16px 18px; }
.material-tabs { border: 1px solid #d5e3ea; }
.material-tabs { border-radius: 18px; }
.material-tabs { background: #f7fbfd; }
.material-tabs .tabs-header { display: flex; }
.material-tabs .tabs-header { align-items: center; }
.material-tabs .tabs-header { justify-content: space-between; }
.material-tabs .tabs-header { width: 100%; }
.material-tabs .tabs-header { margin-bottom: 14px; }
.material-tabs .tabs-header > div { display: flex; }
.material-tabs .tabs-header > div { align-items: center; }
.material-tabs .tabs-header > div { gap: 10px; }
.material-tabs .tabs-header > div { padding: 8px 14px 8px 10px; }
.material-tabs .tabs-header > div { border-radius: 999px; }
.material-tabs .tabs-header > div { background: #e3f5fa; }
.material-tabs .tabs-header > div { color: #0e5963; }
.material-tabs .tabs-header > div { font-size: 14px; }
.material-tabs .tabs-header > div { font-weight: 700; }
.material-tabs .tabs-header > div { line-height: 20px; }
.material-tabs .tabs-header span { width: 20px; }
.material-tabs .tabs-header span { height: 20px; }
.material-tabs .tabs-header span { border-radius: 50%; }
.material-tabs .tabs-header span { background: #00afcc; }
.material-tabs .tabs-header b { display: inline-flex; }
.material-tabs .tabs-header b { align-items: center; }
.material-tabs .tabs-header b { justify-content: center; }
.material-tabs .tabs-header b { padding: 6px 12px; }
.material-tabs .tabs-header b { border: 1px solid #d5e3ea; }
.material-tabs .tabs-header b { border-radius: 999px; }
.material-tabs .tabs-header b { background: #fff; }
.material-tabs .tabs-header b { color: #627380; }
.material-tabs .tabs-header b { font-size: 11px; }
.material-tabs .tabs-header b { line-height: 14px; }
.material-tabs .tabs-row { display: flex; }
.material-tabs .tabs-row { flex-wrap: wrap; }
.material-tabs .tabs-row { gap: 8px; }
.material-tabs .tabs-row { padding: 8px; }
.material-tabs .tabs-row { border-radius: 14px; }
.material-tabs .tabs-row { background: #eaf2f6; }
.material-tabs a { display: inline-flex; }
.material-tabs a { align-items: center; }
.material-tabs a { min-height: 40px; }
.material-tabs a { padding: 11px 18px; }
.material-tabs a { border: 1px solid #d4dee6; }
.material-tabs a { border-radius: 12px; }
.material-tabs a { background: #fdfeff; }
.material-tabs a { color: #173245; }
.material-tabs a { font-size: 13px; }
.material-tabs a { font-weight: 700; }
.material-tabs a { line-height: 18px; }
.material-tabs a.is-active { border-color: #00afcc; }
.material-tabs a.is-active { background: #00afcc; }
.material-tabs a.is-active { color: #fff; }
.home-materials-head { display: flex; }
.home-materials-head { flex-direction: column; }
.home-materials-head { gap: 24px; }
.home-materials-head .section-title { width: 212px; }
.home-materials-head .material-tabs { width: 1028px; }
.home-materials-head .material-tabs { margin: 0 auto; }
.home-material-section, .materials-page { display: flex; }
.home-material-section, .materials-page { flex-direction: column; }
.home-material-section, .materials-page { gap: 24px; }
.material-list-block { --material-visible-count: 5; }
.material-list-block { position: relative; }
.material-list-block { min-height: 234.15px; }
.material-list-block { overflow: visible; }
.material-list-block { padding-left: 20px; }
.material-list-block { scroll-margin-top: 188px; }
.material-list-block.is-login-required { min-height: 214px; }
.material-list-block.is-login-required { padding-left: 0; }
.material-list-block + .material-list-block { margin-top: 16px; }
.material-list-head { display: flex; }
.material-list-head { align-items: center; }
.material-list-head { justify-content: space-between; }
.material-list-head { width: 100%; }
.material-list-actions { display: flex; }
.material-list-actions { flex-direction: column; }
.material-list-actions { align-items: center; }
.material-list-actions { gap: 10px; }
.material-list-actions { flex: 0 0 auto; }
.material-list-title { display: flex; }
.material-list-title { align-items: center; }
.material-list-title { gap: 10px; }
.material-list-title { overflow: hidden; }
.material-list-title span { width: 4px; }
.material-list-title span { height: 22px; }
.material-list-title span { flex: 0 0 4px; }
.material-list-title span { border-radius: 999px; }
.material-list-title span { background: #12a8c4; }
.material-list-title h2 { margin: 0; }
.material-list-title h2 { color: #111828; }
.material-list-title h2 { font-size: 16px; }
.material-list-title h2 { font-weight: 700; }
.material-list-title h2 { line-height: 26px; }
.material-list-title h2 { white-space: nowrap; }
.material-page-dots { display: flex; }
.material-page-dots { align-items: center; }
.material-page-dots { justify-content: center; }
.material-page-dots { gap: 4px; }
.material-page-dots { min-height: 8px; }
.material-page-dots.is-hidden { display: none; }
.material-page-dot { width: 16px; }
.material-page-dot { height: 2px; }
.material-page-dot { padding: 3px 0; }
.material-page-dot { border: 0; }
.material-page-dot { border-radius: 999px; }
.material-page-dot { background: transparent; }
.material-page-dot { cursor: pointer; }
.material-page-dot::before { display: block; }
.material-page-dot::before { width: 100%; }
.material-page-dot::before { height: 2px; }
.material-page-dot::before { border-radius: inherit; }
.material-page-dot::before { background: #c8d3dc; }
.material-page-dot::before { content: ""; }
.material-page-dot::before { transition: background-color 0.2s ease, transform 0.2s ease; }
.material-page-dot.is-active::before { background: #173042; }
.material-page-dot.is-active::before { transform: scaleX(1.08); }
.view-all-pill { display: inline-flex; }
.view-all-pill { align-items: center; }
.view-all-pill { justify-content: center; }
.view-all-pill { gap: 8px; }
.view-all-pill { width: 114px; }
.view-all-pill { height: 34px; }
.view-all-pill { padding: 7px 12px; }
.view-all-pill { border: 1px solid #d4dee6; }
.view-all-pill { border-radius: 999px; }
.view-all-pill { background: #fff; }
.view-all-pill { color: #173042; }
.view-all-pill { font-size: 13px; }
.view-all-pill { font-weight: 600; }
.view-all-pill { line-height: 13px; }
.view-all-pill { white-space: nowrap; }
.view-all-pill img { width: 18px; }
.view-all-pill img { height: 18px; }
.view-all-pill img { flex: 0 0 18px; }
.material-scroll-cue { position: absolute; }
.material-scroll-cue { right: -15px; }
.material-scroll-cue { bottom: -2px; }
.material-scroll-cue { z-index: 2; }
.material-scroll-cue { display: flex; }
.material-scroll-cue { align-items: center; }
.material-scroll-cue { justify-content: flex-end; }
.material-scroll-cue { width: 44px; }
.material-scroll-cue { height: 180px; }
.material-scroll-cue { padding: 10px; }
.material-scroll-cue { border: 0; }
.material-scroll-cue { background: linear-gradient(270deg, rgba(0, 0, 0, 0.318) 0%, rgba(18, 18, 18, 0.263) 54.808%, rgba(102, 102, 102, 0) 100%); }
.material-scroll-cue { cursor: pointer; }
.material-scroll-cue img { width: 28px; }
.material-scroll-cue img { max-width: none; }
.material-scroll-cue img { height: 24px; }
.material-scroll-cue.is-hidden { display: none; }
.material-list-window { --material-shadow-gutter-left: 24px; }
.material-list-window { --material-shadow-gutter-right: 14px; }
.material-list-window { --material-shadow-gutter-y: 40px; }
.material-list-window { width: calc(100% + var(--material-shadow-gutter-left) + var(--material-shadow-gutter-right)); }
.material-list-window { overflow: hidden; }
.material-list-window { margin: calc(var(--material-shadow-gutter-y) * -1) calc(var(--material-shadow-gutter-right) * -1) calc(var(--material-shadow-gutter-y) * -1) calc(var(--material-shadow-gutter-left) * -1); }
.material-list-window { padding: var(--material-shadow-gutter-y) var(--material-shadow-gutter-right) var(--material-shadow-gutter-y) var(--material-shadow-gutter-left); }
.material-login-banner { position: relative; }
.material-login-banner { display: block; }
.material-login-banner { width: 100%; }
.material-login-banner { height: 214px; }
.material-login-banner { min-height: 214px; }
.material-login-banner { overflow: hidden; }
.material-login-banner { padding: 0; }
.material-login-banner { border-radius: 0; }
.material-login-banner { background: var(--material-login-bg) center / cover no-repeat; }
.material-login-banner { box-shadow: none; }
.material-login-banner-message { position: absolute; }
.material-login-banner-message { top: 45px; }
.material-login-banner-message { left: 50%; }
.material-login-banner-message { margin: 0; }
.material-login-banner-message { transform: translateX(-50%); }
.material-login-banner-message { color: #0f1827; }
.material-login-banner-message { font-size: 20px; }
.material-login-banner-message { font-weight: 700; }
.material-login-banner-message { line-height: 26px; }
.material-login-banner-message { text-align: center; }
.material-login-banner-message { white-space: nowrap; }
.material-login-banner-message span { display: block; }
.material-login-banner-actions { position: absolute; }
.material-login-banner-actions { top: 117px; }
.material-login-banner-actions { left: calc(50% + 0.5px); }
.material-login-banner-actions { display: flex; }
.material-login-banner-actions { align-items: center; }
.material-login-banner-actions { gap: 12px; }
.material-login-banner-actions { transform: translateX(-50%); }
.material-login-banner-button { display: inline-flex; }
.material-login-banner-button { align-items: center; }
.material-login-banner-button { justify-content: center; }
.material-login-banner-button { width: 120px; }
.material-login-banner-button { height: 40px; }
.material-login-banner-button { padding: 10px; }
.material-login-banner-button { border: 1px solid #00afcc; }
.material-login-banner-button { border-radius: 6px; }
.material-login-banner-button { color: #00afcc; }
.material-login-banner-button { font-size: 13px; }
.material-login-banner-button { font-weight: 700; }
.material-login-banner-button { line-height: 21px; }
.material-login-banner-button { white-space: nowrap; }
.material-login-banner-button { transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.material-login-banner-button.is-login { background: #fff; }
.material-login-banner-button.is-register { border-color: #fd746a; }
.material-login-banner-button.is-register { background: #fd746a; }
.material-login-banner-button.is-register { color: #fff; }
.material-login-banner-button:hover { background: #00afcc; }
.material-login-banner-button:hover { color: #fff; }
.material-login-banner-button:hover { box-shadow: 0 6px 14px rgba(0, 175, 204, 0.16); }
.material-login-banner-button.is-register:hover { border-color: #fd746a; }
.material-login-banner-button.is-register:hover { background: #fff; }
.material-login-banner-button.is-register:hover { color: #fd746a; }
.material-list-block .material-grid { display: flex; }
.material-list-block .material-grid { flex-wrap: nowrap; }
.material-list-block .material-grid { gap: 16px; }
.material-list-block .material-grid { width: 100%; }
.material-list-block .material-grid { transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1); }
.material-list-block .material-grid { will-change: transform; }
.material-list-block .material-grid.is-resetting { transition: none; }
.material-list-block .material-card { flex: 0 0 calc((100% - 64px) / 5); }
.material-list-block .material-card { width: auto; }
// Add .is-wide to .material-list-block to restore the wide PC carousel. @media (min-width: 768px) .material-list-block.is-wide { width: min(1932px, calc(100vw - 48px)); }
// Add .is-wide to .material-list-block to restore the wide PC carousel. @media (min-width: 768px) .material-list-block.is-wide { max-width: none; }
// Add .is-wide to .material-list-block to restore the wide PC carousel. @media (min-width: 768px) .material-list-block.is-wide { margin-left: 50%; }
// Add .is-wide to .material-list-block to restore the wide PC carousel. @media (min-width: 768px) .material-list-block.is-wide { transform: translateX(-50%); }
@media (min-width: 1440px) { .material-list-block.is-wide { --material-visible-count: 6; } }
@media (min-width: 1440px) { .material-list-block.is-wide .material-card { flex-basis: calc((100% - 80px) / 6); } }
@media (min-width: 1680px) { .material-list-block.is-wide { --material-visible-count: 7; } }
@media (min-width: 1680px) { .material-list-block.is-wide .material-card { flex-basis: calc((100% - 96px) / 7); } }
@media (min-width: 1880px) { .material-list-block.is-wide { --material-visible-count: 8; } }
@media (min-width: 1880px) { .material-list-block.is-wide .material-card { flex-basis: calc((100% - 112px) / 8); } }
.page-materials .materials-page { margin-top: 28px; }
.materials-sp-heading, .materials-category-panel { display: none; }
.page-materials .page-block { padding-bottom: 62px; }
.material-pagination.is-single-page { display: none; }
.material-grid { display: flex; }
.material-grid { flex-wrap: wrap; }
.material-grid { gap: 16px; }
.material-card { display: flex; }
.material-card { flex-direction: column; }
.material-card { width: calc((100% - 64px) / 5); }
.material-card { min-width: 0; }
.material-card { overflow: hidden; }
.material-card { border-radius: 7px; }
.material-card { background: #fff; }
.material-card { box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
.material-card { transition: color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.material-card .material-card-image { display: block; }
.material-card .material-card-image { width: 100%; }
.material-card .material-card-image { overflow: hidden; }
.material-card .material-card-image { border-radius: 6px 6px 0 0; }
.material-card .material-card-image { aspect-ratio: 16 / 9; }
.material-card .material-card-image.is-thumbnail-placeholder { display: flex; }
.material-card .material-card-image.is-thumbnail-placeholder { align-items: center; }
.material-card .material-card-image.is-thumbnail-placeholder { justify-content: center; }
.material-card .material-card-image.is-thumbnail-placeholder { background: #fff; }
.material-card img { width: 100%; }
.material-card img { height: 100%; }
.material-card img { object-fit: contain; }
.material-card img { object-position: center center; }
.material-card .material-card-info { display: flex; }
.material-card .material-card-info { flex-direction: column; }
.material-card .material-card-info { justify-content: center; }
.material-card .material-card-info { width: 100%; }
.material-card .material-card-info { height: 47px; }
.material-card .material-card-info { overflow: hidden; }
.material-card .material-card-info { padding: 0 10px; }
.material-card .material-card-info { background: #fff; }
.material-card strong { display: -webkit-box; }
.material-card strong { width: 100%; }
.material-card strong { overflow: hidden; }
.material-card strong { color: #0f1827; }
.material-card strong { font-size: 14px; }
.material-card strong { font-weight: 700; }
.material-card strong { line-height: 22px; }
.material-card strong { -webkit-box-orient: vertical; }
.material-card strong { -webkit-line-clamp: 2; }
.material-card strong { text-overflow: ellipsis; }
.material-card strong { white-space: normal; }
.material-card strong { transition: color 0.2s ease; }
.material-card em { display: block; }
.material-card em { margin-top: 3px; }
.material-card em { overflow: hidden; }
.material-card em { color: #62717b; }
.material-card em { font-size: 11px; }
.material-card em { font-style: normal; }
.material-card em { font-weight: 700; }
.material-card em { line-height: 1.2; }
.material-card em { text-overflow: ellipsis; }
.material-card em { white-space: nowrap; }
.material-card.is-login-required { border: 1px solid #dbe9ee; }
.material-card.is-login-required { box-shadow: 0 4px 13px rgba(10, 46, 59, 0.1); }
.material-card.is-login-required .material-card-image { display: flex; }
.material-card.is-login-required .material-card-image { align-items: center; }
.material-card.is-login-required .material-card-image { justify-content: center; }
.material-card.is-login-required .material-card-image { background: linear-gradient(180deg, #f7fcfd 0%, #e6f6f8 100%); }
.material-card.is-login-required img { width: 72%; }
.material-card.is-login-required img { height: auto; }
.material-card.is-login-required img { object-fit: contain; }
.material-card.is-login-required .material-card-info { height: 58px; }
.home-archives { display: flex; }
.home-archives { flex-direction: column; }
.home-archives { gap: 50px; }
.home-archives { margin-top: 50px; }
.home-archive { display: flex; }
.home-archive { flex-direction: column; }
.home-archive { gap: 20px; }
.home-archive .archive-title-row { display: flex; }
.home-archive .archive-title-row { align-items: center; }
.home-archive .archive-title-row { justify-content: space-between; }
.home-archive .archive-title-row { min-height: 38px; }
.home-archive .section-title { min-height: 38px; }
.home-archive .section-title span { width: 5px; }
.home-archive .section-title span { height: 22px; }
.home-archive .section-title span { border-radius: 99px; }
.home-archive .section-title h2 { font-size: 24px; }
.home-archive .section-title h2 { line-height: 32px; }
.home-archive .compact-articles { gap: 18px; }
.home-archive .article-row { gap: 22px; }
.home-archive .article-row { min-height: 118px; }
.home-archive .article-row { padding: 16px; }
.home-archive .article-row { border-color: #d8e6ee; }
.home-archive .article-row { border-radius: 24px; }
.home-archive .article-row { box-shadow: 0 8px 22px rgba(20, 51, 71, 0.1); }
.home-archive .article-row .article-thumb, .home-archive .article-row .no-image { flex: 0 0 152px; }
.home-archive .article-row .article-thumb, .home-archive .article-row .no-image { width: 152px; }
.home-archive .article-row .article-thumb, .home-archive .article-row .no-image { height: 86px; }
.home-archive .article-row .article-thumb, .home-archive .article-row .no-image { border-radius: 16px; }
.home-archive .article-row .article-thumb img, .home-archive .article-row .no-image img { width: 100%; }
.home-archive .article-row .article-thumb img, .home-archive .article-row .no-image img { height: 100%; }
.home-archive .article-row .article-thumb img, .home-archive .article-row .no-image img { object-fit: contain; }
.home-archive .article-row .article-thumb img, .home-archive .article-row .no-image img { object-position: center center; }
.home-archive .article-row .article-thumb.is-thumbnail-placeholder img, .home-archive .article-row .no-image.is-thumbnail-placeholder img { width: 100%; }
.home-archive .article-row .article-thumb.is-thumbnail-placeholder img, .home-archive .article-row .no-image.is-thumbnail-placeholder img { height: 100%; }
.home-archive .article-row .article-thumb.is-thumbnail-placeholder img, .home-archive .article-row .no-image.is-thumbnail-placeholder img { object-fit: contain; }
.home-archive .article-row .article-thumb.is-thumbnail-placeholder img, .home-archive .article-row .no-image.is-thumbnail-placeholder img { object-position: center center; }
.home-archive .article-row .article-copy { display: flex; }
.home-archive .article-row .article-copy { flex-direction: column; }
.home-archive .article-row .article-copy { gap: 10px; }
.home-archive .article-row .article-copy { width: min(760px, 100%); }
.home-archive .article-row .article-copy { flex: 1 1 auto; }
.home-archive .article-row .meta { margin: 0; }
.home-archive .article-row time { color: #6a8394; }
.home-archive .article-row time { font-size: 12px; }
.home-archive .article-row time { font-weight: 500; }
.home-archive .article-row time { line-height: 1.2; }
.home-archive .article-row time { white-space: nowrap; }
.home-archive .article-row h3 { margin: 0; }
.home-archive .article-row h3 { color: #173042; }
.home-archive .article-row h3 { font-size: 20px; }
.home-archive .article-row h3 { font-weight: 700; }
.home-archive .article-row h3 { line-height: 1.2; }
.home-archive .article-row h3 { letter-spacing: -0.2px; }
.home-archive .article-row h3 { overflow: hidden; }
.home-archive .article-row h3 { text-overflow: ellipsis; }
.home-archive .article-row h3 { white-space: nowrap; }
.home-archive .article-row p { margin: 0; }
.home-archive .article-row p { color: #5c7382; }
.home-archive .article-row p { font-size: 15px; }
.home-archive .article-row p { font-weight: 400; }
.home-archive .article-row p { line-height: 1.45; }
.home-archive .article-row .article-action { flex: 0 0 156px; }
.home-archive .article-row .article-action { width: 156px; }
.home-archive .article-row .article-action .btn { width: 156px; }
.home-archive .article-row .article-action .btn { min-height: 37px; }
.home-archive .article-row .article-action .btn { height: 37px; }
.home-archive .article-row .article-action .btn { padding: 10px 18px; }
.home-archive .article-row .article-action .btn { border-radius: 4px; }
.home-archive .article-row .article-action .btn { font-size: 13px; }
.home-archive .article-row .article-action .btn { line-height: 16px; }
.case-grid { display: grid; }
.case-grid { grid-template-columns: repeat(4, 1fr); }
.case-grid { column-gap: 10.667px; }
.case-grid { row-gap: 20px; }
.featured-cases { grid-template-columns: repeat(3, 1fr); }
.featured-cases { gap: 20px; }
.featured-cases { margin-bottom: 28px; }
.case-card { display: flex; }
.case-card { flex-direction: column; }
.case-card { gap: 12px; }
.case-card { overflow: hidden; }
.case-card { border: 1px solid #d1d5db; }
.case-card { border-radius: 20px; }
.case-card { background: #fff; }
.case-card { box-shadow: 0 10px 24px rgba(20, 51, 71, 0.12); }
.case-card { transition: box-shadow 0.2s ease, transform 0.2s ease; }
.case-card .case-thumb { position: relative; }
.case-card .case-thumb { height: 182.75px; }
.case-card .case-thumb { padding: 16px; }
.case-card .case-thumb { border-bottom: 1px solid #1f2937; }
.case-card .case-thumb { background: #fff; }
.case-card .case-thumb img { width: 100%; }
.case-card .case-thumb img { height: 150.75px; }
.case-card .case-thumb img { border-radius: 16px; }
.case-card .case-thumb img { object-fit: contain; }
.case-card .case-thumb img { object-position: center center; }
.case-card .case-thumb.is-thumbnail-placeholder { display: flex; }
.case-card .case-thumb.is-thumbnail-placeholder { align-items: center; }
.case-card .case-thumb.is-thumbnail-placeholder { justify-content: center; }
.case-card .case-thumb span { position: absolute; }
.case-card .case-thumb span { top: 13px; }
.case-card .case-thumb span { right: 16px; }
.case-card .case-thumb span { padding: 6px 12px; }
.case-card .case-thumb span { border-radius: 999px; }
.case-card .case-thumb span { background: #fd746a; }
.case-card .case-thumb span { color: #fff; }
.case-card .case-thumb span { font-size: 11px; }
.case-card .case-thumb span { font-weight: 700; }
.case-card .case-body { display: flex; }
.case-card .case-body { flex-direction: column; }
.case-card .case-body { justify-content: space-between; }
.case-card .case-body { flex: 1; }
.case-card .case-body { min-height: 144px; }
.case-card .case-body { padding: 0 20px 20px; }
.case-card h3 { margin: 0 0 10px; }
.case-card h3 { color: #173042; }
.case-card h3 { font-size: 18px; }
.case-card h3 { line-height: 1.45; }
.case-card h3 { transition: color 0.2s ease; }
.case-card p { margin: 0; }
.case-card p { color: #6a8394; }
.case-card p { font-size: 12px; }
.case-card p { font-weight: 500; }
.case-card .case-body > div { display: flex; }
.case-card .case-body > div { justify-content: space-between; }
.case-card .case-body > div { gap: 10px; }
.case-card .case-body > div { margin-top: auto; }
.case-card .case-body > div { padding-top: 18px; }
.case-card .case-body > div .btn { min-height: 32px; }
.case-card .case-body > div .btn { height: 32px; }
.case-card .case-body > div .btn { padding: 10px 14px; }
.case-card .case-body > div .btn { border-radius: 4px; }
.case-card .case-body > div .btn { font-size: 12px; }
.case-card .case-body > div .btn { line-height: 12px; }
.case-card .case-body > div .btn { width: calc(50% - 5px); }
.case-card .case-body > div .btn { min-width: 0; }
.case-card .case-body > div .btn { flex: 1 1 calc(50% - 5px); }
.case-card .case-body > div .btn:only-child { flex: 1 1 100%; }
.case-card .case-body > div .btn:only-child { width: 100%; }
.case-card.is-featured .case-thumb { height: 237.313px; }
.case-card.is-featured .case-thumb img { height: 205.313px; }
.case-card.is-featured .case-thumb img { border-radius: 18px; }
.case-card.is-featured .case-body { min-height: 130px; }
.case-card.is-featured h3 { font-size: 20px; }
.case-card.is-featured h3 { line-height: 1.35; }
.case-card.is-featured .case-body > div { justify-content: flex-start; }
.page-cases .page-block, .page-cases main > .section-inner.page-block { padding-top: 28px; }
.page-cases .featured-cases { margin-top: 28px; }
.compact-articles, .article-list { display: flex; }
.compact-articles, .article-list { flex-direction: column; }
.compact-articles, .article-list { gap: 16px; }
.article-list-page { display: flex; }
.article-list-page { flex-direction: column; }
.article-list-page { gap: 28px; }
.article-list-page { padding-top: 48px; }
.article-list-page .section-title { justify-content: flex-start; }
.article-list-page .section-title { gap: 12px; }
.article-list-page .section-title { min-height: 34px; }
.article-list-page .section-title span { width: 5px; }
.article-list-page .section-title span { height: 24px; }
.article-list-page .section-title span { border-radius: 99px; }
.article-list-page .section-title h2 { font-size: 28px; }
.article-list-page .section-title h2 { line-height: 34px; }
.featured-article, .article-row { display: flex; }
.featured-article, .article-row { align-items: center; }
.featured-article, .article-row { border: 1px solid #dde8ec; }
.featured-article, .article-row { background: #fff; }
.featured-article, .article-row { box-shadow: 0 8px 22px rgba(20, 51, 71, 0.08); }
.featured-article, .article-row { transition: box-shadow 0.2s ease, transform 0.2s ease; }
.featured-article { gap: 28px; }
.featured-article { min-height: 276px; }
.featured-article { padding: 24px; }
.featured-article { border-radius: 24px; }
.featured-article > div:last-child { width: 772px; }
.featured-article h2 { margin: 14px 0; }
.featured-article h2 { color: #111827; }
.featured-article h2 { font-size: 30px; }
.featured-article h2 { line-height: 39px; }
.featured-article h2 { transition: color 0.2s ease; }
.featured-article p { margin: 0 0 14px; }
.featured-article p { color: #62717b; }
.featured-article p { font-size: 15px; }
.featured-article p { line-height: 24px; }
.featured-article p { overflow: hidden; }
.featured-article p { text-overflow: ellipsis; }
.featured-article p { white-space: nowrap; }
.featured-article .btn-primary, .featured-article .btn-detail, .article-row .btn-primary, .article-row .btn-detail { border-color: #145a67; }
.featured-article .btn-primary, .featured-article .btn-detail, .article-row .btn-primary, .article-row .btn-detail { background: #fff; }
.featured-article .btn-primary, .featured-article .btn-detail, .article-row .btn-primary, .article-row .btn-detail { color: #145a67; }
.featured-article > div:last-child > .btn { width: 124px; }
.featured-article > div:last-child > .btn { min-height: 42px; }
.featured-article > div:last-child > .btn { height: 42px; }
.featured-article > div:last-child > .btn { border-radius: 8px; }
.featured-article > div:last-child > .btn { padding: 12px 18px; }
.featured-article > div:last-child > .btn { font-size: 13px; }
.featured-article > div:last-child > .btn { line-height: 16px; }
.article-row { gap: 22px; }
.article-row { min-height: 154px; }
.article-row { padding: 16px 20px 16px 16px; }
.article-row { border-radius: 20px; }
.article-row h3 { margin: 9px 0; }
.article-row h3 { color: #111827; }
.article-row h3 { font-size: 19px; }
.article-row h3 { line-height: 26px; }
.article-row h3 { transition: color 0.2s ease; }
.article-row p { margin: 0; }
.article-row p { color: #62717b; }
.article-row p { font-size: 13px; }
.article-row p { line-height: 21px; }
.article-row p { overflow: hidden; }
.article-row p { text-overflow: ellipsis; }
.article-row p { white-space: nowrap; }
.article-copy { width: 800px; }
.article-copy { min-width: 0; }
.article-action { display: flex; }
.article-action { justify-content: flex-end; }
.article-action { width: 156px; }
.article-action .btn-coral, .article-action .btn-primary, .article-action .btn-detail { width: 156px; }
.article-action .btn-coral, .article-action .btn-primary, .article-action .btn-detail { min-height: 37px; }
.article-action .btn-coral, .article-action .btn-primary, .article-action .btn-detail { height: 37px; }
.article-action .btn-coral, .article-action .btn-primary, .article-action .btn-detail { padding: 12px 18px; }
.article-action .btn-coral, .article-action .btn-primary, .article-action .btn-detail { border-radius: 4px; }
.article-action .btn-coral, .article-action .btn-primary, .article-action .btn-detail { font-size: 13px; }
.article-action .btn-coral, .article-action .btn-primary, .article-action .btn-detail { line-height: 13px; }
.article-thumb, .no-image { flex: 0 0 216px; }
.article-thumb, .no-image { width: 216px; }
.article-thumb, .no-image { height: 121.5px; }
.article-thumb, .no-image { overflow: hidden; }
.article-thumb, .no-image { border: 1px solid #dde8ec; }
.article-thumb, .no-image { border-radius: 12px; }
.article-thumb, .no-image { background: #fff; }
.article-thumb img, .no-image img { width: 100%; }
.article-thumb img, .no-image img { height: 100%; }
.article-thumb img, .no-image img { object-fit: cover; }
.article-thumb.large, .no-image.large { flex-basis: 360px; }
.article-thumb.large, .no-image.large { width: 360px; }
.article-thumb.large, .no-image.large { height: 202.5px; }
.article-thumb.large, .no-image.large { border-radius: 18px; }
.no-image { display: flex; }
.no-image { align-items: center; }
.no-image { justify-content: center; }
.no-image img { width: 152px; }
.no-image img { height: auto; }
.no-image img { transform: none; }
.no-image img { object-fit: contain; }
.article-thumb.is-thumbnail-placeholder, .no-image.is-thumbnail-placeholder { display: flex; }
.article-thumb.is-thumbnail-placeholder, .no-image.is-thumbnail-placeholder { align-items: center; }
.article-thumb.is-thumbnail-placeholder, .no-image.is-thumbnail-placeholder { justify-content: center; }
.article-list-page .article-row .article-thumb img, .article-list-page .article-row .no-image img, .article-list-page .featured-article .article-thumb img, .article-list-page .featured-article .no-image img { width: 100%; }
.article-list-page .article-row .article-thumb img, .article-list-page .article-row .no-image img, .article-list-page .featured-article .article-thumb img, .article-list-page .featured-article .no-image img { height: 100%; }
.article-list-page .article-row .article-thumb img, .article-list-page .article-row .no-image img, .article-list-page .featured-article .article-thumb img, .article-list-page .featured-article .no-image img { object-fit: contain; }
.article-list-page .article-row .article-thumb img, .article-list-page .article-row .no-image img, .article-list-page .featured-article .article-thumb img, .article-list-page .featured-article .no-image img { object-position: center center; }
.article-list-page .article-row .article-thumb.is-thumbnail-placeholder img, .article-list-page .article-row .no-image.is-thumbnail-placeholder img { width: 100%; }
.article-list-page .article-row .article-thumb.is-thumbnail-placeholder img, .article-list-page .article-row .no-image.is-thumbnail-placeholder img { height: 100%; }
.article-list-page .article-row .article-thumb.is-thumbnail-placeholder img, .article-list-page .article-row .no-image.is-thumbnail-placeholder img { object-fit: contain; }
.article-list-page .article-row .article-thumb.is-thumbnail-placeholder img, .article-list-page .article-row .no-image.is-thumbnail-placeholder img { object-position: center center; }
.article-list-page .featured-article .article-thumb.is-thumbnail-placeholder img, .article-list-page .featured-article .no-image.is-thumbnail-placeholder img { width: 100%; }
.article-list-page .featured-article .article-thumb.is-thumbnail-placeholder img, .article-list-page .featured-article .no-image.is-thumbnail-placeholder img { height: 100%; }
.article-list-page .featured-article .article-thumb.is-thumbnail-placeholder img, .article-list-page .featured-article .no-image.is-thumbnail-placeholder img { object-fit: contain; }
.article-list-page .featured-article .article-thumb.is-thumbnail-placeholder img, .article-list-page .featured-article .no-image.is-thumbnail-placeholder img { object-position: center center; }
.meta { display: flex; }
.meta { align-items: center; }
.meta { gap: 10px; }
.meta time { color: #8fa1aa; }
.meta time { font-size: 12px; }
.meta time { line-height: 17px; }
.detail-page { padding: 48px 0 96px; }
.detail-page { background: #fff; }
.detail-inner { width: 960px; }
.detail-inner { margin: 0 auto; }
.detail-inner .back-button { width: 176px; }
.detail-inner .back-button { height: 42px; }
.detail-inner .detail-thumb { width: 960px; }
.detail-inner .detail-thumb { height: 504px; }
.detail-inner .detail-thumb { margin-bottom: 28px; }
.detail-inner .detail-thumb { border-radius: 0; }
.detail-inner h1 { margin: 18px 0 24px; }
.detail-inner h1 { font-size: 34px; }
.detail-inner h1 { line-height: 1.35; }
.detail-heading { display: flex; }
.detail-heading { align-items: center; }
.detail-heading { gap: 12px; }
.detail-heading { margin-bottom: 28px; }
.detail-heading span { width: 5px; }
.detail-heading span { height: 24px; }
.detail-heading span { border-radius: 999px; }
.detail-heading span { background: #00afcc; }
.detail-heading strong { font-size: 26px; }
.detail-heading strong { line-height: 34px; }
.detail-body { color: #2f3d46; }
.detail-body { font-size: 15px; }
.detail-body { line-height: 28px; }
.detail-body p { margin: 0 0 18px; }
.detail-download { display: flex; }
.detail-download { align-items: center; }
.detail-download { justify-content: center; }
.detail-download { width: 392px; }
.detail-download { height: 58px; }
.detail-download { margin: 36px auto 0; }
.detail-download { border-radius: 12px; }
.detail-download { font-size: 15px; }
.detail-back-bottom { display: flex; }
.detail-back-bottom { align-items: center; }
.detail-back-bottom { justify-content: center; }
.detail-back-bottom { margin: 24px auto 0; }
.form-page { min-height: 711px; }
.form-page { padding: 50px 0 96px; }
.form-page { background: #f7fafb; }
.form-page.small { min-height: 551px; }
.form-page.wide { min-height: 1169px; }
.form-card, .panel, .status-card { border: 1px solid #dde8ec; }
.form-card, .panel, .status-card { border-radius: 12px; }
.form-card, .panel, .status-card { background: #fff; }
.form-card, .panel, .status-card { box-shadow: 0 8px 11px rgba(0, 0, 0, 0.1); }
.form-card { width: 560px; }
.form-card { margin: 40px auto 0; }
.form-card { padding: 38px 40px; }
.form-card h2 { margin: 0 0 10px; }
.form-card h2 { font-size: 26px; }
.form-card h2 { line-height: 1.2; }
.form-card > p { margin: 0 0 20px; }
.form-card > p { color: #62717b; }
.form-card > p { font-size: 13px; }
.form-card > p { line-height: 22px; }
.form-card form { display: flex; }
.form-card form { flex-direction: column; }
.form-card form { gap: 20px; }
.form-card .btn-primary, .form-card button.btn { width: 100%; }
.form-card .btn-primary, .form-card button.btn { height: 48px; }
.form-card .btn-primary, .form-card button.btn { border-radius: 8px; }
.form-card .btn-primary, .form-card button.btn { font-size: 14px; }
.login-card { min-height: 456px; }
.compact-card { min-height: 184px; }
.password-card { width: 600px; }
.password-card { min-height: 395px; }
.register-card { width: 920px; }
.register-card { padding: 36px 40px; }
.confirm-card { width: 840px; }
.confirm-card { padding: 36px 40px; }
.field { display: flex; }
.field { flex-direction: column; }
.field { gap: 8px; }
.field span { color: #111827; }
.field span { font-size: 13px; }
.field span { font-weight: 700; }
.field input { width: 100%; }
.field input { height: 48px; }
.field input { padding: 0 14px; }
.field input { border: 1px solid #dde8ec; }
.field input { border-radius: 8px; }
.field input { background: #fff; }
.field input { color: #111827; }
.field input { font-size: 14px; }
.field input::placeholder { color: #8fa1aa; }
.field em { color: #fd746a; }
.field em { font-size: 12px; }
.field em { font-style: normal; }
.field em { line-height: 20px; }
.has-error input { border-color: #fd746a; }
.helper-links { display: flex; }
.helper-links { justify-content: space-between; }
.helper-links { color: #00afcc; }
.helper-links { font-size: 12px; }
.helper-links { font-weight: 700; }
.single-link { color: #00afcc; }
.single-link { font-size: 12px; }
.single-link { font-weight: 700; }
.form-error { padding: 14px; }
.form-error { border: 1px solid rgba(253, 116, 106, 0.35); }
.form-error { border-radius: 8px; }
.form-error { background: #fff2f1; }
.form-error { color: #fd746a; }
.form-error { font-size: 13px; }
.form-error { line-height: 20px; }
.form-error.wide { width: 100%; }
.notice-box { display: flex; }
.notice-box { gap: 11px; }
.notice-box { width: 100%; }
.notice-box { padding: 8px 20px 11px; }
.notice-box { border: 1px solid #fd746a; }
.notice-box { background: #f8f9f9; }
.notice-box { color: #f10; }
.notice-box { font-size: 14px; }
.notice-box { line-height: 1.55; }
.notice-box img { flex: 0 0 22px; }
.notice-box img { width: 22px; }
.notice-box img { height: 22px; }
.notice-box img { margin-top: 2px; }
.notice-box p, .notice-box ul { margin: 0; }
.notice-box ul { padding-left: 21px; }
.form-grid { display: grid; }
.form-grid { grid-template-columns: repeat(2, 1fr); }
.form-grid { gap: 20px 40px; }
.form-group { display: flex; }
.form-group { flex-direction: column; }
.form-group { gap: 10px; }
.label { color: #111827; }
.label { font-size: 13px; }
.label { font-weight: 700; }
.radio-pills { display: flex; }
.radio-pills { gap: 12px; }
.radio-pills label { position: relative; }
.radio-pills label { display: inline-flex; }
.radio-pills label { align-items: center; }
.radio-pills label { justify-content: center; }
.radio-pills label { width: 160px; }
.radio-pills label { height: 38px; }
.radio-pills label { border: 1px solid #dde8ec; }
.radio-pills label { border-radius: 19px; }
.radio-pills label { background: #fff; }
.radio-pills label { color: #111827; }
.radio-pills label { font-size: 13px; }
.radio-pills label { font-weight: 700; }
.radio-pills label { cursor: pointer; }
.radio-pills input { position: absolute; }
.radio-pills input { opacity: 0; }
.radio-pills .is-active { border-color: #00afcc; }
.radio-pills .is-active { background: #eaf8fa; }
.radio-pills .is-active { color: #00afcc; }
.radio-lines { display: flex; }
.radio-lines { align-items: center; }
.radio-lines { gap: 36px; }
.radio-lines label { display: inline-flex; }
.radio-lines label { align-items: center; }
.radio-lines label { gap: 9px; }
.radio-lines label { color: #111827; }
.radio-lines label { font-size: 14px; }
.radio-lines label { font-weight: 700; }
.radio-lines label { line-height: 1; }
.radio-lines label { cursor: pointer; }
.radio-lines input { width: 18px; }
.radio-lines input { height: 18px; }
.radio-lines input { margin: 0; }
.radio-lines input { appearance: none; }
.radio-lines input { border: 1px solid #b8c8d0; }
.radio-lines input { border-radius: 50%; }
.radio-lines input { background: #fff; }
.radio-lines input { cursor: pointer; }
.radio-lines input { transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.radio-lines input::after { content: ""; }
.radio-lines input::after { display: block; }
.radio-lines input::after { width: 8px; }
.radio-lines input::after { height: 8px; }
.radio-lines input::after { margin: 4px; }
.radio-lines input::after { border-radius: 50%; }
.radio-lines input::after { background: transparent; }
.radio-lines input::after { transition: background 0.2s ease; }
.radio-lines input:checked { border-color: #00afcc; }
.radio-lines input:checked::after { background: #00afcc; }
.radio-lines input:focus-visible { outline: none; }
.radio-lines input:focus-visible { box-shadow: 0 0 0 3px rgba(0, 175, 204, 0.2); }
.radio-lines .is-active { color: #00afcc; }
.mail-group { flex-direction: row; }
.mail-group { align-items: center; }
.mail-group { gap: 40px; }
.check-row { display: flex; }
.check-row { align-items: center; }
.check-row { gap: 10px; }
.check-row { color: #62717b; }
.check-row { font-size: 13px; }
.check-row input { width: 18px; }
.check-row input { height: 18px; }
.check-row input { accent-color: #00afcc; }
.check-row a { color: #00afcc; }
.check-row a { font-weight: 700; }
.check-row a { text-decoration: underline; }
.check-row a { text-underline-offset: 3px; }
.check-row a:hover { color: #fd746a; }
.consent-group { align-items: center; }
.consent-group { gap: 6px; }
.consent-check-row { display: inline-flex; }
.consent-check-row { align-items: center; }
.consent-check-row { width: auto; }
.consent-check-row { max-width: 100%; }
.consent-check-row { padding: 10px 20px; }
.consent-check-row { border: 2px solid #00afcc; }
.consent-check-row { border-radius: 6px; }
.consent-check-row { background: #fff; }
.consent-check-row { color: #111827; }
.consent-check-row { line-height: 1.55; }
.consent-check-row { cursor: pointer; }
.consent-check-row input { flex: 0 0 auto; }
.consent-check-row input { width: 18px; }
.consent-check-row input { height: 18px; }
.consent-check-row input { margin: 0; }
.consent-check-row input { appearance: none; }
.consent-check-row input { border: 1px solid #bfd0d8; }
.consent-check-row input { border-radius: 4px; }
.consent-check-row input { background: #efefef; }
.consent-check-row input { cursor: pointer; }
.consent-check-row input::after { content: ""; }
.consent-check-row input::after { display: block; }
.consent-check-row input::after { width: 5px; }
.consent-check-row input::after { height: 9px; }
.consent-check-row input::after { margin: 2px 0 0 5px; }
.consent-check-row input::after { border: solid #fff; }
.consent-check-row input::after { border-width: 0 2px 2px 0; }
.consent-check-row input::after { opacity: 0; }
.consent-check-row input::after { transform: rotate(45deg); }
.consent-check-row input:checked { border-color: #00afcc; }
.consent-check-row input:checked { background: #00afcc; }
.consent-check-row input:checked::after { opacity: 1; }
.consent-check-row input:focus-visible { outline: none; }
.consent-check-row input:focus-visible { box-shadow: 0 0 0 3px rgba(0, 175, 204, 0.18); }
.consent-check-row span { min-width: 0; }
.consent-check-row span { overflow-wrap: break-word; }
.consent-inline-button { padding: 0; }
.consent-inline-button { border: 0; }
.consent-inline-button { background: transparent; }
.consent-inline-button { color: #111827; }
.consent-inline-button { font: inherit; }
.consent-inline-button { font-weight: 400; }
.consent-inline-button { text-decoration: none; }
.consent-inline-button { cursor: pointer; }
[data-consent-completed] .consent-inline-button { color: #00afcc; }
[data-consent-completed] .consent-inline-button { text-decoration: underline; }
[data-consent-completed] .consent-inline-button { text-underline-offset: 3px; }
[data-consent-completed] .consent-inline-button:hover { color: #fd746a; }
.field-error { color: #fd746a; }
.field-error { font-size: 12px; }
.field-error { font-style: normal; }
.field-error { line-height: 20px; }
.wide-button { width: 100%; }
.wide-button:disabled { border-color: #c9ced1; }
.wide-button:disabled { background: #c9ced1; }
.wide-button:disabled { color: #fff; }
.wide-button:disabled { box-shadow: none; }
.wide-button:disabled { cursor: default; }
.wide-button:disabled { opacity: 1; }
.legal-page { padding: 50px 0 96px; }
.legal-page { background: #f7fafb; }
.legal-content { width: min(calc(100% - 48px), 1200px); }
.legal-content { margin: 40px auto 0; }
.legal-content { color: #111827; }
.legal-content { font-size: 15px; }
.legal-content { line-height: 1.9; }
.legal-content .legal-doc-title { margin: 0 0 24px; }
.legal-content .legal-doc-title { font-size: 22px; }
.legal-content .legal-doc-title { font-weight: 700; }
.legal-content .legal-doc-title { line-height: 1.45; }
.legal-content section { margin-top: 32px; }
.legal-content h2 { margin: 0 0 12px; }
.legal-content h2 { font-size: 18px; }
.legal-content h2 { font-weight: 700; }
.legal-content h2 { line-height: 1.55; }
.legal-content p, .legal-content ol, .legal-content ul { margin: 0; }
.legal-content p + p, .legal-content p + ul, .legal-content ul + p, .legal-content ul + ul, .legal-content p + ol { margin-top: 10px; }
.legal-content ol, .legal-content ul { padding-left: 1.6em; }
.legal-content li + li { margin-top: 8px; }
.legal-content li > ul { margin-top: 8px; }
.legal-content .legal-parenthesized { list-style: none; }
.legal-content .legal-parenthesized { padding-left: 0; }
.legal-content a { color: #00afcc; }
.legal-content a { font-weight: 700; }
.legal-content a { overflow-wrap: anywhere; }
.legal-content a { text-decoration: underline; }
.legal-content a { text-underline-offset: 3px; }
.legal-content a:hover { color: #fd746a; }
.legal-content .legal-effective-date { margin-top: 36px; }
.legal-content .legal-effective-date { font-weight: 700; }
.legal-consent-modal { position: fixed; }
.legal-consent-modal { inset: 0; }
.legal-consent-modal { z-index: 200; }
.legal-consent-modal { display: none; }
.legal-consent-modal { align-items: center; }
.legal-consent-modal { justify-content: center; }
.legal-consent-modal { padding: 10px; }
.legal-consent-modal.is-open { display: flex; }
.legal-consent-modal[hidden] { display: none !important; }
.legal-consent-backdrop { position: absolute; }
.legal-consent-backdrop { inset: 0; }
.legal-consent-backdrop { background: rgba(0, 0, 0, 0.7); }
.legal-consent-backdrop { cursor: pointer; }
.legal-consent-dialog { position: relative; }
.legal-consent-dialog { z-index: 1; }
.legal-consent-dialog { width: min(800px, calc(100vw - 32px)); }
.legal-consent-dialog { max-height: min(760px, calc(100vh - 40px)); }
.legal-consent-dialog { overflow: hidden; }
.legal-consent-dialog { padding: 0; }
.legal-consent-dialog { border: 0; }
.legal-consent-dialog { border-radius: 6px; }
.legal-consent-dialog { background: #fff; }
.legal-consent-dialog { box-shadow: 0 12px 32px rgba(5, 18, 23, 0.18); }
.legal-consent-dialog { outline: none; }
.legal-consent-close { display: inline-flex; }
.legal-consent-close { align-items: center; }
.legal-consent-close { justify-content: center; }
.legal-consent-close { flex: 0 0 86px; }
.legal-consent-close { width: 86px; }
.legal-consent-close { height: 36px; }
.legal-consent-close { padding: 0 18px; }
.legal-consent-close { border: 1.5px solid #004753; }
.legal-consent-close { border-radius: 5px; }
.legal-consent-close { background: #fff; }
.legal-consent-close { color: #004753; }
.legal-consent-close { font-size: 13px; }
.legal-consent-close { font-weight: 700; }
.legal-consent-close { line-height: 1; }
.legal-consent-close { cursor: pointer; }
.legal-consent-step { display: flex; }
.legal-consent-step { flex-direction: column; }
.legal-consent-step { max-height: min(760px, calc(100vh - 40px)); }
.legal-consent-step h2 { margin: 0; }
.legal-consent-step h2 { color: #111827; }
.legal-consent-step h2 { font-size: 22px; }
.legal-consent-step h2 { font-weight: 700; }
.legal-consent-step h2 { line-height: 1.45; }
.legal-consent-step[hidden] { display: none !important; }
.legal-consent-head { display: flex; }
.legal-consent-head { align-items: center; }
.legal-consent-head { justify-content: space-between; }
.legal-consent-head { gap: 20px; }
.legal-consent-head { width: 100%; }
.legal-consent-head { padding: 22px 32px 18px; }
.legal-consent-head { border-bottom: 1px solid #e2ebef; }
.legal-consent-body { width: 100%; }
.legal-consent-body { padding: 26px 32px 44px; }
.legal-consent-body { border-bottom: 1px solid #e2ebef; }
.legal-consent-scroll { height: min(343px, calc(100vh - 310px)); }
.legal-consent-scroll { min-height: 300px; }
.legal-consent-scroll { overflow: auto; }
.legal-consent-scroll { padding: 20px; }
.legal-consent-scroll { border: 1px solid #dde7ec; }
.legal-consent-scroll { border-radius: 5px; }
.legal-consent-scroll { background: #fafcfd; }
.legal-consent-scroll .legal-content { width: 100%; }
.legal-consent-scroll .legal-content { margin: 0; }
.legal-consent-scroll .legal-content { font-size: 13px; }
.legal-consent-scroll .legal-content { line-height: 1.85; }
.legal-consent-scroll .legal-doc-title { font-size: 18px; }
.legal-consent-foot { display: flex; }
.legal-consent-foot { justify-content: flex-end; }
.legal-consent-foot { width: 100%; }
.legal-consent-foot { padding: 28px 32px 22px; }
.legal-consent-action { width: auto; }
.legal-consent-action { min-width: 262px; }
.legal-consent-action { min-height: 50px; }
.legal-consent-action { padding: 13px 32px; }
.legal-consent-action { border-radius: 5px; }
.legal-consent-action { font-size: 15px; }
.legal-consent-action:disabled { border-color: #c9ced1; }
.legal-consent-action:disabled { background: #c9ced1; }
.legal-consent-action:disabled { color: #fff; }
.legal-consent-action:disabled { box-shadow: none; }
.legal-consent-action:disabled { cursor: default; }
.legal-consent-action:disabled { opacity: 1; }
.button-row { display: flex; }
.button-row { gap: 16px; }
.button-row form { display: flex; }
.button-row form { flex: 1; }
.button-row .btn { flex: 1; }
.button-row .btn { height: 48px; }
.button-row .btn { border-radius: 8px; }
.button-row .btn { font-size: 14px; }
.confirm-table { margin: 0; }
.confirm-table div { display: grid; }
.confirm-table div { grid-template-columns: 180px 1fr; }
.confirm-table div { align-items: center; }
.confirm-table div { min-height: 71px; }
.confirm-table div { border-bottom: 1px solid #e7eef2; }
.confirm-table dt { color: #111827; }
.confirm-table dt { font-size: 13px; }
.confirm-table dt { font-weight: 700; }
.confirm-table dd { margin: 0; }
.confirm-table dd { color: #111827; }
.confirm-table dd { font-size: 14px; }
.confirm-table dd { font-weight: 700; }
.status-page { display: flex; }
.status-page { align-items: flex-start; }
.status-page { justify-content: center; }
.status-page { min-height: 581px; }
.status-page { padding-top: 160px; }
.status-page { background: #f7fafb; }
.status-flow-page .status-card { margin: 40px auto 0; }
.status-card { width: 600px; }
.status-card { min-height: 211px; }
.status-card { padding: 38px 40px; }
.status-card .status-icon { display: none; }
.status-card.warning .status-icon { background: #fff2f1; }
.status-card.warning .status-icon { color: #fd746a; }
.status-card h1 { margin: 0 0 18px; }
.status-card h1 { font-size: 24px; }
.status-card h1 { line-height: 1.35; }
.status-card p { margin: 0 0 22px; }
.status-card p { color: #62717b; }
.status-card p { font-size: 13px; }
.status-card p { line-height: 22px; }
.status-card .btn { width: 100%; }
.status-card .btn { height: 48px; }
.status-card .btn { border-radius: 8px; }
.status-card .btn { font-size: 14px; }
.mypage-page { min-height: 1260px; }
.mypage-content { display: flex; }
.mypage-content { flex-direction: column; }
.mypage-content { gap: 32px; }
.mypage-content { width: 960px; }
.mypage-content { margin: 51px auto 0; }
.panel { padding: 36px 40px; }
.panel header { display: flex; }
.panel header { align-items: center; }
.panel header { justify-content: space-between; }
.panel header { margin-bottom: 28px; }
.panel h2 { margin: 0; }
.panel h2 { font-size: 20px; }
.panel h2 { line-height: 28px; }
.profile-panel { width: 960px; }
.profile-detail-list { width: 100%; }
.profile-detail-list { margin: 0; }
.profile-detail-list div { display: flex; }
.profile-detail-list div { align-items: center; }
.profile-detail-list div { gap: 40px; }
.profile-detail-list div { min-height: 64px; }
.profile-detail-list div { border-bottom: 1px solid #e7eef2; }
.profile-detail-list div:first-child { min-height: 42px; }
.profile-detail-list div:last-child { border-bottom: 0; }
.profile-detail-list dt { flex: 0 0 160px; }
.profile-detail-list dt { color: #62717b; }
.profile-detail-list dt { font-size: 13px; }
.profile-detail-list dt { font-weight: 700; }
.profile-detail-list dt { line-height: 20px; }
.profile-detail-list dd { flex: 1 1 auto; }
.profile-detail-list dd { min-width: 0; }
.profile-detail-list dd { margin: 0; }
.profile-detail-list dd { color: #111827; }
.profile-detail-list dd { font-size: 14px; }
.profile-detail-list dd { font-weight: 700; }
.profile-detail-list dd { line-height: 22px; }
.profile-detail-list dd { overflow-wrap: anywhere; }
.profile-confirm { width: 840px; }
.profile-confirm { padding: 36px 40px 28px; }
.profile-confirm .button-row { display: grid; }
.profile-confirm .button-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.profile-confirm .button-row { margin-top: 20px; }
.profile-confirm .button-row form { display: block; }
.profile-confirm .button-row .btn { width: 100%; }
.profile-confirm-list div { min-height: 63px; }
.profile-confirm-list div:first-child { min-height: 42px; }
.mail-panel h2 { margin-bottom: 10px; }
.mail-panel h2 { font-size: 20px; }
.mail-panel h2 { line-height: 28px; }
.mail-panel p { margin: 0 0 20px; }
.mail-panel p { color: #62717b; }
.mail-panel p { font-size: 13px; }
.mail-panel p { line-height: 22px; }
.mail-panel > div { display: flex; }
.mail-panel > div { align-items: center; }
.mail-panel > div { gap: 16px; }
.mail-panel > div { min-height: 40px; }
.mail-panel strong { font-size: 14px; }
.mail-panel span { flex: 1; }
.mail-panel span { color: #00afcc; }
.mail-panel span { font-size: 13px; }
.mail-panel span { font-weight: 700; }
.mail-panel .btn-white { width: 120px; }
.mail-panel .btn-white { height: 40px; }
.mail-panel .btn-white { border-color: #00afcc; }
.mail-panel .btn-white { color: #00afcc; }
.history-panel h2 { margin-bottom: 20px; }
.history-panel > .history-row { display: grid; }
.history-panel > .history-row { grid-template-columns: 104px minmax(0, 1fr) auto; }
.history-panel > .history-row { gap: 16px; }
.history-panel > .history-row { align-items: center; }
.history-panel > .history-row { height: 64px; }
.history-panel > .history-row { padding: 16px 18px; }
.history-panel > .history-row { border: 1px solid #e7eef2; }
.history-panel > .history-row { background: #fff; }
.history-panel > .history-row { color: #111827; }
.history-panel > .history-row { text-decoration: none; }
.history-panel > .history-row .history-meta { display: contents; }
.history-panel > .history-row time, .history-panel > .history-row strong { min-width: 0; }
.history-panel > .history-row time, .history-panel > .history-row strong { word-break: break-word; }
.history-panel > .history-row time { color: #62717b; }
.history-panel > .history-row time { font-size: 13px; }
.history-panel > .history-row time { line-height: 20px; }
.history-panel > .history-row strong { font-size: 14px; }
.history-panel > .history-row strong { line-height: 22px; }
.history-panel > .history-row .history-open { display: inline-flex; }
.history-panel > .history-row .history-open { align-items: center; }
.history-panel > .history-row .history-open { justify-content: center; }
.history-panel > .history-row .history-open { height: 34px; }
.history-panel > .history-row .history-open { padding: 0 18px; }
.history-panel > .history-row .history-open { border: 1px solid #00afcc; }
.history-panel > .history-row .history-open { border-radius: 8px; }
.history-panel > .history-row .history-open { background: #fff; }
.history-panel > .history-row .history-open { color: #00afcc; }
.history-panel > .history-row .history-open { font-size: 12px; }
.history-panel > .history-row .history-open { font-weight: 700; }
.history-panel > .history-row .history-open { line-height: 18px; }
.history-panel > .history-row .history-open { white-space: nowrap; }
.history-panel .history-row.is-disabled { color: #62717b; }
.history-panel .history-row.is-disabled .history-open { border-color: #aeb8bf; }
.history-panel .history-row.is-disabled .history-open { color: #aeb8bf; }
.history-panel .history-row.is-disabled .history-open { opacity: 0.5; }
.history-panel .history-row.is-disabled .history-open { pointer-events: none; }
.history-panel .history-empty { margin: 0; }
.history-panel .history-empty { color: #62717b; }
.history-panel .history-empty { font-size: 14px; }
.withdrawal-panel { display: flex; }
.withdrawal-panel { align-items: center; }
.withdrawal-panel { justify-content: space-between; }
.withdrawal-panel { padding-top: 28px; }
.withdrawal-panel { padding-bottom: 28px; }
.withdrawal-panel h2 { margin-bottom: 6px; }
.withdrawal-panel h2 { font-size: 18px; }
.withdrawal-panel p { margin: 0; }
.withdrawal-panel p { color: #62717b; }
.withdrawal-panel p { font-size: 13px; }
.withdrawal-card .btn-coral { border-color: #fd746a; }
.withdrawal-card .btn-coral { background: #fd746a; }
.withdrawal-card .btn-coral { color: #fff; }
.withdrawal-card .btn-coral:hover { background: #fff; }
.withdrawal-card .btn-coral:hover { color: #fd746a; }
.member-line { display: flex; }
.member-line { align-items: center; }
.member-line { gap: 20px; }
.member-line { font-size: 13px; }
.member-line { font-weight: 700; }
.member-line b { color: #111827; }
.member-line-role { gap: 10px; }
.member-line-role span { display: inline-flex; }
.member-line-role span { align-items: center; }
.member-line-role span { gap: 10px; }
.member-line-role span::after { content: ""; }
.member-line-role span::after { width: 1px; }
.member-line-role span::after { height: 14px; }
.member-line-role span::after { background: #d6e6ee; }
.member-line-role b { color: #00afcc; }
.mailmagazine-card { width: 760px; }
.mypage-status-page { min-height: 711px; }
.mypage-status-card { width: 840px; }
.mypage-status-card { margin-top: 51px; }
.mypage-status-card { padding: 36px 40px; }
.mypage-status-card h2 { margin: 0 0 10px; }
.mypage-status-card h2 { color: #111827; }
.mypage-status-card h2 { font-size: 20px; }
.mypage-status-card h2 { line-height: 28px; }
.mypage-status-card p { margin: 0 0 28px; }
.mypage-status-card p { color: #62717b; }
.mypage-status-card p { font-size: 13px; }
.mypage-status-card p { line-height: 22px; }
.mypage-status-card .btn { width: 100%; }
.mypage-status-card .btn { height: 48px; }
.mypage-status-card .btn { border-radius: 8px; }
.mypage-status-card .btn { font-size: 14px; }
.warning-box { padding: 18px 20px; }
.warning-box { border: 1px solid rgba(253, 116, 106, 0.35); }
.warning-box { border-radius: 10px; }
.warning-box { background: #fff8f7; }
.warning-box strong { display: block; }
.warning-box strong { margin-bottom: 8px; }
.warning-box p { margin: 0; }
.warning-box p { color: #62717b; }
.warning-box p { font-size: 13px; }
.warning-box p { line-height: 22px; }
.warning-box b { display: block; }
.warning-box b { margin-top: 8px; }
.warning-box b { color: #fd746a; }
.warning-box b { font-size: 18px; }
.withdrawal-error-card { width: 680px; }
.status-chip { display: inline-flex; }
.status-chip { margin-bottom: 22px; }
.status-chip { padding: 7px 14px; }
.status-chip { border-radius: 999px; }
.status-chip { background: #fff2f1; }
.status-chip { color: #fd746a; }
.status-chip { font-size: 13px; }
.status-chip { font-weight: 700; }
.search-card { width: 760px; }
.search-card form { display: flex; }
.search-card form { flex-direction: row; }
.search-card form { gap: 16px; }
.search-card input { flex: 1; }
.search-card input { height: 48px; }
.search-card input { padding: 0 14px; }
.search-card input { border: 1px solid #dde8ec; }
.search-card input { border-radius: 8px; }
.search-card button { width: 140px !important; }
.search-results { display: flex; }
.search-results { flex-direction: column; }
.search-results { gap: 16px; }
.search-results { margin-top: 48px; }
.search-empty { margin: 0; }
.search-empty { color: #62717b; }
.search-empty { font-size: 14px; }
.contact-card { width: 760px; }
.contact-card { min-height: 0; }
.contact-card { overflow: visible; }
.contact-card.is-loading { width: 600px; }
.contact-card.is-loading { min-height: 144px; }
.contact-card.is-loading { padding: 38px 40px; }
.contact-card.is-loading { overflow: hidden; }
.contact-card.is-error { width: 600px; }
.contact-card.is-error { min-height: 196px; }
.contact-card.is-error { padding: 30px 40px; }
.contact-card.is-error { overflow: hidden; }
.contact-card.is-ready { width: 760px; }
.contact-card.is-ready { min-height: 0; }
.contact-card.is-complete { width: 600px; }
.contact-card.is-complete { min-height: 214px; }
.contact-card.is-complete { padding: 38px 40px; }
.contact-card.is-complete { overflow: hidden; }
.contact-card-heading, .contact-card-lead { display: none; }
.hubspot-loading { display: flex; }
.hubspot-loading { flex-direction: column; }
.hubspot-loading { align-items: center; }
.hubspot-loading { gap: 14px; }
.hubspot-loading { margin: 0; }
.hubspot-loading { color: #111827; }
.hubspot-loading { font-size: 13px; }
.hubspot-loading { font-weight: 700; }
.hubspot-loading { line-height: 22px; }
.hubspot-loading p { width: 100%; }
.hubspot-loading p { margin: 0; }
.hubspot-spinner { width: 32px; }
.hubspot-spinner { height: 32px; }
.hubspot-spinner { border: 3px solid rgba(0, 175, 204, 0.18); }
.hubspot-spinner { border-top-color: #00afcc; }
.hubspot-spinner { border-radius: 50%; }
.hubspot-spinner { animation: hubspot-spin 0.9s linear infinite; }
.hubspot-error { display: flex; }
.hubspot-error { flex-direction: column; }
.hubspot-error { gap: 12px; }
.hubspot-error { margin: 0; }
.hubspot-error-message { display: flex; }
.hubspot-error-message { flex-direction: column; }
.hubspot-error-message { gap: 2px; }
.hubspot-error-message { padding: 9px 16px; }
.hubspot-error-message { border: 1px solid #fd746a; }
.hubspot-error-message { border-radius: 6px; }
.hubspot-error-message { background: #fff8f7; }
.hubspot-error-message { color: #fd746a; }
.hubspot-error-message b { font-size: 13px; }
.hubspot-error-message b { line-height: 20px; }
.hubspot-error-message span { font-size: 12px; }
.hubspot-error-message span { line-height: 18px; }
.hubspot-error-button { display: inline-flex; }
.hubspot-error-button { align-items: center; }
.hubspot-error-button { justify-content: center; }
.hubspot-error-button { width: 100%; }
.hubspot-error-button { height: 48px; }
.hubspot-error-button { border: 1px solid #00afcc; }
.hubspot-error-button { border-radius: 6px; }
.hubspot-error-button { background: #fff; }
.hubspot-error-button { color: #00afcc; }
.hubspot-error-button { font-size: 13px; }
.hubspot-error-button { font-weight: 700; }
.hubspot-error-button { text-decoration: none; }
.hubspot-error-button { transition: background-color 0.2s ease, color 0.2s ease; }
.hubspot-error-button:hover { background: #00afcc; }
.hubspot-error-button:hover { color: #fff; }
.contact-card .hs-form-frame { width: 100%; }
.contact-card .hs-form-frame { min-height: 760px; }
.contact-card.is-loading .hs-form-frame, .contact-card.is-error .hs-form-frame { min-height: 0; }
.contact-card iframe { display: block; }
.contact-card iframe { width: 100% !important; }
.contact-card iframe { max-width: 100%; }
.contact-card iframe { min-height: 760px; }
.contact-card iframe { border: 0; }
.contact-card form, .contact-card .hs-form, .contact-card [data-hs-forms-root] { width: 100%; }
.contact-card .hs-form { display: grid; }
.contact-card .hs-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact-card .hs-form { column-gap: 40px; }
.contact-card .hs-form { row-gap: 20px; }
.contact-card .hs-form { margin: 0; }
.contact-card .hs-form fieldset { display: contents; }
.contact-card .hs-form fieldset { width: 100% !important; }
.contact-card .hs-form fieldset { max-width: none !important; }
.contact-card .hs-form fieldset { margin: 0; }
.contact-card .hs-form fieldset { padding: 0; }
.contact-card .hs-form fieldset { border: 0; }
.contact-card .hs-form-field { width: 100% !important; }
.contact-card .hs-form-field { margin: 0; }
.contact-card .hs-form-field { gap: 0; }
.contact-card .field { gap: 0; }
.contact-card .hs-form fieldset.form-columns-2 .hs-form-field { width: 100% !important; }
.contact-card .hs-form fieldset.form-columns-2 .hs-form-field { float: none !important; }
.contact-card .hs_company, .contact-card .hs_contact_notes, .contact-card .legal-consent-container, .contact-card .hs-submit { grid-column: 1 / -1; }
.contact-card .hs-form .input { margin: 0 !important; }
.contact-card .hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) { width: 100% !important; }
.contact-card .hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) { max-width: 100% !important; }
.contact-card .hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) { box-sizing: border-box; }
.contact-card .hs-form-field > label { display: inline-flex; }
.contact-card .hs-form-field > label { align-items: center; }
.contact-card .hs-form-field > label { gap: 8px; }
.contact-card .hs-form-field > label { margin: 0 0 6px; }
.contact-card .hs-form-field > label { color: #111827; }
.contact-card .hs-form-field > label { font-size: 13px; }
.contact-card .hs-form-field > label { font-weight: 700; }
.contact-card .hs-form-field > label { line-height: 20px; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { display: inline-flex; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { align-items: center; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { justify-content: center; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { min-width: 0; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { height: auto; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { padding: 0; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { border-radius: 0; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { background: transparent; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { color: #F44336; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { font-size: 11px; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { font-weight: 700; }
.contact-card .hs-form-required, .contact-card .hs-form-field > label span:not(:first-child) { line-height: 14px; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card textarea, .contact-card select { width: 100% !important; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card textarea, .contact-card select { border: 1px solid #d1dce0; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card textarea, .contact-card select { border-radius: 8px; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card textarea, .contact-card select { background: #fff; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card textarea, .contact-card select { color: #111827; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card textarea, .contact-card select { font-size: 14px; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card textarea, .contact-card select { line-height: 22px; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card select { min-height: 48px !important; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card select { height: 48px; }
.contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card select { padding: 0 14px; }
.contact-card textarea { min-height: 120px !important; }
.contact-card textarea { padding: 12px 14px; }
.contact-card textarea { resize: vertical; }
.contact-card input::placeholder, .contact-card textarea::placeholder { color: #9ca3af; }
.contact-card input::placeholder, .contact-card textarea::placeholder { opacity: 1; }
.contact-card .hs-richtext { width: 100%; }
.contact-card .hs-richtext { margin: 0; }
.contact-card .legal-consent-container { width: 100%; }
.contact-card .legal-consent-container > .hs-richtext { max-height: 92px; }
.contact-card .legal-consent-container > .hs-richtext { overflow-x: hidden; }
.contact-card .legal-consent-container > .hs-richtext { overflow-y: auto; }
.contact-card .legal-consent-container > .hs-richtext { padding: 12px 14px; }
.contact-card .legal-consent-container > .hs-richtext { border: 1px solid #dde8ec; }
.contact-card .legal-consent-container > .hs-richtext { border-radius: 8px; }
.contact-card .legal-consent-container > .hs-richtext { background: #f7fafb; }
.contact-card .legal-consent-container > .hs-richtext { color: #62717b; }
.contact-card .legal-consent-container > .hs-richtext { font-weight: 400; }
.contact-card .legal-consent-container > .hs-richtext { scrollbar-color: #c6d7de transparent; }
.contact-card .legal-consent-container > .hs-richtext { scrollbar-width: thin; }
.contact-card .legal-consent-container > .hs-richtext::-webkit-scrollbar { width: 6px; }
.contact-card .legal-consent-container > .hs-richtext::-webkit-scrollbar-track { background: transparent; }
.contact-card .legal-consent-container > .hs-richtext::-webkit-scrollbar-thumb { border-radius: 999px; }
.contact-card .legal-consent-container > .hs-richtext::-webkit-scrollbar-thumb { background: #c6d7de; }
.contact-card .legal-consent-container > .hs-richtext p { margin: 0; }
.contact-card .legal-consent-container > .hs-richtext p { color: #62717b; }
.contact-card .legal-consent-container > .hs-richtext p { font-size: 12px; }
.contact-card .legal-consent-container > .hs-richtext p { font-weight: 400; }
.contact-card .legal-consent-container > .hs-richtext p { line-height: 20px; }
.contact-card .legal-consent-container > .hs-richtext p:first-child { color: #62717b; }
.contact-card .legal-consent-container > .hs-richtext p:first-child { font-size: 12px; }
.contact-card .legal-consent-container > .hs-richtext p:first-child { font-weight: 400; }
.contact-card .legal-consent-container .hs-dependent-field { margin-top: 12px; }
.contact-card .inputs-list { margin: 0; }
.contact-card .inputs-list { padding: 0; }
.contact-card .inputs-list { list-style: none; }
.contact-card .hs-form-booleancheckbox-display { display: flex; }
.contact-card .hs-form-booleancheckbox-display { align-items: flex-start; }
.contact-card .hs-form-booleancheckbox-display { gap: 8px; }
.contact-card .hs-form-booleancheckbox-display { color: #111827; }
.contact-card .hs-form-booleancheckbox-display { font-size: 13px; }
.contact-card .hs-form-booleancheckbox-display { line-height: 20px; }
.contact-card .hs-form-booleancheckbox-display input[type="checkbox"] { flex: 0 0 auto; }
.contact-card .hs-form-booleancheckbox-display input[type="checkbox"] { width: 16px; }
.contact-card .hs-form-booleancheckbox-display input[type="checkbox"] { height: 16px; }
.contact-card .hs-form-booleancheckbox-display input[type="checkbox"] { margin: 2px 0 0; }
.contact-card .hs-form-booleancheckbox-display input[type="checkbox"] { border: 1px solid #d1dce0; }
.contact-card .hs-form-booleancheckbox-display input[type="checkbox"] { border-radius: 3px; }
.contact-card .hs-form-booleancheckbox-display input[type="checkbox"] { accent-color: #00afcc; }
.contact-card .hs-form-booleancheckbox-display > span { display: block; }
.contact-card .hs-form-booleancheckbox-display > span { margin: 0; }
.contact-card .hs-error-msgs { margin: 6px 0 0; }
.contact-card .hs-error-msgs { padding: 0; }
.contact-card .hs-error-msgs { color: #fd746a; }
.contact-card .hs-error-msgs { font-size: 12px; }
.contact-card .hs-error-msgs { line-height: 18px; }
.contact-card .hs-error-msgs { list-style: none; }
.contact-card .hs-error-msgs label { color: #fd746a; }
.contact-card .hs_error_rollup { width: 100%; }
.contact-card .hs_error_rollup { padding: 10px 14px; }
.contact-card .hs_error_rollup { border: 1px solid #fd746a; }
.contact-card .hs_error_rollup { border-radius: 8px; }
.contact-card .hs_error_rollup { background: #fff8f7; }
.contact-card .hs_error_rollup { color: #fd746a; }
.contact-card .hs_error_rollup { font-size: 12px; }
.contact-card .hs_error_rollup { line-height: 18px; }
.contact-card .hs-submit, .contact-card .actions { width: 100%; }
.contact-card .hs-button { display: inline-flex; }
.contact-card .hs-button { align-items: center; }
.contact-card .hs-button { justify-content: center; }
.contact-card .hs-button { width: 100%; }
.contact-card .hs-button { height: 48px; }
.contact-card .hs-button { border: 0; }
.contact-card .hs-button { border-radius: 8px; }
.contact-card .hs-button { background: #00afcc; }
.contact-card .hs-button { color: #fff; }
.contact-card .hs-button { font-size: 14px; }
.contact-card .hs-button { font-weight: 700; }
.contact-card .hs-button { line-height: 20px; }
.contact-card .hs-button { cursor: pointer; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { width: 100%; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { padding: 28px 24px; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { border: 1px solid #dde8ec; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { border-radius: 12px; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { background: #f7fafb; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { color: #111827; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { font-size: 14px; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { line-height: 24px; }
.contact-card .submitted-message, .contact-card .hs_submit + .submitted-message { text-align: center; }
.contact-completion { display: flex; }
.contact-completion { flex-direction: column; }
.contact-completion { gap: 18px; }
.contact-completion { width: 100%; }
.contact-completion h2 { width: 100%; }
.contact-completion h2 { margin: 0; }
.contact-completion h2 { color: #111827; }
.contact-completion h2 { font-size: 24px; }
.contact-completion h2 { font-weight: 700; }
.contact-completion h2 { line-height: 32px; }
.contact-completion p { width: 100%; }
.contact-completion p { margin: 0; }
.contact-completion p { color: #62717b; }
.contact-completion p { font-size: 13px; }
.contact-completion p { font-weight: 400; }
.contact-completion p { line-height: 22px; }
.contact-completion-button { display: inline-flex; }
.contact-completion-button { align-items: center; }
.contact-completion-button { justify-content: center; }
.contact-completion-button { width: 100%; }
.contact-completion-button { height: 48px; }
.contact-completion-button { border: 1px solid #00afcc; }
.contact-completion-button { border-radius: 8px; }
.contact-completion-button { background: #fff; }
.contact-completion-button { color: #00afcc; }
.contact-completion-button { font-size: 14px; }
.contact-completion-button { font-weight: 700; }
.contact-completion-button { line-height: 20px; }
.contact-completion-button { text-decoration: none; }
.contact-completion-button { cursor: pointer; }
@keyframes hubspot-spin { to { transform: rotate(360deg); } }
.modal { position: fixed; }
.modal { inset: 0; }
.modal { z-index: 50; }
.modal { display: none; }
.modal.is-open { display: block; }
.modal-backdrop { position: absolute; }
.modal-backdrop { inset: 0; }
.modal-backdrop { background: rgba(0, 0, 0, 0.48); }
.modal-backdrop { cursor: pointer; }
.video-modal { position: absolute; }
.video-modal { top: 50%; }
.video-modal { left: 50%; }
.video-modal { width: 960px; }
.video-modal { height: 680px; }
.video-modal { padding: 28px 32px 32px; }
.video-modal { transform: translate(-50%, -50%); }
.video-modal { border-radius: 18px; }
.video-modal { background: #fff; }
.video-modal header { display: flex; }
.video-modal header { justify-content: space-between; }
.video-modal header { height: 98px; }
.video-modal h2 { margin: 0; }
.video-modal h2 { font-size: 26px; }
.video-modal h2 { line-height: 1.35; }
.video-modal button { width: 82px; }
.video-modal button { height: 40px; }
.video-modal button { border: 1px solid #d6e6ee; }
.video-modal button { border-radius: 8px; }
.video-modal button { background: #fff; }
.video-modal button { color: #173245; }
.video-modal button { font-weight: 700; }
.video-box { position: relative; }
.video-box { display: flex; }
.video-box { align-items: center; }
.video-box { justify-content: center; }
.video-box { height: 504px; }
.video-box { background: #111827; }
.video-box { color: #fff; }
.video-box span { position: absolute; }
.video-box span { width: 88px; }
.video-box span { height: 88px; }
.video-box span { border-radius: 50%; }
.video-box span { background: rgba(255, 255, 255, 0.9); }
.video-box span::after { position: absolute; }
.video-box span::after { top: 50%; }
.video-box span::after { left: 54%; }
.video-box span::after { transform: translate(-50%, -50%); }
.video-box span::after { border-top: 16px solid transparent; }
.video-box span::after { border-bottom: 16px solid transparent; }
.video-box span::after { border-left: 24px solid #00afcc; }
.video-box span::after { content: ""; }
.video-box p { margin-top: 132px; }
.video-box p { color: rgba(255, 255, 255, 0.72); }
.video-box p { font-weight: 700; }
.video-box.has-embed { background: #000; }
.video-box iframe { width: 100%; }
.video-box iframe { height: 100%; }
.video-box iframe { border: 0; }
@media (max-width: 767px) { body { padding-top: 72px; } }
@media (max-width: 767px) { body.is-sp-menu-open { position: fixed; } }
@media (max-width: 767px) { body.is-sp-menu-open { right: 0; } }
@media (max-width: 767px) { body.is-sp-menu-open { left: 0; } }
@media (max-width: 767px) { body.is-sp-menu-open { width: 100%; } }
@media (max-width: 767px) { body.is-sp-menu-open { overflow: hidden; } }
@media (max-width: 767px) { main { width: 100%; } }
@media (max-width: 767px) { main { overflow: hidden; } }
@media (max-width: 767px) { .header-pc { display: none; } }
@media (max-width: 767px) { .header-sp { position: fixed; } }
@media (max-width: 767px) { .header-sp { top: 0; } }
@media (max-width: 767px) { .header-sp { right: 0; } }
@media (max-width: 767px) { .header-sp { left: 0; } }
@media (max-width: 767px) { .header-sp { z-index: 80; } }
@media (max-width: 767px) { .header-sp { display: flex; } }
@media (max-width: 767px) { .header-sp { align-items: center; } }
@media (max-width: 767px) { .header-sp { justify-content: space-between; } }
@media (max-width: 767px) { .header-sp { width: 100%; } }
@media (max-width: 767px) { .header-sp { height: 72px; } }
@media (max-width: 767px) { .header-sp { padding: 16px; } }
@media (max-width: 767px) { .header-sp { background: #fff; } }
@media (max-width: 767px) { .header-sp .logo { width: 154px; } }
@media (max-width: 767px) { .header-sp .logo { height: 34px; } }
@media (max-width: 767px) { .header-sp .logo img { width: 171px; } }
@media (max-width: 767px) { .header-sp .logo img { transform: translate(-8px, -16px); } }
@media (max-width: 767px) { .menu-button { position: absolute; } }
@media (max-width: 767px) { .menu-button { top: 16px; } }
@media (max-width: 767px) { .menu-button { right: 16px; } }
@media (max-width: 767px) { .menu-button { z-index: 30; } }
@media (max-width: 767px) { .menu-button { display: flex; } }
@media (max-width: 767px) { .menu-button { flex-direction: column; } }
@media (max-width: 767px) { .menu-button { align-items: center; } }
@media (max-width: 767px) { .menu-button { justify-content: center; } }
@media (max-width: 767px) { .menu-button { gap: 4px; } }
@media (max-width: 767px) { .menu-button { width: 40px; } }
@media (max-width: 767px) { .menu-button { height: 40px; } }
@media (max-width: 767px) { .menu-button { padding: 0; } }
@media (max-width: 767px) { .menu-button { border: 1px solid #d9e5ea; } }
@media (max-width: 767px) { .menu-button { border-radius: 20px; } }
@media (max-width: 767px) { .menu-button { background: #fff; } }
@media (max-width: 767px) { .menu-button span { display: block; } }
@media (max-width: 767px) { .menu-button span { width: 16px; } }
@media (max-width: 767px) { .menu-button span { height: 2px; } }
@media (max-width: 767px) { .menu-button span { border-radius: 2px; } }
@media (max-width: 767px) { .menu-button span { background: #152b36; } }
@media (max-width: 767px) { .menu-button span { transition: transform 0.2s ease, opacity 0.2s ease; } }
@media (max-width: 767px) { .menu-button.is-open { border-color: transparent; } }
@media (max-width: 767px) { .menu-button.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); } }
@media (max-width: 767px) { .menu-button.is-open span:nth-child(2) { opacity: 0; } }
@media (max-width: 767px) { .menu-button.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } }
@media (max-width: 767px) { .sp-menu { position: fixed; } }
@media (max-width: 767px) { .sp-menu { top: 72px; } }
@media (max-width: 767px) { .sp-menu { right: 0; } }
@media (max-width: 767px) { .sp-menu { left: 0; } }
@media (max-width: 767px) { .sp-menu { z-index: 79; } }
@media (max-width: 767px) { .sp-menu { display: none; } }
@media (max-width: 767px) { .sp-menu { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) { .sp-menu { gap: 0 12px; } }
@media (max-width: 767px) { .sp-menu { max-height: calc(100vh - 72px); } }
@media (max-width: 767px) { .sp-menu { overflow-y: auto; } }
@media (max-width: 767px) { .sp-menu { padding: 12px; } }
@media (max-width: 767px) { .sp-menu { border: 1px solid #dde8ec; } }
@media (max-width: 767px) { .sp-menu { border-top: 0; } }
@media (max-width: 767px) { .sp-menu { border-radius: 0; } }
@media (max-width: 767px) { .sp-menu { background: #fff; } }
@media (max-width: 767px) { .sp-menu { box-shadow: 0 12px 24px rgba(11, 42, 51, 0.12); } }
@media (max-width: 767px) { .sp-menu.is-open { display: grid; } }
@media (max-width: 767px) { .sp-menu.is-open { padding-bottom: 25px; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { display: flex; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { align-items: center; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { justify-content: center; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { min-height: 52px; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { padding: 16px 12px; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { border-bottom: 1px solid #00afcc; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { color: #fff; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { font-size: 16px; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { font-weight: 400; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { line-height: 21px; } }
@media (max-width: 767px) { .sp-menu a, .sp-menu span { text-align: center; } }
@media (max-width: 767px) { .sp-menu a:last-child, .sp-menu span:last-child { border-bottom: 0; } }
@media (max-width: 767px) { .sp-menu a.is-active, .sp-menu span.is-active { color: #fff; } }
@media (max-width: 767px) { .sp-menu a.is-active, .sp-menu span.is-active { font-weight: 700; } }
@media (max-width: 767px) { .sp-menu .sp-menu-nav-link { grid-column: 1 / -1; } }
@media (max-width: 767px) { .sp-menu .sp-menu-nav-link { background: #004753; } }
@media (max-width: 767px) { .sp-menu .sp-menu-nav-link:nth-last-child(2) { border-bottom: 0; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { min-height: 40px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { padding: 10px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { border: 1px solid #d9e5ea; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { border-radius: 6px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { background: #fff; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { color: #173245; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { font-size: 13px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action, .sp-menu .sp-menu-contact-link { font-weight: 700; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action.is-login { border-color: #00afcc; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action.is-login { color: #00afcc; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action.is-register { border-color: #fd746a; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action.is-register { background: #fd746a; } }
@media (max-width: 767px) { .sp-menu .sp-menu-action.is-register { color: #fff; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { grid-column: 1 / -1; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { justify-content: flex-start; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { margin-top: 12px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { padding: 10px 14px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { border: 0; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { border-radius: 8px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { background: #eef4f6; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { color: #8b98a0; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { font-weight: 400; } }
@media (max-width: 767px) { .sp-menu .sp-menu-search-link { text-align: left; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { grid-column: 1 / -1; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { width: 120px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { justify-self: center; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { margin-top: 30px; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { border-color: #9ca3af; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { border-bottom: 1px solid #9ca3af; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { box-shadow: inset 0 -1px 0 #9ca3af; } }
@media (max-width: 767px) { .sp-menu .sp-menu-contact-link { color: #374151; } }
@media (max-width: 767px) { .sp-menu span { color: rgba(255, 255, 255, 0.48); } }
@media (max-width: 767px) { .materials-nav-submenu { display: none; } }
@media (max-width: 767px) { .footer-notice { min-height: 147px; } }
@media (max-width: 767px) { .footer-notice { padding: 22px 16px; } }
@media (max-width: 767px) { .footer-notice p { font-size: 11px; } }
@media (max-width: 767px) { .footer-notice p { line-height: 1.55; } }
@media (max-width: 767px) { .footer-notice br { display: none; } }
@media (max-width: 767px) { .footer-links { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .footer-links { min-height: 160px; } }
@media (max-width: 767px) { .footer-links { padding: 28px 16px; } }
@media (max-width: 767px) { .footer-links { gap: 14px; } }
@media (max-width: 767px) { .footer-links a, .footer-links span { font-size: 13px; } }
@media (max-width: 767px) { .footer-links a::before, .footer-links a::after, .footer-links span::before, .footer-links span::after { display: none; } }
@media (max-width: 767px) { .copyright { min-height: 50px; } }
@media (max-width: 767px) { .copyright { font-size: 10px; } }
@media (max-width: 767px) { .site-footer { width: 100%; } }
@media (max-width: 767px) { .section-inner { width: calc(100% - 32px); } }
@media (max-width: 767px) { .section-inner { max-width: none; } }
@media (max-width: 767px) { .page-block, .article-list-page { padding: 16px 0 72px; } }
@media (max-width: 767px) { .page-materials .page-block { display: flex; } }
@media (max-width: 767px) { .page-materials .page-block { flex-direction: column; } }
@media (max-width: 767px) { .page-materials .page-block { padding-top: 16px; } }
@media (max-width: 767px) { .section-title h2 { font-size: 24px; } }
@media (max-width: 767px) { .section-title h2 { line-height: 27px; } }
@media (max-width: 767px) { .section-title b { font-size: 11px; } }
@media (max-width: 767px) { .section-title b { min-width: 52px; } }
@media (max-width: 767px) { .section-title b { height: 27px; } }
@media (max-width: 767px) { .section-title b { padding: 6px 10px; } }
@media (max-width: 767px) { .section-title b { white-space: nowrap; } }
@media (max-width: 767px) { .top-hero { height: auto; } }
@media (max-width: 767px) { .top-hero { padding: 16px; } }
@media (max-width: 767px) { .top-hero { background: #f7fafb; } }
@media (max-width: 767px) { .top-hero::before, .top-hero::after { display: none; } }
@media (max-width: 767px) { .hero-slider { width: 100%; } }
@media (max-width: 767px) { .hero-slider { height: auto; } }
@media (max-width: 767px) { .hero-slider { padding: 8px 8px 10px; } }
@media (max-width: 767px) { .hero-slider { gap: 8px; } }
@media (max-width: 767px) { .hero-slider { border: 1px solid #d5e3ea; } }
@media (max-width: 767px) { .hero-slider { border-radius: 6px; } }
@media (max-width: 767px) { .hero-slider { background: #dff8fc; } }
@media (max-width: 767px) { .hero-track { width: 100%; } }
@media (max-width: 767px) { .hero-track { max-width: 100%; } }
@media (max-width: 767px) { .hero-track { height: auto; } }
@media (max-width: 767px) { .hero-track { aspect-ratio: 342 / 180; } }
@media (max-width: 767px) { .hero-track { overflow: hidden; } }
@media (max-width: 767px) { .hero-nav-area { display: none; } }
@media (max-width: 767px) { .hero-card { display: none; } }
@media (max-width: 767px) { .hero-card { box-shadow: none; } }
@media (max-width: 767px) { .hero-card.is-active { display: block; } }
@media (max-width: 767px) { .hero-card.is-active { top: 0; } }
@media (max-width: 767px) { .hero-card.is-active { left: 0; } }
@media (max-width: 767px) { .hero-card.is-active { width: 100%; } }
@media (max-width: 767px) { .hero-card.is-active { height: 100%; } }
@media (max-width: 767px) { .hero-card.is-active { transform: none; } }
@media (max-width: 767px) { .hero-card.is-active { overflow: hidden; } }
@media (max-width: 767px) { .hero-card.is-active { box-shadow: none; } }
@media (max-width: 767px) { .hero-card.is-prev, .hero-card.is-prev-2 { display: none; } }
@media (max-width: 767px) { .hero-card.is-next, .hero-card.is-next-2, .hero-card.is-hidden { display: none; } }
@media (max-width: 767px) { .hero-mask { display: none; } }
@media (max-width: 767px) { .hero-dots { display: flex; } }
@media (max-width: 767px) { .hero-dots { justify-content: center; } }
@media (max-width: 767px) { .hero-dots { gap: 6px; } }
@media (max-width: 767px) { .hero-dots { width: 100%; } }
@media (max-width: 767px) { .hero-dots { max-width: 100%; } }
@media (max-width: 767px) { .hero-dots { margin: 0; } }
@media (max-width: 767px) { .hero-dots { overflow: hidden; } }
@media (max-width: 767px) { .hero-dots button { width: 24px; } }
@media (max-width: 767px) { .hero-dots button { height: 5px; } }
@media (max-width: 767px) { .hero-dots button { flex: 0 0 24px; } }
@media (max-width: 767px) { .hero-dots button { padding: 0; } }
@media (max-width: 767px) { .hero-dots button { border: 0; } }
@media (max-width: 767px) { .hero-dots button { border-radius: 999px; } }
@media (max-width: 767px) { .hero-dots button { background: #fff; } }
@media (max-width: 767px) { .hero-dots button.is-active { background: #00afcc; } }
@media (max-width: 767px) { .top-stack { width: calc(100% - 32px); } }
@media (max-width: 767px) { .top-stack { max-width: none; } }
@media (max-width: 767px) { .top-stack { gap: 32px; } }
@media (max-width: 767px) { .top-stack { padding: 16px 0 72px; } }
@media (max-width: 767px) { .home-materials-head .material-tabs.has-header { display: none; } }
@media (max-width: 767px) { .pickup-list { width: 100%; } }
@media (max-width: 767px) { .pickup-list { max-width: 100%; } }
@media (max-width: 767px) { .pickup-list { padding: 0; } }
@media (max-width: 767px) { .pickup-list { border-radius: 0; } }
@media (max-width: 767px) { .pickup-list .pickup-title-row { margin-bottom: 14px; } }
@media (max-width: 767px) { .pickup-list .pickup-rows { height: auto; } }
@media (max-width: 767px) { .pickup-list .pickup-rows { padding: 0; } }
@media (max-width: 767px) { .pickup-list .top-pickup-row { gap: 8px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-row { height: auto; } }
@media (max-width: 767px) { .pickup-list .top-pickup-row { min-height: 48px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-row { padding: 10px 0; } }
@media (max-width: 767px) { .pickup-list .top-pickup-main { flex-direction: column; } }
@media (max-width: 767px) { .pickup-list .top-pickup-main { align-items: flex-start; } }
@media (max-width: 767px) { .pickup-list .top-pickup-main { gap: 4px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-main { min-width: 0; } }
@media (max-width: 767px) { .pickup-list .top-pickup-main .pickup-bullet { display: none; } }
@media (max-width: 767px) { .pickup-list .top-pickup-main strong { white-space: normal; } }
@media (max-width: 767px) { .pickup-list .top-pickup-actions { gap: 5px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-actions { align-self: stretch; } }
@media (max-width: 767px) { .pickup-list .top-pickup-actions { flex: 0 0 auto; } }
@media (max-width: 767px) { .pickup-list .top-pickup-button, .pickup-list .top-pickup-button.is-document { width: 52px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-button, .pickup-list .top-pickup-button.is-document { min-width: 52px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-button, .pickup-list .top-pickup-button.is-document { min-height: 38px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-button, .pickup-list .top-pickup-button.is-document { padding: 9px 15px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-button.is-video { width: 52px; } }
@media (max-width: 767px) { .pickup-list .top-pickup-label-pc { display: none; } }
@media (max-width: 767px) { .pickup-list .top-pickup-label-sp { display: inline; } }
@media (max-width: 767px) { .pickup-page-inner { width: calc(100% - 32px); } }
@media (max-width: 767px) { .pickup-page-inner { max-width: none; } }
@media (max-width: 767px) { .pickup-page-inner { gap: 24px; } }
@media (max-width: 767px) { .pickup-page-inner { padding: 40px 0 64px; } }
@media (max-width: 767px) { .pickup-page-heading { min-height: 26px; } }
@media (max-width: 767px) { .pickup-page-heading span { height: 22px; } }
@media (max-width: 767px) { .pickup-page-heading h1 { font-size: 22px; } }
@media (max-width: 767px) { .pickup-page-heading h1 { line-height: 26px; } }
@media (max-width: 767px) { .pickup-page-list { gap: 14px; } }
@media (max-width: 767px) { .pickup-page-row { display: grid; } }
@media (max-width: 767px) { .pickup-page-row { grid-template-columns: auto 1fr; } }
@media (max-width: 767px) { .pickup-page-row { gap: 12px 10px; } }
@media (max-width: 767px) { .pickup-page-row { min-height: 0; } }
@media (max-width: 767px) { .pickup-page-row { padding: 16px; } }
@media (max-width: 767px) { .pickup-page-row { border: 1px solid #d4dee6; } }
@media (max-width: 767px) { .pickup-page-row { border-radius: 14px; } }
@media (max-width: 767px) { .pickup-page-row { box-shadow: 0 4px 7px rgba(13, 31, 46, 0.08); } }
@media (max-width: 767px) { .pickup-page-row time { width: auto; } }
@media (max-width: 767px) { .pickup-page-row time { flex: none; } }
@media (max-width: 767px) { .pickup-page-row time { font-size: 12px; } }
@media (max-width: 767px) { .pickup-page-row strong { grid-column: 1 / -1; } }
@media (max-width: 767px) { .pickup-page-row strong { font-size: 14px; } }
@media (max-width: 767px) { .pickup-page-row strong { line-height: 22px; } }
@media (max-width: 767px) { .pickup-page-row strong { white-space: normal; } }
@media (max-width: 767px) { .pickup-page-row:hover { transform: translateY(-3px); } }
@media (max-width: 767px) { .pickup-page-row:hover { box-shadow: 0 12px 24px rgba(20, 51, 71, 0.16); } }
@media (max-width: 767px) { .pickup-page-row > .pickup-page-category { max-width: 100%; } }
@media (max-width: 767px) { .pickup-page-row > .pickup-page-category { flex: none; } }
@media (max-width: 767px) { .pickup-page-row > .pickup-page-category { justify-self: start; } }
@media (max-width: 767px) { .pickup-page-actions { grid-column: 1 / -1; } }
@media (max-width: 767px) { .pickup-page-actions { width: 100%; } }
@media (max-width: 767px) { .pickup-page-actions { gap: 8px; } }
@media (max-width: 767px) { .pickup-page-button { width: 100%; } }
@media (max-width: 767px) { .pickup-page-button { height: 40px; } }
@media (max-width: 767px) { .pickup-page-button { flex: 1 1 0; } }
@media (max-width: 767px) { .pickup-message-panel { padding: 40px 20px; } }
@media (max-width: 767px) { .pickup-message-panel strong { font-size: 18px; } }
@media (max-width: 767px) { .pickup-message-panel p { font-size: 14px; } }
@media (max-width: 767px) { .pickup-pagination { min-height: 100px; } }
@media (max-width: 767px) { .pickup-pagination a { font-size: 12px; } }
@media (max-width: 767px) { .pickup-pagination-nav { width: 58px; } }
@media (max-width: 767px) { .material-tabs { width: 100%; } }
@media (max-width: 767px) { .material-tabs { padding: 12px; } }
@media (max-width: 767px) { .material-tabs { border-radius: 14px; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { display: flex; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { align-items: center; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { gap: 8px; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { height: 20px; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { margin-bottom: 10px; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { color: #0e5963; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { content: "資料カテゴリー"; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { font-size: 14px; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { font-weight: 700; } }
@media (max-width: 767px) { .material-tabs:not(.has-header)::before { line-height: 20px; } }
@media (max-width: 767px) { .material-tabs > div, .material-tabs .tabs-row { display: flex; } }
@media (max-width: 767px) { .material-tabs > div, .material-tabs .tabs-row { flex-direction: column; } }
@media (max-width: 767px) { .material-tabs > div, .material-tabs .tabs-row { align-items: flex-start; } }
@media (max-width: 767px) { .material-tabs > div, .material-tabs .tabs-row { gap: 8px; } }
@media (max-width: 767px) { .material-tabs .tabs-row { padding: 0; } }
@media (max-width: 767px) { .material-tabs .tabs-row { background: transparent; } }
@media (max-width: 767px) { .material-tabs a { min-height: 33px; } }
@media (max-width: 767px) { .material-tabs a { justify-content: center; } }
@media (max-width: 767px) { .material-tabs a { padding: 8px 16px; } }
@media (max-width: 767px) { .material-tabs a { font-size: 13px; } }
@media (max-width: 767px) { .home-materials-head { gap: 0; } }
@media (max-width: 767px) { .home-materials-head .material-tabs { display: none; } }
@media (max-width: 767px) { .material-grid { display: flex; } }
@media (max-width: 767px) { .material-grid { flex-wrap: nowrap; } }
@media (max-width: 767px) { .material-grid { gap: 10px; } }
@media (max-width: 767px) { .material-grid { overflow-x: auto; } }
@media (max-width: 767px) { .material-grid { padding-bottom: 8px; } }
@media (max-width: 767px) { .material-list-block .material-grid { display: flex; } }
@media (max-width: 767px) { .material-list-block .material-grid { transform: none !important; } }
@media (max-width: 767px) { .material-list-block { min-height: 0; } }
@media (max-width: 767px) { .material-list-block { overflow: visible; } }
@media (max-width: 767px) { .material-list-block { padding-left: 0; } }
@media (max-width: 767px) { .material-list-block { scroll-margin-top: 88px; } }
@media (max-width: 767px) { .material-list-block.is-login-required { min-height: 0; } }
@media (max-width: 767px) { .material-list-block + .material-list-block { margin-top: 0; } }
@media (max-width: 767px) { .material-list-window { --material-shadow-gutter-left: 10px; } }
@media (max-width: 767px) { .material-list-window { --material-shadow-gutter-right: 10px; } }
@media (max-width: 767px) { .material-list-window { --material-shadow-gutter-y: 24px; } }
@media (max-width: 767px) { .material-list-head { align-items: flex-start; } }
@media (max-width: 767px) { .material-list-head { gap: 12px; } }
@media (max-width: 767px) { .material-list-actions { align-items: flex-end; } }
@media (max-width: 767px) { .material-list-actions { gap: 7px; } }
@media (max-width: 767px) { .material-page-dots { display: none; } }
@media (max-width: 767px) { .material-list-title h2 { font-size: 17px; } }
@media (max-width: 767px) { .material-list-title h2 { line-height: 27px; } }
@media (max-width: 767px) { .view-all-pill { width: auto; } }
@media (max-width: 767px) { .view-all-pill { min-height: 31px; } }
@media (max-width: 767px) { .view-all-pill { padding: 7px 10px; } }
@media (max-width: 767px) { .view-all-pill { font-size: 11px; } }
@media (max-width: 767px) { .view-all-pill { line-height: 15px; } }
@media (max-width: 767px) { .view-all-pill img { width: 16px; } }
@media (max-width: 767px) { .view-all-pill img { height: 16px; } }
@media (max-width: 767px) { .view-all-pill img { flex-basis: 16px; } }
@media (max-width: 767px) { .material-scroll-cue { display: none; } }
@media (max-width: 767px) { .material-login-banner { height: 150px; } }
@media (max-width: 767px) { .material-login-banner { min-height: 150px; } }
@media (max-width: 767px) { .material-login-banner-message { top: 20px; } }
@media (max-width: 767px) { .material-login-banner-message { font-size: 20px; } }
@media (max-width: 767px) { .material-login-banner-message { line-height: 26px; } }
@media (max-width: 767px) { .material-login-banner-actions { top: 85px; } }
@media (max-width: 767px) { .material-login-banner-actions { gap: 12px; } }
@media (max-width: 767px) { .material-login-banner-button { width: 120px; } }
@media (max-width: 767px) { .material-login-banner-button { height: 40px; } }
@media (max-width: 767px) { .material-login-banner-button { flex: 0 0 120px; } }
@media (max-width: 767px) { .material-login-banner-button { padding: 10px; } }
@media (max-width: 767px) { .material-login-banner-button { font-size: 13px; } }
@media (max-width: 767px) { .material-card { display: flex; } }
@media (max-width: 767px) { .material-card { flex: 0 0 158px; } }
@media (max-width: 767px) { .material-card { width: 158px; } }
@media (max-width: 767px) { .material-card .material-card-info { height: 40px; } }
@media (max-width: 767px) { .material-card .material-card-info { padding: 8px 10px; } }
@media (max-width: 767px) { .material-card strong { font-size: 12px; } }
@media (max-width: 767px) { .material-card strong { line-height: 18px; } }
@media (max-width: 767px) { .material-list-block .material-card { flex: 0 0 158px; } }
@media (max-width: 767px) { .material-list-block .material-card { width: 158px; } }
@media (max-width: 767px) { .page-materials main { background: #f4f8fa; } }
@media (max-width: 767px) { .page-materials .page-block { width: 100%; } }
@media (max-width: 767px) { .page-materials .page-block { padding: 16px 16px 30px; } }
@media (max-width: 767px) { .page-materials .page-block { gap: 22px; } }
@media (max-width: 767px) { .page-materials .page-block { background: #f4f8fa; } }
@media (max-width: 767px) { .page-materials .material-tabs, .page-materials .materials-pc-heading { display: none; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading { align-items: center; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading { gap: 8px; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading { width: 100%; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading { min-height: 27px; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading span { width: 4px; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading span { height: 22px; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading span { flex: 0 0 4px; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading span { border-radius: 2px; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading span { background: #00afcc; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading h1 { margin: 0; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading h1 { color: #152b36; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading h1 { font-size: 18px; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading h1 { font-weight: 700; } }
@media (max-width: 767px) { .page-materials .materials-sp-heading h1 { line-height: 27px; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { flex-direction: column; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { gap: 10px; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { width: 100%; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { padding: 12px; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { border: 1px solid #cbeff4; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { border-radius: 14px; } }
@media (max-width: 767px) { .page-materials .materials-category-panel { background: #f1fbfd; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { align-items: center; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { justify-content: flex-start; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { width: 100%; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { padding: 0; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { border: 0; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { background: transparent; } }
@media (max-width: 767px) { .page-materials .materials-category-summary { list-style: none; } }
@media (max-width: 767px) { .page-materials .materials-category-heading { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-category-heading { align-items: center; } }
@media (max-width: 767px) { .page-materials .materials-category-heading { gap: 8px; } }
@media (max-width: 767px) { .page-materials .materials-category-heading { color: #003f46; } }
@media (max-width: 767px) { .page-materials .materials-category-heading strong { font-size: 13px; } }
@media (max-width: 767px) { .page-materials .materials-category-heading strong { font-weight: 700; } }
@media (max-width: 767px) { .page-materials .materials-category-heading strong { line-height: 1.5; } }
@media (max-width: 767px) { .page-materials .materials-category-icon { width: 18px; } }
@media (max-width: 767px) { .page-materials .materials-category-icon { height: 18px; } }
@media (max-width: 767px) { .page-materials .materials-category-icon { flex: 0 0 18px; } }
@media (max-width: 767px) { .page-materials .materials-category-icon { border-radius: 4px; } }
@media (max-width: 767px) { .page-materials .materials-category-icon { background: #00afcc; } }
@media (max-width: 767px) { .page-materials .materials-category-list { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-category-list { flex-direction: column; } }
@media (max-width: 767px) { .page-materials .materials-category-list { gap: 8px; } }
@media (max-width: 767px) { .page-materials .materials-category-list { width: 100%; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { align-items: center; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { justify-content: center; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { min-height: 34px; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { padding: 9px 12px; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { overflow: hidden; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { border: 1px solid #d9e5ea; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { border-radius: 12px; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { background: #f8fcfd; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { color: #152b36; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { font-size: 10px; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { font-weight: 500; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { line-height: 1.5; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { text-align: center; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { white-space: nowrap; } }
@media (max-width: 767px) { .page-materials .materials-category-list a { cursor: pointer; } }
@media (max-width: 767px) { .page-materials .materials-category-list a.is-active { border-color: #00afcc; } }
@media (max-width: 767px) { .page-materials .materials-category-list a.is-active { background: #fff; } }
@media (max-width: 767px) { .page-materials .materials-category-list a.is-active { color: #00afcc; } }
@media (max-width: 767px) { .page-materials .materials-category-panel:not(.is-open) > .materials-category-list { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-category-panel:not(.is-open) .materials-category-list a:not(.is-active) { display: none; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { display: flex; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { align-items: center; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { justify-content: center; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { gap: 8px; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { width: 100%; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { min-height: 20px; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { padding: 0; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { border: 0; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { background: transparent; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { color: #003f46; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { font-size: 13px; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { font-weight: 700; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { line-height: 1.5; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle { cursor: pointer; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle-close { display: none; } }
@media (max-width: 767px) { .page-materials .materials-category-panel.is-open .materials-category-toggle-open { display: none; } }
@media (max-width: 767px) { .page-materials .materials-category-panel.is-open .materials-category-toggle-close { display: inline; } }
@media (max-width: 767px) { .page-materials .materials-category-panel.is-open .materials-category-toggle-caret { transform: rotate(180deg); } }
@media (max-width: 767px) { .page-materials .materials-category-toggle-caret { width: 16px; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle-caret { height: 8px; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle-caret { flex: 0 0 16px; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle-caret { background: linear-gradient(45deg, transparent 44%, #00afcc 44% 56%, transparent 56%) 0 0 / 9px 9px no-repeat, linear-gradient(-45deg, transparent 44%, #00afcc 44% 56%, transparent 56%) 7px 0 / 9px 9px no-repeat; } }
@media (max-width: 767px) { .page-materials .materials-category-toggle-caret { transition: transform 0.2s ease; } }
@media (max-width: 767px) { .page-materials .materials-page { gap: 22px; } }
@media (max-width: 767px) { .page-materials .materials-page { margin-top: 0; } }
@media (max-width: 767px) { .page-materials .material-grid { display: grid; } }
@media (max-width: 767px) { .page-materials .material-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .page-materials .material-grid { gap: 10px; } }
@media (max-width: 767px) { .page-materials .material-grid { width: 100%; } }
@media (max-width: 767px) { .page-materials .material-grid { overflow: visible; } }
@media (max-width: 767px) { .page-materials .material-grid { padding-bottom: 0; } }
@media (max-width: 767px) { .page-materials .material-card { width: 100%; } }
@media (max-width: 767px) { .page-materials .material-card { height: 131px; } }
@media (max-width: 767px) { .page-materials .material-card { min-width: 0; } }
@media (max-width: 767px) { .page-materials .material-card { flex: none; } }
@media (max-width: 767px) { .page-materials .material-card { gap: 7px; } }
@media (max-width: 767px) { .page-materials .material-card { padding: 7px; } }
@media (max-width: 767px) { .page-materials .material-card { border: 1px solid #d9e5ea; } }
@media (max-width: 767px) { .page-materials .material-card { border-radius: 8px; } }
@media (max-width: 767px) { .page-materials .material-card { box-shadow: 0 4px 14px rgba(11, 42, 51, 0.08); } }
@media (max-width: 767px) { .page-materials .material-card .material-card-image { width: 100%; } }
@media (max-width: 767px) { .page-materials .material-card .material-card-image { height: auto; } }
@media (max-width: 767px) { .page-materials .material-card .material-card-image { border-radius: 6px; } }
@media (max-width: 767px) { .page-materials .material-card .material-card-image { aspect-ratio: 144 / 81; } }
@media (max-width: 767px) { .page-materials .material-card .material-card-info { height: auto; } }
@media (max-width: 767px) { .page-materials .material-card .material-card-info { min-height: 0; } }
@media (max-width: 767px) { .page-materials .material-card .material-card-info { padding: 0; } }
@media (max-width: 767px) { .page-materials .material-card .material-card-info { background: transparent; } }
@media (max-width: 767px) { .page-materials .material-card strong { display: -webkit-box; } }
@media (max-width: 767px) { .page-materials .material-card strong { overflow: hidden; } }
@media (max-width: 767px) { .page-materials .material-card strong { color: #152b36; } }
@media (max-width: 767px) { .page-materials .material-card strong { font-size: 11px; } }
@media (max-width: 767px) { .page-materials .material-card strong { line-height: 1.5; } }
@media (max-width: 767px) { .page-materials .material-card strong { text-overflow: initial; } }
@media (max-width: 767px) { .page-materials .material-card strong { white-space: normal; } }
@media (max-width: 767px) { .page-materials .material-card strong { -webkit-box-orient: vertical; } }
@media (max-width: 767px) { .page-materials .material-card strong { -webkit-line-clamp: 2; } }
@media (max-width: 767px) { .page-materials .material-card em { display: none; } }
@media (max-width: 767px) { .page-materials .material-pagination { display: flex; } }
@media (max-width: 767px) { .page-materials .material-pagination { min-height: 40px; } }
@media (max-width: 767px) { .page-materials .material-pagination { gap: 8px; } }
@media (max-width: 767px) { .page-materials .material-pagination a { height: 40px; } }
@media (max-width: 767px) { .page-materials .material-pagination a { border-color: #dde8ec; } }
@media (max-width: 767px) { .page-materials .material-pagination a { border-radius: 10px; } }
@media (max-width: 767px) { .page-materials .material-pagination a { color: #62717b; } }
@media (max-width: 767px) { .page-materials .material-pagination a { font-size: 13px; } }
@media (max-width: 767px) { .page-materials .material-pagination a { line-height: 16px; } }
@media (max-width: 767px) { .page-materials .material-pagination .pickup-pagination-page { width: 40px; } }
@media (max-width: 767px) { .page-materials .material-pagination .pickup-pagination-nav { width: 64px; } }
@media (max-width: 767px) { .page-materials .material-pagination .is-current { border-color: #00afcc; } }
@media (max-width: 767px) { .page-materials .material-pagination .is-current { background: #00afcc; } }
@media (max-width: 767px) { .page-materials .material-pagination .is-current { color: #fff; } }
@media (max-width: 767px) { .page-materials .material-pagination a.is-disabled { opacity: 0.5; } }
@media (max-width: 767px) { .case-grid, .featured-cases, .top-cases { display: grid; } }
@media (max-width: 767px) { .case-grid, .featured-cases, .top-cases { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .case-grid, .featured-cases, .top-cases { gap: 16px; } }
@media (max-width: 767px) { .case-card, .case-card.is-featured { width: 100%; } }
@media (max-width: 767px) { .case-card .case-thumb, .case-card.is-featured .case-thumb { height: 170px; } }
@media (max-width: 767px) { .case-card .case-thumb, .case-card.is-featured .case-thumb { padding: 12px; } }
@media (max-width: 767px) { .case-card .case-thumb img, .case-card.is-featured .case-thumb img { height: 146px; } }
@media (max-width: 767px) { .case-card .case-thumb img, .case-card.is-featured .case-thumb img { border-radius: 14px; } }
@media (max-width: 767px) { .case-card .case-body, .case-card.is-featured .case-body { min-height: 120px; } }
@media (max-width: 767px) { .case-card .case-body, .case-card.is-featured .case-body { padding: 0 16px 16px; } }
@media (max-width: 767px) { .case-card h3, .case-card.is-featured h3 { font-size: 18px; } }
@media (max-width: 767px) { .case-card .case-body > div .btn, .case-card.is-featured .case-body > div .btn { width: calc(50% - 5px); } }
@media (max-width: 767px) { .case-card .case-body > div .btn, .case-card.is-featured .case-body > div .btn { font-size: 12px; } }
@media (max-width: 767px) { .case-card .case-body > div .btn:only-child, .case-card.is-featured .case-body > div .btn:only-child { width: 100%; } }
@media (max-width: 767px) { .case-card .case-body > div .btn:only-child, .case-card.is-featured .case-body > div .btn:only-child { flex: 1 1 100%; } }
@media (max-width: 767px) { .page-cases main { background: #f4f8fa; } }
@media (max-width: 767px) { .page-cases .page-block, .page-cases main > .section-inner.page-block { width: 100%; } }
@media (max-width: 767px) { .page-cases .page-block, .page-cases main > .section-inner.page-block { padding: 16px 16px 30px; } }
@media (max-width: 767px) { .page-cases .page-block, .page-cases main > .section-inner.page-block { background: #f4f8fa; } }
@media (max-width: 767px) { .page-cases .section-title { margin-bottom: 20px; } }
@media (max-width: 767px) { .page-cases .section-title span { width: 4px; } }
@media (max-width: 767px) { .page-cases .section-title span { height: 22px; } }
@media (max-width: 767px) { .page-cases .section-title span { border-radius: 999px; } }
@media (max-width: 767px) { .page-cases .section-title h2 { font-size: 22px; } }
@media (max-width: 767px) { .page-cases .section-title h2 { line-height: 1.45; } }
@media (max-width: 767px) { .page-cases .featured-cases { margin-top: 0; } }
@media (max-width: 767px) { .page-cases .featured-cases { margin-bottom: 16px; } }
@media (max-width: 767px) { .page-cases .case-grid, .page-cases .featured-cases { gap: 16px; } }
@media (max-width: 767px) { .page-cases .case-card, .page-cases .case-card.is-featured { gap: 10px; } }
@media (max-width: 767px) { .page-cases .case-card, .page-cases .case-card.is-featured { padding: 10px; } }
@media (max-width: 767px) { .page-cases .case-card, .page-cases .case-card.is-featured { overflow: visible; } }
@media (max-width: 767px) { .page-cases .case-card, .page-cases .case-card.is-featured { border-color: #d9e5ea; } }
@media (max-width: 767px) { .page-cases .case-card, .page-cases .case-card.is-featured { border-radius: 12px; } }
@media (max-width: 767px) { .page-cases .case-card, .page-cases .case-card.is-featured { box-shadow: 0 4px 7px rgba(11, 42, 51, 0.06); } }
@media (max-width: 767px) { .page-cases .case-card .case-thumb, .page-cases .case-card.is-featured .case-thumb { height: 150px; } }
@media (max-width: 767px) { .page-cases .case-card .case-thumb, .page-cases .case-card.is-featured .case-thumb { padding: 0; } }
@media (max-width: 767px) { .page-cases .case-card .case-thumb, .page-cases .case-card.is-featured .case-thumb { overflow: hidden; } }
@media (max-width: 767px) { .page-cases .case-card .case-thumb, .page-cases .case-card.is-featured .case-thumb { border: 0; } }
@media (max-width: 767px) { .page-cases .case-card .case-thumb, .page-cases .case-card.is-featured .case-thumb { border-radius: 8px; } }
@media (max-width: 767px) { .page-cases .case-card .case-thumb img, .page-cases .case-card.is-featured .case-thumb img { height: 100%; } }
@media (max-width: 767px) { .page-cases .case-card .case-thumb img, .page-cases .case-card.is-featured .case-thumb img { border-radius: 8px; } }
@media (max-width: 767px) { .page-cases .case-card .case-body, .page-cases .case-card.is-featured .case-body { min-height: 0; } }
@media (max-width: 767px) { .page-cases .case-card .case-body, .page-cases .case-card.is-featured .case-body { padding: 0; } }
@media (max-width: 767px) { .page-cases .case-card .case-body, .page-cases .case-card.is-featured .case-body { gap: 8px; } }
@media (max-width: 767px) { .page-cases .case-card h3, .page-cases .case-card.is-featured h3 { margin: 0; } }
@media (max-width: 767px) { .page-cases .case-card h3, .page-cases .case-card.is-featured h3 { color: #152b36; } }
@media (max-width: 767px) { .page-cases .case-card h3, .page-cases .case-card.is-featured h3 { font-size: 15px; } }
@media (max-width: 767px) { .page-cases .case-card h3, .page-cases .case-card.is-featured h3 { line-height: 1.5; } }
@media (max-width: 767px) { .page-cases .case-card p, .page-cases .case-card.is-featured p { color: #6d7d86; } }
@media (max-width: 767px) { .page-cases .case-card p, .page-cases .case-card.is-featured p { font-size: 10px; } }
@media (max-width: 767px) { .page-cases .case-card p, .page-cases .case-card.is-featured p { line-height: 1.5; } }
@media (max-width: 767px) { .page-cases .case-card .case-body > div, .page-cases .case-card.is-featured .case-body > div { width: 100%; } }
@media (max-width: 767px) { .page-cases .case-card .case-body > div, .page-cases .case-card.is-featured .case-body > div { padding-top: 2px; } }
@media (max-width: 767px) { .page-cases .case-card .case-body > div .btn, .page-cases .case-card.is-featured .case-body > div .btn { height: auto; } }
@media (max-width: 767px) { .page-cases .case-card .case-body > div .btn, .page-cases .case-card.is-featured .case-body > div .btn { min-height: 36px; } }
@media (max-width: 767px) { .page-cases .case-card .case-body > div .btn, .page-cases .case-card.is-featured .case-body > div .btn { padding: 10px; } }
@media (max-width: 767px) { .page-cases .case-card .case-body > div .btn, .page-cases .case-card.is-featured .case-body > div .btn { line-height: 16px; } }
@media (max-width: 767px) { .featured-article, .article-row { display: block; } }
@media (max-width: 767px) { .featured-article, .article-row { padding: 14px; } }
@media (max-width: 767px) { .featured-article, .article-row { border-radius: 18px; } }
@media (max-width: 767px) { .featured-article { min-height: 0; } }
@media (max-width: 767px) { .featured-article > div:last-child { width: auto; } }
@media (max-width: 767px) { .featured-article h2 { font-size: 21px; } }
@media (max-width: 767px) { .featured-article h2 { line-height: 30px; } }
@media (max-width: 767px) { .article-thumb, .article-thumb.large, .no-image, .no-image.large { width: 100%; } }
@media (max-width: 767px) { .article-thumb, .article-thumb.large, .no-image, .no-image.large { height: auto; } }
@media (max-width: 767px) { .article-thumb, .article-thumb.large, .no-image, .no-image.large { aspect-ratio: 16 / 9; } }
@media (max-width: 767px) { .article-thumb, .article-thumb.large, .no-image, .no-image.large { margin-bottom: 14px; } }
@media (max-width: 767px) { .article-copy { width: auto; } }
@media (max-width: 767px) { .article-action { justify-content: flex-start; } }
@media (max-width: 767px) { .article-action { width: auto; } }
@media (max-width: 767px) { .article-action { margin-top: 14px; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child { width: 100%; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { width: 100%; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { min-height: 0; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { height: auto; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { padding: 10px 18px; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { border-radius: 4px; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { font-size: 12px; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { font-weight: 700; } }
@media (max-width: 767px) { .article-list-page .featured-article > div:last-child > .btn, .article-list-page .article-row .article-action .btn { line-height: 16px; } }
@media (max-width: 767px) { .article-list-page .article-row .article-action { width: 100%; } }
@media (max-width: 767px) { .home-archives { gap: 32px; } }
@media (max-width: 767px) { .home-archives { margin-top: 8px; } }
@media (max-width: 767px) { .home-archive { gap: 16px; } }
@media (max-width: 767px) { .home-archive .section-title h2 { font-size: 22px; } }
@media (max-width: 767px) { .home-archive .section-title h2 { line-height: 28px; } }
@media (max-width: 767px) { .home-archive .article-row { min-height: 0; } }
@media (max-width: 767px) { .home-archive .article-row { padding: 14px; } }
@media (max-width: 767px) { .home-archive .article-row { border-radius: 18px; } }
@media (max-width: 767px) { .home-archive .article-row .article-thumb, .home-archive .article-row .no-image { flex: 0 0 auto; } }
@media (max-width: 767px) { .home-archive .article-row .article-thumb, .home-archive .article-row .no-image { width: 100%; } }
@media (max-width: 767px) { .home-archive .article-row .article-thumb, .home-archive .article-row .no-image { height: auto; } }
@media (max-width: 767px) { .home-archive .article-row .article-thumb, .home-archive .article-row .no-image { aspect-ratio: 16 / 9; } }
@media (max-width: 767px) { .home-archive .article-row .article-thumb, .home-archive .article-row .no-image { margin-bottom: 14px; } }
@media (max-width: 767px) { .home-archive .article-row .article-copy { display: block; } }
@media (max-width: 767px) { .home-archive .article-row .article-copy { width: auto; } }
@media (max-width: 767px) { .home-archive .article-row .meta { margin-top: 0; } }
@media (max-width: 767px) { .home-archive .article-row time { font-size: 13px; } }
@media (max-width: 767px) { .home-archive .article-row time { line-height: 20px; } }
@media (max-width: 767px) { .home-archive .article-row h3 { margin: 9px 0; } }
@media (max-width: 767px) { .home-archive .article-row h3 { font-size: 19px; } }
@media (max-width: 767px) { .home-archive .article-row h3 { line-height: 26px; } }
@media (max-width: 767px) { .home-archive .article-row p { font-size: 13px; } }
@media (max-width: 767px) { .home-archive .article-row p { line-height: 21px; } }
@media (max-width: 767px) { .home-archive .article-row .article-action { flex: 0 0 auto; } }
@media (max-width: 767px) { .home-archive .article-row .article-action { width: 100%; } }
@media (max-width: 767px) { .home-archive .article-row .article-action .btn { width: 100%; } }
@media (max-width: 767px) { .home-archive .article-row .article-action .btn { min-height: 0; } }
@media (max-width: 767px) { .home-archive .article-row .article-action .btn { height: auto; } }
@media (max-width: 767px) { .home-archive .article-row .article-action .btn { padding: 10px 18px; } }
@media (max-width: 767px) { .home-archive .article-row .article-action .btn { font-size: 12px; } }
@media (max-width: 767px) { .home-archive .article-row .article-action .btn { font-weight: 700; } }
@media (max-width: 767px) { .home-archive .article-row .article-action .btn { line-height: 16px; } }
@media (max-width: 767px) { .detail-page { padding: 16px 0 56px; } }
@media (max-width: 767px) { .detail-inner { width: calc(100% - 32px); } }
@media (max-width: 767px) { .detail-inner { max-width: none; } }
@media (max-width: 767px) { .detail-inner .back-button { width: 176px; } }
@media (max-width: 767px) { .detail-inner .detail-thumb { width: 100%; } }
@media (max-width: 767px) { .detail-inner .detail-thumb { height: auto; } }
@media (max-width: 767px) { .detail-inner .detail-thumb { aspect-ratio: 358 / 196; } }
@media (max-width: 767px) { .detail-inner .detail-thumb { margin-bottom: 18px; } }
@media (max-width: 767px) { .detail-inner h1 { font-size: 24px; } }
@media (max-width: 767px) { .detail-download { width: 100%; } }
@media (max-width: 767px) { .detail-download { height: 44px; } }
@media (max-width: 767px) { .detail-back-bottom { width: 176px; } }
@media (max-width: 767px) { .form-page, .form-page.small, .form-page.wide, .mypage-page { min-height: 0; } }
@media (max-width: 767px) { .form-page, .form-page.small, .form-page.wide, .mypage-page { padding: 16px 0 72px; } }
@media (max-width: 767px) { .form-page > .page-heading { display: none; } }
@media (max-width: 767px) { .legal-page { padding: 28px 0 72px; } }
@media (max-width: 767px) { .legal-page > .page-heading, .legal-content { width: calc(100% - 32px); } }
@media (max-width: 767px) { .legal-page > .page-heading { height: auto; } }
@media (max-width: 767px) { .legal-content { margin-top: 28px; } }
@media (max-width: 767px) { .legal-content { font-size: 14px; } }
@media (max-width: 767px) { .legal-content { line-height: 1.85; } }
@media (max-width: 767px) { .legal-content .legal-doc-title { font-size: 20px; } }
@media (max-width: 767px) { .form-card, .password-card, .register-card, .confirm-card, .mailmagazine-card, .withdrawal-error-card, .search-card, .contact-card { width: calc(100% - 32px); } }
@media (max-width: 767px) { .form-card, .password-card, .register-card, .confirm-card, .mailmagazine-card, .withdrawal-error-card, .search-card, .contact-card { max-width: none; } }
@media (max-width: 767px) { .form-card, .password-card, .register-card, .confirm-card, .mailmagazine-card, .withdrawal-error-card, .search-card, .contact-card { margin-top: 0; } }
@media (max-width: 767px) { .form-card, .password-card, .register-card, .confirm-card, .mailmagazine-card, .withdrawal-error-card, .search-card, .contact-card { padding: 20px; } }
@media (max-width: 767px) { .form-card, .password-card, .register-card, .confirm-card, .mailmagazine-card, .withdrawal-error-card, .search-card, .contact-card { border-radius: 12px; } }
@media (max-width: 767px) { .login-card { min-height: 359px; } }
@media (max-width: 767px) { .login-card > p { display: none; } }
@media (max-width: 767px) { .login-card form { gap: 16px; } }
@media (max-width: 767px) { .login-card .helper-links { order: 2; } }
@media (max-width: 767px) { .login-card button.btn { order: 1; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { display: inline-flex; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { align-items: center; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { justify-content: center; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { width: 179px; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { height: 44px; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { border: 1px solid #d6e6ee; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { border-radius: 8px; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { background: #fff; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { color: #173245; } }
@media (max-width: 767px) { .login-card .helper-links a:first-child { font-size: 13px; } }
@media (max-width: 767px) { .form-card .btn-primary, .form-card button.btn { width: auto; } }
@media (max-width: 767px) { .form-card .btn-primary, .form-card button.btn { min-width: 88px; } }
@media (max-width: 767px) { .form-card .btn-primary, .form-card button.btn { height: 44px; } }
@media (max-width: 767px) { .form-card .btn-primary, .form-card button.btn { align-self: flex-start; } }
@media (max-width: 767px) { .form-card .btn-primary, .form-card button.btn { padding: 10px 18px; } }
@media (max-width: 767px) { .helper-links { display: grid; } }
@media (max-width: 767px) { .helper-links { justify-content: start; } }
@media (max-width: 767px) { .helper-links { gap: 12px; } }
@media (max-width: 767px) { .helper-links a:nth-child(2) { display: none; } }
@media (max-width: 767px) { .form-card > p, .footer-notice p { overflow-wrap: anywhere; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { display: flex; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { align-items: center; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { gap: 8px; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { margin-bottom: 16px; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { color: #111827; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { font-size: 24px; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { font-weight: 700; } }
@media (max-width: 767px) { .register-card::before, .profile-edit-card::before, .mailmagazine-card::before, .search-card::before, .contact-card::before { line-height: 27px; } }
@media (max-width: 767px) { .register-card::before { content: "登録申請"; } }
@media (max-width: 767px) { .profile-edit-card::before { content: "プロフィール変更"; } }
@media (max-width: 767px) { .mailmagazine-card::before { content: "メルマガ配信設定変更"; } }
@media (max-width: 767px) { .search-card::before { content: "サイト内検索"; } }
@media (max-width: 767px) { .contact-card::before { content: none; } }
@media (max-width: 767px) { .contact-page { padding-top: 16px; } }
@media (max-width: 767px) { .contact-page { background: #f7fafb; } }
@media (max-width: 767px) { .contact-card, .contact-card.is-ready { width: calc(100% - 32px); } }
@media (max-width: 767px) { .contact-card, .contact-card.is-ready { min-height: 0; } }
@media (max-width: 767px) { .contact-card, .contact-card.is-ready { margin-top: 0; } }
@media (max-width: 767px) { .contact-card, .contact-card.is-ready { padding: 24px 20px; } }
@media (max-width: 767px) { .contact-card, .contact-card.is-ready { border-radius: 12px; } }
@media (max-width: 767px) { .contact-card.is-loading { width: calc(100% - 32px); } }
@media (max-width: 767px) { .contact-card.is-loading { min-height: 128px; } }
@media (max-width: 767px) { .contact-card.is-loading { padding: 30px 24px; } }
@media (max-width: 767px) { .contact-card.is-error { width: calc(100% - 32px); } }
@media (max-width: 767px) { .contact-card.is-error { min-height: 180px; } }
@media (max-width: 767px) { .contact-card.is-error { padding: 30px 24px; } }
@media (max-width: 767px) { .contact-card.is-complete { width: calc(100% - 32px); } }
@media (max-width: 767px) { .contact-card.is-complete { min-height: 220px; } }
@media (max-width: 767px) { .contact-card.is-complete { padding: 30px 24px; } }
@media (max-width: 767px) { .contact-card-heading { display: flex; } }
@media (max-width: 767px) { .contact-card-heading { align-items: center; } }
@media (max-width: 767px) { .contact-card-heading { gap: 10px; } }
@media (max-width: 767px) { .contact-card-heading { height: 28px; } }
@media (max-width: 767px) { .contact-card-heading { margin-bottom: 16px; } }
@media (max-width: 767px) { .contact-card-heading span { width: 4px; } }
@media (max-width: 767px) { .contact-card-heading span { height: 22px; } }
@media (max-width: 767px) { .contact-card-heading span { border-radius: 2px; } }
@media (max-width: 767px) { .contact-card-heading span { background: #00afcc; } }
@media (max-width: 767px) { .contact-card-heading h2 { margin: 0; } }
@media (max-width: 767px) { .contact-card-heading h2 { color: #111827; } }
@media (max-width: 767px) { .contact-card-heading h2 { font-size: 20px; } }
@media (max-width: 767px) { .contact-card-heading h2 { font-weight: 700; } }
@media (max-width: 767px) { .contact-card-heading h2 { line-height: 28px; } }
@media (max-width: 767px) { .contact-card-lead { display: block; } }
@media (max-width: 767px) { .contact-card-lead { margin: 0 0 16px; } }
@media (max-width: 767px) { .contact-card-lead { color: #62717b; } }
@media (max-width: 767px) { .contact-card-lead { font-size: 13px; } }
@media (max-width: 767px) { .contact-card-lead { line-height: 22px; } }
@media (max-width: 767px) { .contact-card.is-loading .contact-card-heading, .contact-card.is-loading .contact-card-lead, .contact-card.is-error .contact-card-heading, .contact-card.is-error .contact-card-lead, .contact-card.is-complete .contact-card-heading, .contact-card.is-complete .contact-card-lead { display: none; } }
@media (max-width: 767px) { .contact-card .hs-form-frame { min-height: 820px; } }
@media (max-width: 767px) { .contact-card iframe { min-height: 820px; } }
@media (max-width: 767px) { .contact-card .hs-form { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .contact-card .hs-form { gap: 16px; } }
@media (max-width: 767px) { .contact-card .hs-form fieldset, .contact-card .hs-form fieldset.form-columns-2 { display: contents; } }
@media (max-width: 767px) { .contact-card .hs-form fieldset.form-columns-2 .hs-form-field { width: 100% !important; } }
@media (max-width: 767px) { .contact-card .hs-form-field, .contact-card .hs_company, .contact-card .hs_contact_notes, .contact-card .legal-consent-container, .contact-card .hs-submit { grid-column: 1 / -1; } }
@media (max-width: 767px) { .contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card select { min-height: 46px !important; } }
@media (max-width: 767px) { .contact-card input[type="text"], .contact-card input[type="email"], .contact-card input[type="tel"], .contact-card select { height: 46px; } }
@media (max-width: 767px) { .contact-card textarea { min-height: 112px !important; } }
@media (max-width: 767px) { .contact-card .legal-consent-container > .hs-richtext { max-height: 92px; } }
@media (max-width: 767px) { .contact-card .submitted-message { padding: 24px 18px; } }
@media (max-width: 767px) { .contact-card .submitted-message { font-size: 13px; } }
@media (max-width: 767px) { .contact-card .submitted-message { line-height: 22px; } }
@media (max-width: 767px) { .contact-completion h2 { font-size: 24px; } }
@media (max-width: 767px) { .contact-completion h2 { line-height: 32px; } }
@media (max-width: 767px) { .contact-completion p { font-size: 13px; } }
@media (max-width: 767px) { .contact-completion p { line-height: 22px; } }
@media (max-width: 767px) { .contact-card.is-loading .hs-form-frame, .contact-card.is-error .hs-form-frame { min-height: 0; } }
@media (max-width: 767px) { .hubspot-loading { gap: 14px; } }
@media (max-width: 767px) { .hubspot-loading { text-align: left; } }
@media (max-width: 767px) { .hubspot-loading p { text-align: left; } }
@media (max-width: 767px) { .hubspot-error-message { padding: 9px 16px; } }
@media (max-width: 767px) { .hubspot-error-button { height: 48px; } }
@media (max-width: 767px) { .notice-box { display: none; } }
@media (max-width: 767px) { .form-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .form-grid { gap: 16px; } }
@media (max-width: 767px) { .radio-pills { display: grid; } }
@media (max-width: 767px) { .radio-pills { gap: 8px; } }
@media (max-width: 767px) { .radio-pills label { width: 100%; } }
@media (max-width: 767px) { .radio-pills label { justify-content: flex-start; } }
@media (max-width: 767px) { .radio-pills label { padding-left: 18px; } }
@media (max-width: 767px) { .radio-lines { display: flex; } }
@media (max-width: 767px) { .radio-lines { flex-wrap: wrap; } }
@media (max-width: 767px) { .radio-lines { gap: 16px 28px; } }
@media (max-width: 767px) { .radio-lines label { width: auto; } }
@media (max-width: 767px) { .radio-lines label { justify-content: flex-start; } }
@media (max-width: 767px) { .radio-lines label { padding-left: 0; } }
@media (max-width: 767px) { .mail-group { display: grid; } }
@media (max-width: 767px) { .mail-group { gap: 10px; } }
@media (max-width: 767px) { .consent-check-row { align-items: center; } }
@media (max-width: 767px) { .consent-check-row { width: auto; } }
@media (max-width: 767px) { .consent-check-row { max-width: 100%; } }
@media (max-width: 767px) { .consent-check-row { padding: 10px 18px; } }
@media (max-width: 767px) { .consent-check-row { font-size: 12px; } }
@media (max-width: 767px) { .legal-consent-modal { padding: 16px; } }
@media (max-width: 767px) { .legal-consent-dialog { max-height: calc(100vh - 32px); } }
@media (max-width: 767px) { .legal-consent-dialog { border-radius: 10px; } }
@media (max-width: 767px) { .legal-consent-step { max-height: calc(100vh - 32px); } }
@media (max-width: 767px) { .legal-consent-step h2 { font-size: 20px; } }
@media (max-width: 767px) { .legal-consent-head { padding: 18px 16px 14px; } }
@media (max-width: 767px) { .legal-consent-close { flex-basis: 76px; } }
@media (max-width: 767px) { .legal-consent-close { width: 76px; } }
@media (max-width: 767px) { .legal-consent-close { height: 34px; } }
@media (max-width: 767px) { .legal-consent-close { font-size: 12px; } }
@media (max-width: 767px) { .legal-consent-body { padding: 18px 16px 28px; } }
@media (max-width: 767px) { .legal-consent-scroll { height: calc(100vh - 240px); } }
@media (max-width: 767px) { .legal-consent-scroll { min-height: 220px; } }
@media (max-width: 767px) { .legal-consent-scroll { padding: 16px; } }
@media (max-width: 767px) { .legal-consent-foot { padding: 18px 16px; } }
@media (max-width: 767px) { .legal-consent-action { width: 100%; } }
@media (max-width: 767px) { .legal-consent-action { min-width: 0; } }
@media (max-width: 767px) { .legal-consent-action { min-height: 48px; } }
@media (max-width: 767px) { .legal-consent-action { padding: 13px 18px; } }
@media (max-width: 767px) { .legal-consent-action { font-size: 14px; } }
@media (max-width: 767px) { .button-row, .search-card form { display: grid; } }
@media (max-width: 767px) { .button-row, .search-card form { gap: 12px; } }
@media (max-width: 767px) { .search-card button { width: 100% !important; } }
@media (max-width: 767px) { .confirm-table div { display: block; } }
@media (max-width: 767px) { .confirm-table div { min-height: 0; } }
@media (max-width: 767px) { .confirm-table div { padding: 14px 0; } }
@media (max-width: 767px) { .confirm-table dd { margin-top: 8px; } }
@media (max-width: 767px) { .status-page { min-height: 290px; } }
@media (max-width: 767px) { .status-page { padding: 16px 0 72px; } }
@media (max-width: 767px) { .status-flow-page .status-card { margin: 0 auto; } }
@media (max-width: 767px) { .status-card { width: calc(100% - 32px); } }
@media (max-width: 767px) { .status-card { max-width: none; } }
@media (max-width: 767px) { .status-card { min-height: 258px; } }
@media (max-width: 767px) { .status-card { margin: 0 auto; } }
@media (max-width: 767px) { .status-card { padding: 24px; } }
@media (max-width: 767px) { .status-card { text-align: center; } }
@media (max-width: 767px) { .status-card .status-icon { display: flex; } }
@media (max-width: 767px) { .status-card .status-icon { align-items: center; } }
@media (max-width: 767px) { .status-card .status-icon { justify-content: center; } }
@media (max-width: 767px) { .status-card .status-icon { width: 66px; } }
@media (max-width: 767px) { .status-card .status-icon { height: 66px; } }
@media (max-width: 767px) { .status-card .status-icon { margin: 0 auto 16px; } }
@media (max-width: 767px) { .status-card .status-icon { border-radius: 50%; } }
@media (max-width: 767px) { .status-card .status-icon { background: #e8f8fb; } }
@media (max-width: 767px) { .status-card .status-icon { color: #00afcc; } }
@media (max-width: 767px) { .status-card .status-icon { font-size: 24px; } }
@media (max-width: 767px) { .status-card .status-icon { font-weight: 700; } }
@media (max-width: 767px) { .status-card h1 { font-size: 24px; } }
@media (max-width: 767px) { .status-card h1 { line-height: 32px; } }
@media (max-width: 767px) { .mypage-content { width: calc(100% - 32px); } }
@media (max-width: 767px) { .mypage-content { max-width: none; } }
@media (max-width: 767px) { .mypage-content { margin-top: 0; } }
@media (max-width: 767px) { .panel { padding: 20px; } }
@media (max-width: 767px) { .panel header { display: grid; } }
@media (max-width: 767px) { .panel header { gap: 16px; } }
@media (max-width: 767px) { .profile-panel { width: 100%; } }
@media (max-width: 767px) { .profile-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .profile-grid { gap: 14px; } }
@media (max-width: 767px) { .profile-detail-list div { display: block; } }
@media (max-width: 767px) { .profile-detail-list div { min-height: 0; } }
@media (max-width: 767px) { .profile-detail-list div { padding: 14px 0; } }
@media (max-width: 767px) { .profile-detail-list div:first-child { min-height: 0; } }
@media (max-width: 767px) { .profile-detail-list dt { width: auto; } }
@media (max-width: 767px) { .profile-detail-list dt { margin-bottom: 8px; } }
@media (max-width: 767px) { .profile-detail-list dd { width: auto; } }
@media (max-width: 767px) { .profile-confirm { padding: 20px; } }
@media (max-width: 767px) { .mypage-status-card { margin-top: 0; } }
@media (max-width: 767px) { .mail-panel > div, .withdrawal-panel { display: grid; } }
@media (max-width: 767px) { .mail-panel > div, .withdrawal-panel { gap: 14px; } }
@media (max-width: 767px) { .history-panel > .history-row { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 767px) { .history-panel > .history-row { gap: 16px; } }
@media (max-width: 767px) { .history-panel > .history-row { height: 64px; } }
@media (max-width: 767px) { .history-panel > .history-row { padding: 16px 18px; } }
@media (max-width: 767px) { .history-panel > .history-row .history-meta { display: flex; } }
@media (max-width: 767px) { .history-panel > .history-row .history-meta { min-width: 0; } }
@media (max-width: 767px) { .history-panel > .history-row .history-meta { flex-direction: column; } }
@media (max-width: 767px) { .history-panel > .history-row .history-meta { justify-content: center; } }
@media (max-width: 767px) { .history-panel > .history-row time { width: auto; } }
@media (max-width: 767px) { .history-panel > .history-row strong { overflow: hidden; } }
@media (max-width: 767px) { .history-panel > .history-row strong { text-overflow: ellipsis; } }
@media (max-width: 767px) { .history-panel > .history-row strong { white-space: nowrap; } }
@media (max-width: 767px) { .history-panel > .history-row .history-open { min-width: 60px; } }
@media (max-width: 767px) { .video-modal { top: 50%; } }
@media (max-width: 767px) { .video-modal { width: calc(100% - 36px); } }
@media (max-width: 767px) { .video-modal { height: 323px; } }
@media (max-width: 767px) { .video-modal { padding: 16px 14px 14px; } }
@media (max-width: 767px) { .video-modal { border-radius: 14px; } }
@media (max-width: 767px) { .video-modal header { height: 45px; } }
@media (max-width: 767px) { .video-modal h2 { font-size: 16px; } }
@media (max-width: 767px) { .video-modal button { width: 66px; } }
@media (max-width: 767px) { .video-modal button { height: 34px; } }
@media (max-width: 767px) { .video-box { height: 190px; } }
@media (max-width: 767px) { .video-box span { width: 56px; } }
@media (max-width: 767px) { .video-box span { height: 56px; } }