@charset "UTF-8";

/* ---理由--- */
/* 共通 */
a[id^="r"]+div .wrapper_item {
    border: 5px solid var(--i_main_color);
    background: var(--i_bg_color);
    padding: 30px 30px 35px 20px;
    box-sizing: border-box;
}

a[id^="r"]+div .inner_item {
    width: 100% !important;
    margin: 0 !important;
}

a[id^="r"]+div.composite_box01.block_images_1 .inner_item:nth-of-type(2n) {
    margin: 0 !important;
}

a[id^="r"]+div .inner_item_img img {
    height: 100% !important;
    max-width: 200px;
}

a[id^="r"]+div .inner_item:first-of-type p {
    line-height: 1.2;
    font-size: clamp(1.8rem, 3vw, 4rem);
    margin-bottom: 0;
    font-weight: 500;
}

a[id^="r"]+div p strong {
    font-size: clamp(4rem, 8vw, 10rem);
    line-height: 1;
}

a[id^="r"]+div .inner_item:first-of-type p:has(strong)::first-letter {
    color: var(--i_sub_color);
    display: inline-block;
}

a[id^="r"]+div p em {
    font-size: clamp(3rem, 4.5vw, 6rem);
    font-style: normal;
    font-weight: 600;
}

a[id^="r"]+div .heading.block_header_4 {
    background: var(--i_sub_color);
    padding: 15px 10px;
    margin-bottom: 10px !important;
}

a[id^="r"]+div .heading.block_header_4 .h {
    color: var(--i_bg_color);
    margin: 0;
}

a[id^="r"]+div .heading.block_header_3 {
    margin: 0;
    background: var(--i_main_color);
}

a[id^="r"]+div .heading.block_header_3 .h {
    color: var(--i_bg_color);
}

a[id^="r"]+div .inner_item_txt {
    margin: 0;
}

/* --- */

a[id^="re"]+div .wrapper_item {
    display: grid;
    grid-template-columns: 1.2fr 1.5fr 0.8fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

a[id^="re"]+div .inner_item:first-of-type {
    grid-area: 1 / 1 / 3 / 2;
}

a[id^="re"]+div .inner_item:nth-of-type(2) {
    grid-area: 1 / 2 / 2 / 4;
}

/* --- */

#re2+div .wrapper_item {
    grid-template-columns: 1fr 0.8fr 1.7fr;
}

#re2+div .inner_item_img img {
    max-width: 160px;
}

/* --- */

.fl {
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
}

.fl a[id^="r3"]+div>.content_wrapper {
    height: 100%;
}

.fl .wrapper_item {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr;
    grid-template-rows: auto auto;
    height: 100%;
}

.fl .wrapper_item .inner_item:nth-of-type(3) {
    grid-area: 2 / 1 / 3 / 3;
}

.fl .wrapper_item .inner_item:last-of-type {
    grid-area: 3 / 1 / 4 / 3;
}

@media screen and (min-width: 901px) {
    a[id^="re"]+div>.content_wrapper {
        display: flex;
    }

    a[id^="re"]+div .heading.block_header_3 .h {
        writing-mode: vertical-rl;
    }

    a[id^="re"]+div .inner_item:has(img) {
        padding: 10px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 900px) {

    .composite_box01.block_images_1:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2),
    .composite_box01.block_images_2:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2),
    .composite_box01.block_images_3:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2),
    .composite_box01.block_images_4:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2),
    .composite_box01.block_images_5:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2),
    .composite_box01.block_images_6:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2),
    .composite_box01.block_images_9:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2),
    .composite_box01.block_images_15:not(.col2) .inner_item:nth-of-type(2n-1):nth-last-of-type(2) {
        margin-bottom: 0 !important;
    }

    a[id^="r"]+div .wrapper_item {
        padding: 30px 10px;
    }

    a[id^="r"]+div .heading.block_header_4 {
        padding: 5px;
    }

    a[id^="re"]+div .wrapper_item {
        display: flex;
    }

    .fl,
    .fl .wrapper_item {
        display: block;
    }

    a[id^="re"]+div .inner_item:nth-of-type(2) {
        order: 3;
    }

    a[id^="re"]+div .inner_item:nth-of-type(3) {
        order: 4;
    }

    a[id^="re"]+div .inner_item:nth-of-type(4) {
        order: 2;
    }

    #re2+div .inner_item:nth-of-type(2) {
        order: 3;
    }

    #re2+div .inner_item:nth-of-type(3) {
        order: 2;
    }

    #re2+div .inner_item:nth-of-type(4) {
        order: 4;
    }

    a[id^="r"]+div .inner_item:has(img) {
        padding-top: 20px;
    }

    a[id^="r"]+div .inner_item_img img {
        max-width: 120px;
    }

    a[id^="r"]+div .inner_item:first-of-type .inner_item_txt {
        text-align: center;
    }

    #r3+div {
        padding: 10px 0 60px;
    }

    .fl {
        padding-bottom: 10px !important;
    }

    .pc {
        display: none;
    }
}

