@charset "UTF-8";

/* ベース */

#goldenweek2026 {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
    overflow: hidden;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 {
        margin: min(30px, 3.9%) 0 0 0;
    }
}

@media screen and (max-width: 480px) {
    #goldenweek2026 {
        margin: min(40px, 12.5%) 0 0 0;
    }
}

#goldenweek2026 a {
    transition: ease-in-out .3s;
}

#goldenweek2026 a:hover {
    opacity: 0.5;
}

#goldenweek2026 * {
    box-sizing: border-box;
}

#goldenweek2026 img {
    display: block;
    width: 100%;
    max-width: 100%;
}

#goldenweek2026 a img {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: 0.3s ease-in-out;
}

#goldenweek2026 a:hover {
    text-decoration: none;
}

#goldenweek2026 a:hover img {
    opacity: 0.5;
    transition: 0.3s ease-in-out;
}

#goldenweek2026 ul, #goldenweek2026 li {
    list-style: none;
}

#goldenweek2026 .pc {display: block;}
#goldenweek2026 .sp {display: none;}

@media screen and (max-width: 768px) {
    #goldenweek2026 .pc {display: none;}
    #goldenweek2026 .sp {display: block;}
}

/*--------------
レイアウト
--------------*/

#goldenweek2026 .l_container {
    max-width: 1080px;/*1040px*/
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .l_container {
        padding: 0 calc(22/390*100%);
    }
}

#goldenweek2026 .l_inner {
    position: relative;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .l_inner {
        padding: 0 calc(14/342*100%);
    }
}

#goldenweek2026 .l_container1500 {
    max-width: 1540px; /* 1500px */
    padding: 0 20px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .l_container1500 {
        width: 100%;
        padding: 0;
    }
}


#goldenweek2026 .l_container02 {
    max-width: 940px;/*900px*/
    margin: 0 auto;
    padding: 0 calc(20/940*100%);
    position: relative;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .l_container02 {
        padding: 0 calc(20/390*100%);
    }
}

#goldenweek2026 .container700 {
    max-width: 700px;
    margin: 0 auto;
}

#goldenweek2026 .contents_container {
    width: 100%;
    background-color: var(--white);
    border-radius: 20px;
    padding: calc(60/1040*100%);
    margin-top: calc(50/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .contents_container {
        border-radius: 10px;
        padding: calc(25/350*100%) calc(15/350*100%);
    }
}

/*--------------
テンプレート修正
--------------*/

@media screen and (max-width: 768px) {
    #pagetop {
        width: 60px;
        height: 60px;
        position: fixed;
        right: 20px;
        bottom: 50px;
        cursor: pointer;
    }
}


/*--------------
メソッド
--------------*/

/* 変数 */
:root {
    --base: #000;
    --white: #fff;
    --blue:#003E80;
    --red:#DC0823;
    --green:#006937;
    --green02:#009146;
    --l_green:#B4DC00;
    --ff_mpr: "M PLUS Rounded 1c", sans-serif;
}

/* テキスト */

#goldenweek2026 p:not(:last-child) {
    margin-bottom: 0em;
}

#goldenweek2026 .text24 {
    font-size: 24px;
}

#goldenweek2026 .text20 {
    font-size: 20px;
}

#goldenweek2026 .text18 {
    font-size: 18px;
}

#goldenweek2026 .text16 {
    font-size: 16px;
}

#goldenweek2026 .text16_b {
    font-size: 16px;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .text24 {
        font-size: 2.4vw;
    }
    
    #goldenweek2026 .text20 {
        font-size: 2.0vw
    }
    
    #goldenweek2026 .text18 {
        font-size: 1.8vw;
    }
    
    #goldenweek2026 .text16, #goldenweek2026 .text16_b {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .text24, #goldenweek2026 .text20, #goldenweek2026 .text18, #goldenweek2026 .text16_b {
        font-size: 16px;
        font-size: 4.2vw;
    }

    #goldenweek2026 .text16 {
        font-size: 12px;
        font-size: 3.2vw;
    }
}

#goldenweek2026 .text_medium {font-weight: 500;}
#goldenweek2026 .text_black {font-weight: 900;}

#goldenweek2026 .text_center {text-align: center;}

#goldenweek2026 .text_small80 {font-size: 80%;}

#goldenweek2026 .text_blue {color: var(--blue);}
#goldenweek2026 .text_red {color: var(--red);}
#goldenweek2026 .text_red02 {color: #E50012;}
#goldenweek2026 .text_white {color: var(--white);}
#goldenweek2026 .text_l_green {color: #7FBE27;}

/* マージン */
#goldenweek2026 .mt_1em {
    margin-top: 1em;
}

#goldenweek2026 .mt_05em {
    margin-top: .5em;
}


/*--------------
キービジュアル
--------------*/  
#goldenweek2026 .kv {
    background: var(--l_green) url(../images/kv_pc.png) no-repeat top center / contain;
    width: 100%;
    padding-top: calc(935/1920*100%);
    padding-bottom: calc(80/1920*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv {
        background: var(--l_green) url(../images/kv_sp.png) no-repeat top center / contain;
        padding-top: calc(550/390*100%);
    }
}

#goldenweek2026 h1 {
    display: none;
}


#goldenweek2026 .kv_menu_ttl {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 56px;
    font-weight: 900;
    line-height: 1;
    color: var(--green);
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .kv_menu_ttl {
        font-size: 5.6vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_menu_ttl {
        font-size: 6.1vw;
    }
}

#goldenweek2026 .kv_menu_ttl::before,
#goldenweek2026 .kv_menu_ttl::after {
    content: "";
    background-color: var(--green02);
    height: 4px;
    flex-grow: 1;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_menu_ttl::before,
    #goldenweek2026 .kv_menu_ttl::after {
        content: "";
        height: 2px;
    }
}

#goldenweek2026 .kv_menu_ttl::before {
    margin-right: .5em;
}

#goldenweek2026 .kv_menu_ttl::after {
    margin-left: .5em;
}

#goldenweek2026 .kv_menu {
    max-width: 640px;
    margin: calc(55/1040*100%) auto 0;
    display: flex;
    flex-direction: column;
    gap:24px;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_menu {
        margin: calc(30/318*100%) auto 0;
        display: flex;
        flex-direction: column;
        gap:4.1vw;
    }
}

#goldenweek2026 .kv_menu li {
    border: 3px solid var(--green02);
    background-color: #C8FFFF;
    border-radius: 16px;
    position: relative;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    color: var(--green);
    padding: .7em 0;
    display: block;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .kv_menu li {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_menu li {
        border: 2px solid var(--green02);
        font-size: 4.1vw;
        line-height: 1.4;
        padding: .5em 0;
    }
}

#goldenweek2026 .kv_menu li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url(../images/menu_arrow.png) no-repeat center / contain;
    width: calc(29/640*100%);
    padding-top: calc(29/640*100%);
    margin-right: calc(24/640*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_menu li::after {
        width: calc(18/318*100%);
        padding-top: calc(18/318*100%);
        margin-right: calc(16/318*100%);
    }
}

#goldenweek2026 .kv_menu li:nth-child(even) {
    background-color: #FFFF00;
}

#goldenweek2026 .kv_menu a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
}

#goldenweek2026 .kv_app_wrap {
    background-image: linear-gradient(#004d9d, #00266a);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(44/1040*100%);
    gap: calc(88/1040*100%);
    margin-top: calc(30/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_app_wrap {
        background-image: linear-gradient(#004d9d, #00266a);
        flex-direction: column;
        padding: calc(25/346*100%);
        gap: 2.56vw;
        margin-top: calc(15/342*100%);
    }
}

#goldenweek2026 .kv_app_text {
    font-size: 32px;
    text-align: left;
    font-weight: 600;
    line-height: 1.5;
    color: var(--white);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_app_text {
        font-size: 4.1vw;
        text-align: center;
    }
}

#goldenweek2026 .kv_app_banner {
    width: calc(506/952*100%);
    display: block;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .kv_app_banner {
        width: 100%;
    }
}


/*--------------
セクション01
--------------*/  

