*,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        :root {
            --ink: #212121;
            --ink-90: #2C3038;
            --ink-70: #4A4E69;
            --ink-50: #6B7080;
            --ink-30: #9BA0AD;
            --ink-10: #D5D7DC;
            --ink-05: #EAEBEE;
            --ink-02: #F4F4F6;
            --white: #FFFFFF;
            --blue: #2174DF;
            --blue-dark: #002A66;
            --blue-deep: #061A38;
            --blue-light: #E9F0F8;
            --blue-mid: #1B6EC2;
            --orange: #A68942;
            --orange-light: #F8F2E5;
            --green: #1B6340;
            --green-light: #E8F2EC;
            --shadow-1: 0 1px 2px rgba(33, 33, 33, .06);
            --shadow-2: 0 2px 8px rgba(33, 33, 33, .08), 0 1px 2px rgba(33, 33, 33, .04);
            --shadow-3: 0 8px 24px rgba(33, 33, 33, .10), 0 2px 6px rgba(33, 33, 33, .04);
            --shadow-4: 0 16px 48px rgba(33, 33, 33, .12), 0 4px 12px rgba(33, 33, 33, .04);
            --shadow-5: 0 24px 64px rgba(33, 33, 33, .14), 0 8px 20px rgba(33, 33, 33, .06);
            --shadow-blue: 0 4px 20px rgba(8, 82, 167, .18);
            --shadow-hover: 0 12px 36px rgba(33, 33, 33, .12), 0 4px 10px rgba(33, 33, 33, .04);
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px
        }

        body {
            font-family: 'Zen Kaku Gothic New', -apple-system, BlinkMacSystemFont, sans-serif;
            color: var(--ink);
            background: var(--white);
            line-height: 1.8;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased
        }

        .container {
            max-width: 1080px;
            margin: 0 auto;
            padding: 0 32px
        }

        .section {
            padding: 104px 0
        }

        .text-center {
            text-align: center
        }

        .label {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: .9rem;
            font-weight: 800;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--blue);
            margin-bottom: 16px;
            position: relative;
        }

        .label::before,
        .label::after {
            content: "";
            width: 28px;
            height: 1px;
            background: var(--blue);
        }

        .heading {
            font-size: clamp(1.5rem, 3.2vw, 2.15rem);
            font-weight: 800;
            line-height: 1.45;
            margin-bottom: 14px;
            letter-spacing: -.01em;
            color: var(--ink)
        }

        .subtext {
            font-size: 1.12rem;
            color: var(--ink-50);
            line-height: 1.85;
            /* max-width: 540px */
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 13px 32px;
            border-radius: 0;
            font-size: .88rem;
            font-weight: 700;
            text-decoration: none;
            transition: all .18s;
            border: none;
            cursor: pointer
        }

        .btn-primary {
            background: var(--blue);
            color: #fff;
            box-shadow: var(--shadow-2), var(--shadow-blue);
            background-color: var(--blue, var(--blue));
            /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.08)); */
            border: 2px solid hsla(0, 0%, 100%, .2);
            border-radius: 150px;
            min-width: 120px;
            text-align: center;
        }

        .btn-primary:hover {
            background: var(--blue-dark);
            box-shadow: var(--shadow-3), 0 6px 24px rgba(0, 87, 255, .25);
            transform: translateY(-1px)
        }

        .btn-outline {
            background: white;
            color: var(--ink);
            border: 1.5px solid var(--ink-10);
            box-shadow: var(--shadow-2);
            /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.08)); */
            border-radius: 150px;
            min-width: 120px;
            text-align: center;
        }

        .btn-outline:hover {
            border-color: var(--blue);
            color: var(--blue);
            box-shadow: var(--shadow-2)
        }

        .btn-lg {
            padding: 15px 40px;
            font-size: 1.02rem
        }

        .btn-white {
            background: #fff;
            color: var(--blue);
            box-shadow: var(--shadow-3)
        }

        .btn-white:hover {
            box-shadow: var(--shadow-4);
            transform: translateY(-2px)
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(24px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .anim {
            opacity: 0
        }

        .anim.in {
            animation: fadeUp .55s ease forwards
        }

        .d1 {
            animation-delay: .07s
        }

        .d2 {
            animation-delay: .14s
        }

        .d3 {
            animation-delay: .21s
        }

        .d4 {
            animation-delay: .28s
        }

        /* Header */
        .header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
            background: rgba(255, 255, 255, .97);
            backdrop-filter: blur(8px);
            border-bottom: 1px solid var(--ink-05)
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 60px
        }

        .logo {
            font-size: .82rem;
            font-weight: 800;
            color: var(--ink);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px
        }

        .logo-mark {
            width: 28px;
            height: 28px;
            background: var(--ink);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: .5rem;
            font-weight: 800;
            font-family: 'Inter'
        }

        .header-right {
            display: flex;
            align-items: center;
            gap: 28px
        }

        .header-link {
            font-size: .88rem;
            color: var(--ink);
            text-decoration: none;
            font-weight: 500;
            transition: color .15s
        }

        .header-link:hover {
            color: var(--ink)
        }

        .header-cta {
            background: var(--ink);
            color: #fff;
            padding: 3px 20px;
            font-size: .85rem;
            font-weight: 700;
            text-decoration: none;
            transition: all .15s;
            box-shadow: var(--shadow-1);
            background-color: var(--blue, var(--blue));
            /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.08)); */
            border: 2px solid hsla(0, 0%, 100%, .2);
            border-radius: 150px;
            min-width: 120px;
            text-align: center;
        }

        .header-cta:hover {
            background: var(--blue);
            box-shadow: var(--shadow-2)
        }

        .logo img {
            width: 150px;
            height: auto;
        }

        /* Hero */
        .hero {
            position: relative;
            padding: 136px 0 88px;
            background: url(https://ai-book-publishing.techsuite.co.jp/wp-content/themes/swell_child/img/img_analy-fv_bg_1.webp);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-bottom: 1px solid var(--ink-05);
        }

        .hero h1 em {
            font-style: normal;
            position: relative;
            display: inline-block;
        }

        .hero h1 em::after {
            content: "";
            position: absolute;
            left: 2px;
            right: 2px;
            bottom: .1em;
            height: .28em;
            background: rgb(31 111 229 / 42%);
            z-index: -1;
            border-radius: 999px;
        }

        /* 白をほんの少し重ねる */
        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(255, 255, 255, 0.80);
            /* ←ここを調整 */
            z-index: 0;
        }

        /* 中身を前面に */
        .hero>* {
            position: relative;
            z-index: 1;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1fr 340px;
            gap: 64px;
            align-items: center
        }

        .hero h1 {
            font-size: clamp(1.85rem, 4.5vw, 2.9rem);
            font-weight: 900;
            color: var(--blue-dark);
            line-height: 1.28;
            margin-bottom: 24px;
            letter-spacing: -.025em
        }

        .hero h1 em {
            font-style: normal;
            color: var(--blue-dark)
        }

        .hero-lead {
            font-size: 1.02rem;
            line-height: 1.9;
            margin-bottom: 40px;
            max-width: 480px
        }

        .hero-ctas {
            display: flex;
            gap: 12px;
            margin-bottom: 56px
        }

        .hero-metrics {
            display: flex;
            gap: 0
        }

        .hero-metric {
            flex: 1;
            padding: 24px 0;
            border-top: 1px solid var(--ink-10)
        }

        .hero-metric+.hero-metric {
            border-left: 1px solid var(--ink-10);
            padding-left: 28px
        }

        .hero-metric-val {
            font-family: 'Inter';
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--ink);
            line-height: 1
        }

        .hero-metric-val small {
            font-size: .6rem;
            font-weight: 600;
        }

        .hero-metric-lbl {
            font-size: .88rem;
            margin-top: 6px
        }

        /* Hero Profile */
        .hero-profile {
            text-align: center
        }

        .hero-profile-img {
            width: 220px;
            height: 220px;
            margin: 0 auto 20px;
            overflow: hidden
        }

        .hero-profile-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
            border-radius: 10px;
        }

        .hero-profile-name {
            font-size: 1.3rem;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 2px;
            letter-spacing: -.01em
        }

        .hero-profile-title {
            font-size: .72rem;
            color: var(--ink-50);
            line-height: 1.6;
            margin-bottom: 20px
        }