/* ---数値--- */
/* 共通 */
a[id^="map"]+div>.content_wrapper>.heading.block_header_4,
a[id^="map"]+section>.content_wrapper>.heading.block_header_4 {
    background: var(--i_sub_color);
    clip-path: polygon(0% 0%, 96% 0%, 100% 50%, 96% 100%, 0% 100%);
    padding: 0 20px 0 10px;
    max-width: 400px;
}

a[id^="map"]+div>.content_wrapper>.heading.block_header_4 .h,
a[id^="map"]+section>.content_wrapper>.heading.block_header_4 .h {
    color: var(--i_bg_color);
    line-height: 2.5;
    margin-bottom: 0;
}

/* 表 */
#map1+div th:last-of-type {
    color: var(--i_bg_color);
    background: var(--i_main_color);
}

#map1+div td:last-of-type {
    color: var(--i_main_color);
    font-weight: bold;
}

/* 具体的ステップ */
#map2+div .wrapper_item {
    gap: 15px 0;
    border-left: 8px solid var(--i_main_color);
}

#map2+div .inner_item {
    background: var(--i_sub2_color);
    width: 100% !important;
    padding: 10px 10px 20px 80px;
    margin: 0 !important;
    position: relative;
}

#map2+div .inner_item::before {
    position: absolute;
    margin: 0 !important;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    font-weight: bold;
}

#map2+div .inner_item .heading {
    margin-bottom: 0;
}

#map2+div .inner_item .heading.block_header_4 .h {
    color: var(--i_main_color);
}

#map2+div .inner_item strong {
    color: var(--i_sub_color);
    font-size: clamp(1.8rem, 2vw, 2.5rem);
    padding: 0 5px;
}

@media screen and (max-width: 650px) {
    #map2+div .inner_item {
        padding-left: 65px;
    }
}

/* 年収シミュレーション */
#map3+section>.content_wrapper>.heading.block_header_4 {
    margin-bottom: 0;
}

#map3+section .wrapper_item {
    background: var(--i_sub2_color);
    padding: 40px 10px !important;
}

#map3+section .inner_item_img {
    background: var(--i_bg_color);
    padding: 20px;
}

@media screen and (max-width: 850px) {
    #map3+section .inner_item_img {
        overflow-x: scroll;
        padding-bottom: 30px;
    }

    #map3+section .inner_item_img img {
        min-width: 800px;
    }
}

/* SP_横スクロール */
a[id^="tap"]+section .wrapper_item {
    display: flex !important;
    gap: 10px;
}

a[id^="tap"]+section.contents_box01.block_image_text_3 .inner_item_img {
    max-width: 60px !important;
    margin-bottom: 0;
}

a[id^="tap"]+section .heading.block_header_2 .h {
    font-weight: 500;
    font-size: 1.6rem !important;
    color: var(--i_txt_color);
}

@media screen and (min-width: 851px) {
    #tap2+section {
        display: none;
    }
}

@media screen and (min-width: 541px) {
    #tap+section {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    #map3+section {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 540px) {
    #map1+div {
        padding-bottom: 15px;
    }
}