@charset "UTF-8";

body {
    background: #F5F5F5;
    color: #00194B;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


/* 共通スタイル */
picture {
    display: block;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

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

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

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

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

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

[data-notes-num] {
    position: relative;
}

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

.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;
}

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

.why_inner:nth-child(1) .why_head [data-notes-num]::after {
    top: -15%;
    right: -12%;
}

/* カルーセル */
.slide_reference {
    position: relative;
}

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

.slide_btn_prev {
    left: 3%;
}

.slide_btn_next {
    right: 3%;
}

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

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

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

.voice_slide_box .slide_btn_prev,
.voice_slide_box .slide_btn_next {
    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;
}

.safety_slide_list_box .slide_pagination_inner,
.safety_column_slide_box .slide_pagination_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%;
}

.slide_pagination_inner [role="presentation"] button.is-active {
    background-color: #F64D03;
}

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

.header_logo {
    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% 8%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.header_menu_logo {
    margin-left: auto;
    margin-right: 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: bold;
}

/* .header_menu::before{
    content: "";
    aspect-ratio: 1/1;
    border: .6vw solid #D4BB80;
    display: inline-block;
    margin-right: 3%;
    width: 3%;
}
.header_menu::after{
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../img/arrow_right_white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 3%;
    vertical-align: middle;
    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: bold;
    margin-top: 7%;
}

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

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

.header_menu_sub_inner {
    margin-top: 13%;
}

.header_menu_sub {
    color: #fff;
    display: block;
    font-size: 3.5vw;
    font-weight: bold;
    margin-top: 6%;
}

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

.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;
}

.header_hamburger_btn {
    background-color: #F64D03;
    border-radius: 1000px;
    color: #fff;
    display: block;
    font-size: 4vw;
    font-weight: bold;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    width: 80%;
}

.header_hamburger_btn {
    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::before,
.header_hamburger_line::after {
    content: "";
    background-color: #fff;
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s ease;
}

.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: bold;
    margin-top: 13%;
    text-align: center;
}

.header_menu_btn {
    display: none;
}

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

.mv_container {
    padding-bottom: 7%;
}

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

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

.mv_title .gradation {
    background: linear-gradient(45deg, #988452 0%, #68604E 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

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

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

.mv_bannar {
    display: block;
}

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

.mv_notes {
    font-size: 2.2vw;
    letter-spacing: -.01em;
    line-height: 1.7;
    margin-top: 40%;
    text-align: justify;
    position: relative;
    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));
}

.mv_btn {
    display: none;
}


/* new-funds */
.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: bold;
    margin-top: 5%;
    text-align: center;
    text-decoration: underline;
}

.new-funds_link::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: 4%;
}

/* campaign */
.section_campaign {
    padding-bottom: 11%;
}

.campaign_wrap {
    margin-top: 5%;
}

.campaign_btn {
    background: linear-gradient(45deg, #F64D03 0%, #EE9849 100%);
    color: #fff;
    display: block;
    font-size: 4.3vw;
    font-weight: bold;
    padding-top: 4%;
    padding-bottom: 4%;
    text-align: center;
    width: 100%;
}

.campaign_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: 2%;
    vertical-align: middle;
    width: 4%;
}

.campaign_detail_img {
    display: none;
}

/* what */
.section_what {
    background-color: #233E62;
    padding-top: 11%;
    padding-bottom: 11%;
}

.why_left_wrap {
    display: none;
}

.what_head {
    color: #fff;
    font-size: 6.4vw;
    font-weight: bold;
    text-align: center;
}

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

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

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

.what_notice {
    color: #fff;
    font-size: 2.7vw;
    line-height: 1.75;
    margin-top: 3%;
    text-align: justify;
}

/* why */
.section_why {
    padding-top: 0%;
}

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

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

.why_menu {
    color: #F64D03;
    display: flex;
    align-items: center;
    font-size: 3.5vw;
    font-weight: bold;
    text-decoration: underline;
    width: 100%;
}

.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;
    align-items: center;
    justify-content: center;
    font-family: Helvetica, sans-serif;
    font-size: 2.7vw;
    font-weight: bold;
    margin-right: 3%;
    width: 6.5%;
}