#goldenweek2026 .sec01 {
    background-color: #E6FDFD;
    padding: calc(80/1920*100%) 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec01 {
        padding: calc(40/390*100%) 0;
    }
}

#goldenweek2026 .sec01_balloon {
    position: relative;
    width: 100%;
    padding: calc(50/1040*100%) ;
    background: #fff;
    border: 3px solid #1E5096;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 1.6;
    font-weight: 700;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec01_balloon {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec01_balloon {
        padding: calc(15/316*100%) ;
        border: 1px solid #1E5096;
        font-size: 3.8vw;
        line-height: 1.5;
    }
}

#goldenweek2026 .sec01_balloon::after {
    content: "";
    position: absolute;
    background: url(../images/sec01_fukidashi.png) no-repeat  center / contain;
    width: 60px;
    padding-top: 42px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto -42px;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec01_balloon::after {
        width: 16px;
        padding-top: 14px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto -12.5px;
    }
}

#goldenweek2026 .sec01_ttl {
    font-size: 56px;
    font-weight: 900;
    text-align: center;
    line-height: 1;
    color: #1E5096;
    margin-top: calc(70/1040*100%);
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec01_ttl {
        font-size: 5.6vw;
        margin-top: calc(25/316*100%);
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec01_ttl {
        font-size: 8.2vw;
    }
}

#goldenweek2026 .sec01_text {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 500;
    text-align: center;
    margin-top: calc(30/1040*100%);
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec01_text {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec01_text {
        font-size: 3.58vw;
        margin-top: calc(20/316*100%);
    }
}

#goldenweek2026 .sec01_text p + p {
    margin-top: 1em;
}

#goldenweek2026 .sec01_banner {
    width: 100%;
    margin-top: calc(40/1040*100%);
    display: block;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec01_banner {
        margin-top: calc(25/342*100%);
    }
}

.sec01_btn_lead {
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
    text-align: center;
    margin: calc(50/920*100%) auto 1em !important;
}

@media screen and (max-width: 1000px) {
    .sec01_btn_lead {
        font-size: 2.0vw;
    }
}

@media screen and (max-width: 768px) {
    .sec01_btn_lead {
        font-size: 16px;
        font-size: 4.2vw;
        margin: calc(30/350*100%) auto 1em !important;
    }
}

a.sec01_btn {
    width: 100%;
    margin: calc(40/1040*100%) auto 0;
    background-color: #1E5096;
    border-radius: 9999px;
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
    color: var(--white);
    padding: .75em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    a.sec01_btn {
        font-size: 3.2vw;
    }
}

a.sec01_btn::after {
    content: "";
    background: url(../images/arrow_blue.png) no-repeat center / cover;
    width: calc(40/1040*100%);
    padding-top: calc(40/1040*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(22/1040*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec01_btn {
        width: calc(316/342*100%);
        margin: calc(30/342*100%) auto 0;
        font-size: 4.6vw;
    }
    
    a.sec01_btn::after {
        width: calc(18/316*100%);
        padding-top: calc(18/316*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(10/316*100%) 0 0;
    }
}


/*--------------
セクション02
--------------*/  

#goldenweek2026 .sec02 {
    background-color: #FAFF8C;
    padding: calc(55/1920*100%) 0 calc(80/1920*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02 {
        padding: calc(40/390*100%) 0;
    }
}

#goldenweek2026 .sec02_container {
    max-width: 1540px; /* 1500px */
    padding: 0 20px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_container {
        width: 100%;
        padding: 0;
    }
}

#goldenweek2026 .sec02_ttl {
    width: calc(1452/1500*100%);
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_ttl {
        width: calc(362/390*100%);
        margin: 0 auto;    
    }
}

#goldenweek2026 .sec02_lead {
    margin: calc(40/1500*100%) auto;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_lead {
        margin: calc(25/390*100%) auto;
        font-size: 3.58vw;
        line-height: 1.6;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_inner {
        padding: 0 calc(37/390*100%);
    }
}

#goldenweek2026 .sec02_contents {
    width: 100%;
    background-color: var(--white);
    border-radius: 0 0 24px 24px;
    padding: calc(80/1500*100%) calc(60/1500*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_contents {
        border-radius: 0 0 10px 10px;
        padding: calc(25/316*100%) calc(37/316*100%);
    }
}

#goldenweek2026 .container1040 {
    max-width: 1040px;
    margin: 0 auto;
}

#goldenweek2026 .sec02_contents_wrap {
    display: flex;
    justify-content: center;
    gap: calc(60/1040*100%);
    margin: calc(30/1040*100%) auto 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_contents_wrap {
        flex-direction: column;
        gap: 6.4vw;
        margin: calc(25/244*100%) auto 0;
    }
}

#goldenweek2026 .sec02_contents_wrap li {
    display: flex;
    flex-direction: column;
    width: calc(490/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_contents_wrap li {
        width: 100%;
    }
}

#goldenweek2026 .sec02_wrap_ttl {
    background-color: var(--blue);
    text-align: center;
    color: var(--white);
    font-weight: 900;
    font-size: 36px;
    line-height: 1;
    padding: .7em 0;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec02_wrap_ttl {
        font-size: 3.6vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_wrap_ttl {
        font-size: 4.61vw;
    }
}

#goldenweek2026 .sec02_wrap_ttl sub{
    vertical-align: baseline;
    position: relative;
    top: 0ex;
    font-size:0.6em;
}

#goldenweek2026 .sec02_wrap_text {
    background-color: #CCD8E6;
    padding: 1em 0;
    font-size: 32px;
    font-weight: 900;
    color: var(--blue);
    text-align: center;
    line-height: 1.5;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec02_wrap_text {
        font-size: 3.2vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_wrap_text {
        font-size: 4.1vw;
    }
}

#goldenweek2026 .sec02_notes {
    font-family: var(--ff_mpr);
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 1.7;
    color: var(--blue);
    margin-top: calc(40/1040*100%);
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec02_notes {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec02_notes {
        font-size: 3.33vw;
        text-align: left;
        margin-top: calc(25/244*100%);
    }
}

a.sec02_btn {
    width: 100%;
    margin: calc(40/1040*100%) auto 0;
    background-color: var(--red);
    border-radius: 9999px;
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
    color: var(--white);
    padding: .75em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    a.sec02_btn {
        font-size: 3.2vw;
    }
}

a.sec02_btn::after {
    content: "";
    background: url(../images/arrow_red.png) no-repeat center / cover;
    width: calc(40/1040*100%);
    padding-top: calc(40/1040*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(22/1040*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec02_btn {
        width: 100%;
        margin: calc(25/244*100%) auto 0;
        font-size: 4.1vw;
    }
    
    a.sec02_btn::after {
        width: calc(18/244*100%);
        padding-top: calc(18/244*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(10/244*100%) 0 0;
    }
}


/*--------------
セクション03
--------------*/  

#goldenweek2026 .sec03_1 {
    background-color: #DFF884;
    padding: calc(50/1920*100%) 0 calc(80/1920*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_1 {
        padding: calc(30/390*100%) 0 calc(40/390*100%);
    }
}

#goldenweek2026 .sec03_ttl {
    width: calc(1292/1500*100%) ;
    margin: 0 auto calc(60/1500*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_ttl {
        width: calc(328/390*100%);
        margin: 0 auto calc(25/390*100%);
    }
}

/* baa */
#goldenweek2026 .sec03_baa_ttl {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #296446;
    margin: 0 auto calc(30/700*100%);
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec03_baa_ttl {
        font-size: 4.2vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_baa_ttl {
        font-size: 26px;
        font-size: 6.6vw;
        margin: 0 auto calc(15/350*100%);
    }
}

#goldenweek2026 .sec03_baa_mark {
    background-color: #E1F7EE;
    border-radius: 20px;
    padding: calc(20/700*100%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(20/700*100%);
    margin: calc(20/700*100%) auto 0;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec03_baa_mark {
        border-radius:2.0vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_baa_mark {
        border-radius: 20px;
        padding: calc(10/350*100%);
        flex-direction: column;
        gap: 5.1vw;
    }
}

#goldenweek2026 .sec03_baa_image {
    width: 18%;
    display: block;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_baa_image {
        width: calc(110/300*100%);
        margin: calc(10/300*100%) auto 0;
    }
}

#goldenweek2026 .sec03_baa_text {
    width: 77%;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_baa_text {
        width: 100%;
    }
    
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_baa_mark {
        background-color: #E1F7EE;
        border-radius: 10px;
        padding: calc(20/350*100%);
    }
}

/* アコーディオン */

#goldenweek2026 .sec03_baa_point {
    display: flex;
    flex-direction: column;
    margin-top: calc(60/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_baa_point {
        margin-top: calc(20/350*100%);
    }
}

#goldenweek2026 .sec03_baa_point_wrap {
    width: 100%;
    border: solid 1px #00913A;
}

#goldenweek2026 .sec03_baa_point_wrap:nth-child(n+2) {
    width: 100%;
    border-top: none;
}

