html,
body {
    font-size: 10px;
}

html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

.wrapper {
    background-color: #f9f8f5;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1280px;
    width: 100%;
}

.wrapper * {
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

.fuchidori {
    text-shadow: 0 0 4px #fff,
        0 -2px 2px #fff,
        2px -2px 2px #fff,
        2px 0 2px #fff,
        2px 2px 2px #fff,
        0 2px 2px #fff,
        -2px 2px 2px #fff,
        -2px 0 2px #fff,
        -2px -2px 2px #fff,
        0 -3px 2px #fff,
        3px -3px 2px #fff,
        3px 0 2px #fff,
        3px 3px 2px #fff,
        0 3px 2px #fff,
        -3px 3px 2px #fff,
        -3px 0 2px #fff,
        -3px -3px 2px #fff
}

/*
.wrapper img {
    height: auto;
    width: 100%;
}
*/

.mv-container {
    margin: 0 auto;
    width: 1000px;
}

.mv-image {
    width: 100%;
}

.mainvisul-ctr {
    display: flex;
    justify-content: center;
}

.mainvisual-ttl {
    width: 1063px;
}

.mainbvisual-img {
    max-width: 100%;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.jyuken-start-main-outer {
    background-color: #EDF8FE;
    width: 1000px;
    margin: 0 auto;
    padding-top: 42px;
}

.jyuken-start-main-ctr {
    width: 95%;
    background-color: #fff;
    margin: 0 auto;
    padding: 75px 0 42px;
}

.jyuken-start-main-title {
    font-size: 50px;
    color: #073c76;
    text-align: center;
    line-height: 1.3;
}

.jyuken-start-main-title-top {
    display: flex;
    justify-content: center;
    gap: 0 1em;
}

.jyuken-start-main-title-top * {
    font-weight: bold;
    display: block;
}

.jyuken-start-main-title-bottom {
    align-items: baseline;
    display: flex;
    justify-content: center;
}

.jyuken-start-main-grade {
    display: block;
    font-size: 61px;
    font-weight: bold;
    color: #0195fe;
}

.jyuken-start-main-gradenum {
    font-size: 94px;
    font-weight: bold;
}

.jyuken-start-main-kouza-title {
    display: block;
    font-weight: bold;
    font-size: 58px;
}

.jyuken-start-info-box {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 66px auto 0;
    gap: 37px;
}

.jyuken-start-info {
    border-radius: 10px;
    color: #FFF;
    width: 388px;
    font-size: 37px;
    text-align: center;
}

.jyuken-start-info.open {
    background-color: #004178;
}

.jyuken-start-info.target-grade {
    background-color: #01abfb;
}

.jyuken-start-main-overview-box {
    margin: 70px auto 0 68.5px;
}

.jyuken-start-main-overview-lead {
    color: #073c76;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.44;
}

.jyuken-start-main-overview {
    color: #2b5583;
    font-size: 28px;
    font-weight: bold;
    margin-top: 70px;
}

.juken-start-main-overview-image {
    width: 594px;
    margin: 55px auto 0;
}

.jyuken-start-kouza-point-box {
    margin: 50px auto 0;
}

.jyuken-start-kouza-point-item.second-point {
    margin: 145px auto 0;
}

.jyuken-start-kouza-point-item.third-point {
    margin: 102px auto 0;
}

.jyuken-start-kouza-point-item.fourth-point {
    margin: 116px auto 0;
}

.jyuken-start-kouza-point-item.fifth-point {
    margin: 112px auto 0;
}

.jyuken-start-kouza-point-item.sixth-point {
    margin: 72px auto 0;
}

.jyuken-start-kouza-point-title {
    align-items: center;
    color: #073c76;
    display: flex;
    font-size: 48px;
    font-weight: bold;
    margin-left: 35px;
    letter-spacing: -.05em;
}

.jyuken-start-kouza-point-title.small-size {
    font-size: 45px;
}

.jyuken-start-kouza-point-title::before {
    content: "";
    display: block;
    width: 121px;
    height: 72px;
}

.jyuken-start-kouza-point-title.first-point::before {
    background: url(../img/1st-point.png) no-repeat center/contain;
}

.jyuken-start-kouza-point-title.second-point,
.jyuken-start-kouza-point-title.fifth-point,
.jyuken-start-kouza-point-title.sixth-point {
    gap: 35px;
}

.jyuken-start-kouza-point-title.fifth-point {
    line-height: 1.02;
}

.jyuken-start-kouza-point-title.second-point::before {
    background: url(../img/2nd-point.png) no-repeat center/contain;
}

.jyuken-start-kouza-point-title.third-point::before {
    background: url(../img/3rd-point.png) no-repeat center/contain;
}

.jyuken-start-kouza-point-title.fourth-point::before {
    background: url(../img/4th-point.png) no-repeat center/contain;
}

.jyuken-start-kouza-point-title.fifth-point::before {
    background: url(../img/5th-point.png) no-repeat center/contain;
}

.jyuken-start-kouza-point-title.sixth-point::before {
    background: url(../img/6th-point.png) no-repeat center/contain;
}

.jyuken-start-deficiencies-top-box {
    align-items: center;
    display: grid;
    grid-template-columns: 310px 1fr;
    width: 907px;
    margin: 0 auto;
}

.jyuken-start-deficiencies-top-lead {
    font-size: 25px;
    font-weight: bold;
}

.jyuken-start-deficiencies-top-description {
    background-color: #fff7ce;
    border-radius: 4px;
    grid-column: 1 / 3;
    font-size: 23px;
    font-weight: bold;
    padding: 35.5px 23px;
}

.jyuken-start-summary__accent {
    color: #073c76;
    font-weight: bold;
}

.jyuken-start-defiencies-middle-image {
    width: 875px;
    margin: 35px auto 0;
}

.jyuken-start-under-top-text {
    background-color: #ecf8fe;
    color: #0071e5;
    font-size: 25px;
    font-weight: bold;
    margin: 48px auto 0;
    padding: 20px 0 20px 20px;
    letter-spacing: -.1em;
    width: 880px;
}

.jyuken-start-under-top-text.fifth-point {
    margin-top: 26px;
}

.jyuken-start-kouza-explanation-text {
    font-size: 25px;
    font-weight: bold;
    margin: 43px auto 0;
    width: 840px;
}

.jyuken-start-kouza-explanation-text.small-size {
    font-size: 24px;
}


.jyuken-start-kouza-explanation-text.defiencies-under-bottom {
    margin: 28px auto 0;
}

.jyuken-start-kouza-explanation-text.fourth-point {
    margin-top: 32px;
}

.jyuken-start-kouza-explanation-text.fifth-point {
    margin-top: 29px;
}

.jyuken-start-description__accent {
    color: #0071e5;
    font-weight: bold;
}

.example-box{
    width: 600px;
    height: 75px;
    background: #eef9ff;
    display: flex;
    margin: 40px auto 0;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.example-text{
    font-size: 30px;
}

.jyuken-start-chance-image {
    width: 885px;
    margin: 31px auto 0;
}

.jyuken-start-kouza-point-summary-text {
    background-color: #fff7ce;
    border-radius: 8px;
    display: block;
    padding: 20px 0 20px 90px;
    position: relative;
    font-size: 25px;
    font-weight: bold;
    width: 880px;
    margin: 30px auto 0;
}

.jyuken-start-kouza-point-summary-text::before {
    background: url(../img/summary-point.png) no-repeat center/contain;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 76px;
    height: 92px;
}

.jyuken-start-kouza-point-summary-text.fourth-point {
    font-size: 24px;
    line-height: 1.25;
}

.juken-start-curriculum-image {
    width: 901px;
    margin: 30px auto 0;
}

.kouza-info-detail {
    border-collapse: collapse;
    width: 830px;
    margin: 40px auto 0;
    text-align: left;
}

.kouza-info-detail th,
.kouza-info-detail td {
    font-size: 25px;
    font-weight: bold;
}

.kouza-info-detail-item-title {
    width: 176px;
    background-color: #EAF7FD;
    border-bottom: 3px solid #fff;
    color: #002258;
    vertical-align: top;
    padding-left: 8px;
}

.kouza-info-detail-item-text {
    border-bottom: 3px solid #E8F3F9;
    padding-left: 10px;
}

.jyuken-start-bottom-message-box {
    width: 820px;
    margin: 90px auto 0;
}

.jyuken-start-experience-message {
    border-bottom: 17px solid #fff7ce;
    color: #073c76;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

.jyuken-start-experience-second-message {
    font-size: 25px;
    font-weight: 600;
    margin-top: 18px;
}

.jyuken-start-experience-third-message {
    font-size: 25px;
    font-weight: 600;
    margin-top: 37px;
}

.event-annnounce-box {
    background-color: #f1f9fe;
    border-radius: 15px;
    margin: 30px auto 0;
    width: 820px;
    padding: 19px 0 33px;
}

.event-announce-title {
    color: #073c76;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

.event-announce-first-text,
.event-announce-second-text {
    color: #073c76;
    font-size: 25px;
    font-weight: bold;
    width: 732px;
    margin: 0 auto;
}

.event-announce-first-text {
    margin-top: 45px;
}

.event-announce-second-text {
    margin-top: 37px;
}

.apply-button {
    display: block;
    width: 632px;
    margin: 42px auto 0;
}




.yotsuya-global-footer {
    margin-top: 0;
}

:root {
    --cream: #FFFBF3;
    --sky: #EAF6FB;
    --sky-deep: #6FC3E0;
    --coral: #FF9470;
    --coral-deep: #F0693F;
    --navy: #33415C;
    --navy-soft: #5B6A87;
    --sage: #8FC1A0;
    --sand: #FFE8D6;
    --white: #FFFFFF;
}

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

html {
    scroll-behavior: smooth;
}

body {
    color: var(--navy);
    line-height: 1.9;
    -webkit-font-smoothing: antialiased;
    word-break: keep-all;
}


.section-txt {
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2;
}

.section-txt .font-size-custom {
    color: #000;
    font-size: 2rem;
}

.section-02 .section-txt .font-size-custom {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 35px;
}


.section-txt span {
    color: #d22323;
}

.custom―support {
    align-items: center;
    background-color: #ffe4ea;
    border-radius: 20px;
    display: flex;
    font-size: 2.8rem;
    height: 144px;
    justify-content: center;
    margin: auto;
    padding: 5px;
    width: 650px;
}

.section-txt strong {
    color: #d22323;
    font-size: 2.5rem;
    font-weight: 700;
}

.section-01 .section-txt strong {
    color: #d22323;
    font-size: 1em;
    font-weight: 700;
}


.section-ctr {
    box-sizing: border-box;
    margin: auto;
    max-width: 100%;
    min-width: 1000px;
    width: 100%;
}

.section-ctr.section-01 {
    position: relative;
    text-align: center;

    width: 100%
}

.section-ctr.section-01::after {
    background: url(../img/model_img_pc.png) no-repeat 0 0 / contain;
    bottom: -15px;
    content: "";
    height: 509px;
    position: absolute;
    right: 100px;
    width: 204px;
}

.section-ctr.section-01 .section-inner {
    /*background: url(../img/bg-section-01_pc.png) no-repeat center / 787px auto;*/
    padding: 85px 0 180px;
}

.section-ctr.section-01 .section-ttl {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 2;
}

.section-ctr.section-01 .section-txt {
    margin-top: 2.2em;
}

.section-ctr.section-01 .section-txt.custom―support {
    margin-top: .1em;
}

.section-ctr.section-02 {
    background-color: #fff;
    text-align: center;
    padding: 170px 0 90px;
}

.section-ctr.section-02 .section-catch {
    align-items: center;
    color: #d22323;
    display: flex;
    font-size: 3.5rem;
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    margin-top: 50px;
}

.section-ctr.section-02 .section-catch::before,
.section-ctr.section-02 .section-catch::after {
    content: "";
    display: block;
    height: 10px;
    margin-top: 5px;
    width: 170px;
}

.section-ctr.section-02 .section-catch::before {
    background: radial-gradient(circle, #d22323 0 5px, transparent 5.5px) no-repeat center left / 10px 10px,
        linear-gradient(to bottom, transparent 4px, #d22323 4px 6px, transparent 6px);
}

.section-ctr.section-02 .section-catch::after {
    background: radial-gradient(circle, #d22323 0 5px, transparent 5.5px) no-repeat center right / 10px 10px,
        linear-gradient(to bottom, transparent 4px, #d22323 4px 6px, transparent 6px);
}

.section-ctr.section-02 .subsection-ttl,
.section-ctr.section-03 .section-ttl,
.section-ctr.section-04 .section-ttl {
    align-items: center;
    border-radius: 35px;
    display: flex;
    font-size: 3.6rem;
    font-weight: 700;
    height: 100px;
    justify-content: center;
    letter-spacing: 1px;
    margin: 0 auto 0 auto;
    width: 830px;
}

.section-ctr.section-02 .subsection-ttl {
    margin: 120px auto 0 auto;
}

.section-ctr.section-02 .subsection-ttl {
    background-color: #1d2089;
    color: #fff;
    position: relative;
    z-index: 1;
}

.section-ctr.section-02 .checkbox {
    background-color: #f3f4f9;
    border-radius: 40px;
    margin: -50px auto 0;
    padding: 50px 0 15px;
    width: 900px;
}

.section-ctr.section-02 .checklist {
    display: grid;
    gap: 5px;
    justify-content: center;
    padding: 50px 50px 0;
    text-align: left;
    /*width: fit-content;*/
}

.section-ctr.section-02 .checklist-item {
    align-items: center;
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    gap: 3em;
}

.section-ctr.section-02 .checklist-item::before {
    align-items: center;
    background-color: #fffdf5;
    border: solid 1px #95c7f6;
    content: "\2713";
    display: flex;
    font-size: 1.2em;
    height: 1.5em;
    justify-content: center;
    width: 1.5em;
}

.checkbox .section-txt {
    font-size: 3rem;
    font-weight: 700;
    margin-top: 1em;
}

.section-ctr.section-03 {
    background-color: #f9f8f5;
    text-align: center;
    padding-top: 180px;
}

.section-ctr.section-03 .section-ttl {
    background-color: #1d2089;
    color: #fff;
}


.section-ctr.section-03 .section-txt {
    line-height: 1.9;
    margin-top: 50px;
}

.section-ctr.section-03 .section-txt .font-size-custom {
    font-size: 3rem;
    font-weight: 700;
}

.section-ctr.section-04 {
    background-color: #f9f8f5;
    padding-top: 100px;
    text-align: center;
}

.section-ctr.section-04 .section-ttl {
    background-color: #1d2089;
    color: #fff;
    margin: 0 auto 65px;
}

.section-02-img {}

.dtl-list {
    display: grid;
    font-size: 2rem;
    gap: 1.8em 4rem;
    grid-template-columns: 4em 1fr;
    margin: 0 auto;
    width: 830px;
    text-align: left;
}

.dtl-hdr,
.dtl-item {
    font-size: 2rem;
    font-weight: 700;
}

.dtl-hdr {
    position: relative;
    width: 100%;
}

.dtl-hdr::after {
    content: "：";
    letter-spacing: 0;
    position: absolute;
    top: 0;
    right: -1em;
}

.dtl-hdr.char-2 {
    letter-spacing: 2em;
}

.dtl-hdr.char-3 {
    letter-spacing: .5em;
}

.dtl-item .annotation {
    font-size: 1.7rem;
    padding-left: 1em;
    text-indent: -1em;
}

.invitation {
    background-color: #d22323;
    border-radius: 50px;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: .05em;
    padding: 5px 15px;
}

/* ここから */

.bg {
    background: url(../img/bg_pc.png) no-repeat center left calc(50% + clamp(0px, calc(-17.19vw + 330px), 110px)) /1920px;
    padding-top: 90px;

}

.deadline-ctr {
    border-bottom: solid #d22323 3px;
    border-top: solid #d22323 3px;
    color: #d22323;
    padding: 17px;
    text-align: center;
}

.deadline-txt {
    font-size: 1.8rem;
    font-weight: 600;
}

.deadline-catch {
    font-size: 2.2rem;
    font-weight: 600;
}

.apply-link {
    align-items: center;
    background-color: #d22323;
    border-radius: 32px;
    color: #fff;
    display: flex;
    font-size: 3.5rem;
    font-weight: 600;
    height: 85px;
    justify-content: center;
    margin: auto;
    width: 430px;
}

.apply-link:hover {
    color: #fff;
    filter: brightness(1.1)
}

.close-ctr {
    background-color: #7D7D7D;
    color: #fff;
    align-items: center;
    border-radius: 32px;
    display: flex;
    font-size: 3.5rem;
    font-weight: 600;
    height: 85px;
    justify-content: center;
    margin: 30px auto 0;
    width: 510px;
}

.section-guidance {
    align-items: flex-start;
    position: relative;
    background-color: #e5f2fe;
    border-radius: 15px;
    display: grid;
    grid-template-columns: repeat(2, 37.6%);
    justify-content: center;
    align-items: center;
    width: clamp(1170px, calc(91.25vw + 2px), 1462px);
    margin: 20px auto;
    padding: 0;
    box-sizing: border-box;
    gap: 200px;
    height: 300px;
}

.section-guidance::before {
    bottom: 0;
    content: "";
    position: absolute;
    left: 50%;
    width: 158px;
    height: 247px;
    transform: translateX(-50%);
    background: url(../img/model_img02_pc.png) no-repeat center bottom / cover;
}

.section-guidance-subttl {
    align-items: center;
    display: flex;
    font-size: 3rem;
    font-weight: 600;
    gap: .25em;
    margin: auto;
    position: relative;
    width: fit-content;
}

.section-guidance-subttl::before,
.section-guidance-subttl::after {
    content: "";
    display: block;
    width: 12px;
    height: 33px;
    background: url(../img/decoration_item_pc.png) no-repeat 0 0 / contain;
}

.section-guidance-subttl::before {}

.section-guidance-subttl::after {
    transform: scaleX(-1);
}

.section-guidance-item:last-child .section-guidance-subttl::before {
    left: -20px;
}

.section-guidance-txt {
    font-size: 2rem;
    font-weight: 500;
}

.section-guidance-txt .d-ib {
    display: inline-block;
}

.section-guidance-item {
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.delivery-ctr {
    display: grid;
    gap: .5em;
    margin: 0 auto;
    padding: 40px 0;
}

.delivery-catch {
    font-size: 2.5rem;
    font-weight: 700;
    margin: auto;
    position: relative;
    width: fit-content;
}

.delivery-catch::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d22323;
}

.delivery-ttl {
    font-size: 4.4rem;
    font-weight: 600;
    color: #d22323;
}

.delivery-txt {
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 10px;
}

.mainvisul-ctr+.apply-ctr {
    padding: 30px 0 0px;
}

.dtl-list+.apply-ctr {
    padding: 50px 0 20px;
}

.apply-txt {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 30px;
    padding-bottom: 5rem;
    text-align: center;
}

.gift-row {
    background-color: #fffdf5;
    border-radius: 15px;
    padding: 20px;
    display: grid;
    gap: .5em;
    grid-column: 1 / 3;
    margin-top: 15px;
    width: 100%;
    box-sizing: border-box;
}

.gift-row dt {
    font-size: 2.6rem
}


.gift-row dd {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
}

.font-color-red {
    color: #d22323;
    font-size: 2.6rem;
    font-weight: 600;
}


.notes-txt {
    font-size: 1.7rem;
    font-weight: 700;
    margin: 0 auto;
    padding-bottom: 1rem;
    text-align: right;
    width: clamp(1120px, calc(87.5vw), 1400px);
}

.section-ctr.section-points {
    padding: 140px 0 90px;
}

.section-points .section-ttl {
    align-items: center;
    background-color: #1d2089;
    border-radius: 35px;
    color: #fff;
    display: flex;
    font-size: 3.6rem;
    font-weight: 700;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    width: 830px;
}

.points-list {
    display: grid;
    gap: clamp(15px, calc(4.69vw - 45px), 30px);
    grid-template-columns: repeat(3, clamp(400px, calc(23.44vw + 100px), 475px));
    justify-content: center;
    margin: 30px auto 0;
}

.points-item {
    align-items: center;
    background-color: #ffe4ea;
    border-radius: 20px;
    display: flex;
    font-size: clamp(28px, calc(1.25vw + 12px), 32px);
    font-weight: 700;
    filter: drop-shadow(0, 0, 0, #fff);
    height: 125px;
    justify-content: center;
    line-height: 1.2;
    padding-left: 1em;
    text-indent: -1em;
}

/* ==========================================================
   当日の流れ  ／  .flow コンポーネント
   四谷大塚 3年生 中学受験スタート講座 LP レギュレーション準拠
   Primary Blue : #0072E4  /  Navy : #0B3C78  /  Arrow Gray : #D6DADD
   ========================================================== */

   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    background: #F3F6FA;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
    padding: 40px 16px;
  }
  
  .flow {
    max-width: 640px;
    margin: 0 auto;
    background: #FFFFFF;
    margin-top: 60px;
  }
  
  .flow__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 30px;
    color: #0B3C78;
    margin-bottom: 22px;
    margin-left: -50px;
    margin-top: 11px;
  }
  
  .flow__title-mark {
    color: #0072E4;
    font-size: 18px;
    line-height: 1;
  }
  
  .flow__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
  }
  
  .flow__step {
    flex: 1 1 0;
    max-width: 260px;
    background: linear-gradient(135deg, #1E8FEF 0%, #0066D6 100%);
    border-radius: 14px;
    padding: 20px 16px;
    text-align: center;
    box-shadow: 0 6px 16px rgba(0, 102, 214, 0.28);
  }
  
  .flow__step-main {
    font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.5;
    color: #FFFFFF;
  }
  
  .flow__step-sub {
    margin-top: 6px;
    font-size: 23px;
    font-weight: 500;
    color: #DCEEFF;
  }
  
  /* ---- 矢印（サイトの流れ図と同じく灰色バー＋矢じり） ---- */
  .flow__arrow {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    width: 34px;
  }
  
  .flow__arrow-line {
    display: block;
    width: 20px;
    height: 10px;
    background: #D6DADD;
  }
  
  .flow__arrow-head {
    display: block;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #D6DADD;
  }
  
  /* ---- 補足キャプション ---- */
  .flow__note {
    margin-top: 18px;
    font-size: 23px;
    color: #666666;
    text-align: center;
    line-height: 1.6;
  }
  
  /* ==========================================================
     レスポンシブ（縦積み：矢印は下向きに）
     ========================================================== */
  @media (max-width: 480px) {
    .flow {
      padding: 24px 18px 22px;
    }
  
    .flow__title {
      font-size: 17px;
    }
  
    .flow__row {
      flex-direction: column;
      gap: 10px;
    }
  
    .flow__step {
      width: 100%;
      max-width: none;
    }
  
    .flow__arrow {
      width: auto;
      height: 26px;
      flex-direction: column;
      justify-content: center;
    }
  
    .flow__arrow-line {
      width: 10px;
      height: 14px;
    }
  
    .flow__arrow-head {
      border-top: 14px solid #D6DADD;
      border-bottom: none;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
    }
  }

  .curriculum-section{
    max-width:900px;
    margin:60px auto;
    padding:0 20px;
}


.curriculum-block{
    margin-bottom:70px;
}


.curriculum-title{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}


.number{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    background:#008ed6;
    color:#fff;
    border-radius:50%;
    font-size:24px;
    font-weight:bold;
}

.number.japanese{
    background:#e4407d;
}


.curriculum-title h2{
    color:#004c91;
    font-size:30px;
    line-height:1.4;
    margin:0;
}


.curriculum-lead{
    background:#eef9ff;
    padding:20px;
    font-size: 23px;
    border-radius:10px;
    font-weight:bold;
    color:#333;
    line-height:1.8;
}



.accordion{
    margin-top:25px;
}


.accordion-content{
    height:120px;
    overflow:hidden;
    transition:.4s ease;
}



.accordion-item{

    background:#fff;
    border-left:5px solid #009fe8;
    padding:20px;
    margin-bottom:15px;

}


.accordion-item h3{

    margin:0 0 10px;
    color:#0068ad;
    font-size:27px;

}


.accordion-item p{

    margin:0;
    line-height:1.8;
    font-size: 23px;

}



.accordion.open .accordion-content{

    height:auto;

}



.accordion-button{

    display:block;
    margin:25px auto 0;

    padding:14px 60px;

    border:none;

    border-radius:30px;

    background:#008ed6;

    color:white;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

}


.accordion-button::after{

    content:"▼";

    margin-left:10px;

}


.accordion.open .accordion-button::after{

    content:"▲";

}