@charset "utf-8";

/* =========================================================
   IASO TOP / SMARTPHONE
   <= 767px
   RESPONSIBILITY: index.php content only
   Standalone CSS: PC/TB CSS is not required.
========================================================= */

@media (max-width:767px) {

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

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

    /* HERO */
    .iaso-home .iaso-hero{position:relative;height:calc(100svh - var(--iaso-header-height,56px));min-height:700px;max-height:780px;display:flex;align-items:flex-end;overflow:hidden;background:#101c28;}

    .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,.58) 0%,rgba(255,255,255,.38) 36%,rgba(255,255,255,.12) 64%,rgba(255,255,255,0) 86%),
            linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 58%,rgba(255,255,255,.06) 100%);
    }

    .iaso-home .iaso-hero__content{position:relative;z-index:2;width:calc(100% - 36px);max-width:none;height:auto;margin:0 auto;padding:0 0 92px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;}

    .iaso-home .iaso-hero__eyebrow {margin:0 0 14px;color:var(--iaso-blue);font-size:8px;font-weight:600;line-height:1.7;letter-spacing:.18em;}

    .iaso-home .iaso-hero h1{margin:0;max-width:100%;color:var(--iaso-navy);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(42px,12.2vw,50px);font-weight:500;line-height:1.28;letter-spacing:.02em;}

    .iaso-home .iaso-hero__lead {
        margin:17px 0 0;
        color:#52636e;
        font-size:13px;
        line-height:1.85;
    }

    .iaso-home .iaso-hero__lead br { display:none; }

    .iaso-home .iaso-hero__facts {
        display:flex;
        flex-wrap:wrap;
        margin-top:17px;
    }

    .iaso-home .iaso-hero__facts span {
        position:relative;
        padding:0 9px;
        color:#63747e;
        font-size:8px;
        line-height:1.6;
        letter-spacing:.05em;
    }

    .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:11px;
        background:rgba(255,255,255,.34);
        transform:translateY(-50%);
    }

    .iaso-home .iaso-hero__actions {
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
        margin-top:24px;
    }

    .iaso-home .iaso-hero__actions .iaso-button {
        width:100%;
        min-width:0;
    }

    .iaso-home .iaso-hero__scroll { display:none; }

    /* INFORMATION */
    .iaso-home .iaso-information {
        border-bottom:1px solid var(--iaso-line);
        background:#fff;
    }

    .iaso-home .iaso-information__inner {
        padding:17px 0 19px;
        display:block;
    }

    .iaso-home .iaso-information__label {
        margin:0 0 11px;
        color:var(--iaso-blue);
        font-size:8px;
        font-weight:700;
        letter-spacing:.18em;
    }

    .iaso-home .iaso-information__list article { display:block; }

    .iaso-home .iaso-information time {
        display:block;
        margin-bottom:4px;
        color:#8a979f;
        font-size:9px;
    }

    .iaso-home .iaso-information a,
    .iaso-home .iaso-information p {
        margin:0;
        color:#34434d;
        text-decoration:none;
        font-size:12px;
        line-height:1.7;
    }

    .iaso-home .iaso-information__list article + article {
        margin-top:13px;
        padding-top:13px;
        border-top:1px solid var(--iaso-line);
    }

    /* 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:30px;
        font-weight:500;
        line-height:1.5;
        letter-spacing:.02em;
    }

    /* ABOUT */
    .iaso-home .iaso-concept {
        padding:72px 0 76px;
        background:#fbfaf7;
    }

    .iaso-home .iaso-concept__grid { display:block; }

    .iaso-home .iaso-concept__body {
        margin-top:25px;
        max-width:none;
    }

    .iaso-home .iaso-concept__body p {
        margin:0 0 18px;
        color:#53646f;
        font-size:14px;
        line-height:1.95;
    }

    .iaso-home .iaso-concept__visual {
        margin:32px 0 0;
        overflow:hidden;
        background:#eef4f6;
    }

    .iaso-home .iaso-concept__visual img {
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    /* OUR STANDARD */
    .iaso-home .iaso-standard {
        padding:76px 0;
        background:#fff;
    }

    .iaso-home .iaso-standard__intro { max-width:none; }

    .iaso-home .iaso-standard__statement {
        margin:23px 0 0;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:24px;
        font-weight:500;
        line-height:1.68;
    }

    .iaso-home .iaso-standard__lead {
        margin:21px 0 0;
        color:#566872;
        font-size:13px;
        line-height:1.95;
    }

    .iaso-home .iaso-standard__criteria {
        margin-top:40px;
        display:block;
        border-top:1px solid var(--iaso-line);
    }

    .iaso-home .iaso-standard__criteria article {
        min-height:0;
        padding:24px 0 25px;
        border-bottom:1px solid var(--iaso-line);
    }

    .iaso-home .iaso-standard__criteria article + article { border-left:0; }

    .iaso-home .iaso-standard__criteria span {
        color:var(--iaso-blue);
        font-size:8px;
        letter-spacing:.16em;
    }

    .iaso-home .iaso-standard__criteria h3 {
        margin:18px 0 9px;
        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.85;
    }

    /* WHY SUIFEEL */
    .iaso-home .iaso-system {
        padding:76px 0;
        background:#f2f8fa;
    }

    .iaso-home .iaso-system__grid {
        display:flex;
        flex-direction:column;
        gap:0;
    }

    .iaso-home .iaso-system__visual {
        order:2;
        margin:32px 0 0;
        overflow:hidden;
        background:#eaf3f6;
    }

    .iaso-home .iaso-system__content { order:1; }

    .iaso-home .iaso-system__visual img {
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    .iaso-home .iaso-system__content > p {
        margin:18px 0 0;
        color:#53646f;
        font-size:13px;
        line-height:1.92;
    }

    .iaso-home .iaso-system__facts {
        margin:26px 0 21px;
        border-top:1px solid rgba(110,157,184,.28);
    }

    .iaso-home .iaso-system__facts > div {
        display:block;
        padding:16px 0;
        border-bottom:1px solid rgba(110,157,184,.28);
    }

    .iaso-home .iaso-system__facts small,
    .iaso-home .iaso-system__facts strong,
    .iaso-home .iaso-system__facts span {
        display:block;
    }

    .iaso-home .iaso-system__facts small {
        margin-bottom:7px;
        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:16px;
        font-weight:600;
        line-height:1.45;
    }

    .iaso-home .iaso-system__facts span {
        margin-top:3px;
        color:#6c7b84;
        font-size:11px;
        line-height:1.5;
    }

    /* WHY IASO */
    .iaso-home .iaso-reasons {
        padding:72px 0 76px;
        background:#fff;
    }

    .iaso-home .iaso-reasons__grid {
        display:grid;
        grid-template-columns: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-height:0;
        padding:24px 20px 25px;
        border-right:1px solid rgba(110,157,184,.25);
        border-bottom:1px solid rgba(110,157,184,.25);
    }

    .iaso-home .iaso-reasons__primary { background:#f9fcfd; }
    .iaso-home .iaso-reasons__support { background:#fff; }

    .iaso-home .iaso-reasons__grid span {
        color:var(--iaso-blue);
        font-size:8px;
        letter-spacing:.16em;
    }

    .iaso-home .iaso-reasons__primary h3,
    .iaso-home .iaso-reasons__support h3 {
        margin:18px 0 9px;
        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-reasons__grid p {
        margin:0;
        color:#687983;
        font-size:12px;
        line-height:1.82;
    }

    /* FIRST VISIT */
    .iaso-home .iaso-first {
        padding:76px 0;
        background:#fbfaf7;
    }

    .iaso-home .iaso-first__layout {
        display:flex;
        flex-direction:column;
    }

    .iaso-home .iaso-first__content { order:1; }

    .iaso-home .iaso-first__visual {
        order:2;
        margin:32px 0 0;
        overflow:hidden;
        background:#eef4f6;
    }

    .iaso-home .iaso-first__visual img {
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    .iaso-home .iaso-first__lead {
        margin:20px 0 0;
        color:#596a74;
        font-size:13px;
        line-height:1.92;
    }

    .iaso-home .iaso-first__points {
        margin-top:29px;
        display:grid;
        grid-template-columns:1fr;
        border-top:1px solid var(--iaso-line);
    }

    .iaso-home .iaso-first__points > div {
        padding:17px 0 18px;
        border-right:0;
        border-bottom:1px solid var(--iaso-line);
    }

    .iaso-home .iaso-first__points > div:nth-child(odd),
    .iaso-home .iaso-first__points > div:nth-child(even) {
        padding-left:0;
        padding-right:0;
        border-right:0;
    }

    .iaso-home .iaso-first__points span {
        color:var(--iaso-blue);
        font-size:8px;
        letter-spacing:.15em;
    }

    .iaso-home .iaso-first__points h3 {
        margin:6px 0 0;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:16px;
        font-weight:500;
        line-height:1.45;
    }

    .iaso-home .iaso-first__recommend {
        margin-top:26px;
        padding:20px;
        display:block;
        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:18px;
        font-weight:500;
        line-height:1.55;
    }

    .iaso-home .iaso-first__recommend .iaso-button {
        width:100%;
        min-width:0;
        margin-top:17px;
    }

    /* PURPOSE */
    .iaso-home .iaso-purpose {
        padding:70px 0;
        background:#fff;
    }

    .iaso-home .iaso-purpose__list {
        display:grid;
        grid-template-columns: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:0;
        display:flex;
        align-items:center;
        padding:18px 16px 18px 43px;
        border-right:0;
        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:0; }

    .iaso-home .iaso-purpose__list li::before {
        content:"";
        position:absolute;
        left:18px;
        top:50%;
        width:11px;
        height:1px;
        background:var(--iaso-blue);
    }

    /* MENU GUIDE */
    .iaso-home .iaso-menu-guide {
        padding:74px 0;
        background:#f8fbfc;
    }

    .iaso-home .iaso-menu-guide__grid {
        display:grid;
        grid-template-columns:1fr;
        gap:11px;
        margin-bottom:31px;
    }

    .iaso-home .iaso-menu-guide__card { min-width:0; }

    .iaso-home .iaso-menu-guide__card-link {
        min-height:0;
        display:flex;
        flex-direction:column;
        padding:24px 20px 22px;
        color:inherit;
        background:#fff;
        border:1px solid rgba(110,157,184,.22);
        text-decoration:none;
    }

    .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__tag {
        margin:0 0 13px;
        color:var(--iaso-blue);
        font-size:8px;
        font-weight:700;
        letter-spacing:.15em;
    }

    .iaso-home .iaso-menu-guide__recommend-label {
        align-self:flex-start;
        margin:0 0 16px;
        padding:5px 8px;
        color:var(--iaso-navy);
        background:rgba(255,255,255,.9);
        border:1px solid rgba(110,157,184,.24);
        border-radius:999px;
        font-size:9px;
        font-weight:600;
        line-height:1.4;
    }

    .iaso-home .iaso-menu-guide h3 {
        margin:0 0 10px;
        color:var(--iaso-navy);
        font-family:"Noto Serif JP","Yu Mincho",serif;
        font-size:22px;
        font-weight:500;
        line-height:1.45;
    }

    .iaso-home .iaso-menu-guide__description {
        margin:0;
        color:#6b7a83;
        font-size:12px;
        line-height:1.8;
    }

    .iaso-home .iaso-menu-guide__more {
        display:inline-flex;
        align-items:center;
        gap:8px;
        margin-top:18px;
        color:var(--iaso-navy);
        font-size:10px;
        font-weight:700;
        letter-spacing:.06em;
    }

    .iaso-home .iaso-menu-guide__more::after {
        content:"→";
        color:var(--iaso-blue);
    }

    /* GALLERY */
    .iaso-home .iaso-gallery {
        padding:72px 0 76px;
        background:#fff;
    }

    .iaso-home .iaso-gallery .iaso-section-head--row .iaso-text-link {
        margin-top:18px;
    }

    .iaso-home .iaso-gallery__hero {
        margin:0 0 12px;
        overflow:hidden;
        background:#eef4f6;
    }

    .iaso-home .iaso-gallery__hero img {
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    .iaso-home .iaso-gallery__legacy { overflow:visible; }

    /* THORON */
    .iaso-home .iaso-thoron {
        padding:76px 0;
        background:#fbfaf7;
    }

    .iaso-home .iaso-thoron__grid { display:block; }

    .iaso-home .iaso-thoron__content > p {
        margin:20px 0 0;
        color:#53646f;
        font-size:13px;
        line-height:1.92;
    }

    .iaso-home .iaso-thoron__badge {
        display:inline-block;
        margin-left:6px;
        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:31px 0 0;
        overflow:hidden;
        background:#eef4f6;
    }

    .iaso-home .iaso-thoron__visual img {
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    /* SHINSAIBASHI */
    .iaso-home .iaso-shinsaibashi {
        padding:72px 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:block; }

    .iaso-home .iaso-shinsaibashi__open {
        margin:0 0 11px;
        color:var(--iaso-blue);
        font-size:9px;
        letter-spacing:.16em;
    }

    .iaso-home .iaso-shinsaibashi__grid > div:first-child > p {
        max-width:none;
        color:#5e6e78;
        font-size:13px;
        line-height:1.88;
    }

    .iaso-home .iaso-shinsaibashi__services {
        display:grid;
        margin-top:28px;
        border-top:1px solid rgba(110,157,184,.28);
    }

    .iaso-home .iaso-shinsaibashi__services span {
        padding:14px 0;
        border-bottom:1px solid rgba(110,157,184,.28);
        color:var(--iaso-navy);
        font-size:13px;
    }

    .iaso-home .iaso-shinsaibashi__services .iaso-button {
        width:100%;
        min-width:0;
        margin-top:20px;
    }

    /* JOURNAL */
    .iaso-home .iaso-journal {
        padding:72px 0 76px;
        background:#fff;
    }

    .iaso-home .iaso-journal__lead {
        margin:11px 0 0;
        color:#73818a;
        font-size:12px;
        line-height:1.75;
    }

    .iaso-home .iaso-journal .iaso-section-head--row .iaso-text-link {
        margin-top:18px;
    }

    .iaso-home .iaso-journal__legacy { overflow:visible; }

    /* SCHEDULE */
    .iaso-home .iaso-schedule {
        padding:70px 0 74px;
        background:#fbfaf7;
    }

    .iaso-home .iaso-schedule__intro {
        margin:12px 0 0;
        color:#74828b;
        font-size:12px;
        line-height:1.7;
        text-align:left;
    }

    .iaso-home .iaso-schedule__legacy {
        padding:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
    }

    /* ACCESS */
    .iaso-home .iaso-access {
        padding:72px 0 78px;
        background:#fff;
    }

    .iaso-home .iaso-access__intro { display:block; }

    .iaso-home .iaso-access__intro > div > p:last-child {
        margin:14px 0 0;
        color:#6f7e87;
        font-size:13px;
        line-height:1.8;
    }

    .iaso-home .iaso-access__reception {
        margin:28px 0 28px;
        overflow:hidden;
        background:#eef4f6;
    }

    .iaso-home .iaso-access__reception img {
        display:block;
        width:100%;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    .iaso-home .iaso-access__legacy { margin-top:0; }

    /* FAQ */
    .iaso-home .iaso-faq {
        padding:72px 0 76px;
        background:#f5fafb;
    }

    .iaso-home .iaso-faq__list { max-width:none; }

    .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:20px 40px 20px 2px;
        color:var(--iaso-navy);
        font-size:14px;
        font-weight:600;
        line-height:1.7;
        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:3px;
        top:17px;
        color:var(--iaso-blue);
        font-size:22px;
        font-weight:300;
    }

    .iaso-home .iaso-faq details[open] summary::after { content:"−"; }

    .iaso-home .iaso-faq details p {
        margin:0;
        padding:0 0 21px 2px;
        color:#6d7c85;
        font-size:13px;
        line-height:1.9;
    }

    /* MEDIA */
    .iaso-home .iaso-media-banner {
        padding:48px 0 62px;
        background:#fff;
    }

    .iaso-home .iaso-media-banner__head {
        width:100%;
        margin:0 auto 16px;
    }

    .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:17px;
        line-height:1.6;
    }

    .iaso-home .iaso-media-banner a {
        display:block;
        width:100%;
        margin:0 auto;
    }

    .iaso-home .iaso-media-banner img {
        display:block;
        width:100%;
    }
}
@media screen and (max-width:390px){
  .iaso-home .iaso-hero{min-height:700px;max-height:760px;}
  .iaso-home .iaso-hero__content{width:calc(100% - 32px);padding-bottom:88px;}
  .iaso-home .iaso-hero h1{font-size:42px;line-height:1.28;letter-spacing:.02em;}
}

/* 2026-08-09 SP HERO balanced final */
.iaso-home .iaso-hero{min-height:720px;max-height:800px;}
.iaso-home .iaso-hero__veil{
    background:linear-gradient(90deg,rgba(10,24,36,.10) 0%,rgba(10,24,36,.05) 42%,rgba(10,24,36,0) 74%),linear-gradient(180deg,rgba(10,24,36,0) 0%,rgba(10,24,36,0) 42%,rgba(10,24,36,.16) 58%,rgba(10,24,36,.42) 76%,rgba(10,24,36,.58) 100%);
}
.iaso-home .iaso-hero__content{width:calc(100% - 36px);padding-bottom:76px;}
.iaso-home .iaso-hero__eyebrow{
    color:var(--about-navy);
    text-shadow:0 1px 10px rgba(255,255,255,.72);
}
.iaso-home .iaso-hero h1{
    color:#eee;
    text-shadow:0 1px 16px rgba(10,24,36,.16);
}
.iaso-home .iaso-hero__lead{max-width:96%;color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(10,24,36,.18);}
.iaso-home .iaso-hero__facts span{color:rgba(255,255,255,.82);text-shadow:0 1px 10px rgba(255,255,255,.82);}
.iaso-home .iaso-hero__actions{width:100%;grid-template-columns:1fr;gap:8px;margin-top:20px;}
.iaso-home .iaso-hero__actions .iaso-button{width:100%;max-width:none;min-height:54px;}
@media screen and (max-width:390px){
    .iaso-home .iaso-hero{min-height:700px;max-height:780px;}
    .iaso-home .iaso-hero__content{width:calc(100% - 36px);padding-bottom:132px;}
}
@media screen and (max-width:390px){
  .iaso-home .iaso-hero__content{
    width:calc(100% - 32px);
    padding-bottom:122px;
  }
  .iaso-home .iaso-hero__actions{
    margin-top:18px;
    gap:8px;
  }
  .iaso-home .iaso-hero__actions .iaso-button{
    min-height:52px;
  }
}