#goldenweek2026 .sec03_baa_point_wrap02 {
    width: calc(445/920*100%);
    border: solid 1px #00913A;
}

.sec03_baa_point_ttl {
    padding: 1em;
        border-bottom: solid 1px #00913A;
        border-bottom: none;
        position: relative;
        cursor: pointer;
        transition-duration: 0.2s;
}

.sec03_baa_point_ttl img {
    margin: 0;
    width: 85% !important;
}


.sec03_baa_point_ttl02 {
    padding: 1em;
    border-bottom: solid 1px #00913A;
}

.sec03_baa_point_ttl02 img {
    width: 65% !important;
    margin: 0 auto;
}

.sec03_baa_point_wrap p, .sec03_baa_point_wrap02 p {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    .sec03_baa_point_wrap p, .sec03_baa_point_wrap02 p {
        padding: 0;
        margin-top: .5em;
    }
}

.icon_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 2.5%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
  }
  
  @media screen and (max-width: 768px) {
    .icon_wrap {
      right: 0%;
      right: -.5%;
    }
  }
  
  .icon {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
  }
  
  @media screen and (max-width: 768px) {
    .icon {
      /* width: 18px;
      height: 18px; */
      width: 12px;
      height: 12px;
    }
  }
  
  .accordion_title.open 
  .icon_wrap {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  .icon:before, .icon:after {
    display: flex;
    content: '';
    background-color: #000;
    border-radius: 10px;
    width: 18px;
    height: 3px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
  }
  
  .icon:before {
    width: 3px;
    height: 18px;
    top: 0;
    left: 7px;
  }
  
  @media screen and (max-width: 768px) {
    .icon:before, .icon:after {
      width: 12px;
      height: 2px;
      top: 5px;
      left: 1px;
    }
    
    .icon:before {
      width: 2px;
      height: 12px;
      top: 0;
      left: 6px;
    }
  }
  
  .accordion_title.open 
  .icon_wrap .icon:before {
    content: none;
  }
  
  .accordion_title.open 
  .icon_wrap .icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .accordion_inner {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
  }

.accordion_title.open 
.icon_wrap .icon:before {
  content: none;
}

.accordion_title.open 
.icon_wrap .icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

  .close_btn {
    width: 26.8%;
    margin: 4.1% auto 0;
    display: block;
  }
  
  @media screen and (max-width: 768px) {
    .close_btn {
      width: 46.3%;
      margin: 8.2% auto 0;
    }
  }

.accordion_inner_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:calc(30/700*100%);
    padding: 1em;
    box-sizing: border-box;
    border-top: solid 1px #00913A;
}

@media screen and (max-width: 768px) {
    .accordion_inner_wrap {
        display: flex;
        flex-direction: column;
    }
}

.sec03_baa_point_image {
    width: calc(150/700*100%);
}

.sec03_baa_point_text {
    width: calc(550/700*100%);
}

@media screen and (max-width: 768px) {
    .sec03_baa_point_image {
        width: 80%;
    }
    
    .sec03_baa_point_text {
        width: 100%;
    }
}

#goldenweek2026 .sec03_fin_text {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin: calc(30/920*100%) auto 0;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec03_fin_text {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_fin_text {
        font-size: 18px;
        font-size: 4.6vw;
        margin: calc(20/350*100%) auto 0;
    }
}

#goldenweek2026 .sec03_fin_notes {
    font-size: 14px;
    text-align: center;
    margin: .5em auto 0;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec03_fin_notes {
        font-size: 1.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_fin_notes {
        font-size: 14px;
        font-size: 3.6vw;
    }
}

/* アコーディオン ここまで */


#goldenweek2026 .sec03_2 {
    background-color: #FAFF8C;
    padding: calc(80/1920*100%) 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_2 {
        padding: calc(40/390*100%) 0;
    }
}

.sec03_ttl_buy {
    width: calc(790/1040*100%);
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .sec03_ttl_buy {
        width: 100%;
    }
}

.sec03_2_lead {
    font-size: 24px;
    text-align: center;
    line-height: 1.45;
    font-weight: 500;
    margin: calc(30/1040*100%) auto calc(40/1040*100%);
}

@media screen and (max-width: 1000px) {
    .sec03_2_lead {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec03_2_lead {
        font-size: 4.1vw;
        margin: calc(20/316*100%) auto;
    }
}

#goldenweek2026 .sec03_balloon {
    position: relative;
    width: 100%;
    padding: calc(50/1040*100%) ;
    background: #fff;
    border: 3px solid #7FBE27;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 1.6;
    font-weight: 700;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec03_balloon {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_balloon {
        padding: calc(15/316*100%) ;
        border: 1px solid #7FBE27;
        font-size: 3.8vw;
        line-height: 1.5;
    }
}

#goldenweek2026 .sec03_balloon::after {
    content: "";
    position: absolute;
    background: url(../images/sec03_fukidashi.png) no-repeat  center / contain;
    width: 60px;
    padding-top: 42px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto -42px;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_balloon::after {
        width: 16px;
        padding-top: 14px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto -12.5px;
    }
}

#goldenweek2026 .sec03_02_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(30/1040*100%);
    margin: calc(65/1040*100%) auto 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_02_flex {
        flex-direction: column;
        gap: 6.4vw;
        margin: calc(20/346*100%) auto 0;
    } 
}

#goldenweek2026 .sec03_2_kind_wrap {
    width: calc(520/1040*100%);
    background-color: var(--white);
    border-radius: 10px;
    padding: calc(30/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_2_kind_wrap {
        width: 100%;
        padding: calc(15/346*100%);
    }
}

#goldenweek2026 .sec03_2_title_kind {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    color: #7FBE27;
    width: 95%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_2_title_kind {
        font-size: 4.1vw;
        width: 85%;
    }
}

#goldenweek2026 .sec03_2_title_kind::before, #goldenweek2026 .sec03_2_title_kind::after {
    content: "";
    background-color: #7FBE27;
    height: 2px;
    flex-grow: 1;
}

#goldenweek2026 .sec03_2_title_kind::before {
    margin-right: .5em;
}

#goldenweek2026 .sec03_2_title_kind::after {
    margin-left: .5em;
}

#goldenweek2026 ul.sec03_2_wrap_kind {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:15px 0;
    margin-top: calc(20/460*100%);
}

#goldenweek2026 ul.sec03_2_wrap_kind li {
    width: 49%;
}

#goldenweek2026 ul.sec03_2_wrap_kind li img {
    width: 60%;
    margin: 0 auto;
}

#goldenweek2026 ul.sec03_2_wrap_kind li p {
    margin: .5em auto 0;
    font-size: 16px;
    text-align: center;
    color: #000000;
    line-height: 1.3;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 ul.sec05_wrap_kind li p {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 ul.sec03_2_wrap_kind li p {
        font-size: 12px;
        font-size: 3.1vw;
    }
}

#goldenweek2026 .sec03_2_kind_text {
    margin-top: 1.5em;
    font-size: 15px;
    text-align: center;
    line-height: 1.4;
    font-weight: 500;
}

#goldenweek2026 .sec03_2_kind_text .small {
    font-size: 100%;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec03_2_kind_text {
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec03_2_kind_text {
        font-size: 4.1vw;
    }

    #goldenweek2026 .sec03_2_kind_text .small {
        font-size: 75%;
        margin-top: .7em;
    }
}

