@charset "utf-8";

/* =========================================================
   IASO TOP / TABLET
   768px - 1180px
   RESPONSIBILITY: index.php content only
   Standalone CSS: PC CSS is not required.
========================================================= */

@media (min-width:768px) and (max-width:1180px) {

    .iaso-home {
        overflow:hidden;
        color:var(--iaso-text);
        background:#fff;
    }

    .iaso-home .iaso-hero__content,
    .iaso-home .iaso-information__inner {
        width:calc(100% - 48px);
        margin-inline:auto;
    }

    /* HERO */
    .iaso-home .iaso-hero {
        position:relative;
        height:min(760px,calc(100svh - var(--iaso-header-height)));
        min-height:650px;
        display:flex;
        align-items:center;
        overflow:hidden;
        color:var(--iaso-navy);
        background:#f7fafb;
    }
    .iaso-home .iaso-hero__media,
    .iaso-home .iaso-hero__veil {
        position:absolute;
        inset:0;
    }
    .iaso-home .iaso-hero__media picture,
    .iaso-home .iaso-hero__media img {
        display:block;
        width:100%;
        height:100%;
    }
    .iaso-home .iaso-hero__media img {
        object-fit:cover;
        object-position:center;
    }
    .iaso-home .iaso-hero__veil {
        background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 28%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.32) 66%,rgba(255,255,255,0) 84%);
    }
    .iaso-home .iaso-hero__content {
        position:relative;
        z-index:2;
        padding:68px 0 82px;
    }
    .iaso-home .iaso-hero__eyebrow {
        margin:0 0 18px;
        color:var(--iaso-blue);
        font-size:9px;
        font-weight:700;
        letter-spacing:.22em;
    }
    .iaso-home .iaso-hero h1 {
        max-width:540px;
        margin:0;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
        font-size:clamp(50px,6.2vw,66px);
        font-weight:500;
        line-height:1.26;
        letter-spacing:.02em;
    }
    .iaso-home .iaso-hero__lead {
        max-width:500px;
        margin:20px 0 0;
        color:#52636e;
        font-size:14px;
        line-height:1.85;
    }
    .iaso-home .iaso-hero__facts {
        display:flex;
        flex-wrap:wrap;
        margin-top:20px;
    }
    .iaso-home .iaso-hero__facts span {
        position:relative;
        padding:0 14px;
        color:#63747e;
        font-size:9px;
        letter-spacing:.07em;
    }
    .iaso-home .iaso-hero__facts span:first-child { padding-left:0; }
    .iaso-home .iaso-hero__facts span + span::before {
        content:"";
        position:absolute;
        left:0;
        top:50%;
        width:1px;
        height:12px;
        background:rgba(110,157,184,.44);
        transform:translateY(-50%);
    }
    .iaso-home .iaso-hero__actions {
        display:flex;
        gap:10px;
        margin-top:28px;
    }
    .iaso-home .iaso-hero__actions .iaso-button { min-width:180px; }
    .iaso-home .iaso-hero__scroll {
        position:absolute;
        z-index:2;
        left:50%;
        bottom:16px;
        color:rgba(24,50,71,.48);
        text-decoration:none;
        font-size:8px;
        letter-spacing:.22em;
        writing-mode:vertical-rl;
        transform:translateX(-50%);
    }
    .iaso-home .iaso-hero__scroll::after {
        content:"";
        display:block;
        width:1px;
        height:32px;
        margin:9px auto 0;
        background:rgba(110,157,184,.40);
    }

    /* INFORMATION */
    .iaso-home .iaso-information {
        border-bottom:1px solid var(--iaso-line);
        background:#fff;
    }
    .iaso-home .iaso-information__inner {
        padding:18px 0;
        display:grid;
        grid-template-columns:120px 1fr;
        gap:22px;
        align-items:start;
    }
    .iaso-home .iaso-information__label {
        margin:3px 0 0;
        color:var(--iaso-blue);
        font-size:9px;
        font-weight:700;
        letter-spacing:.18em;
    }
    .iaso-home .iaso-information__list article {
        display:grid;
        grid-template-columns:84px 1fr;
        gap:16px;
        align-items:baseline;
    }
    .iaso-home .iaso-information__list article + article { margin-top:7px; }
    .iaso-home .iaso-information time { color:#8a979f; font-size:10px; }
    .iaso-home .iaso-information a,
    .iaso-home .iaso-information p {
        margin:0;
        color:#34434d;
        text-decoration:none;
        font-size:12px;
        line-height:1.7;
    }

    /* Shared editorial headings */
    .iaso-home .iaso-concept h2,
    .iaso-home .iaso-standard h2,
    .iaso-home .iaso-system h2,
    .iaso-home .iaso-first h2,
    .iaso-home .iaso-thoron h2,
    .iaso-home .iaso-shinsaibashi h2,
    .iaso-home .iaso-access h2 {
        margin:0;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
        font-size:clamp(30px,4.0vw,35px);
        font-weight:500;
        line-height:1.48;
        letter-spacing:.02em;
    }

    /* ABOUT */
    .iaso-home .iaso-concept {
        padding:96px 0 102px;
        background:#fbfaf7;
    }
    .iaso-home .iaso-concept__grid {
        display:grid;
        grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
        gap:46px;
        align-items:center;
    }
    .iaso-home .iaso-concept__body {
        max-width:520px;
        margin-top:26px;
    }
    .iaso-home .iaso-concept__body p {
        margin:0 0 19px;
        color:#53646f;
        font-size:14px;
        line-height:1.95;
    }
    .iaso-home .iaso-concept__visual {
        margin:0;
        overflow:hidden;
        background:#eef4f6;
    }
    .iaso-home .iaso-concept__visual img {
        display:block;
        width:100%;
        aspect-ratio:1.08/1;
        object-fit:cover;
    }

    /* OUR STANDARD */
    .iaso-home .iaso-standard {
        padding:102px 0;
        background:#fff;
    }
    .iaso-home .iaso-standard__intro { max-width:820px; }
    .iaso-home .iaso-standard__statement {
        margin:25px 0 0;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:clamp(25px,3vw,30px);
        font-weight:500;
        line-height:1.65;
    }
    .iaso-home .iaso-standard__lead {
        max-width:760px;
        margin:23px 0 0;
        color:#566872;
        font-size:14px;
        line-height:1.98;
    }
    .iaso-home .iaso-standard__criteria {
        margin-top:50px;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        border-top:1px solid var(--iaso-line);
        border-bottom:1px solid var(--iaso-line);
    }
    .iaso-home .iaso-standard__criteria article {
        min-width:0;
        min-height:218px;
        padding:29px 24px 31px;
    }
    .iaso-home .iaso-standard__criteria article + article { border-left:1px solid var(--iaso-line); }
    .iaso-home .iaso-standard__criteria span {
        color:var(--iaso-blue);
        font-size:9px;
        letter-spacing:.17em;
    }
    .iaso-home .iaso-standard__criteria h3 {
        margin:36px 0 12px;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:18px;
        font-weight:500;
        line-height:1.5;
    }
    .iaso-home .iaso-standard__criteria p {
        margin:0;
        color:#697984;
        font-size:12px;
        line-height:1.82;
    }

    /* WHY SUIFEEL */
    .iaso-home .iaso-system {
        padding:104px 0;
        background:#f2f8fa;
    }
    .iaso-home .iaso-system__grid {
        display:grid;
        grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
        gap:46px;
        align-items:center;
    }
    .iaso-home .iaso-system__visual {
        margin:0;
        overflow:hidden;
        background:#eaf3f6;
    }
    .iaso-home .iaso-system__visual img {
        display:block;
        width:100%;
        aspect-ratio:1/1.05;
        object-fit:cover;
    }
    .iaso-home .iaso-system__content > p {
        margin:19px 0 0;
        color:#53646f;
        font-size:13px;
        line-height:1.9;
    }
    .iaso-home .iaso-system__facts {
        margin:27px 0 22px;
        border-top:1px solid rgba(110,157,184,.28);
    }
    .iaso-home .iaso-system__facts > div {
        display:grid;
        grid-template-columns:116px minmax(0,1fr);
        gap:9px 18px;
        padding:16px 0;
        border-bottom:1px solid rgba(110,157,184,.28);
    }
    .iaso-home .iaso-system__facts small {
        grid-row:1/3;
        align-self:center;
        color:var(--iaso-blue);
        font-size:8px;
        font-weight:700;
        letter-spacing:.12em;
    }
    .iaso-home .iaso-system__facts strong {
        color:var(--iaso-navy);
        font-size:15px;
        font-weight:600;
        line-height:1.45;
    }
    .iaso-home .iaso-system__facts span {
        color:#6c7b84;
        font-size:11px;
        line-height:1.5;
    }

    /* WHY IASO */
    .iaso-home .iaso-reasons {
        padding:100px 0 106px;
        background:#fff;
    }
    .iaso-home .iaso-reasons__grid {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        border-top:1px solid rgba(110,157,184,.25);
        border-left:1px solid rgba(110,157,184,.25);
    }
    .iaso-home .iaso-reasons__grid article {
        min-width:0;
        padding:29px 27px 31px;
        border-right:1px solid rgba(110,157,184,.25);
        border-bottom:1px solid rgba(110,157,184,.25);
    }
    .iaso-home .iaso-reasons__primary {
        min-height:225px;
        background:#f9fcfd;
    }
    .iaso-home .iaso-reasons__support {
        min-height:190px;
        background:#fff;
    }
    .iaso-home .iaso-reasons__grid span {
        color:var(--iaso-blue);
        font-size:9px;
        letter-spacing:.17em;
    }
    .iaso-home .iaso-reasons__primary h3 {
        margin:34px 0 12px;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:19px;
        font-weight:500;
        line-height:1.5;
    }
    .iaso-home .iaso-reasons__support h3 {
        margin:24px 0 11px;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:17px;
        font-weight:500;
        line-height:1.5;
    }
    .iaso-home .iaso-reasons__grid p {
        margin:0;
        color:#687983;
        font-size:12px;
        line-height:1.82;
    }

    /* FIRST VISIT */
    .iaso-home .iaso-first {
        padding:102px 0;
        background:#fbfaf7;
    }
    .iaso-home .iaso-first__layout {
        display:grid;
        grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
        gap:46px;
        align-items:center;
    }
    .iaso-home .iaso-first__lead {
        max-width:610px;
        margin:21px 0 0;
        color:#596a74;
        font-size:13px;
        line-height:1.92;
    }
    .iaso-home .iaso-first__points {
        margin-top:30px;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        border-top:1px solid var(--iaso-line);
    }
    .iaso-home .iaso-first__points > div {
        min-width:0;
        padding:18px 16px 19px 0;
        border-bottom:1px solid var(--iaso-line);
    }
    .iaso-home .iaso-first__points > div:nth-child(odd) {
        padding-right:18px;
        border-right:1px solid var(--iaso-line);
    }
    .iaso-home .iaso-first__points > div:nth-child(even) { padding-left:18px; }
    .iaso-home .iaso-first__points span {
        color:var(--iaso-blue);
        font-size:8px;
        letter-spacing:.15em;
    }
    .iaso-home .iaso-first__points h3 {
        margin:7px 0 0;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:15px;
        font-weight:500;
        line-height:1.45;
    }
    .iaso-home .iaso-first__recommend {
        margin-top:27px;
        padding:20px 20px;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:18px;
        background:#edf6f9;
        border:1px solid rgba(110,157,184,.25);
    }
    .iaso-home .iaso-first__recommend small {
        display:block;
        margin-bottom:6px;
        color:var(--iaso-blue);
        font-size:8px;
        letter-spacing:.15em;
    }
    .iaso-home .iaso-first__recommend strong {
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:16px;
        font-weight:500;
        line-height:1.55;
    }
    .iaso-home .iaso-first__recommend .iaso-button {
        min-width:154px;
        padding-inline:18px;
    }
    .iaso-home .iaso-first__visual {
        margin:0;
        overflow:hidden;
        background:#eef4f6;
    }
    .iaso-home .iaso-first__visual img {
        display:block;
        width:100%;
        aspect-ratio:1/1.08;
        object-fit:cover;
    }

    /* PURPOSE */
    .iaso-home .iaso-purpose {
        padding:88px 0;
        background:#fff;
    }
    .iaso-home .iaso-purpose__list {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin:0;
        padding:0;
        border-top:1px solid var(--iaso-line);
        list-style:none;
    }
    .iaso-home .iaso-purpose__list li {
        position:relative;
        min-height:74px;
        display:flex;
        align-items:center;
        padding:20px 24px 20px 50px;
        border-bottom:1px solid var(--iaso-line);
        color:#31414c;
        font-size:13px;
        line-height:1.55;
    }
    .iaso-home .iaso-purpose__list li:nth-child(odd) { border-right:1px solid var(--iaso-line); }
    .iaso-home .iaso-purpose__list li::before {
        content:"";
        position:absolute;
        left:24px;
        top:50%;
        width:12px;
        height:1px;
        background:var(--iaso-blue);
    }

    /* MENU GUIDE */
    .iaso-home .iaso-menu-guide {
        padding:98px 0;
        background:#f8fbfc;
    }
    .iaso-home .iaso-menu-guide__grid {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:12px;
        margin-bottom:36px;
        align-items:stretch;
    }
    .iaso-home .iaso-menu-guide__card { min-width:0; }
    .iaso-home .iaso-menu-guide__card-link {
        position:relative;
        min-height:292px;
        height:100%;
        display:flex;
        flex-direction:column;
        padding:28px 22px 26px;
        color:inherit;
        background:#fff;
        border:1px solid rgba(110,157,184,.22);
        text-decoration:none;
        cursor:pointer;
        transition:transform .28s ease,border-color .28s ease,background-color .28s ease,box-shadow .28s ease;
    }
    .iaso-home .iaso-menu-guide__featured .iaso-menu-guide__card-link {
        background:#eef7fa;
        border-color:rgba(110,157,184,.46);
    }
    .iaso-home .iaso-menu-guide__card-link:hover,
    .iaso-home .iaso-menu-guide__card-link:focus-visible {
        transform:translateY(-3px);
        border-color:rgba(110,157,184,.50);
        background:#fbfdfe;
        box-shadow:0 14px 30px rgba(54,85,103,.07);
    }
    .iaso-home .iaso-menu-guide__featured .iaso-menu-guide__card-link:hover,
    .iaso-home .iaso-menu-guide__featured .iaso-menu-guide__card-link:focus-visible {
        background:#e9f4f8;
    }
    .iaso-home .iaso-menu-guide__card-link:focus-visible {
        outline:2px solid rgba(110,157,184,.55);
        outline-offset:3px;
    }
    .iaso-home .iaso-menu-guide__tag {
        margin:0 0 16px;
        color:var(--iaso-blue);
        font-size:9px;
        font-weight:700;
        line-height:1.4;
        letter-spacing:.15em;
    }
    .iaso-home .iaso-menu-guide__recommend-label {
        align-self:flex-start;
        margin:0 0 19px;
        padding:5px 8px;
        color:var(--iaso-navy);
        background:rgba(255,255,255,.88);
        border:1px solid rgba(110,157,184,.24);
        border-radius:999px;
        font-size:9px;
        font-weight:600;
        line-height:1.4;
        letter-spacing:.02em;
    }
    .iaso-home .iaso-menu-guide h3 {
        margin:0 0 12px;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:21px;
        font-weight:500;
        line-height:1.45;
    }
    .iaso-home .iaso-menu-guide__description {
        margin:0;
        color:#6b7a83;
        font-size:11px;
        line-height:1.8;
    }
    .iaso-home .iaso-menu-guide__more {
        display:inline-flex;
        align-items:center;
        gap:8px;
        margin-top:auto;
        padding-top:22px;
        color:var(--iaso-navy);
        font-size:10px;
        font-weight:700;
        line-height:1.4;
        letter-spacing:.06em;
    }
    .iaso-home .iaso-menu-guide__more::after {
        content:"→";
        color:var(--iaso-blue);
        transition:transform .25s ease;
    }
    .iaso-home .iaso-menu-guide__card-link:hover .iaso-menu-guide__more::after,
    .iaso-home .iaso-menu-guide__card-link:focus-visible .iaso-menu-guide__more::after {
        transform:translateX(4px);
    }

    /* GALLERY */
    .iaso-home .iaso-gallery {
        padding:92px 0 98px;
        background:#fff;
    }
    .iaso-home .iaso-gallery__hero {
        margin:0 0 16px;
        overflow:hidden;
        background:#eef4f6;
    }
    .iaso-home .iaso-gallery__hero img {
        display:block;
        width:100%;
        aspect-ratio:12/6;
        object-fit:cover;
    }
    .iaso-home .iaso-gallery__legacy { overflow:visible; }

    /* THORON */
    .iaso-home .iaso-thoron {
        padding:100px 0;
        background:#fbfaf7;
    }
    .iaso-home .iaso-thoron__grid {
        display:grid;
        grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
        gap:46px;
        align-items:center;
    }
    .iaso-home .iaso-thoron__content > p {
        margin:21px 0 0;
        color:#53646f;
        font-size:13px;
        line-height:1.92;
    }
    .iaso-home .iaso-thoron__badge {
        display:inline-block;
        margin-left:7px;
        padding:4px 7px;
        border:1px solid rgba(110,157,184,.32);
        border-radius:999px;
        font-size:7px;
        letter-spacing:.05em;
        vertical-align:middle;
    }
    .iaso-home .iaso-thoron__visual {
        margin:0;
        overflow:hidden;
        background:#eef4f6;
    }
    .iaso-home .iaso-thoron__visual img {
        display:block;
        width:100%;
        aspect-ratio:1.08/1;
        object-fit:cover;
    }

    /* SHINSAIBASHI */
    .iaso-home .iaso-shinsaibashi {
        padding:94px 0;
        background:#f1f7f9;
        border-top:1px solid rgba(110,157,184,.12);
        border-bottom:1px solid rgba(110,157,184,.12);
    }
    .iaso-home .iaso-shinsaibashi__grid {
        display:grid;
        grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);
        gap:46px;
        align-items:center;
    }
    .iaso-home .iaso-shinsaibashi__open {
        margin:0 0 12px;
        color:var(--iaso-blue);
        font-size:10px;
        letter-spacing:.17em;
    }
    .iaso-home .iaso-shinsaibashi__grid > div:first-child > p {
        max-width:650px;
        color:#5e6e78;
        font-size:13px;
        line-height:1.88;
    }
    .iaso-home .iaso-shinsaibashi__services {
        display:grid;
        border-top:1px solid rgba(110,157,184,.28);
    }
    .iaso-home .iaso-shinsaibashi__services span {
        padding:16px 0;
        border-bottom:1px solid rgba(110,157,184,.28);
        color:var(--iaso-navy);
        font-size:13px;
    }
    .iaso-home .iaso-shinsaibashi__services .iaso-button {
        justify-self:start;
        margin-top:23px;
    }

    /* JOURNAL */
    .iaso-home .iaso-journal {
        padding:96px 0;
        background:#fff;
    }
    .iaso-home .iaso-journal__lead {
        max-width:590px;
        margin:12px 0 0;
        color:#73818a;
        font-size:12px;
        line-height:1.75;
    }
    .iaso-home .iaso-journal__legacy { overflow:visible; }

    /* SCHEDULE */
    .iaso-home .iaso-schedule {
        padding:82px 0 88px;
        background:#fbfaf7;
    }
    .iaso-home .iaso-schedule__intro {
        margin:0;
        color:#74828b;
        font-size:12px;
        line-height:1.7;
        text-align:right;
    }
    .iaso-home .iaso-schedule__legacy {
        padding:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
    }

    /* ACCESS */
    .iaso-home .iaso-access {
        padding:92px 0 100px;
        background:#fff;
    }
    .iaso-home .iaso-access__intro {
        display:grid;
        grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
        gap:44px;
        align-items:center;
        margin-bottom:32px;
    }
    .iaso-home .iaso-access__intro > div > p:last-child {
        margin:16px 0 0;
        color:#6f7e87;
        font-size:13px;
        line-height:1.8;
    }
    .iaso-home .iaso-access__reception {
        margin:0;
        overflow:hidden;
        background:#eef4f6;
    }
    .iaso-home .iaso-access__reception img {
        display:block;
        width:100%;
        aspect-ratio:16/8;
        object-fit:cover;
    }
    .iaso-home .iaso-access__legacy { margin-top:0; }

    /* FAQ */
    .iaso-home .iaso-faq {
        padding:94px 0;
        background:#f5fafb;
    }
    .iaso-home .iaso-faq__list { max-width:900px; }
    .iaso-home .iaso-faq details { border-top:1px solid var(--iaso-line); }
    .iaso-home .iaso-faq details:last-child { border-bottom:1px solid var(--iaso-line); }
    .iaso-home .iaso-faq summary {
        position:relative;
        padding:23px 54px 23px 0;
        color:var(--iaso-navy);
        font-size:15px;
        font-weight:600;
        cursor:pointer;
        list-style:none;
    }
    .iaso-home .iaso-faq summary::-webkit-details-marker { display:none; }
    .iaso-home .iaso-faq summary::after {
        content:"+";
        position:absolute;
        right:9px;
        top:18px;
        color:var(--iaso-blue);
        font-size:23px;
        font-weight:300;
    }
    .iaso-home .iaso-faq details[open] summary::after { content:"−"; }
    .iaso-home .iaso-faq details p {
        margin:0;
        padding:0 54px 25px 0;
        color:#6d7c85;
        font-size:13px;
        line-height:1.9;
    }

    /* MEDIA */
    .iaso-home .iaso-media-banner {
        padding:64px 0 80px;
        background:#fff;
    }
    .iaso-home .iaso-media-banner__head {
        width:min(820px,100%);
        margin:0 auto 18px;
    }
    .iaso-home .iaso-media-banner__head > p:last-child {
        margin:0;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:18px;
    }
    .iaso-home .iaso-media-banner a {
        display:block;
        max-width:820px;
        margin:0 auto;
        transition:opacity .25s ease;
    }
    .iaso-home .iaso-media-banner a:hover { opacity:.86; }
    .iaso-home .iaso-media-banner img {
        display:block;
        width:100%;
    }
}