.why_inner {
    margin-top: 6%;
}

.why_reason {
    color: #95886C;
    font-size: 2.2vw;
    text-align: center;
}

.why_number {
    font-family: Helvetica, sans-serif;
    font-size: 7.5vw;
    font-weight: bold;
    margin-top: 1%;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .3vw #95886C;
}

.why_head {
    font-size: 6.4vw;
    font-weight: bold;
    line-height: 1.25;
    margin-top: 2%;
    text-align: center;
}

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

.why_img {
    margin-top: 5%;
}

.why_notes {
    font-size: 2.7vw;
    line-height: 1.75;
    margin-top: 3%;
    margin-bottom: 8%;
    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: bold;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
    width: 48%;
}

.why_btn {
    background: linear-gradient(45deg, #F64D03 0%, #EE9849 100%);
    color: #fff;
}

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

/* funds */
.section_funds {
    background-color: #233E62;
    padding-top: 11%;
    padding-bottom: 11%;
}

.funds_text {
    color: #fff;
    font-size: 3.8vw;
    line-height: 1.75;
    margin-top: 4%;
    text-align: center;
}

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

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

.simulation_disc {
    font-size: 3.8vw;
    margin-top: 4%;
    text-align: center;
}

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

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

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

.simulation_img {
    margin-top: 6%;
}

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

.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));
}

/* application */
.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: bold;
    margin-left: auto;
    margin-right: 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%;
}

/* safety */
.section_safety {
    padding-top: 11%;
    padding-bottom: 11%;
}

.safety_inner {
    margin-top: 7%;
}

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

.safety_num {
    font-family: Helvetica, sans-serif;
    font-size: 7.5vw;
    font-weight: bold;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .3vw #95886C;
}

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

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

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

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

.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: bold;
    text-align: center;
}

.safety_list {
    margin-top: 6%;
}

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

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

.safety_line::before {
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../img/check_icon_orange.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 2%;
    vertical-align: middle;
    width: 6%;
}

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

.safety_content_img {
    margin-top: 4%;
}

.safety_img {
    margin-top: 4%;
}

.safety_column_slide_box {
    margin-top: 5%;
}

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

.safety_colum_slide_title {
    font-size: 4.3vw;
    font-weight: bold;
    line-height: 1.5;
    padding: 3% 6%;
    text-align: justify;
}

.safety_name {
    font-size: 4.3vw;
    font-weight: bold;
    line-height: 1.75;
    margin-top: 2%;
}

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

.safety_career.is-active {
    height: auto;
}

.safety_add_btn {
    color: #F64D03;
    display: block;
    font-size: 2.7vw;
    font-weight: bold;
    margin-top: 2%;
    margin-left: auto;
    text-decoration: underline;
}

/* recommend */
.section_recommend {
    padding-bottom: 11%;
}

.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: bold;
    line-height: 1.25;
    text-align: center;
}

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

/* 納品時は非公開状態 */
/* voice */
/* .section_voice{
    padding-bottom: 11%;
}

.voice_slide_box{
    margin-top: 5%;
}

.voice_slide_track{
    padding-bottom: 9%;
}

.voice_slide_text{
    background-color: #F1EFEB;
    border-radius: 4vw;
    display: flex;
    align-items: center;
    font-size: 3.8vw;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: .04em;
    padding: 5% 7%;
    text-align: justify;
    position: relative;
}
.voice_slide_text::after{
    content: "";
    aspect-ratio: 23/22;
    background-image: url(../img/sp/voice_deco.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: absolute;
    left: 10%;
    top: 99%;
    width: 7%;
} */

/* start */
.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;
}

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

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

.start_number {
    font-family: Helvetica, sans-serif;
    font-size: 7.5vw;
    font-weight: bold;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .3vw #95886C;
}

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

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

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

/* faq */
.section_faq {
    padding-top: 11%;
    padding-bottom: 11%;
}

.faq_wrap {
    margin-top: 6%;
}

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

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

.faq_question_mark,
.faq_answer_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%;
}

.faq_answer_mark {
    background-color: #F64D03;
}