.sec03_2_wrap_right {
    width: calc(490/1040*100%);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media screen and (max-width: 768px) {
    .sec03_2_wrap_right {
        width: 100%;
        gap: 5.1vw;
    }
}

a.sec03_btn {
    width: 100%;
    margin: 0 auto;
    background-color: #7FBE27;
    border-radius: 9999px;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    a.sec03_btn {
        font-size: 2.4vw;
    }
}

a.sec03_btn::after {
    content: "";
    background: url(../images/arrow_l_green.png) no-repeat center / cover;
    width: calc(24/490*100%);
    padding-top: calc(24/490*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(12/490*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec03_btn {
        width: calc(316/346*100%);
        margin: 0 auto;
        font-size: 4.6vw;
    }
    
    a.sec03_btn::after {
        width: calc(18/316*100%);
        padding-top: calc(18/316*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(10/316*100%) 0 0;
    }
}

/*--------------
セクション04
--------------*/  

#goldenweek2026 .sec04 {
    background-color: #DFF884;
    padding: calc(50/1920*100%) 0 calc(80/1920*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04 {
        padding: calc(20/390*100%) 0 calc(40/390*100%);
    }
}

#goldenweek2026 .sec04_ttl  {
    width: calc(1404/1500*100%);
    margin: 0 auto calc(50/1500*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_ttl {
        width: calc(328/390*100%);
        margin: 0 auto calc(25/390*100%);
    }
}

#goldenweek2026 .sec04_nav {
    display: flex;
    justify-content: center;
    gap:calc(25/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_nav {
        flex-direction: column;
        gap:5.1vw;
    }
}

#goldenweek2026 .sec04_nav_btn, #goldenweek2026 .sec04_nav_btn02 {
    padding: 1em 0;
    background-color: #FFF56A;
    color: var(--base);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec04_nav_btn, #goldenweek2026 .sec04_nav_btn02 {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_nav_btn, #goldenweek2026 .sec04_nav_btn02 {
        padding: .5em 0;
        font-size: 18px;
        font-size: 4.6vw;
    } 
}

#goldenweek2026 .sec04_nav_btn {width: calc(330/1040*100%);}
#goldenweek2026 .sec04_nav_btn02 {width: calc(520/1040*100%);}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_nav_btn, #goldenweek2026 .sec04_nav_btn02 {width: 100%;}
}

#goldenweek2026 .sec04_nav_btn_box {
    font-size: 20px;
    font-weight: 700;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;
    text-align: center;
    gap: .5em;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec04_nav_btn_box {
        font-size: 2.0vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_nav_btn_box {
        font-size: 18px;
        font-size: 4.6vw;
        gap: .2em;
    }
}

#goldenweek2026 .sec04_nav_btn p, #goldenweek2026 .sec04_nav_btn02 p {
    margin: 0;
    padding: 0;
}

#goldenweek2026 .sec04_nav_btn .arrow {
    width: 20px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_nav_btn .arrow {
        width: calc(20/250*100%);
        margin: 0 auto;
    }
}

.sec04_nav_btn_wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: .5em;
    font-size: 20px;
    font-weight: 500;
    padding: 0 1em;
    gap:.5em 2em;
}

@media screen and (max-width: 1000px) {
    .sec04_nav_btn_wrap {
        font-size: 2.0vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_nav_btn_wrap {
        margin-top: .5em;
        font-size: 16px;
        font-size: 4.2vw;
        flex-direction: column;
    }
}

.sec04_nav_btn_wrap a {
    color: #000;
}

.sec04_nav_btn_list01, .sec04_nav_btn_list02 {
    color: var(--base);
    display: flex;
    align-items: center;
    text-align: left;
}

.sec04_nav_btn_list01 {
    width: 50%;
}

.sec04_nav_btn_list02 {
    width: 35%;
}

@media screen and (max-width: 768px) {
    .sec04_nav_btn_list01 {
        width: 100%;
    }
    
    .sec04_nav_btn_list02 {
        width: 100%;
    }
}

.sec04_nav_btn_list01 p, .sec04_nav_btn_list02 p {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
}

@media screen and (max-width: 1000px) {
    .sec04_nav_btn_list01 p, .sec04_nav_btn_list02 p {
        font-size: 1.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_nav_btn_list01 p, .sec04_nav_btn_list02 p {
        font-size: 16px;
        font-size: 4.2vw;
    }
}

#goldenweek2026 .sec04_nav_btn_list01 .arrow02, #goldenweek2026 .sec04_nav_btn_list02 .arrow02 {
    width: 20px;
    margin: 0 0 0 .3em;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_nav_btn_list01 .arrow02, #goldenweek2026 .sec04_nav_btn_list02 .arrow02 {
        width: calc(20/320*100%);
    }
}

#goldenweek2026 .sec04_kids_ttl {
    font-size: 34px;
    font-weight: 900;
    text-align: center;
    color: var(--green02);
    margin: 0 auto calc(30/700*100%);
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec04_kids_ttl {
        font-size: 3.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec04_kids_ttl {
        font-size: 26px;
        font-size: 6.6vw;
        margin: 0 auto calc(15/350*100%);
    }
}

.sec04_support_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 calc(20/700*100%);
    margin: 0 auto calc(30/700*100%);
}

@media screen and (max-width: 768px) {
    .sec04_support_container {
        display: flex;
        flex-direction: column;
        gap: 3.8vw;
        margin: 0 auto calc(20/350*100%);
    }
}

.sec04_support_wrap {
    width: calc(330/700*100%);
}

@media screen and (max-width: 768px) {
    .sec04_support_wrap {
        width: 100%;
    }
}

.sec04_support_text {
    width: calc(350/700*100%);
    font-size: 16px;
}

