@charset "UTF-8";

.mv_bannar,
br.sp,
img,
picture {
    display: block
}

.safety_num,
.start_number,
.why_number {
    font-family: Helvetica, sans-serif;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .3vw #95886C
}

.new-funds_link,
.safety_add_btn,
.why_menu {
    text-decoration: underline
}

.application_btn,
.funds_img,
.header_menu_logo,
.mv_logo,
.start_img {
    margin-right: auto
}

body {
    background: #f5f5f5;
    color: #00194b;
    font-family: "Zen Kaku Gothic New", sans-serif
}

img {
    width: 100%;
    height: auto
}

.section_title_en {
    color: #95886c;
    font-size: 2.7vw;
    font-weight: 700;
    margin-bottom: 4%;
    text-align: center
}

.section_title_ja {
    font-size: 7.5vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center
}

.section_application .section_title_ja {
    font-size: 5.4vw
}

.section_application .section_title_ja,
.section_funds .section_title_ja,
.section_what .section_title_ja {
    color: #fff
}

.application_container,
.campaign_container,
.faq_container,
.funds_container,
.mv_container,
.new-funds_container,
.recommend_container,
.registration_container,
.safety_container,
.simulation_container,
.start_container,
.voice_container,
.what_container,
.why_container {
    margin-left: auto;
    margin-right: auto;
    width: 92%
}

.slide_reference,
[data-notes-num] {
    position: relative
}

[data-notes-num]::after {
    content: attr(data-notes-num);
    color: #95886c;
    font-size: 2.6vw;
    font-weight: 700;
    letter-spacing: 0;
    position: absolute;
    top: -17%;
    right: -1%
}