.hero-writing-book {
    margin-bottom: 5px;
}

        .hero-books {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .hero-book-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 14px;
            border-radius: 16px;
            background: white;
            border: 1px solid rgba(31, 111, 229, .1);
            text-decoration: none;
            transition: .22s ease;
        }

        .hero-book-icon {
            flex-shrink: 0;
            width: 28px;
            height: 28px;
            background: var(--blue);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .hero-book-icon svg {
            width: 14px;
            height: 14px;
            fill: #fff
        }

        .hero-book-text {
            font-size: .82rem;
            font-weight: 600;
            color: var(--ink);
            line-height: 1.4
        }

        .hero-book-sub {
            font-size: .6rem;
            color: var(--ink-50);
            font-weight: 400;
            text-align: left;
        }

        /* Pain */
        .pain {
            background: var(--ink-02)
        }

        .pain-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2px;
            max-width: 960px;
            margin: 0 auto;
            /* background: var(--ink-10); */
            /* box-shadow: var(--shadow-2) */
        }

        .pain-item {
            background: var(--white);
            padding: 36px 28px;
            text-align: center;
            box-shadow: var(--shadow-2);
            border-radius: 10px;
        }

        .pain-ico {
            width: 56px;
            height: 56px;
            margin: 0 auto 18px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .pain-ico img {
            width: 65px;
            height: 65px;
        }

        .pain-ico svg {
            width: 100%;
            height: 100%
        }

        .pain-item h4 {
            font-size: 1.08rem;
            font-weight: 700;
            margin-bottom: 6px;
            line-height: 1.5
        }

        .pain-item p {
            font-size: .85rem;
            color: var(--ink-50);
            line-height: 1.7;
            text-align: left;
        }

        .arrow-section {
            text-align: center;
            padding: 44px 0
        }

        .arrow-box {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            background: var(--blue);
            color: #fff;
            font-size: 1.1rem;
            box-shadow: var(--shadow-blue)
        }

        .solution-box {
            max-width: 960px;
            margin: 0 auto;
            background: var(--white);
            border: 2px solid var(--blue);
            box-shadow: var(--shadow-3);
            padding: 44px 48px;
            border-radius: 10px;
        }

        .solution-box h3 {
            font-size: 1.3rem;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 28px;
            text-align: center;
            line-height: 1.5
        }

        .sol-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px 32px
        }

        .sol-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: .94rem;
            font-weight: 500;
            color: var(--ink-70)
        }

        .sol-check {
            flex-shrink: 0;
            width: 20px;
            height: 20px;
            background: var(--blue);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .55rem;
            font-weight: 800
        }

        /* Effects */
        .effects {
            background: var(--white)
        }

        .effects-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-top: 48px
        }

        .effect-card {
            border-radius: 26px;
            overflow: hidden;
            border: 1px solid rgba(12, 28, 61, .06);
            background: #fff;
            box-shadow: var(--shadow-2);
            transition: .24s ease;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
            align-items: stretch;
        }


        .effect-card {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .effect-card-top {
            /* padding: 30px 30px 24px; */
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .effect-card-top>p {
            margin-top: auto;
        }

        .effect-list {
            border-top: 1px solid rgba(12, 28, 61, .06);
        }

        .effect-card:hover {
            box-shadow: var(--shadow-hover);
            transform: translateY(-3px)
        }

        .effect-card-top {
            padding: 32px 32px 0
        }

        .effect-badge {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 12px;
            border-radius: 999px;
            font-size: .84rem;
            font-weight: 800;
            letter-spacing: .08em;
            margin-bottom: 16px;
            justify-content: center;
        }

        .badge-blue {
            background: var(--blue-light);
            color: var(--blue)
        }

        .badge-orange {
            background: var(--orange-light);
            color: var(--orange)
        }

        .effect-card h3 {
            font-size: 1.35rem;
            font-weight: 700;
            color: var(--ink);
            margin-bottom: 10px;
            line-height: 1.5
        }

        .effect-card-top>p {
            font-size: .85rem;
            color: var(--ink-50);
            line-height: 1.8
        }

        .effect-list {
            border-top: 1px solid var(--ink-05);
            /* margin-top: 24px; */
            padding: 24px 32px 32px;
            display: flex;
            flex-direction: column;
            gap: 12px
        }

        .effect-li {
            display: flex;
            align-items: baseline;
            gap: 10px;
            font-size: .92rem;
            color: var(--ink-70);
            line-height: 1.6
        }

        .effect-li-arrow {
            flex-shrink: 0;
            font-family: 'Inter';
            font-size: .7rem;
            font-weight: 700;
            color: var(--blue)
        }

        /* Comparison */
        .comparison {
            background: #f5f7fb;
            border-top: 1px solid var(--ink-05);
            border-bottom: 1px solid var(--ink-05)
        }

        .comp-table {
            width: 100%;
            border-collapse: separate;
            margin-top: 48px;
            box-shadow: var(--shadow-3);
            border-spacing: 0;
            overflow: hidden;
            border-radius: 20px;
        }

        .comp-table tbody tr:last-child td:first-child {
            border-bottom-left-radius: 20px;
        }

        .comp-table tbody tr:last-child td:last-child {
            border-bottom-right-radius: 20px;
        }

        .comp-table thead th {
            background: var(--blue-deep);
            color: #fff;
            padding: 16px 20px;
            font-size: 1.1rem;
            font-weight: 700;
            text-align: left;

        }

        .comp-table thead th:first-child {
            width: 18%;
            border-top-left-radius: 20px;
        }

        .comp-table thead th:last-child {
            width: 18%;
            border-top-right-radius: 20px;
        }

        .comp-table thead th.col-us {
            background: var(--blue);
            width: 42%
        }

        .comp-table thead th.col-other {
            width: 40%
        }

        .comp-table tbody td {
            padding: 18px 20px;
            font-size: 1.14rem;
            border-bottom: 1px solid var(--ink-05);
            background: var(--white);
            vertical-align: top
        }

        .comp-table tbody td:first-child {
            font-weight: 700;
            color: var(--ink);
            background: var(--ink-02)
        }

        .comp-table tbody td.us {
            color: var(--ink);
            font-weight: 600
        }

        .comp-table tbody td.other {
            color: var(--ink-50)
        }

        .comp-tag {
            display: inline-block;
            font-size: .6rem;
            font-weight: 700;
            padding: 2px 8px;
            margin-left: 6px
        }

        .comp-tag-good {
            background: var(--green-light);
            color: var(--green)
        }

        /* How */
        .how {
            background: var(--white)
        }

        .how-steps {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 16px;
            margin-top: 52px;

        }

        .how-step {
            position: relative;
            border-radius: 22px;
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            border: 1px solid rgba(12, 28, 61, .06);
            box-shadow: var(--shadow-1);
            padding: 28px 18px 24px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .how-step:last-child {
            border-right: none
        }

        .how-step:hover {
            background: var(--blue-light)
        }

        .how-n {
            font-family: 'Inter';
            font-size: .8rem;
            font-weight: 800;
            color: var(--blue);
            letter-spacing: .08em;
            margin-bottom: 14px
        }

        .how-step h4 {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--ink);
            margin-bottom: 8px;
            line-height: 1.45
        }

        .how-step p {
            font-size: .82rem;
            color: var(--ink-50);
            line-height: 1.65
        }

        .how-step-divider {
            position: absolute;
            top: 50%;
            right: -5px;
            transform: translateY(-50%);
            width: 22px;
            height: 22px;
            border-top: 1px solid rgb(12 28 61 / 63%);
            border-right: 1px solid rgba(12, 28, 61, .63);
            background: transparent;
            rotate: 45deg;
            z-index: 2;
        }

        /* Why */
        .why {
            background: #f4f4f6;
            color: #fff
        }

        .why .label {
            color: var(--blue-mid)
        }

        .why .heading {
            /* color: #fff */
        }

        .why-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 48px;
            /* background: rgba(255, 255, 255, .06) */
        }

        .why-card {
            /* background: var(--blue-deep); */
            padding: 40px 32px;
            text-align: center;
            /* border: 1px solid #9BA0AD; */
            background: white;
            transition: all .25s;
            border-radius: 10px;
        }

        .why-no {
            color: var(--ink);
            position: absolute;
            top: -50px;
            left: -15px;
            font-weight: 900;
            font-size: xxx-large;
        }

        .why-card:hover {
            /* background: var(--ink-90) */
        }

        .why-metric {
            font-family: 'Inter';
            font-size: 2.4rem;
            font-weight: 800;
            color: var(--blue-mid);
            line-height: 1
        }

        .why-metric small {
            font-size: .75rem;
            font-weight: 600
        }

        .why-card h3 {
            font-size: 1.2rem;
            font-weight: 700;
            margin: 14px 0 10px;
            color: var(--ink)
        }

        .why-card p {
            font-size: .9rem;
            color: var(--ink);
            line-height: 1.75
        }

        /* CTA */
        .cta-section {
            padding: 80px 0 104px;
            /* background: var(--ink-02) */
        }

        .cta-box {
            background: var(--blue-deep);
            padding: 40px 64px 10px;
            text-align: center;
            position: relative;
            overflow: hidden;
            box-shadow: var(--shadow-5);
            box-shadow: 0 15px 15px rgba(0, 0, 0, .16);
            border-radius: 50px;
            position: relative;
            background-image:
                linear-gradient(135deg,
                    rgba(8, 35, 72, 0.92),
                    rgba(12, 60, 120, 0.88)),
                url("https://ai-book-publishing.techsuite.co.jp/wp-content/themes/swell_child/img/bk.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            overflow: hidden;
        }

        .cta-box::before {
            /* content: '';
            position: absolute;
            top: -120px;
            right: -80px;
            width: 360px;
            height: 360px;
            background: radial-gradient(circle, rgba(255, 255, 255, .08) 0%, transparent 70%);
            border-radius: 50% */
        }

        .cta-box h2 {
            font-size: clamp(1.3rem, 3vw, 1.85rem);
            font-weight: 800;
            color: #fff;
            margin-bottom: 12px;
            line-height: 1.5;
            position: relative
        }

        .cta-box>p {
            font-size: .88rem;
            color: rgba(255, 255, 255);
            margin-bottom: 36px;
            position: relative;
            line-height: 1.8
        }

        .cta-box .btn-white {
            padding: 16px 48px;
            font-size: .92rem;
            font-weight: 700;
            /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.08)); */
            /* border: 2px solid hsla(0, 0%, 100%, .2); */
            border-radius: 150px;
            min-width: 120px;
            text-align: center;
            color: black
        }

        .cta-note {
            font-size: .7rem;
            color: rgba(255, 255, 255, .3);
            margin-top: 16px;
            position: relative
        }

        /* Footer */
        .footer {
            background: var(--white);
            border-top: 1px solid var(--ink-05);
            padding: 36px 0
        }

        .footer-inner {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .footer-links {
            display: flex;
            gap: 24px
        }

        .footer-links a {
            font-size: .72rem;
            color: var(--ink-50);
            text-decoration: none
        }

        .footer-links a:hover {
            color: var(--ink)
        }

        .footer-copy {
            font-size: .68rem;
            color: var(--ink-30)
        }

        @media(max-width:960px) {
            .hero-grid {
                grid-template-columns: 1fr;
                gap: 8px
            }

            .hero-profile {
                max-width: 340px;
                margin: 0 auto
            }

            .how-steps {
                grid-template-columns: 1fr 1fr
            }

            .how-step-divider {
                display: none
            }

            .how-step {
                border-bottom: 1px solid var(--ink-10)
            }

            .pain-grid {
                grid-template-columns: 1fr 1fr
            }
        }

        @media(max-width:768px) {
			.container {
    padding: 0 15px;
}
            .hero {
                padding: 62px 0 64px
            }

            .hero-metrics {
                flex-wrap: wrap;
				    gap: 10px;
            }

            .hero-metric+.hero-metric {
                border-left: none;
                padding-left: 0
            }

            .pain-grid {
                grid-template-columns: 1fr
            }

            .effects-grid {
                grid-template-columns: 1fr
            }

            .why-grid {
                grid-template-columns: 1fr
            }

            .how-steps {
                grid-template-columns: 1fr
            }

            .sol-grid {
                grid-template-columns: 1fr
            }

            .section {
                padding: 72px 0
            }

            .cta-box {
                padding: 48px 24px 24px
            }
.cta-section {
    padding: 80px 0;
}
            .header-link {
                display: none
            }

            .footer-inner {
                flex-direction: column;
                gap: 12px;
                text-align: center
            }

            .solution-box {
                padding: 32px 24px
            }

            .comp-table {
                font-size: .75rem
            }

            .comp-table thead th,
            .comp-table tbody td {
                padding: 6px 7px;
				font-size: 1rem;
            }
			
			.btn-lg {
    padding: 8px 11px;
    font-size: 1.02rem;
}
			.hero-ctas {
    margin-bottom: 26px;
}
			.hero-lead {
    margin-bottom: 20px;
}
			.footer-links {
    gap: 10px;
}
        }

        .sp_show {
            display: none;
        }

        .pc_show {
            display: inline;
        }

        /* スマホ */
        @media (max-width: 768px) {
            .sp_show {
                display: inline;
            }

            .pc_show {
                display: none;
            }
        }