@media screen and (max-width: 1000px) {
    .sec04_support_text {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_support_text {
        width: 100%;
        font-size: 16px;
        font-size: 4.2vw;
    }
}


a.sec04_btn {
    width: calc(450/700*100%);
    margin: 0 auto;
    background-color: #006937;
    border-radius: 9999px;
    font-size: 20px;
    font-weight: 900;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    a.sec04_btn {
        font-size: 2.0vw;
    }
}

a.sec04_btn::after {
    content: "";
    background: url(../images/arrow_green.png) no-repeat center / cover;
    width: calc(30/580*100%);
    padding-top: calc(30/580*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(25/580*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec04_btn {
        width: 100%;
        font-size: 16px;
        font-size: 4.0vw;
        padding: .5em 0;
        box-shadow: 4px 4px 0px 0 rgb(0 0 0 / .2);
    }
    
    a.sec04_btn::after {
        width: calc(18/350*100%);
        padding-top: calc(18/350*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(20/580*100%) 0 0;
    }
}

a.sec04_btn_detail {
    width: 100%;
    margin: 0 auto;
    background-color: var(--green);
    border-radius: 9999px;
    font-size: 20px;
    font-weight: 900;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 4px 4px 0px 0 rgb(0 0 0 / .2);
}

@media screen and (max-width: 1000px) {
    a.sec04_btn_detail {
        font-size: 2.0vw;
    }
}

a.sec04_btn_detail::after {
    content: "";
    background: url(../images/arrow_green.png) no-repeat center / cover;
    width: calc(20/335*100%);
    padding-top: calc(20/335*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(25/335*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec04_btn_detail {
        width: 100%;
        font-size: 16px;
        font-size: 4.0vw;
        padding: .5em 0;
        box-shadow: 4px 4px 0px 0 rgb(0 0 0 / .2);
    }
    
    a.sec04_btn_detail::after {
        width: calc(18/350*100%);
        padding-top: calc(18/350*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(20/580*100%) 0 0;
    }
}

.sec04_teach_container {
    width: calc(630/700*100%);
    margin: calc(40/700*100%) auto 0;
}

@media screen and (max-width: 768px) {
    .sec04_teach_container {
        width: 100%;
        margin: calc(30/350*100%) auto 0;
    } 
}

.sec04_teach_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:calc(20/630*100%);
    margin-bottom: calc(30/630*100%);
}

@media screen and (max-width: 768px) {
    .sec04_teach_wrap {
        flex-direction: column;
        gap:2.5vw;
        margin-bottom: calc(20/350*100%);
        padding: 0 calc(15/350*100%);
    }
}

.sec04_teach_ttl {
    width: calc(230/630*100%);
}

@media screen and (max-width: 768px) {
    .sec04_teach_ttl {
        width: 100%;
    }
}

.sec04_teach_text {
    width: calc(400/630*100%);
    font-size: 16px;
}

@media screen and (max-width: 1000px) {
    .sec04_teach_text {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_teach_text {
        width: 100%;
        font-size: 16px;
        font-size: 4.2vw;
    }
}

.sec04_youtube iframe {
    margin: 0 auto 0;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.sec04_teach_banner {
    margin: calc(40/630*100%) auto 0; 
}


.sec04_bike_ttl_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 calc(20/700*100%) auto;
}

@media screen and (max-width: 768px) {
    .sec04_bike_ttl_wrap {
        width: 100%;
        display: flex;
        align-items: stretch;
        margin: 0 0 calc(20/320*100%) auto;
    }
}

.sec04_bike_osusume {
    width: calc(186/700*100%);
    background: url(../images/sec04_osusume_bg.png) no-repeat left center / cover;
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 26px;
    font-weight: 700;
    color: var(--white);
    padding-left: .5em;
}

@media screen and (max-width: 1000px) {
    .sec04_bike_osusume {
        font-size: 2.6vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_bike_osusume {
        width: calc(125/320*100%);
        background: url(../images/sec04_osusume_bg.png) no-repeat left top / contain;
        align-items: stretch;
        font-size: 18px;
        font-size: 4.6vw;
        padding-left: .5em;
    }
}

.sec04_bike_ttl {
    font-size: 36px;
    font-weight: 700;
    padding-left: 0.3em;
}

@media screen and (max-width: 1000px) {
    .sec04_bike_ttl {
        font-size: 3.6vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_bike_ttl {
        font-size: 24px;
        font-size: 6.2vw;
        width: calc(180/320*100%);
        line-height: 1.2;
    }
}

.sec04_bike_brand {
    width: 100%;
    margin: 0 auto calc(15/700*100%);
}

@media screen and (max-width: 768px) {
    .sec04_bike_brand {
        width: 100%;
        margin: 0 auto calc(15/320*100%);
    }
}

.sec04_bike_brand02 {
    width: 100%;
    margin: 0 auto calc(30/700*100%);
}

@media screen and (max-width: 768px) {
    .sec04_bike_brand02 {
        width: 100%;
        margin: 0 auto calc(30/320*100%);
    }
}

.sec04_bike_brand_text {
    font-size: 18px;
    margin-bottom: calc(30/860*100%) !important;
}

@media screen and (max-width: 1000px) {
    .sec04_bike_brand_text {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_bike_brand_text {
        font-size: 16px;
        font-size: 4.2vw;
        margin-bottom: calc(30/320*100%) !important;
    }
}

.sec04_bike_container {
    width: 100%;
    display: flex;
    justify-content: center;
    gap:0 calc(30/700*100%);
}

@media screen and (max-width: 768px) {
    .sec04_bike_container {
        width: 100%;
        flex-direction: column;
        gap:7.6vw;
    }
}

.sec04_bike_wrap {
    display: flex;
    flex-direction: column;
}

.sec04_bike_wrap_image {
    width: 100%;
    margin: 0 auto;
}

.sec04_bike_wrap_name {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    margin-top: calc(20/335*100%);
}

@media screen and (max-width: 1000px) {
    .sec04_bike_wrap_name {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_bike_wrap_name {
        font-size: 18px;
        font-size: 4.6vw;
        margin-top: calc(15/320*100%);
    }
}

.sec04_bike_wrap_notes {
    font-size: 14px;
    color: var(--base);
    margin-top: calc(10/335*100%);
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1000px) {
    .sec04_bike_wrap_notes {
        font-size: 1.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_bike_wrap_notes {
        font-size: 14px;
        font-size: 3.6vw;
        margin-top: calc(10/320*100%);
    }
}

.sec04_bike_wrap_price {
    font-size: 30px;
    font-weight: 900;
    color: var(--red);
    line-height: 1;
    margin-bottom: calc(30/335*100%) !important;
}

@media screen and (max-width: 1000px) {
    .sec04_bike_wrap_price {
        font-size: 3.0vw;
    }
}

@media screen and (max-width: 768px) {
    .sec04_bike_wrap_price {
        font-size: 30px;
        font-size: 7.7vw;
        margin-bottom: calc(30/320*100%) !important;
    }
}

.sec04_bike_wrap_tax {
    font-size: 70%;
}


/*--------------
セクション05
--------------*/  

#goldenweek2026 .sec05_1 {
    background-color: #FAFF8C;
    padding: calc(50/1920*100%) 0 calc(80/1920*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_1 {
        padding: calc(30/390*100%) 0 calc(40/390*100%);
    }
}

#goldenweek2026 .sec05_ttl  {
    width: calc(1292/1500*100%);
    margin: 0 auto calc(50/1500*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_ttl {
        width: calc(318/390*100%);
        margin: 0 auto calc(20/390*100%);
    }
}

#goldenweek2026 .sec05_container {
    padding-bottom: calc(100/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_container {
        padding-bottom: calc(40/390*100%);
    }
}

.sec05_nav_container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px calc(25/1040*100%);
}

@media screen and (max-width: 768px) {
    .sec05_nav_container {
        display: flex;
        flex-direction: column;
        gap: 3.8vw;
    }
}

.sec05_nav_container a {
    color: var(--base);
}

.sec05_nav_wrap {
    width: calc(330/1040*100%);
    color: var(--base);
    background-color: #D0EEFF;
    padding: 1em 0 1em;
    display: block;
}

@media screen and (max-width: 768px) {
    .sec05_nav_wrap {
        width: 100%;
    }
}

.sec05_nav_container p {
    margin-bottom: 0 !important;
}

.sec05_nav_wrap_text {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

@media screen and (max-width: 1000px) {
    .sec05_nav_wrap_text {
        font-size: 1.7vw;
    }
}

@media screen and (max-width: 768px) {
    .sec05_nav_wrap_text {
        font-size: 16px;
        font-size: 4.2vw;
    }
}

.sec05_nav_ttl_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:0 1em;
    margin: .3em auto 0;
}

@media screen and (max-width: 768px) {
    .sec05_nav_ttl_wrap {
        display: flex;
        justify-content: space-between;
        margin: .3em auto 0;
        padding: 0 1.5em;
    }
}

.sec05_nav_ttl {
    font-size: 20px;
    font-weight: 900;
}

@media screen and (max-width: 1000px) {
    .sec05_nav_ttl {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 768px) {
    .sec05_nav_ttl {
        font-size: 20px;
        font-size: 5.2vw;
    }
}

.sec05_arrow {
    width: 20px;
}

@media screen and (max-width: 768px) {
    .sec05_arrow {
        width: calc(18/300*100%);
    }
}

.sec05_osusume_sub_ttl {
    font-size: 24px;
    font-weight: 500;
    text-align: center; 
}

@media screen and (max-width: 1000px) {
    .sec05_osusume_sub_ttl {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec05_osusume_sub_ttl {
        font-size: 16px;
        font-size: 4.2vw;
    }
}

.sec05_osusume_sub_ttl span {
    color: #FA9E1D;
}

.sec05_osusume_ttl {
    font-size: 52px;
    font-weight: 900;
    text-align: center;
    line-height: 1.2;
    margin: 0 auto calc(30/700*100%);
}

@media screen and (max-width: 1000px) {
    .sec05_osusume_ttl {
        font-size: 5.2vw;
    }
}

@media screen and (max-width: 768px) {
    .sec05_osusume_ttl {
        font-size: 28px;
        font-size: 6.2vw;
    }
}

.sec05_bike_container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 450px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .sec05_bike_container {
        max-width: 100%;
    }
}

.sec05_bike_wrap {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .sec05_bike_wrap {
        width: 100%;
    } 
}

.sec05_bike_wrap_name {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    margin-top: calc(30/450*100%);
}

@media screen and (max-width: 1000px) {
    .sec05_bike_wrap_name {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 768px) {
    .sec05_bike_wrap_name {
        font-size: 18px;
        font-size: 4.6vw;
        margin-top: calc(15/320*100%);
    }
}

.sec05_bike_wrap_notes {
    font-size: 14px;
    color: var(--base);
    margin-top: calc(10/450*100%);
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1000px) {
    .sec05_bike_wrap_notes {
        font-size: 1.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec05_bike_wrap_notes {
        font-size: 14px;
        font-size: 3.6vw;
        margin-top: calc(10/320*100%);
    }
}

.sec05_bike_wrap_price {
    font-size: 30px;
    font-weight: 900;
    color: var(--red);
    line-height: 1;
    margin-bottom: calc(60/450*100%) !important;
}

@media screen and (max-width: 1000px) {
    .sec05_bike_wrap_price {
        font-size: 3.0vw;
    }
}

@media screen and (max-width: 768px) {
    .sec05_bike_wrap_price {
        font-size: 30px;
        font-size: 7.7vw;
        margin-bottom: calc(30/320*100%) !important;
    }
}

a.sec05_btn_detail {
    width: 100%;
    margin: 0 auto;
    background-color: #FA9E1D;
    border-radius: 9999px;
    font-size: 20px;
    font-weight: 900;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 4px 4px 0px 0 rgb(0 0 0 / .2);
}

@media screen and (max-width: 1000px) {
    a.sec05_btn_detail {
        font-size: 2.0vw;
    }
}

a.sec05_btn_detail::after {
    content: "";
    background: url(../images/arrow_orange02.png) no-repeat center / cover;
    width: calc(20/335*100%);
    padding-top: calc(20/335*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(25/335*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec05_btn_detail {
        width: 100%;
        font-size: 16px;
        font-size: 4.0vw;
        padding: .5em 0;
        box-shadow: 4px 4px 0px 0 rgb(0 0 0 / .2);
    }
    
    a.sec05_btn_detail::after {
        width: calc(18/350*100%);
        padding-top: calc(18/350*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(20/580*100%) 0 0;
    }
}

#goldenweek2026 .sec05_log_slash {
    width: calc(427/700*100%);
    margin: calc(50/700*100%) auto 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_log_slash {
        width: 100%;
        margin: calc(30/346*100%) auto 0;
    }
}

#goldenweek2026 .sec05_log_btn {
    width: 100%;
    margin: calc(20/700*100%) auto 0;
    display: block;
    box-shadow: 6px 6px 12px 0 rgb(0 0 0 / .2);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_log_btn {
        width: 100%;
        margin: calc(20/318*100%) auto 0;
        box-shadow: 3px 3px 6px 0 rgb(0 0 0 / .2);
    }
}

/*--------------
セクション06
--------------*/ 

#goldenweek2026 .sec06 {
    background: linear-gradient(to bottom, #004D9D, #00266A);
}

#goldenweek2026 .sec06_container, #goldenweek2026 .sec07_container, #goldenweek2026 .sec08_container, #goldenweek2026 .sec09_container {
    padding-top: calc(70/1040*100%);
    padding-bottom: calc(70/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec06_container, #goldenweek2026 .sec07_container, #goldenweek2026 .sec08_container, #goldenweek2026 .sec09_container {
        padding-top: calc(40/390*100%);
        padding-bottom: calc(40/390*100%);
    }
}

.sec06_ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto calc(30/700*100%);
}

@media screen and (max-width: 768px) {
    .sec06_ttl {
        margin: 0 auto calc(20/350*100%);
    }
}

.sec06_ttl h2.sec06_ttl_wrap {
    display: inline-block;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    color: #FFF200;
    border: 2px solid #FFF200;
    padding: .2em 1em;
}

@media screen and (max-width: 1000px) {
    .sec06_ttl h2.sec06_ttl_wrap {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec06_ttl h2.sec06_ttl_wrap {
        font-size: 24px;
        font-size: 6.2vw;
    }
}

.sec06_enjoy_text {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: var(--white);
}

@media screen and (max-width: 1000px) {
    .sec06_enjoy_text {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 768px) {
    .sec06_enjoy_text {
        font-size: 18px;
        font-size: 4.2vw;
    }
}

.sec06_enjoy_text p + p {
    margin-top: 1em;
}

.sec06_enjoy_text span {
    font-size: 135%;
    font-weight: 900;
    color: #FFF200;
}

.sec06_enjoy_ttl, .sec07_base_ttl {
    width: calc(320/700*100%);
    margin: calc(60/700*100%) auto calc(15/700*100%);
}

@media screen and (max-width: 768px) {
    .sec06_enjoy_ttl, .sec07_base_ttl {
        width: 100%;
        margin: calc(30/350*100%) auto calc(10/350*100%);
    }
}


/*--------------
セクション07
--------------*/ 

#goldenweek2026 .sec07 {
    background-color: #CBE4F7;
}

.sec07_ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto calc(30/700*100%);
}

@media screen and (max-width: 768px) {
    .sec07_ttl {
        margin: 0 auto calc(20/350*100%);
    }
}

.sec07_ttl h2.sec07_ttl_wrap {
    display: inline-block;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    color: #183F91;
    border: 2px solid #183F91;
    padding: .2em 1em;
}

@media screen and (max-width: 1000px) {
    .sec07_ttl h2.sec07_ttl_wrap {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec07_ttl h2.sec07_ttl_wrap {
        font-size: 24px;
        font-size: 6.2vw;
    }
}

.sec07_base_text {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: var(--base);
}

@media screen and (max-width: 1000px) {
    .sec07_base_text {
        font-size: 1.7vw;
    }
}

@media screen and (max-width: 768px) {
    .sec07_base_text {
        font-size: 16px;
        font-size: 4.2vw;
    }
}

.sec07_base_text p + p {
    margin-top: 1em;
}

.sec07_base_text span {
    font-weight: 900;
    color: #004097;
}


/*--------------
セクション08
--------------*/ 

#goldenweek2026 .sec08 {
    background-color: #003E81;
}

.sec08_sub_ttl {
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .sec08_sub_ttl {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec08_sub_ttl {
        font-size: 24px;
        font-size: 6.2vw;
        line-height: 1.3;
    }
}

.sec08_ttl {
    font-size: 55px;
    font-weight: 900;
    color:#FFF200;
    text-align: center;
    margin-bottom: calc(30/1040*100%);
}

@media screen and (max-width: 1000px) {
    .sec08_ttl {
        font-size: 5.5vw;
    }
}

@media screen and (max-width: 768px) {
    .sec08_ttl {
        font-size: 34px;
        font-size: 8.5vw;
        margin-bottom: calc(20/350*100%);
        margin-top: calc(10/350*100%);
        line-height: 1.3;
    }
}

.sec08_text {
    max-width: calc(800/1040*100%);
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: var(--white);
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1000px) {
    .sec08_text {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    .sec08_text {
        max-width: 100%;
        font-size: 16px;
        font-size: 4.2vw;
    }
}

.sec08_text sup {
    font-size: 75.5%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}

.sec08_text_notes {
    max-width: calc(800/1040*100%);
    margin: 0 auto;
    font-size: 12px;
    font-weight: 500;
    color: var(--white);
    text-align: right;
}

@media screen and (max-width: 1000px) {
    .sec08_text_notes {
        font-size: 1.2vw;
    }
}

@media screen and (max-width: 768px) {
    .sec08_text_notes {
        max-width: 100%;
        font-size: 12px;
        font-size: 3.1vw;
    }
}

.sec08_kind_text {
    margin-top: calc(30/740*100%);
}

.sec08_kind_text p {
    margin-bottom: 0 !important;
}

.sec08_kind_text p+p {
    margin-top: .5em;
}


#goldenweek2026 .l_wrap_round {
    max-width: calc(800/1040*100%);
    background-color: var(--white);
    border-radius: 20px;
    padding: calc(30/1040*100%);
    margin: calc(50/1040*100%) auto 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .l_wrap_round {
        max-width: 100%;
        border-radius: 10px;
        padding: calc(15/350*100%) calc(15/350*100%);
    }
}

a.sec08_btn {
    max-width: 900px;
    margin: 0 auto;
    background-color: var(--red);
    border-radius: 9999px;
    font-size: 30px;
    font-weight: 900;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 4px 4px 0px 0 rgb(0 0 0 / .2);
}

@media screen and (max-width: 1000px) {
    a.sec08_btn {
        font-size: 3.0vw;
    }
}

a.sec08_btn::after {
    content: "";
    background: url(../images/arrow_red.png) no-repeat center / cover;
    width: calc(20/335*100%);
    padding-top: calc(20/335*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(25/900*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec08_btn {
        width: 100%;
        font-size: 16px;
        font-size: 3.4vw;
        padding: .5em 0;
        box-shadow: 4px 4px 0px 0 rgb(0 0 0 / .2);
    }
    
    a.sec08_btn::after {
        width: calc(18/350*100%);
        padding-top: calc(18/350*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(20/580*100%) 0 0;
    }
}

/*--------------
セクション09
--------------*/ 

#goldenweek2026 .sec09 {
    background: #DFF884;
}

.sec09_ttl_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .5em;
}

.sec09_ttl_wrap h2.sec09_ttl {
    display: inline-block;
    margin: 0 auto;
    font-size: 34px;
    font-weight: 900;
    text-align: center;
    color: var(--green02);
    border-bottom: 1px solid var(--green02);
    padding: 0 0 .3em 0;
}

@media screen and (max-width: 1000px) {
    .sec09_ttl_wrap h2.sec09_ttl {
        font-size: 3.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec09_ttl_wrap h2.sec09_ttl {
        font-size: 28px;
        font-size: 7.2vw;
        line-height: 1.4;
    }
}

.sec09_check_ttl_sub {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1000px) {
    .sec09_check_ttl_sub {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec09_check_ttl_sub {
        font-size: 20px;
        font-size: 5.2vw;
    }
    
}

.sec09_check_container {
    display: flex;
    flex-direction: column;
    gap:55px 0;
    margin-top: calc(40/700*100%);
}

@media screen and (max-width: 768px) {
    .sec09_check_container {
        display: flex;
        flex-direction: column;
        gap:10vw 0;
        margin-top: calc(40/350*100%);
    }
}

.sec09_check_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(40/700*100%);
}

@media screen and (max-width: 768px) {
    .sec09_check_wrap {
        display: flex;
        flex-direction: column;
        gap: 3.8vw;
    }
}

.sec09_check_image, .sec09_check_text_wrap {
    width: calc(330/700*100%);
}

@media screen and (max-width: 768px) {
    .sec09_check_image, .sec09_check_text_wrap {
        width: 100%;
    }
}

.sec09_check_ttl {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: .5em;
}

@media screen and (max-width: 1000px) {
    .sec09_check_ttl {
        font-size: 2.0vw;
    }
}

@media screen and (max-width: 768px) {
    .sec09_check_ttl {
        font-size: 20px;
        font-size: 5.2vw;
    }
}

.sec09_check_text {
    font-size: 16px;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1000px) {
    .sec09_check_text {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    .sec09_check_text {
        font-size: 16px;
        font-size: 4.2vw;
    }
}




#goldenweek2026 .sec05_title {
    width: min(840px, 92.3%);
    margin: min(80px, 7.6%) auto min(30px, 3.3%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_title {
        width: 92.3%;
        margin: min(30px, 8.6%) auto min(15px, 4.3%);
    }
}

#goldenweek2026 .sec05_lead {
    color: var(--white);
}

#goldenweek2026 .sec05_lead_notes {
    color: var(--white);
    text-align: right;
    font-size: 12px;
    margin: 1em 1em min(35px, 3.8%) 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_lead_notes {
        font-size: 12px;
        font-size: 3.1vw;
        margin: 1em 1em min(30px, 8.6%) 0;
    }
}

#goldenweek2026 .sec05_contents {
    max-width: 780px;
    margin:  0 auto;
}

#goldenweek2026 .sec05_title_kind {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--blue);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_title_kind {
        font-size: 16px;
        font-size: 4.1vw;
    }
}

#goldenweek2026 .sec05_title_kind::before, #goldenweek2026 .sec05_title_kind::after {
    content: "";
    background-color: #00306F;
    height: 2px;
    flex-grow: 1;
}

#goldenweek2026 .sec05_title_kind::before {
    margin-right: 1em;
}

#goldenweek2026 .sec05_title_kind::after {
    margin-left: 1em;
}

#goldenweek2026 ul.sec05_wrap_kind {
    display: flex;
    justify-content: center;
    gap:calc(30/740*100%);
    margin-top: min(20px, 2.5%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 ul.sec05_wrap_kind {
        display: flex;
        flex-wrap: wrap;
        gap:3.8vw calc(15/320*100%);
    }

    #goldenweek2026 ul.sec05_wrap_kind li {
        width: calc(145/320*100%);
    }
}

#goldenweek2026 ul.sec05_wrap_kind li img {
    margin: 0 auto;
}

#goldenweek2026 ul.sec05_wrap_kind li p {
    margin: .3em auto 0;
    font-size: 16px;
    text-align: center;
    color: #000000;
    line-height: 1.3;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 ul.sec05_wrap_kind li p {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 ul.sec05_wrap_kind li p {
        font-size: 12px;
        font-size: 3.1vw;
    }
}

#goldenweek2026 .sec05_wrap_text {
    color: #000;
    margin-top: 1em;
}

#goldenweek2026 .sec05_wrap_text_notes {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 1em;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_wrap_text_notes {
        font-size: 12px;
        font-size: 3.1vw;
    }
}

.example {
	font-size: 0.8em;
	vertical-align: top;
}

.example_white {
	font-size: 0.8em;
	vertical-align: top;
    color: var(--white);
}

#goldenweek2026 .sec05_detail_text {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: var(--white);
    margin: min(40px, 4.3%) auto .5em;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec05_detail_text {
        font-size: 3.4vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec05_detail_text {
        font-size: 20px;
        font-size: 5.2vw;
        margin: min(30px, 8.6%) auto .5em;
    }
}


/* セクション06 */
#goldenweek2026 #sec06 {
    background-color: var(--pink01);
}

#goldenweek2026 .sec06_images {
    margin: min(50px, 5.5%) auto;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec06_images {
        margin: min(10px, 3%) auto;
    }
}

#goldenweek2026 .sec06_search_text {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: var(--pink02);
    margin: min(40px, 4.3%) auto .5em;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec06_search_text {
        font-size: 20px;
        font-size: 4.8vw;
        margin: min(30px, 8.6%) auto .5em;
    }
}

/*--------------
セクション10
--------------*/  

#goldenweek2026 .sec10 {
    background-color: #FAFF8C;
}