.mv_title .gradation,
.mv_title [data-notes-num]::after {
    background: linear-gradient(45deg, #988452 0, #68604e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.header_menu::after,
.header_menu_pulldown::after,
.what_head [data-notes-num]::after {
    color: #fff;
    top: -44%;
    right: -4%
}

.why_inner:first-child .why_head [data-notes-num]::after {
    top: -24%;
    right: -12%
}

.slide_btn_next,
.slide_btn_prev {
    width: 9%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slide_btn_prev {
    left: 3%
}

.slide_btn_next {
    right: 3%
}

.safety_column_slide_box .slide_btn_next,
.safety_column_slide_box .slide_btn_prev,
.safety_slide_list_box .slide_btn_next,
.safety_slide_list_box .slide_btn_prev,
.voice_slide_box .slide_btn_next,
.voice_slide_box .slide_btn_prev {
    width: 10%
}

.safety_column_slide_box .slide_btn_prev,
.safety_slide_list_box .slide_btn_prev {
    left: -3%
}

.safety_column_slide_box .slide_btn_next,
.safety_slide_list_box .slide_btn_next {
    right: -3%
}

.voice_slide_box .slide_btn_next,
.voice_slide_box .slide_btn_prev {
    top: auto;
    bottom: -6%;
    transform: translateY(0)
}

.voice_slide_box .slide_btn_prev {
    left: 25%
}

.voice_slide_box .slide_btn_next {
    right: 25%
}

.slide_pagination_inner {
    display: flex;
    gap: 5%;
    justify-content: center
}

.faq_wrap,
.safety_column_slide_box .slide_pagination_inner,
.safety_list,
.safety_slide_list_box .slide_pagination_inner,
.simulation_img,
.why_inner {
    margin-top: 6%
}

.slide_pagination_inner [role=presentation] {
    width: 2.5%
}

.slide_pagination_inner [role=presentation] button {
    aspect-ratio: 1/1;
    background-color: #d6dae1;
    border-radius: 50%;
    cursor: pointer;
    width: 100%
}

.faq_answer_mark,
.slide_pagination_inner [role=presentation] button.is-active {
    background-color: #f64d03
}

.header {
    position: relative;
    z-index: 1000
}

.campaign_detail_img,
.header_logo,
.header_menu_btn,
.mv_btn,
.why_left_wrap,
br.pc {
    display: none
}

.header_menu_wrap {
    background-color: rgba(54, 80, 118, .8);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    padding: 4% 8% 18%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.header_menu_logo {
    margin-left: auto;
    width: 42%
}

.header_menu_inner {
    margin-top: 15%
}

.header_menu_box:nth-child(n+2) {
    margin-top: 8%
}

.header_menu {
    --rotate: 180deg;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 4.8vw;
    font-weight: 700
}

.header_menu::after {
    margin-left: 3%;
    width: 5%
}

.header_menu.pulldown {
    cursor: pointer
}

.header_menu.pulldown::after {
    aspect-ratio: 14/8;
    background-image: url(../img/pulldown_icon_white.svg);
    transform: rotate(var(--rotate))
}

.header_menu_pulldown_box {
    margin-left: 11%;
    overflow: hidden
}

.header_menu_pulldown {
    color: #fff;
    display: block;
    font-size: 3.8vw;
    font-weight: 700;
    margin-top: 7%
}

.header_hamburger_btn,
.header_menu_sub {
    font-size: 3.5vw;
    color: #fff;
    font-weight: 700
}

.header_menu_pulldown::after,
.header_menu_sub::after {
    margin-left: 2%;
    width: 4%
}

.header_menu_pulldown:last-child {
    margin-bottom: 3%
}

.header_menu_sub_inner {
    margin-top: 13%
}

.header_menu_sub {
    display: block;
    margin-top: 6%
}

.header_menu_img {
    margin-top: 12%
}

.header_menu_close {
    cursor: pointer;
    width: 9%;
    position: absolute;
    top: 2%;
    right: 2%
}

.header_hamburger_wrap {
    background-color: rgba(255, 255, 255, .72);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    box-shadow: 0 -2vw 3vw rgba(0, 0, 0, .08);
    display: flex;
    align-items: center;
    gap: 1%;
    padding-left: 1%;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0
}

.mv_notes,
.mv_title,
.section_mv {
    position: relative
}

.header_hamburger_btn {
    background-color: #f64d03;
    border-radius: 1000px;
    display: block;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    width: 42%
}

.header_hamburger_btn:first-child {
    background-color: #F64D03
}

.header_hamburger_btn .small {
    display: block;
    font-size: 2.7vw;
    margin-bottom: 3%
}

.header_hamburger {
    aspect-ratio: 1/1;
    background-color: #95886c;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: auto;
    width: 15%
}

.header_hamburger_line {
    aspect-ratio: 33/7;
    width: 60%;
    position: relative
}

.header_hamburger_line::after,
.header_hamburger_line::before {
    content: "";
    background-color: #fff;
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s
}

.campaign_btn::after,
.new-funds_link::after {
    margin-left: 2%;
    width: 4%;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    aspect-ratio: 1/1;
    vertical-align: middle
}

.header_hamburger_line::before {
    top: 0
}

.header_hamburger_line::after {
    bottom: 0
}

.header.is-active .header_hamburger_line::before {
    top: 50%;
    transform: translate(-50%, -50%) rotate(15deg)
}

.header.is-active .header_hamburger_line::after {
    transform: translate(-50%, 50%) rotate(-15deg);
    bottom: 50%
}

.header_hamburger_text {
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 3vw;
    font-weight: 700;
    margin-top: 13%;
    text-align: center
}

.section_mv {
    background-image: url(../img/sp/mv_bg.svg);
    background-size: cover;
    padding-top: 4%
}

.mv_container {
    padding-bottom: 7%
}

.mv_logo {
    margin-left: auto;
    width: 39%
}

.mv_title {
    font-size: 10.2vw;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
    margin-top: 6%;
    z-index: 1
}

.mv_text {
    font-size: 3vw;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: 1.5;
    margin-top: 5%
}

.mv_bannar_wrap,
.mv_symbol {
    margin-top: 5%;
    width: 39%
}

.mv_bannar:nth-child(n+2),
.safety_line:nth-child(n+2) {
    margin-top: 1%
}

.mv_notes {
    font-size: 2.2vw;
    letter-spacing: -.01em;
    line-height: 1.7;
    margin-top: 7%;
    text-align: justify;
    z-index: 1
}

.mv_img {
    pointer-events: none;
    width: 65%;
    position: absolute;
    top: 24%;
    right: 0;
    filter: drop-shadow(4vw 4vw 7vw rgba(0, 0, 0, .24))
}

.section_new-funds {
    padding-top: 7%;
    padding-bottom: 7%
}

.new-funds_wrap {
    border-radius: 3vw;
    box-shadow: 0 0 6vw rgba(0, 0, 0, .12);
    margin-top: 5%;
    overflow: hidden
}

.new-funds_inner {
    background-color: #fff;
    padding-top: 9%;
    padding-bottom: 9%
}

.new-funds_link {
    color: #f64c02;
    display: block;
    font-size: 3.8vw;
    font-weight: 700;
    margin-top: 5%;
    text-align: center
}

.campaign_btn,
.what_head {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.new-funds_link::after {
    background-image: url(../img/arrow_down_orange.svg)
}

.section_campaign,
.section_recommend {
    padding-bottom: 11%
}

.campaign_wrap,
.safety_column_slide_box,
.why_img {
    margin-top: 5%
}

.campaign_btn {
    background: linear-gradient(45deg, #f64d03 0, #ee9849 100%);
    display: block;
    font-size: 4.3vw;
    padding-top: 4%;
    padding-bottom: 4%;
    width: 100%
}

.campaign_btn::after {
    background-image: url(../img/arrow_right_white.svg)
}

.section_funds,
.section_what {
    background-color: #233e62;
    padding-top: 11%;
    padding-bottom: 11%
}

.what_head {
    font-size: 6.4vw
}

.what_notice,
.what_text {
    line-height: 1.75;
    text-align: justify;
    color: #fff
}

.what_text {
    font-size: 3.8vw;
    margin-top: 4%
}

.what_img {
    margin-top: 5%;
    width: 100%
}

.what_img.sp {
    margin: 5% auto 10%;
    width: 36%
}

.what_notice {
    font-size: 2.7vw;
    margin-top: 3%
}

.why_head,
.why_number,
.why_reason {
    text-align: center
}

.section_why {
    padding-top: 11%
}

.why_container {
    display: flex;
    align-items: center;
    flex-direction: column
}

.why_menu,
.why_menu::before {
    align-items: center;
    font-weight: 700
}

.why_menu_wrap {
    counter-reset: number 0;
    margin-top: 5%;
    width: 81%
}

.why_menu {
    color: #f64d03;
    display: flex;
    font-size: 3.7vw;
    width: 100%
}

.footer_info_text,
.popup_compaign_img,
.registration_iframe,
.safety_content_img,
.safety_img,
.why_menu:nth-child(n+2) {
    margin-top: 4%
}

.why_menu::after {
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../img/arrow_down_orange.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-left: 2%;
    vertical-align: middle;
    width: 5%
}

.why_menu::before {
    counter-increment: number 1;
    content: counter(number);
    aspect-ratio: 1/1;
    background-color: #f64d03;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    font-family: Helvetica, sans-serif;
    font-size: 2.7vw;
    margin-right: 3%;
    width: 6.5%
}

.why_reason {
    color: #95886c;
    font-size: 2.2vw
}

.why_number {
    font-size: 7.5vw;
    font-weight: 700;
    margin-top: 1%
}

.why_head {
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 2%
}

.recommend_text,
.start_text,
.why_text {
    font-size: 3.8vw;
    line-height: 1.75;
    margin-top: 3%;
    text-align: justify
}

.simulation_text_bottom,
.why_notes {
    font-size: 2.7vw;
    line-height: 1.75;
    margin-top: 3%;
    text-align: justify
}

.why_last_img {
    margin-top: 8%;
    width: 100vw
}

.why_btn_wrap {
    background-color: #233e62;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1%;
    padding-top: 3%;
    padding-bottom: 7%;
    width: 100vw
}

.why_btn {
    background-color: #fff;
    border-radius: 1000px;
    font-size: 3.5vw;
    font-weight: 700;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
    width: 48%
}

.funds_text,
.simulation_disc {
    font-size: 3.8vw;
    text-align: center
}

.why_btn:nth-child(2) {
    background: linear-gradient(45deg, #f64d03 0, #ee9849 100%);
    color: #fff
}

.popup_btn::after,
.safety_line::before {
    content: "";
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: cover
}

.why_btn .small {
    display: block;
    font-size: 1.9vw;
    margin-bottom: 3%
}

.funds_text {
    color: #fff;
    line-height: 1.75;
    margin-top: 4%
}

.funds_img {
    margin-top: 5%;
    margin-left: auto;
    width: 94%
}

.section_simulation {
    padding-top: 11%;
    padding-bottom: 11%;
    overflow: hidden
}

.simulation_disc {
    margin-top: 4%
}

.simulation_head {
    font-size: 5.4vw;
    font-weight: 700;
    margin-top: 8%;
    text-align: center
}

.simulation_text {
    font-size: 3.8vw;
    line-height: 1.25;
    margin-top: 4%;
    text-align: center
}

.safety_notice,
.simulation_notice {
    font-size: 2.7vw;
    margin-top: 3%;
    text-align: center
}

.simulation_slide_box {
    margin-top: 5%;
    margin-left: calc(50% - 50vw);
    width: 100vw
}

.simulation_slide_track {
    padding-top: 5%;
    padding-bottom: 6%
}

.simulation_slide_img {
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, .12))
}

.section_application {
    background-color: #233e62;
    padding-top: 7%;
    padding-bottom: 4%
}

.application_btn {
    background: linear-gradient(45deg, #f64d03 0, #ee9849 100%);
    border-radius: 1000px;
    color: #fff;
    display: block;
    font-size: 5.4vw;
    font-weight: 700;
    margin-left: auto;
    margin-top: 6%;
    padding-top: 3%;
    padding-bottom: 5%;
    text-align: center;
    width: 95%;
    position: relative
}

.application_btn .small {
    display: block;
    font-size: 2.7vw;
    margin-bottom: 1%
}

.application_btn_img {
    filter: drop-shadow(0 0 3vw rgba(0, 0, 0, .3));
    width: 13%;
    position: absolute;
    top: -14%;
    left: 4%
}

.section_faq,
.section_safety {
    padding-top: 11%;
    padding-bottom: 11%
}

.footer_info_address,
.safety_inner {
    margin-top: 7%
}

.safety_mini,
.start_step {
    color: #95886c;
    font-size: 3vw;
    text-align: center
}

.safety_num,
.start_number {
    font-size: 7.5vw;
    font-weight: 700;
    text-align: center
}

.safety_head {
    font-size: 5.4vw;
    font-weight: 700;
    margin-top: 3%;
    text-align: center
}

.safety_subhead {
    font-size: 4.3vw;
    font-weight: 700;
    margin-top: 8%;
    text-align: center
}

.safety_text {
    font-size: 3.8vw;
    line-height: 1.75;
    margin-top: 4%;
    text-align: justify
}

.safety_slide_list_box {
    margin-top: 3%
}

.safety_list_box {
    background-color: #f1efeb;
    border-radius: 2vw;
    padding: 4.9% 9%
}

.safety_list_head {
    font-size: 4.8vw;
    font-weight: 700;
    text-align: center
}

.safety_line {
    font-size: 3.8vw;
    line-height: 1.75
}

.safety_line::before {
    background-image: url(../img/check_icon_orange.svg);
    display: inline-block;
    margin-right: 2%;
    vertical-align: middle;
    width: 6%
}

.safety_list_notice {
    font-size: 2.7vw;
    margin-top: 4%
}

.safety_colum_slide_title,
.safety_name {
    font-size: 4.3vw;
    font-weight: 700
}

.safety_colum_slide {
    background-color: #fff;
    border: .3vw solid #95886c
}

.safety_colum_slide_title {
    line-height: 1.5;
    padding: 3% 6%;
    text-align: justify
}

.safety_career,
.safety_name {
    line-height: 1.75;
    margin-top: 2%
}

.safety_career {
    font-size: 2.7vw;
    text-align: justify;
    height: calc(1.75 * 2em);
    overflow: hidden;
    transition: .3s
}

.safety_career.is-active {
    height: auto
}

.safety_add_btn {
    color: #f64d03;
    display: block;
    font-size: 2.7vw;
    font-weight: 700;
    margin-top: 2%;
    margin-left: auto
}

.recommend_inner {
    background-color: #fefdfc;
    border: .3vw solid #95886c;
    border-radius: 4vw;
    margin-top: 6%;
    overflow: hidden
}

.recommend_box {
    padding: 4% 5% 5%
}

.recommend_head {
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center
}

.section_start {
    background-color: #f1efeb;
    padding-top: 11%;
    padding-bottom: 11%
}

.start_desc {
    font-size: 3.8vw;
    line-height: 1.75;
    margin-top: 5%;
    text-align: center
}

.start_inner {
    background-color: #fefdfc;
    border-radius: 2vw;
    margin-top: 5%;
    padding: 5% 6.4%;
    position: relative
}

.faq_inner,
.faq_question_box {
    padding-left: 2.4%;
    padding-right: 2.4%
}

.start_order_box {
    position: absolute;
    top: 5%;
    left: 6.4%
}

.start_img {
    margin-left: auto;
    width: 40%
}

.start_title {
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 5%;
    text-align: center
}

.faq_inner {
    background-color: #f1efeb;
    border-radius: 2vw;
    margin-top: 2%;
    padding-bottom: 4%
}

.faq_question_box {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    padding-top: 4%
}

.faq_answer_mark,
.faq_question_mark {
    aspect-ratio: 1/1;
    background-color: #95886c;
    border-radius: 50%;
    color: #f1efeb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 3.8vw;
    margin-right: 3%;
    width: 8%
}

.footer_container,
.popup_btn,
.popup_logo {
    margin-left: auto;
    margin-right: auto
}

.faq_answer_text,
.faq_question_text {
    font-size: 3.8vw;
    font-weight: 700;
    line-height: 1.75;
    text-align: justify;
    width: 80%
}

.faq_answer_text {
    width: 88%
}

.faq_answer_text .notice {
    display: block;
    font-size: 2.7vw;
    font-weight: 400;
    line-height: 1.75;
    margin-top: 5%
}

.faq_question_swith {
    --rotate: 90deg;
    margin-top: 4%;
    margin-left: auto;
    width: 6%;
    position: relative
}

.faq_question_swith::after,
.faq_question_swith::before {
    content: "";
    background-color: #95886c;
    display: block;
    height: 1.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%
}

.faq_question_swith::before {
    transform: translate(-50%, -50%)
}

.faq_question_swith::after {
    transform: translate(-50%, -50%) rotate(var(--rotate))
}

.faq_answer_box {
    overflow: hidden
}

.faq_answer_content {
    background-color: #fefdfc;
    border-radius: 2vw;
    display: flex;
    align-items: flex-start;
    margin-top: 5%;
    padding: 4% 2.4% 5%
}

.section_registration {
    background-color: #fff;
    padding-top: 11%;
    padding-bottom: 11%
}

.footer {
    background-color: #222b33
}

.footer_container {
    width: 80%
}

.footer_matter_wrap {
    padding-top: 17%;
    padding-bottom: 17%
}

.footer_matter_head {
    color: #fff;
    font-size: 5.4vw;
    font-weight: 700
}

.footer_matter_text {
    color: #fff;
    font-size: 3.8vw;
    line-height: 1.75;
    margin-top: 5%;
    text-align: justify
}

.footer_info_wrap {
    border-top: .3vw solid #7f7f7f;
    border-bottom: .3vw solid #7f7f7f;
    padding-top: 12%;
    padding-bottom: 14%
}

.footer_info_logo {
    display: block;
    width: 57%
}

.footer_info_address,
.footer_info_menu_inner,
.footer_info_text {
    color: #fff;
    font-size: 3.2vw;
    font-feature-settings: "palt";
    line-height: 1.75
}

.footer_info_menu_inner {
    margin-top: 2%
}

.footer_copyright_wrap {
    padding-top: 12%;
    padding-bottom: 30%
}

.footer_copyright {
    color: #fff;
    font-size: 2.7vw
}

.popup_compaign_container,
.popup_container {
    background-color: rgba(54, 80, 118, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 5000;
    visibility: hidden;
    transition: .2s
}

.view {
    opacity: 1;
    visibility: visible
}

.popup_box {
    background-color: #fff;
    border-radius: 2vw;
    padding: 6.4% 5.3%;
    width: 92%;
    position: relative
}

.popup_closeBtn {
    cursor: pointer;
    width: 10%;
    position: absolute;
    top: -2%;
    right: -2%
}

.popup_logo {
    width: 67%
}

.popup_head {
    font-size: 5.4vw;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 7%;
    text-align: center
}

.popup_text {
    font-size: 3.7vw;
    line-height: 1.75;
    margin-top: 3%;
    text-align: justify
}

.popup_btn,
.popup_company {
    margin-top: 5%;
    text-align: center
}

.popup_btn {
    background: linear-gradient(45deg, #f64d03 0, #ee9849 100%);
    border-radius: 1000px;
    color: #fff;
    display: block;
    font-size: 4.8vw;
    font-weight: 700;
    padding-top: 6%;
    padding-bottom: 6%;
    width: 100%;
    position: relative
}

.popup_btn::after {
    background-image: url(../img/arrow_right_white.svg);
    display: block;
    width: 5%;
    position: absolute;
    top: 50%;
    right: 6%;
    transform: translateY(-50%)
}

.popup_company {
    font-size: 3.2vw;
    line-height: 1.5
}

.popup_compaign_box {
    background-color: #fff;
    border-radius: 2vw;
    padding: 6.4% 5.3%;
    overflow: scroll;
    width: 92%;
    max-height: 80%;
    position: relative
}

.popup_compaign_closeBtn {
    cursor: pointer;
    width: 10%;
    position: absolute;
    top: 8%;
    right: 2%
}

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

    .header_container,
    .mv_btn {
        margin-left: auto;
        margin-right: auto
    }

    .header.scroll .header_menu_wrap,
    .mv_btn {
        margin-left: auto
    }

    .safety_num,
    .start_number,
    .why_number {
        -webkit-text-stroke: min(.1vw, 1px) #95886C
    }

    .section_title_en {
        font-size: min(1.1vw, 16px);
        margin-bottom: 1%
    }

    .header_menu_pulldown:last-child,
    .what_img {
        margin-bottom: 0
    }

    .section_what .section_title_en {
        text-align: left
    }

    .section_application .section_title_ja,
    .section_title_ja {
        font-size: min(2.8vw, 42px)
    }

    .section_what .section_title_ja {
        font-size: min(2.4vw, 36px);
        text-align: left
    }

    .application_container,
    .campaign_container,
    .faq_container,
    .funds_container,
    .header_container,
    .mv_container,
    .new-funds_container,
    .recommend_container,
    .registration_container,
    .safety_container,
    .simulation_container,
    .start_container,
    .voice_container,
    .what_container,
    .why_container {
        max-width: 1378px
    }

    .application_btn,
    .footer_info_menu,
    .header_menu,
    .header_menu_btn,
    .header_menu_pulldown,
    .header_menu_sub,
    .mv_bannar,
    .mv_btn,
    .why_btn {
        opacity: 1;
        transition: .3s ease-in-out
    }

    .application_btn:hover,
    .footer_info_menu:hover,
    .header_menu:hover,
    .header_menu_btn:hover,
    .header_menu_pulldown:hover,
    .header_menu_sub:hover,
    .mv_bannar:hover,
    .mv_btn:hover,
    .why_btn:hover {
        opacity: .7 !important
    }

    .new-funds_link:hover,
    .safety_add_btn:hover,
    .why_menu:hover {
        text-decoration: none
    }

    [data-notes-num]::after {
        font-size: min(.9vw, 14px);
        top: 9%;
        right: 1%
    }

    .what_head [data-notes-num]::after {
        top: -20%;
        right: -5%
    }

    .why_inner:first-child .why_head [data-notes-num]::after {
        top: -5%;
        right: -8%
    }

    .slide_btn_next,
    .slide_btn_prev {
        width: 3%
    }

    .slide_btn_prev {
        left: 33%
    }

    .slide_btn_next {
        right: 33%
    }

    .campaign_btn,
    .header.scroll .header_menu_box:nth-child(3) .header_menu::before,
    .header.scroll .header_menu_sub_inner,
    .header_hamburger_wrap,
    .header_menu_close,
    .header_menu_img,
    .header_menu_logo,
    .header_menu_sub::after,
    .mv_logo,
    .safety_column_slide_box .slide_btn_next,
    .safety_column_slide_box .slide_btn_prev,
    .safety_column_slide_box .slide_pagination_inner,
    .safety_slide_list_box .slide_btn_next,
    .safety_slide_list_box .slide_btn_prev,
    .safety_slide_list_box .slide_pagination_inner,
    .simulation_slide_box .slide_btn_next,
    .simulation_slide_box .slide_btn_prev,
    .voice_slide_box .slide_btn_next,
    .voice_slide_box .slide_btn_prev,
    .voice_slide_box .slide_pagination_inner,
    .what_img.sp,
    br.sp {
        display: none
    }

    .slide_pagination_inner {
        gap: 2%
    }

    .slide_pagination_inner [role=presentation] {
        width: .8%
    }

    .header {
        padding-top: 3%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000
    }

    .header_menu_pulldown_box,
    .mv_btn {
        z-index: 1;
        box-shadow: 0 0 min(1.6vw, 24px) rgba(0, 0, 0, .12)
    }

    .header_container {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 92%
    }

    .header_logo {
        display: block;
        width: 18.5%
    }

    .header_menu_wrap {
        background-color: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        padding: 0;
        width: 56%;
        height: auto;
        position: static
    }

    .header_menu,
    .header_menu_box {
        position: relative
    }

    .header_menu_inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 3%;
        width: 100%
    }

    .header_menu_box:nth-child(n+2) {
        margin-top: 0;
        margin-left: 0
    }

    .header_menu {
        --rotate: 180deg;
        color: #365076;
        display: block;
        font-size: min(1.1vw, 16px);
        transition: .3s ease-in-out
    }

    .header_menu::before {
        border: solid #d4bb80;
        margin-right: 0;
        width: 8px;
        position: absolute;
        top: 50%;
        left: -16px;
        transform: translateY(-50%)
    }

    .header_menu::after {
        background-image: none;
        display: none
    }

    .header_menu.pulldown::after {
        background-image: url(../img/pulldown_icon_black.svg);
        display: inline-block;
        width: 10px;
        position: absolute;
        top: 50%;
        right: -16px;
        transform: translateY(-50%) rotate(var(--rotate))
    }

    .header_menu_pulldown_box {
        background-color: #fff;
        border-radius: min(1vw, 15px);
        margin-left: 0;
        margin-top: 4%;
        width: min(21.7vw, 328px);
        position: absolute
    }

    .header_menu_pulldown_group {
        padding: 9% 12%;
        width: 100%
    }

    .header_menu_pulldown {
        color: #365076;
        font-size: min(.9vw, 13px);
        margin-top: 9%
    }

    .header_menu_sub,
    .why_btn .small,
    .why_menu::before {
        font-size: min(.8vw, 12px)
    }

    .header_menu_pulldown::after {
        background-image: url(../img/arrow_down_gold.svg);
        display: inline-block;
        margin-left: 2%;
        width: 4%
    }

    .footer_info_address,
    .header.scroll .header_menu_inner,
    .header_menu_pulldown:first-child,
    .mv_bannar:nth-child(n+2),
    .what_img.pc,
    .why_menu:nth-child(n+2) {
        margin-top: 0
    }

    .header_menu_sub_inner {
        display: flex;
        justify-content: flex-end;
        margin-top: 0;
        width: 100%
    }

    .header_menu_sub {
        border-right: solid #365076;
        color: #365076;
        margin-top: 0;
        padding-left: 2.6%;
        padding-right: 2.6%
    }

    .header_menu_sub:last-child {
        border: none;
        padding-right: 0
    }

    .header_menu_btn,
    .mv_btn {
        border-radius: 1000px;
        color: #fff
    }

    .header_menu_btn {
        background: linear-gradient(45deg, #f64d03 0, #ee9849 100%);
        font-size: min(1.3vw, 20px);
        font-weight: 700;
        margin-right: -3%;
        margin-left: 2%;
        padding-top: 1.4%;
        padding-bottom: 1.4%;
        text-align: center;
        width: 21%;
        position: relative;
        display: none
    }

    .header_menu_btn::after,
    .mv_btn::after {
        content: "";
        aspect-ratio: 1/1;
        background-image: url(../img/arrow_right_white.svg);
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        margin-left: 9%;
        width: 6%
    }

    .header_menu_btn::before,
    .mv_btn::before {
        content: "";
        background-repeat: no-repeat;
        width: 20%
    }

    .header_menu_btn::before {
        aspect-ratio: 53/25;
        background-image: url(../img/header_btn_deco.svg);
        background-size: contain;
        display: block;
        position: absolute;
        top: 100%;
        right: 10%
    }

    .header.scroll {
        background-color: rgba(255, 255, 255, .92);
        -webkit-backdrop-filter: blur(72px);
        backdrop-filter: blur(72px);
        box-shadow: 0 4px min(1.6vw, 24px) rgba(0, 0, 0, .12);
        padding-top: 1%;
        padding-bottom: 1%;
        transition: .3s
    }

    .header.scroll .header_container {
        align-items: center;
        justify-content: flex-start
    }

    .header.scroll .header_logo {
        width: 15%
    }

    .header.scroll .header_menu_box:nth-child(3) .header_menu {
        background-color: #fff;
        border-radius: 1000px;
        color: #fff;
        font-size: min(1.3vw, 20px);
        padding: min(1.1vw, 16px) min(1.9vw, 30px);
        width: max-content
    }

    .header.scroll .header_menu_box:nth-child(3) .header_menu::after {
        content: "";
        aspect-ratio: 75/25;
        background-image: url(../img/header_menu_deco.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        margin-left: 0;
        width: 40%;
        position: absolute;
        top: 100%;
        right: -8%
    }

    .header.scroll .header_menu_btn,
    br.pc {
        display: block
    }

    .section_mv {
        background-image: url(../img/pc/mv_bg.svg);
        padding-top: 10%
    }

    .mv_container {
        padding-bottom: 2%;
        position: relative
    }

    .mv_btn,
    .mv_btn::before {
        position: absolute;
        display: block
    }

    .mv_title {
        font-size: min(4vw, 60px);
        letter-spacing: -.03em;
        margin-top: 0
    }

    .mv_text {
        font-size: min(1.6vw, 24px);
        font-weight: 400;
        letter-spacing: -.04em;
        line-height: 1.75;
        margin-top: 1.5%
    }

    .mv_symbol {
        margin-left: 37.5%;
        margin-top: -12%;
        width: 26%
    }

    .mv_bannar_wrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 2%;
        width: 63.7%
    }

    .mv_bannar {
        width: 33%
    }

    .mv_notes {
        font-size: min(.7vw, 10px);
        line-height: 1.5;
        margin-top: 1%;
        width: 63.7%
    }

    .mv_img {
        width: 23.4%;
        top: auto;
        bottom: 0;
        right: 7%;
        filter: drop-shadow(1.4vw 1.6vw 8vw rgba(0, 0, 0, .16))
    }

    .mv_btn {
        background: linear-gradient(45deg, #f64d03 0, #ee9849 100%);
        font-size: min(1.6vw, 24px);
        font-weight: 700;
        padding-top: 1.7%;
        padding-bottom: 1.7%;
        text-align: center;
        width: 23.2%;
        bottom: 6%;
        right: 0
    }

    .what_head,
    .why_head,
    .why_number,
    .why_reason {
        text-align: left
    }

    .campaign_detail_img,
    .campaign_wrap,
    .new-funds_wrap,
    .safety_img {
        margin-left: auto;
        width: 46.5%;
        margin-right: auto
    }

    .mv_btn::before {
        aspect-ratio: 60/70;
        background-image: url(../img/pc/mv_btn_deco.svg);
        background-size: cover;
        bottom: 90%;
        right: 21%
    }

    .section_new-funds {
        padding-top: 3.2%;
        padding-bottom: 3.2%
    }

    .new-funds_wrap {
        border-radius: min(1vw, 15px);
        box-shadow: 0 0 min(1.6vw, 24px) rgba(0, 0, 0, .12);
        margin-top: 2%
    }

    .new-funds_inner,
    .section_application {
        padding-top: 3%;
        padding-bottom: 3%
    }

    .new-funds_link {
        font-size: min(1.2vw, 18px);
        margin-top: 3%
    }

    .new-funds_link::after {
        margin-left: 1%;
        width: 2.5%
    }

    .section_campaign {
        padding-bottom: 4%
    }

    .campaign_wrap,
    .safety_img {
        margin-top: 2%
    }

    .campaign_detail_img {
        display: block;
        margin-top: 3.7%
    }

    .section_funds,
    .section_start,
    .section_what {
        padding-top: 4%;
        padding-bottom: 4%
    }

    .what_container {
        display: flex;
        align-items: flex-start
    }

    .why_left_wrap {
        display: block;
        padding-left: 11%;
        width: 40%
    }

    .why_right_wrap {
        margin-left: 4.4%;
        width: 40%
    }

    .what_head {
        font-size: min(2.2vw, 33px);
        margin-top: 6%
    }

    .recommend_text,
    .what_text {
        font-size: min(1.1vw, 16px);
        margin-top: 3%
    }

    .what_img {
        margin-top: 4%
    }

    .what_notice {
        font-size: min(.7vw, 10px);
        margin-top: 1.5%
    }

    .section_faq,
    .section_registration,
    .section_safety,
    .section_simulation,
    .section_why {
        padding-top: 5.3%;
        padding-bottom: 5.3%
    }

    .why_menu_wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
        margin-top: 2%;
        width: 100%
    }

    .why_menu {
        font-size: min(1.1vw, 16px);
        width: auto
    }

    .why_menu:first-child {
        width: 24%
    }

    .why_menu:nth-child(2) {
        width: 20%
    }

    .why_menu:nth-child(3) {
        width: 22%
    }

    .why_menu::after {
        margin-left: 1%;
        width: 5%
    }

    .why_menu:first-child::after {
        width: 4.3%
    }

    .why_menu::before {
        margin-right: 3%;
        width: 7%
    }

    .why_menu:first-child::before {
        width: 5.8%
    }

    .why_inner {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 3.3%;
        margin-left: auto;
        margin-right: auto;
        width: 87%
    }

    .why_inner:nth-child(2n) {
        flex-direction: row-reverse
    }

    .why_info_group {
        width: 51%
    }

    .why_reason {
        font-size: min(1vw, 15px);
        margin-left: .6%
    }

    .why_number {
        font-size: min(2.5vw, 38px);
        margin-top: 1%
    }

    .why_head {
        font-size: min(2.4vw, 36px);
        margin-top: 2%
    }

    .why_notes,
    .why_text {
        line-height: 1.75;
        text-align: justify
    }

    .why_text {
        font-size: min(1.1vw, 16px);
        margin-top: 4%
    }

    .why_img_group {
        width: 46%
    }

    .faq_wrap,
    .funds_wrap,
    .recommend_wrap,
    .safety_inner,
    .why_img {
        margin-top: 3%
    }

    .why_notes {
        font-size: min(.7vw, 10px);
        margin-top: 1.5%
    }

    .why_last_img {
        margin-top: 4.4%;
        width: 74%
    }

    .why_btn_wrap {
        padding-top: 2%;
        padding-bottom: 1.5%;
        width: 74%
    }

    .why_btn {
        font-size: min(1.9vw, 29px);
        padding-top: 1.1%;
        padding-bottom: 1.7%;
        width: 48%
    }

    .why_btn .small {
        margin-bottom: 1%
    }

    .funds_text,
    .simulation_disc,
    .simulation_text,
    .start_desc {
        font-size: min(1.1vw, 16px);
        margin-top: 2%
    }

    .funds_img {
        margin-top: 2%;
        width: 87%
    }

    .simulation_img,
    .simulation_text_bottom {
        width: 73%;
        margin-left: auto;
        margin-right: auto
    }

    .simulation_head {
        font-size: min(2vw, 30px);
        margin-top: 3%
    }

    .safety_notice,
    .simulation_notice {
        font-size: min(.8vw, 12px);
        margin-top: 1%
    }

    .simulation_img {
        margin-top: 2%
    }

    .simulation_text_bottom {
        font-size: min(1.1vw, 16px);
        margin-top: 1%
    }

    .simulation_slide_box {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .simulation_slide_track {
        padding-top: 2%;
        padding-bottom: 2%;
        overflow: visible
    }

    .simulation_slide_track .splide__list {
        display: flex !important;
        justify-content: space-between
    }

    .simulation_slide_img {
        filter: drop-shadow(0 0 min(1vw, 15px) rgba(0, 0, 0, .12));
        width: 32.5%
    }

    .application_btn {
        font-size: min(1.9vw, 29px);
        margin-top: 2%;
        padding-top: 1%;
        padding-bottom: 1.7%;
        width: 35%
    }

    .application_btn .small,
    .footer_info_address,
    .footer_info_menu_inner,
    .footer_info_text {
        font-size: min(.8vw, 12px)
    }

    .application_btn_img {
        left: 5%
    }

    .safety_line,
    .safety_mini,
    .start_step {
        font-size: min(1vw, 15px)
    }

    .safety_num {
        font-size: min(3.4vw, 50px)
    }

    .safety_head {
        font-size: min(2.4vw, 36px);
        margin-top: 1%
    }

    .safety_subhead {
        font-size: min(1.6vw, 24px);
        margin-top: 3%
    }

    .safety_slide_list_box,
    .safety_text {
        margin-top: 2%;
        margin-left: auto;
        margin-right: auto
    }

    .safety_text {
        font-size: min(1.1vw, 16px);
        width: 44%
    }

    .safety_inner:nth-child(2) .safety_text {
        text-align: center;
        width: 100%
    }

    .safety_slide_list_box {
        width: 87%
    }

    .safety_column_slide_box .slide_reference .splide__track .safety_column_slide_list,
    .safety_slide_list_box .slide_reference .splide__track .safety_list_group {
        display: flex;
        justify-content: space-between
    }

    .safety_list_box {
        border-radius: min(.7vw, 10px);
        padding: 1.6% 5%;
        width: 32.5%
    }

    .safety_list_head {
        font-size: min(1.2vw, 18px)
    }

    .safety_line::before {
        margin-right: 3%
    }

    .safety_list_notice {
        font-size: min(.8vw, 12px);
        margin-top: 3%
    }

    .safety_content_img {
        border-radius: min(1vw, 15px);
        margin-top: 2%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        width: 87%
    }

    .footer_info_text,
    .registration_iframe,
    .safety_column_slide_box {
        margin-top: 2%
    }

    .safety_colum_slide {
        border: solid #95886c;
        width: 32.5%
    }

    .safety_colum_slide_title {
        font-size: min(1.3vw, 20px);
        padding: 4% 5%
    }

    .safety_person_wrap {
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3%;
        width: 87%
    }

    .safety_person_left {
        width: 45.7%
    }

    .safety_inner:nth-child(3) .safety_img {
        margin-top: 0;
        width: 100%
    }

    .safety_person_right {
        width: 50.4%
    }

    .safety_name {
        font-size: min(1.6vw, 24px);
        margin-top: 0
    }

    .popup_text,
    .safety_add_btn,
    .safety_career,
    .start_text {
        font-size: min(1.1vw, 16px)
    }

    .safety_inner:nth-child(3) .safety_text {
        margin-top: 4%;
        width: 100%
    }

    .section_recommend {
        padding-bottom: 5.3%
    }

    .recommend_inner {
        border: solid #95886c;
        border-radius: min(1vw, 15px);
        display: flex;
        margin-top: 1%
    }

    .faq_answer_content,
    .faq_inner,
    .popup_box,
    .start_inner {
        border-radius: min(1vw, 15px)
    }

    .recommend_img {
        width: 40%
    }

    .recommend_box {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 4%;
        width: 60%
    }

    .recommend_head {
        font-size: min(1.6vw, 24px);
        text-align: left
    }

    .start_wrap {
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        width: 87%
    }

    .start_inner {
        margin-top: 2%;
        padding: 3% 2% 1.4%;
        width: 32.5%
    }

    .start_order_box {
        top: 5%;
        left: 6.4%
    }

    .start_number {
        font-size: min(2.8vw, 42px)
    }

    .start_img {
        width: 42%
    }

    .start_title {
        font-size: min(1.6vw, 24px);
        margin-top: 7%
    }

    .faq_inner {
        margin-top: 1%;
        padding-left: 1.3%;
        padding-right: 1.3%;
        padding-bottom: 1.3%
    }

    .faq_question_box {
        align-items: center;
        padding-top: 1.4%;
        padding-left: 1.4%;
        padding-right: 1.4%
    }

    .faq_answer_mark,
    .faq_question_mark {
        font-size: min(1.2vw, 18px);
        margin-right: 1%;
        width: 3%
    }

    .faq_answer_text,
    .faq_question_text {
        font-size: min(1.1vw, 16px);
        width: 90%
    }

    .faq_answer_text {
        margin-top: .6%;
        width: 88%
    }

    .faq_answer_text .notice {
        font-size: min(.8vw, 12px);
        margin-top: 2%
    }

    .faq_question_swith {
        margin-top: 0;
        width: 1.4%
    }

    .faq_answer_content {
        margin-top: 1.4%;
        padding: 1.4% 1.2%
    }

    .footer_container {
        width: 67%
    }

    .footer_matter_wrap {
        padding-top: 8%;
        padding-bottom: 4%
    }

    .footer_matter_head {
        font-size: min(1.6vw, 24px)
    }

    .footer_matter_text {
        font-size: min(.9vw, 13px);
        margin-top: 2%
    }

    .footer_info_wrap {
        border-top: solid #7f7f7f;
        border-bottom: solid #7f7f7f;
        display: flex;
        align-items: center;
        padding-top: 3%;
        padding-bottom: 3%
    }

    .footer_info_logo {
        margin-right: 5%;
        width: 18%
    }

    .footer_info_inner {
        width: 50%
    }

    .footer_copyright_wrap {
        padding-top: 3.4%;
        padding-bottom: 8%
    }

    .footer_copyright {
        font-size: min(.7vw, 10px)
    }

    .popup_box {
        padding: 2%;
        width: 37%;
        max-width: 500px
    }

    .popup_closeBtn {
        width: 6%
    }

    .popup_logo {
        width: 59%
    }

    .popup_head {
        font-size: min(1.2vw, 18px);
        margin-top: 4%
    }

    .popup_btn {
        font-size: min(1.1vw, 16px);
        margin-top: 4%;
        padding-top: 3.2%;
        padding-bottom: 3.2%
    }

    .popup_btn::after {
        width: 4%
    }

    .popup_company {
        font-size: min(.8vw, 12px);
        margin-top: 4%
    }
}