.faq_question_text,
.faq_answer_text {
    font-size: 3.8vw;
    font-weight: bold;
    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: normal;
    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::before,
.faq_question_swith::after {
    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% 2.4%;
}

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

.registration_iframe {
    margin-top: 4%;
}

/* footer */
.footer {
    background-color: #222B33;
}

.footer_container {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

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

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

.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_text,
.footer_info_menu_inner {
    color: #fff;
    font-size: 3.2vw;
    font-feature-settings: "palt";
    line-height: 1.75;
}

.footer_info_address {
    margin-top: 7%;
}

.footer_info_text {
    margin-top: 4%;
}

.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 */
.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 ease;
    line-height: 1.5;
}

.view {
    opacity: 1;
    visibility: visible;
}

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

.popup_box {
    font-size: 12px;
}

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

.popup_logo {
    margin-left: auto;
    margin-right: auto;
    width: 67%;
}

.popup_head {
    font-size: 5.4vw;
    font-weight: bold;
    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 {
    background: linear-gradient(45deg, #F64D03 0%, #EE9849 100%);
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    /* margin:20px 0 0 0; */
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    width: 200px;
    position: relative;

}

.popup_btn::after {
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../img/arrow_right_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 5%;
    position: absolute;
    top: 50%;
    right: 6%;
    transform: translateY(-50%);
}

.popup_company {
    font-size: 3.2vw;
    line-height: 1.5;
    margin-top: 5%;
    text-align: center;
}

/* popup_compaign */
.popup_compaign_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 ease;
}

.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%;
}

.popup_compaign_img {
    margin-top: 4%;
}



br.pc {
    display: none;
}

br.sp {
    display: block;
}





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

    /* 共通スタイル */
    .section_title_en {
        font-size: min(1.1vw, 16px);
        margin-bottom: 1%;
    }

    .section_what .section_title_en {
        text-align: left;
    }

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

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

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

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

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

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

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

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

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

    .why_inner:nth-child(1) .why_head [data-notes-num]::after {
        top: -15%;
        right: -8%;
    }

    /* カルーセル */
    .slide_btn_prev,
    .slide_btn_next {
        width: 3%;
    }

    .slide_btn_prev {
        left: 33%;
    }

    .slide_btn_next {
        right: 33%;
    }

    .safety_slide_list_box .slide_btn_prev,
    .safety_slide_list_box .slide_btn_next,
    .safety_column_slide_box .slide_btn_prev,
    .safety_column_slide_box .slide_btn_next,
    .voice_slide_box .slide_btn_prev,
    .voice_slide_box .slide_btn_next {
        display: none;
    }

    .slide_pagination_inner {
        gap: 2%;
    }

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

    .safety_slide_list_box .slide_pagination_inner,
    .safety_column_slide_box .slide_pagination_inner,
    .voice_slide_box .slide_pagination_inner {
        display: none;
    }

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

    .header_container {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        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_logo {
        display: none;
    }

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

    .header_menu_box {
        position: relative;
    }

    .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.5vw, 20px);
        position: relative;
        transition: all .3s ease-in-out;
    }

    .header_menu::before {
        border: min(.15vw, 2px) 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;
        box-shadow: 0 0 min(1.6vw, 24px) rgba(0, 0, 0, .12);
        border-radius: min(1vw, 15px);
        margin-left: 0;
        margin-top: 4%;
        width: min(21.7vw, 328px);
        position: absolute;
        z-index: 1;
    }

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

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

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

    .header_menu_pulldown:first-child {
        margin-top: 0;
    }

    .header_menu_pulldown:last-child {
        margin-bottom: 0;
    }

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

    .header_menu_sub {
        border-right: min(.1vw, 1px) solid #365076;
        color: #365076;
        font-size: min(.8vw, 12px);
        margin-top: 0;
        padding-left: 2.6%;
        padding-right: 2.6%;
    }

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

    .header_menu_sub::after {
        display: none;
    }

    .header_menu_img {
        display: none;
    }

    .header_menu_close {
        display: none;
    }

    .header_menu_btn {
        background: linear-gradient(45deg, #F64D03 0%, #EE9849 100%);
        border-radius: 1000px;
        color: #fff;
        display: block;
        font-size: min(1.3vw, 20px);
        font-weight: bold;
        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 {
        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 {
        content: "";
        aspect-ratio: 53/25;
        background-image: url(../img/header_btn_deco.svg);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        width: 20%;
        position: absolute;
        top: 100%;
        right: 10%;
    }

    .header_hamburger_wrap {
        display: none;
    }

    .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: all .3s ease;
    }

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

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

    .header.scroll .header_menu_wrap {
        margin-left: auto;
    }

    .header.scroll .header_menu_inner {
        margin-top: 0;
    }

    .header.scroll .header_menu_box:nth-child(3) .header_menu {
        background-color: #1B365D;
        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::before {
        display: none;
    }

    .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_sub_inner {
        display: none;
    }

    .header.scroll .header_menu_btn {
        display: block;
    }

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

    .mv_container {
        padding-bottom: 2%;
    }

    .mv_container {
        position: relative;
    }

    .mv_logo {
        display: none;
    }

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

    .mv_text {
        font-size: min(1.6vw, 24px);
        font-weight: normal;
        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: 90%;
    }

    .mv_bannar {
        width: 33%;
    }

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

    .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%);
        border-radius: 1000px;
        box-shadow: 0 0 min(1.6vw, 24px) rgba(0, 0, 0, .12);
        color: #fff;
        display: block;
        font-size: min(1.6vw, 24px);
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.7%;
        padding-bottom: 1.7%;
        text-align: center;
        width: 23.2%;
        position: absolute;
        bottom: 6%;
        right: 0;
        z-index: 1;
    }

    .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%;
    }

    .mv_btn::before {
        content: "";
        aspect-ratio: 60/70;
        background-image: url(../img/pc/mv_btn_deco.svg);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        width: 20%;
        position: absolute;
        bottom: 90%;
        right: 21%;
    }

    /* new-funds */
    .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%;
        margin-left: auto;
        margin-right: auto;
        width: 46.5%;
    }

    .new-funds_inner {
        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%;
    }

    /* campaign */
    .section_campaign {
        padding-bottom: 4%;
    }

    .campaign_wrap {
        margin-top: 2%;
        margin-left: auto;
        margin-right: auto;
        width: 46.5%;
    }

    .campaign_btn {
        display: none;
    }

    .campaign_detail_img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3.7%;
        width: 46.5%;
    }

    /* what */
    .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%;
        text-align: left;
    }

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

    .what_img {
        margin-bottom: 0;
        margin-top: 4%;
    }

    .what_img.sp {
        display: none;
    }

    .what_img.pc {
        margin-top: 0;
    }

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

    /* why */
    .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:nth-child(1) {
        width: 24%;
    }

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

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

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

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

    .why_menu:nth-child(1)::after {
        width: 4.3%;
    }

    .why_menu::before {
        font-size: min(.8vw, 12px);
        margin-right: 3%;
        width: 7%;
    }

    .why_menu:nth-child(1)::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(even) {
        flex-direction: row-reverse;
    }

    .why_info_group {
        width: 51%;
    }

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

    .why_number {
        font-size: min(2.5vw, 38px);
        margin-top: 1%;
        text-align: left;
        -webkit-text-stroke: min(.1vw, 1px) #95886C;
    }

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

    .why_text {
        font-size: min(1.1vw, 16px);
        line-height: 1.75;
        margin-top: 4%;
        text-align: justify;
    }

    .why_img_group {
        width: 46%;
    }

    .why_img {
        margin-top: 3%;
    }

    .why_notes {
        font-size: min(.7vw, 10px);
        line-height: 1.75;
        margin-top: 1.5%;
        text-align: justify;
    }

    .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 {
        font-size: min(.8vw, 12px);
        margin-bottom: 1%;
    }

    /* funds */
    .section_funds {
        padding-top: 4%;
        padding-bottom: 4%;
    }

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

    .funds_wrap {
        margin-top: 3%;
    }

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

    /* simulation */
    .section_simulation {
        padding-top: 5.3%;
        padding-bottom: 5.3%;
    }

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

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

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

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

    .simulation_img {
        margin-top: 2%;
        margin-left: auto;
        margin-right: auto;
        width: 73%;
    }

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

    .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%;
    }

    .simulation_slide_box .slide_btn_prev,
    .simulation_slide_box .slide_btn_next {
        display: none;
    }

    /* application */
    .section_application {
        padding-top: 3%;
        padding-bottom: 3%;
    }

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

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

    .application_btn_img {
        left: 5%;
    }

    /* safety */
    .section_safety {
        padding-top: 5.3%;
        padding-bottom: 5.3%;
    }

    .safety_inner {
        margin-top: 3%;
    }

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

    .safety_num {
        font-size: min(3.4vw, 50px);
        -webkit-text-stroke: min(.1vw, 1px) #95886C;
    }

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

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

    .safety_text {
        font-size: min(1.1vw, 16px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 2%;
        width: 44%;
    }

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

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

    .safety_slide_list_box {
        margin-top: 2%;
        margin-left: auto;
        margin-right: auto;
        width: 87%;
    }

    .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 {
        font-size: min(1vw, 15px);
    }

    .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%;
    }

    .safety_img {
        margin-top: 2%;
        margin-left: auto;
        margin-right: auto;
        width: 46.5%;
    }

    .safety_column_slide_box {
        margin-top: 2%;
    }

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

    .safety_colum_slide {
        border: min(.1vw, 1px) 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;
    }

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

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

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

    /* recommend */
    .section_recommend {
        padding-bottom: 5.3%;
    }

    .recommend_wrap {
        margin-top: 3%;
    }

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

    .recommend_img {
        width: 40%;
    }

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

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

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

    /* 納品時は非公開状態 */
    /* voice */
    /* .section_voice{
        padding-bottom: 5.3%;
    }

    .voice_slide_box{
        margin-top: 2%;
    }

    .voice_slide_track{
        padding-bottom: 2%;
    }

    .voice_slide_box .voice_slide_track .splide__list.voice_slide_group{
        display: flex;
        justify-content: space-between;
    }

    .voice_slide_text{
        border-radius: min(1vw , 15px);
        align-items: flex-start;
        font-size: min(1.3vw, 20px);
        letter-spacing: .09em;
        padding: 1.7% 2.3%;
        width: 32.5%;
    }
    .voice_slide_text::after{
        left: 6%;
        width: 5%;
    } */

    /* start */
    .section_start {
        padding-top: 4%;
        padding-bottom: 4%;
    }

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

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

    .start_inner {
        border-radius: min(1vw, 15px);
        margin-top: 2%;
        padding: 3% 2% 1.4%;
        width: 32.5%;
    }

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

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

    .start_number {
        font-size: min(2.8vw, 42px);
        -webkit-text-stroke: min(.1vw, 1px) #95886C;
    }

    .start_img {
        width: 42%;
    }

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

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

    /* faq */
    .section_faq {
        padding-top: 5.3%;
        padding-bottom: 5.3%;
    }

    .faq_wrap {
        margin-top: 3%;
    }

    .faq_inner {
        border-radius: min(1vw, 15px);
        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_question_mark,
    .faq_answer_mark {
        font-size: min(1.2vw, 18px);
        margin-right: 1%;
        width: 3%;
    }

    .faq_question_text,
    .faq_answer_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 {
        border-radius: min(1vw, 15px);
        margin-top: 1.4%;
        padding: 1.4% 1.2%;
    }

    /* registration */
    .section_registration {
        padding-top: 5.3%;
        padding-bottom: 5.3%;
    }

    .registration_iframe {
        margin-top: 2%;
    }

    /* footer */
    .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: min(.1vw, 1px) solid #7F7F7F;
        border-bottom: min(.1vw, 1px) 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_info_address,
    .footer_info_text,
    .footer_info_menu_inner {
        font-size: min(.8vw, 12px);
    }

    .footer_info_address {
        margin-top: 0;
    }

    .footer_info_text {
        margin-top: 2%;
    }

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

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


    /* popup */
    .popup_box {
        border-radius: min(1vw, 15px);
        padding: 2%;
        width: 60%;
        max-width: 1200px;
    }

    .popup_closeBtn {
        width: 4%;
    }

    .popup_logo {
        width: 20%;
    }

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

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

    .popup_btn {
        /* font-size: min(1.1vw, 16px); */
        margin-top: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .popup_btn::after {
        width: 4%;
    }

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


    br.pc {
        display: block;
    }

    br.sp {
        display: none;
    }
}

.popup_box img {
    width: 200px;
    margin: 20px;
}

.popup_box {
    padding: 20px;
    text-align: center;
    background-color: #ffffff;
}

.popup_box p {
    /* width: 1000px; */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;

}

.popup_box p:nth-child(3) {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

@media screen and (max-width:768px) {
    .popup_box img {
        width: 40vw;
        margin: 20px;
    }

    .popup_box {
        padding: 3vw;
        text-align: center;
        background-color: #ffffff;
    }

    .popup_box p {
        width: 85vw;
        font-size: 8px;
    }

    .popup_box p:nth-child(3) {
        font-size: 12px;
    }

    .closeBtn {
        margin: -1.5vw 0px 0px 3vw;
    }

    .popup_btn {
        background: linear-gradient(45deg, #F64D03 0%, #EE9849 100%);
        border-radius: 100px;
        color: #fff;
        display: block;
        font-size: 11px;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1%;
        /* margin:20px 0 0 0; */
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        width: 120px;
        position: relative;

    }

    .popup_btn::after {
        content: "";
        aspect-ratio: 1/1;
        background-image: url(../img/arrow_right_white.svg);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        width: 5%;
        position: absolute;
        top: 50%;
        right: 6%;
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 1024px) {
    #parentframe {
        height: 1050px;
        /* PC用の高さ */
    }
}

/* スマートフォン用のスタイル */
@media screen and (max-width: 1023px) {
    #parentframe {
        height: 950px;
        /* SP用の高さ */
    }
}

/* スクロールボックスのスタイル */
.popup_box {
    height: 500px;
    /* 高さを300pxに設定 */
    overflow-y: auto;
    /* 縦方向のスクロールを有効化 */
    background-color: #fff;
    border: 5px solid #fff;
    /* padding: 20px; 内側の余白を設定 */
    margin-bottom: 20px;
    /* 下の余白を追加 */
}

/* ボタンエリアのスタイル */
.btnArea {
    max-width: 400px;
    /* 最大幅を400pxに設定 */
    margin: 20px auto 0;
    /* 上下の余白を自動に設定 */
    position: relative;
    /* 相対位置を設定 */
}

/* ボタンのスタイル */
input.check-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    /* ボタンの角を丸めない */
    background: rgba(255, 255, 255, 0);
    /* 背景を透明に設定 */
    z-index: -1;
    /* 背面に配置 */
    transition: 0.3s;
    /* トランジションを追加 */
    box-sizing: border-box;
    -webkit-appearance: none;
    /* Webkitのスタイルを無効化 */
}

/* ボタンが無効のとき */
input.check-btn:disabled {
    cursor: default;
    /* デフォルトのカーソルを表示 */
}

/* ボタンが有効のとき */
input.check-btn:not(:disabled) {
    z-index: +1;
    /* 前面に配置 */
}



/* ボタンが有効のときのスタイル */
input.check-btn:not(:disabled)+a.btn_one {
    background: #3475b1;
    /* 有効時の背景色 */
}

/* ボタンが有効のときにホバーしたときのスタイル */
input.check-btn:not(:disabled)+a.btn_one:hover {
    background: #228bc8;
    /* ホバー時の背景色 */
}

/* 基本スタイル */
body {
    /*    font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-size: 16px;
    /* フォントサイズを16pxに設定 */
    letter-spacing: .025em;
    /* 文字の間隔を設定 */
    line-height: 1.8;
    /* 行の高さを設定 */
    margin: 0;
    /* マージンをゼロに設定 */
}

p {
    margin: 0;
    /* 段落のマージンをゼロに設定 */
}

section {
    /* max-width: 600px; 最大幅を600pxに設定 */
    margin: 0 auto;
    /* 中央揃え */
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 14px;
        /* 小さい画面でのフォントサイズを14pxに設定 */
    }
}

@media screen and (min-width: 768px) {
    #parentfundframe {
        height: 1306px !important;
    }
}

@media screen and (max-width: 767px) {
    #parentfundframe {
        height: 2200px !important;
    }
}