#goldenweek2026 .sec10_container {
    padding-top: calc(80/1040*100%);
    padding-bottom: calc(80/1040*100%);
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec10_container{
        padding-top: calc(40/390*100%);
        padding-bottom: calc(40/390*100%);
    }
}

#goldenweek2026 .sec10_ttl {
    width: 100%;
    margin: 0 auto; 
    display: flex;
    justify-content: center;
    border-top: 2px solid #FA9E1D;
    border-bottom: 2px solid #FA9E1D;
    font-size: 48px;
    font-weight: 900;
    text-align: center;
    padding: .2em 0;
    color: #FA9E1D;
}

@media screen and (max-width: 1000px) {
    #goldenweek2026 .sec10_ttl {
        font-size: 4.8vw;
    }
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec10_ttl {
        font-size: 28px;
        font-size: 7.2vw;
        padding: .5em 0;
    }
}

#goldenweek2026 .sec10_about {
    max-width: 625px;
    display: flex;
    flex-direction: column;
    gap:40px;
    margin: calc(60/700*100%) auto 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec10_about {
        flex-direction: column;
        gap:5.7vw;
        margin: calc(20/350*100%) auto 0;
    }
}

.sec10_about_wrap {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .sec10_about_wrap {
        width: 100%;
    }
}

.sec10_about_ttl {
    background-color: #FA9E1D;
    border-radius: 10px;
    font-size: 34px;
    font-weight: 900;
    color: var(--white);
    text-align: center;
    padding: .2em 0;
}

@media screen and (max-width: 1000px) {
    .sec10_about_ttl {
        font-size: 3.4vw;
    }
}

@media screen and (max-width: 768px) {
    .sec10_about_ttl {
        font-size: 20px;
        font-size: 5.2vw;
        padding: .5em 0;
    }
}

.sec10_about_text {
    margin-top: calc(15/625*100%);
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .sec10_about_text {
        font-size: 2.0vw;
    }
}

@media screen and (max-width: 768px) {
    .sec10_about_text {
        margin-top: calc(10/350*100%);
        font-size: 16px;
        font-size: 4.2vw;
        text-align: left;
    }
}

.sec10_tenken_wrap {
    margin-top: calc(30/920*100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px calc(30/900*100%);
}

.sec10_tenken_wrap li {
    width: calc(430/900*100%);
}

@media screen and (max-width: 768px) {
    .sec10_tenken_wrap {
        margin-top: calc(30/350*100%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2.5vw calc(10/350*100%);
    }

    .sec10_tenken_wrap li {
        width: calc(170/350*100%);
    }
}

.sec10_btn_lead {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin: calc(50/920*100%) auto 1em !important;
}

@media screen and (max-width: 1000px) {
    .sec10_btn_lead {
        font-size: 2.0vw;
    }
}

@media screen and (max-width: 768px) {
    .sec10_btn_lead {
        font-size: 16px;
        font-size: 4.2vw;
        margin: calc(30/350*100%) auto 1em !important;
    }
}

a.sec10_btn {
    width: calc(580/920*100%);
    width: 100%;
    margin: 0 auto;
    background-color: #FA9E1D;
    border-radius: 9999px;
    font-size: 34px;
    font-weight: 900;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    a.sec10_btn {
        font-size: 3.4vw;
    }
}

a.sec10_btn::after {
    content: "";
    background: url(../images/arrow_orange02.png) no-repeat center / cover;
    width: calc(30/580*100%);
    padding-top: calc(30/580*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(25/580*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec10_btn {
        width: 100%;
        font-size: 16px;
        font-size: 4.2vw;
        padding: .5em 0;
    }
    
    a.sec10_btn::after {
        width: calc(18/350*100%);
        padding-top: calc(18/350*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(20/580*100%) 0 0;
    }
}

.sec10_app_ttl {
    width: calc(600/900*100%);
    margin: calc(70/900*100%) auto 0;
}

@media screen and (max-width: 768px) {
    .sec10_app_ttl {
        width: calc(280/350*100%);
        margin: calc(30/350*100%) auto 0;
    }
}

.sec10_app_wrap {
    width: 100%;
    margin: calc(30/900*100%) auto 0;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media screen and (max-width: 768px) {
    .sec10_app_wrap {
        width: 100%;
        margin: calc(15/350*100%) auto 0;
        flex-direction: column;
        gap: 3.8vw;
    }
}

/*--------------
セクション11
--------------*/  

.sec11 {
    background-color: #E6FDFD;
    padding: calc(80/1920*100%) 0;
}

@media screen and (max-width: 768px) {
    .sec11 {
        padding: calc(40/390*100%) 0;
    }
}

.sec11_lead {
    font-family: var(--ff_mpr);
    margin: calc(20/1040*100%) auto 0;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .sec11_lead {
        margin: calc(20/318*100%) auto 0;
        font-size: 4.1vw;
    }

    .sec11_lead p + p {
        margin-top: 1em;
    }
}

.sec11_lead span {
    font-weight: 700;
    color: var(--blue);
}

#goldenweek2026 .sec11_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(30/1040*100%);
    margin: calc(55/1040*100%) auto 0;
}

@media screen and (max-width: 768px) {
    #goldenweek2026 .sec11_flex {
        flex-direction: column;
        gap: 6.4vw;
        margin: calc(20/346*100%) auto 0;
    } 
}

.sec11_wrap_left {
    width: calc(490/1040*100%);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media screen and (max-width: 768px) {
    .sec11_wrap_left {
        width: 100%;
        gap: 5.1vw;
    }
}

a.sec11_btn {
    width: 100%;
    margin: 0 auto;
    background-color: #1E5096;
    border-radius: 9999px;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    a.sec11_btn {
        font-size: 2.4vw;
    }
}

a.sec11_btn::after {
    content: "";
    background: url(../images/arrow_blue.png) no-repeat center / cover;
    width: calc(24/490*100%);
    padding-top: calc(24/490*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(12/490*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec11_btn {
        width: calc(316/346*100%);
        margin: 0 auto;
        font-size: 4.6vw;
    }
    
    a.sec11_btn::after {
        width: calc(18/316*100%);
        padding-top: calc(18/316*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(10/316*100%) 0 0;
    }
}

.sec11_wrap_right {
    width: calc(520/1040*100%);
    border-radius: 16px;
    border: 2px solid #1E5096;
    overflow: hidden;
    font-family: var(--ff_mpr);
}

@media screen and (max-width: 768px) {
    .sec11_wrap_right {
        width: calc(316/346*100%);
        margin: 0 auto;
    }
}

.sec11_wrap_caution {
    background-color: var(--white);
    padding: calc(30/520*100%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(30/520*100%);
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .sec11_wrap_caution {
        padding: calc(30/316*100%) calc(15/316*100%) calc(20/316*100%);
        flex-direction: column;
        gap: 3.8vw;
        margin: 0 auto;
    }
}

.sec11_wrap_caution .point {
    width: calc(113/460*100%);
}

@media screen and (max-width: 768px) {
    .sec11_wrap_caution .point {
        width: calc(127/286*100%);
        margin: 0 auto;
    }
}

.sec11_wrap_caution .text {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #1E5096;
    line-height: 1.5;
    text-align: left;
}

@media screen and (max-width: 1000px) {
    .sec11_wrap_caution .text {
        font-size: 1.6vw;
    }
}

@media screen and (max-width: 768px) {
    .sec11_wrap_caution .text {
        font-size: 3.58vw;
        text-align: center;
    }
}

.sec11_wrap_caution .text span {
    font-weight: 900;
    color: var(--red);
}

.sec11_wrap_under {
    background-color: #1E5096;
    padding: calc(30/520*100%);
}

@media screen and (max-width: 768px) {
    .sec11_wrap_under {
        padding: calc(30/316*100%) calc(15/316*100%);
    }
}

.sec11_wrap_under p {
    font-size: 15px;
    text-align: center;
    color: var(--white);
    font-weight: 500;
}

@media screen and (max-width: 1000px) {
    .sec11_wrap_under p {
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 768px) {
    .sec11_wrap_under p {
        font-size: 3.58vw;
    }
}

.sec11_wrap_under p span {
    font-weight: 900;
}

a.sec11_btn02 {
    width: 100%;
    margin: calc(10/490*100%) auto 0;
    background-color: var(--red);
    border-radius: 9999px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--white);
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    a.sec11_btn02 {
        font-size: 2.4vw;
    }
}

a.sec11_btn02::after {
    content: "";
    background: url(../images/arrow_red.png) no-repeat center / cover;
    width: calc(20/490*100%);
    padding-top: calc(20/490*100%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(12/490*100%) 0 0;
}

@media screen and (max-width: 768px) {
    a.sec11_btn02 {
        width: 100%;
        margin: calc(15/286*100%) auto 0;
        font-size: 3vw;
        padding: 1em 0;
    }
    
    a.sec11_btn02::after {
        width: calc(20/286*100%);
        padding-top: calc(20/286*100%);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 calc(13/286*100%) 0 0;
    }
}

.sec12 {
    background-color: #003E82;
    padding: calc(85/1920*100%) 0;
}

@media screen and (max-width: 768px) {
    .sec12 {
        padding: calc(40/390*100%) 0;
    }
}



   /* other
---------------------------------------------------------*/
.clearfix:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
  }  
    
  .clearfix { display: inline-table; }  
    
  /* Hides from IE-mac \*/  
  * html .clearfix { height: 1%; }  
  
  .clearfix { display: block; }