@charset "UTF-8";

/* ----------------------  LP ---------------------- */

/* ------ form-type-comparison ------ */
.ftc .pd {
    padding: 100px 0;
}
.ftc .bg_gy {
    background: #f7f7f7;
}
.ftc .txt_orange {
    color: var(--colorOR);
}
.ftc .txt_green {
    color: var(--colorGR);
}
.ftc .contents_ttl {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.6em;
}
.ftc .contents_ttl * {
    font-weight: 700;
}
.ftc .contents_ttl.is_s {
    font-size: 26px;
}
.ftc .lead {
    font-size: 112.5%;
    text-align: center;
    font-weight: 500;
}
.ftc strong {
    font-weight: 700;
}
@media (max-width: 1180px) {
    .ftc .pd {
        padding: 80px 0;
    }
    .ftc .contents_ttl {
        font-size: 28px;
    }
    .ftc .contents_ttl.is_s {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .ftc .pd {
        padding: 50px 0;
    }
    .ftc .contents_ttl {
        font-size: 18px;
    }
    .ftc .contents_ttl.is_s {
        font-size: 16px;
    }
    .ftc .lead {
        font-size: 13px;
    }
}
/* mv */
.ftc_mv {
    background: url(../images/form-type-comparison/mv.webp) no-repeat center/cover;
    padding-top: calc((500 / 1440) * 100%);
    position: relative;
    width: 100%;
    height: 0;
}
.ftc_mv .main_ttl {
    padding: 0 20px;
    position: absolute;
    top: 0.5em;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}
.ftc_mv .main_ttl .ttl_01 {
    display: block;
    font-size: calc(100vw / (1440 / 38));
    margin-bottom: 7.25em;
}
.ftc_mv .main_ttl .ttl_02 {
    display: block;
    font-size: calc(100vw / (1440 / 68));
}
.ftc_mv .main_ttl > span > span {
    background: #3a3a3a;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    display: inline-block;
    padding: 8px 30px;
}
@media (max-width: 768px) {
    .ftc_mv {
        background: url(../images/form-type-comparison/mv_s.webp) no-repeat center/cover;
        padding-top: calc((270 / 390) * 100%);
    }
    .ftc_mv .main_ttl {
        top: 0.8em;
        padding: 0 6px;
    }
    .ftc_mv .main_ttl .ttl_01 {
        font-size: 4vw;
        margin-bottom: 37vw;
    }
    .ftc_mv .main_ttl > span > span {
        padding: 8px 14px;
    }
    .ftc_mv .main_ttl .ttl_02 {
        font-size: 6.8vw;
    }
}
/* intro */
.ftc_intro .contents_ttl .txt_orange > strong {
    font-size: 140.6%;
    vertical-align: -3%;
}
.ftc_intro .contents_ttl .txt_orange > span {
    font-size: 112.5%;
}
.ftc_intro .txt {
    margin-bottom: 1.6em;
}
.ftc_intro .survey {
    max-width: 980px;
    margin: 3.2em auto;
}
.ftc_intro .survey_item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ftc_intro .survey_item .box {
    background: #fef4e7;
    border: 2px solid var(--colorOR);
    text-align: center;
    margin-bottom: 1%;
    padding: 1.4em 0.8em;
    width: 49.5%;
}
.ftc_intro .survey_item .box.is_l {
    width: 100%;
}
.ftc_intro .survey_item .ttl {
    color: var(--colorOR);
    font-size: 112.5%;
    font-weight: 700;
}
.ftc_intro .survey_item .num {
    color: var(--colorOR);
    font-size: 130%;
    font-weight: 700;
    line-height: 1.6;
}
.ftc_intro .survey_item .num > strong {
    font-size: 145%;
}
.ftc_intro .survey_item .txt {
    font-size: 82%;
    line-height: 1.5;
    margin: 0;
}
.ftc_intro .survey_item .box.is_red {
    background: #ffe0db;
    border: 2px solid #db4730;
}
.ftc_intro .survey_item .box.is_red .ttl,
.ftc_intro .survey_item .box.is_red .num {
    color: #db4730;
}
.ftc_intro .survey .note {
    font-size: 12px;
    text-align: center;
}
.ftc_intro .line_up {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2%;
    margin-top: 4.6em;
}
.ftc_intro .line_up dl {
    width: 42.5%;
}
.ftc_intro .line_up dt {
    border-radius: 20px 20px 0 0;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    padding: 2px;
}
.ftc_intro .line_up .report_type dt {
    background: var(--colorOR);
}
.ftc_intro .line_up .form_type dt {
    background: var(--colorGR);
}
.ftc_intro .line_up dd {
    background: #f7f7f7;
    border-radius: 0 0 20px 20px;
    color: #000;
    font-weight: 700;
    text-align: center;
    padding: 2em 3em;
    position: relative;
}
.ftc_intro .line_up .report_type dd {
    border: 1px solid var(--colorOR);
}
.ftc_intro .line_up .form_type dd {
    border: 1px solid var(--colorGR);
}
.ftc_intro .line_up dd img {
    position: absolute;
    top: -2em;
    width: 101px;
}
.ftc_intro .line_up .report_type dd img {
    right: -2.6em;
}
.ftc_intro .line_up .form_type dd img {
    left: -2.6em;
}
.ftc_intro .line_up .font_en {
    color: #b8b8b8;
    font-size: 42px;
}
@media (max-width: 1180px) {
    .ftc_intro .line_up dd {
        font-size: 12px;
        padding: 2em;
    }
    .ftc_intro .line_up dl {
        width: 42%;
    }
    .ftc_intro .line_up dd img {
        width: 64px;
    }
    .ftc_intro .line_up .font_en {
        font-size: 32px;
    }
}
@media (max-width: 768px) {
    .ftc_intro .survey .note {
        font-size: 10px;
    }
    .ftc_intro .line_up {
        margin-top: 3em;
    }
    .ftc_intro .line_up dt {
        border-radius: 10px 10px 0 0;
        font-size: 15px;
    }
    .ftc_intro .line_up dd {
        border-radius: 0 0 10px 10px;
        font-size: 10px;
        letter-spacing: 0;
        line-height: 1.4;
        padding: 1em;
    }
    .ftc_intro .line_up dd img {
        top: -4.4em;
        width: 42px;
    }
    .ftc_intro .line_up .font_en {
        font-size: 6vw;
    }
}

/* two_digitalizations */
.ftc_two_digitalizations .contents_ttl .sub {
    display: block;
    text-align: center;
}
.ftc_two_digitalizations .contents_ttl .sub > span {
    background: #606060;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    padding: 0.2em 1em;
    margin-bottom: 0.4em;
}
.ftc_two_digitalizations .contents_ttl > strong {
    font-size: 146.2%;
}
.ftc_two_digitalizations .list {
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
}
.ftc_two_digitalizations .list > li {
    background: #fff;
    border-radius: 20px;
    box-shadow: 1.8px 3.6px 8px 0px rgba(105, 105, 105, 0.14);
    padding: 3em 2.2em;
    width: 48%;
}
.ftc_two_digitalizations .list .ttl_l {
    font-size: 30px;
    font-weight: 700;
    padding: 0 4em 0.26em;
    text-align: center;
    position: relative;
    margin-bottom: 1em;
}
.ftc_two_digitalizations .list .num {
    font-size: 62px;
    line-height: 1;
    margin: 0 auto 0 0;
    position: absolute;
    bottom: 0.1em;
    left: 0;
}
.ftc_two_digitalizations .list > li:nth-of-type(1) {
    border: 1px solid var(--colorOR);
}
.ftc_two_digitalizations .list > li:nth-of-type(1) .ttl_l {
    color: var(--colorOR);
    border-bottom: 1px solid var(--colorOR);
}
.ftc_two_digitalizations .list > li:nth-of-type(1) .num {
    color: #fbd39f;
}
.ftc_two_digitalizations .list > li:nth-of-type(2) {
    border: 1px solid var(--colorGR);
}
.ftc_two_digitalizations .list > li:nth-of-type(2) .ttl_l {
    color: var(--colorGR);
    border-bottom: 1px solid var(--colorGR);
}
.ftc_two_digitalizations .list > li:nth-of-type(2) .num {
    color: #b7dee0;
}
.ftc_two_digitalizations .list li img {
    display: block;
    margin: 1em auto 2em;
    width: 112px;
}
.ftc_two_digitalizations .list .ttl_m {
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 112.5%;
    font-weight: 700;
    text-align: center;
    padding: 0.2em 1em;
    margin: 1em auto;
    max-width: 190px;
}
.ftc_two_digitalizations .list > li:nth-of-type(1) .ttl_m {
    background: var(--colorOR);
}
.ftc_two_digitalizations .list > li:nth-of-type(2) .ttl_m {
    background: var(--colorGR);
}
.ftc_two_digitalizations .check {
    margin: 0;
}
.ftc_two_digitalizations .check li {
    font-size: 112.5%;
    font-weight: 700;
    position: relative;
    padding-left: 2em;
    margin-bottom: 0.2em;
}
.ftc_two_digitalizations .check li::before {
    content: '';
    background: url(../images/form-type-comparison/two_digitalizations_icon_01.webp) no-repeat center/contain;
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 1.3em;
    height: 1.2em;
}
.ftc_two_digitalizations .list > li:nth-of-type(2) .check ::before {
    content: '';
    background: url(../images/form-type-comparison/two_digitalizations_icon_02.webp) no-repeat center/contain;
}
@media (max-width: 1180px) {
    .ftc_two_digitalizations .list .num {
        font-size: 40px;
    }
    .ftc_two_digitalizations .list .ttl_l {
        font-size: 24px;
        padding: 0 1em 0.26em 2.4em;
    }
    .ftc_two_digitalizations .list > li {
        padding: 2em 1.6em;
        width: 49%;
    }
    .ftc_two_digitalizations .list .ttl_m {
        margin: 2em auto 1em;
    }
}
@media (max-width: 768px) {
    .ftc_two_digitalizations .contents_ttl .sub > span {
        font-size: 14px;
    }
    .ftc_two_digitalizations .contents_ttl > strong {
        font-size: 140%;
    }
    .ftc_two_digitalizations .list {
        margin-top: 3em;
        flex-direction: column;
    }
    .ftc_two_digitalizations .list > li {
        border-radius: 10px;
        margin-bottom: 2em;
        width: 100%;
    }
    .ftc_two_digitalizations .list .num {
        font-size: 36px;
    }
    .ftc_two_digitalizations .list .ttl_l {
        font-size: 20px;
        padding: 0 2em 0.26em 2.4em;
    }
    .ftc_two_digitalizations .list .ttl_m {
        max-width: 170px;
    }
    .ftc_two_digitalizations .list li img {
        width: 84px;
    }
    .ftc_two_digitalizations .check li {
        font-size: 12px;
    }
}
/* three_values */
.ftc_three_values .contents_ttl > strong {
    font-size: 146.2%;
}
.ftc_three_values .contents_ttl .txt_l {
    display: block;
    font-size: 48px;
    line-height: 1.4;
}
.ftc_three_values .contents_ttl .txt_l strong {
    font-size: 120.8%;
}
.ftc_three_values .contents_ttl .txt_l span {
    font-size: 79.2%;
}
.ftc_three_values .list.is_form_type {
    margin-top: 6em;
}
.ftc_three_values .list > li {
    margin-bottom: 3em;
}
.ftc_three_values .list .tab {
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 0.3em 0.6em 0.2em;
    width: 330px;
}
.ftc_three_values .list .tab .font_en {
    font-size: 26px;
    line-height: 1;
    vertical-align: -3%;
}
.ftc_three_values .list .tab .font_en strong {
    font-size: 153.8%;
}
.ftc_three_values .list.is_report_type .tab {
    background: var(--colorOR);
}
.ftc_three_values .list.is_form_type .tab {
    background: var(--colorGR);
}
.ftc_three_values .list .box {
    padding: 3.4em 4em 4.6em;
}
.ftc_three_values .list.is_report_type .box {
    border-top: 2px solid var(--colorOR);
    background: #fef4e7;
}
.ftc_three_values .list.is_form_type .box {
    border-top: 2px solid var(--colorGR);
    background: #ebf5f6;
}
.ftc_three_values .ttl_l {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.6em;
}
.ftc_three_values .speech_bubbles {
    display: flex;
    align-items: center;
    gap: 2.2em;
    margin-bottom: 1.4em;
}
.ftc_three_values .speech_bubbles.is_02 {
    flex-direction: row-reverse;
}
.ftc_three_values .speech_bubbles .icon {
    width: 100px;
}
.ftc_three_values .speech_bubbles .comment {
    background: #fff;
    border-radius: 10px;
    padding: 1.6em 2.2em;
    position: relative;
    width: 86%;
}
.ftc_three_values .speech_bubbles .comment::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 20px 14px 0;
    border-color: transparent #fff transparent transparent;
}
.ftc_three_values .speech_bubbles.is_02 .comment::before {
    left: auto;
    right: -14px;
    border-width: 14px 0 14px 20px;
    border-color: transparent transparent transparent #fff;
}
.ftc_three_values .speech_bubbles .comment p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}
.ftc_three_values .box .txt {
    margin: 3em 0;
}
.ftc_three_values .merit_01_column {
    display: flex;
    justify-content: center;
    gap: 1.6%;
}
.ftc_three_values .merit_01_column > li {
    background: #fff;
    border: 1px solid var(--colorOR);
    border-radius: 14px;
    padding: 1.6em 1.8em;
    flex: 1;
}
.ftc_three_values .is_form_type .merit_01_column > li {
    border: 1px solid var(--colorGR);
}
.ftc_three_values .merit_01_column .ttl_s {
    color: var(--colorOR);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    min-height: 3em;
}
.ftc_three_values .is_form_type .merit_01_column .ttl_s {
    color: var(--colorGR);
    min-height: 2em;
}
.ftc_three_values .merit_01_column img {
    display: block;
    margin: 0.4em auto 1em;
    max-width: 182px;
    width: 100%;
}
.ftc_three_values .merit_01_column p {
    font-size: 93.8%;
}
.ftc_three_values .pic_box {
    background: #fff;
    border: 1px solid var(--colorOR);
    border-radius: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.2em 2.4%;
    padding: 2em 1.6em;
}
.ftc_three_values .pic_box img {
    display: block;
    max-width: 480px;
    width: 100%;
}
.ftc_three_values .check_box {
    background: #fff;
    border: 1px solid var(--colorOR);
    border-radius: 14px;
    padding: 1.8em 1.6em 2em;
    max-width: 660px;
    margin: 0 auto;
}
.ftc_three_values .check_box .ttl_m {
    color: var(--colorOR);
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.6em;
}
.ftc_three_values .check_box ul {
    max-width: 520px;
    margin: 0 auto;
}
.ftc_three_values .check_box li {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-left: 2em;
    margin-bottom: 0.2em;
}
.ftc_three_values .check_box li::before {
    content: '';
    background: url(../images/form-type-comparison/two_digitalizations_icon_01.webp) no-repeat center / contain;
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 1.3em;
    height: 1.2em;
}
.ftc_three_values .process_box {
    background: #ffeacf;
    display: flex;
    align-items: center;
    margin: 3em auto 0;
    max-width: 940px;
}
.ftc_three_values .process_box .pic {
    width: 126px;
}
.ftc_three_values .process_step {
    display: flex;
    gap: 1.6em;
    padding: 0.6em 1.2em;
    width: 100%;
}
.ftc_three_values .process_step > li {
    flex: 1;
    position: relative;
}
.ftc_three_values .process_step > li::before {
    content: '';
    color: var(--colorOR);
    border: 0.3em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    line-height: 1;
    position: absolute;
    right: -1.3em;
    top: 50%;
    transform: translateY(-50%) translateX(-25%) rotate(45deg);
    width: 0.9em;
    height: 0.9em;
}
.ftc_three_values .process_step > li:last-of-type:before {
    content: none;
}
.ftc_three_values .process_step .ttl_s {
    background: var(--colorOR);
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding: 0.4em;
}
.ftc_three_values .process_step .process_txt {
    background: #fff;
    border-radius: 0 0 8px 8px;
    padding: 0.6em 1em 0.8em 3.2em;
    position: relative;
}
.ftc_three_values .process_step .process_txt::before {
    content: '';
    background: url(../images/form-type-comparison/three_values_report_merit_03_icon.webp) no-repeat center / contain;
    position: absolute;
    left: 0.85em;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}
.ftc_three_values .process_step .process_txt > p {
    font-weight: 700;
    line-height: 1.4;
}
.ftc_three_values .txt_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 3em 0;
}
.ftc_three_values .txt_wrap .txt {
    margin: 0;
    width: 60%;
}
.ftc_three_values .txt_wrap .pic {
    max-width: 390px;
    width: 37%;
}
.ftc_three_values .txt_wrap.is_merit03 .txt {
    margin: 0;
    width: 54%;
}
.ftc_three_values .txt_wrap.is_merit03 .pic {
    max-width: 440px;
    width: 42%;
}
.ftc_three_values .flow_box {
    background: #d8edee;
    padding: 2em;
}
.ftc_three_values .flow_box .flow_list {
    display: flex;
    gap: 1.6em;
    width: 100%;
}
.ftc_three_values .flow_box .flow_list > li {
    background: #fff;
    border: 1px solid var(--colorGR);
    border-radius: 8px;
    flex: 1;
    position: relative;
    padding: 1em 1.2em;
}
.ftc_three_values .flow_box .flow_list > li::before {
    content: '';
    color: var(--colorGR);
    border: 0.3em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    line-height: 1;
    position: absolute;
    right: -1.3em;
    top: 50%;
    transform: translateY(-50%) translateX(-25%) rotate(45deg);
    width: 0.9em;
    height: 0.9em;
}
.ftc_three_values .flow_box .flow_list > li:last-of-type::before {
    content: none;
}
.ftc_three_values .flow_box .num {
    background: var(--colorGR);
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: -10px;
    left: -10px;
    line-height: 42px;
    width: 42px;
    height: 42px;
}
.ftc_three_values .flow_box .ttl_s {
    border-bottom: 2px solid #d8edee;
    color: var(--colorGR);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 0.4em;
    margin-bottom: 0.6em;
}
.ftc_three_values .flow_box .flow_txt > p {
    font-size: 15px;
    line-height: 1.4;
}
@media (max-width: 1180px) {
    .ftc_three_values .contents_ttl .txt_l {
        font-size: 40px;
    }
    .ftc_three_values .ttl_l {
        font-size: 28px;
    }
    .ftc_three_values .list .tab .font_en {
        font-size: 22px;
    }
    .ftc_three_values .list .tab {
        font-size: 18px;
    }
    .ftc_three_values .list .tab {
        width: 300px;
    }
    .ftc_three_values .list .box {
        padding: 3em 2em 4em;
    }
    .ftc_three_values .speech_bubbles .comment p {
        font-size: 16px;
    }
    .ftc_three_values .merit_01_column .ttl_s {
        font-size: 14px;
    }
    .ftc_three_values .process_step .ttl_s {
        font-size: 12px;
    }
    .ftc_three_values .process_step .process_txt > p {
        font-size: 12px;
    }
    .ftc_three_values .process_box .pic {
        width: 100px;
    }
    .ftc_three_values .process_step .process_txt::before {
        width: 18px;
        height: 18px;
    }
    .ftc_three_values .flow_box {
        padding: 2em 1em;
    }
    .ftc_three_values .flow_box .ttl_s {
        font-size: 12px;
    }
    .ftc_three_values .flow_box .flow_txt > p {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .ftc_three_values .contents_ttl > strong {
        font-size: 140%;
    }
    .ftc_three_values .contents_ttl .txt_l {
        font-size: 26px;
    }
    .ftc_three_values .list.is_form_type {
        margin-top: 4em;
    }
    .ftc_three_values .list > li {
        margin-bottom: 2em;
    }
    .ftc_three_values .list .tab {
        font-size: 14px;
        width: 220px;
    }
    .ftc_three_values .list .tab .font_en {
        font-size: 16px;
    }
    .ftc_three_values .ttl_l {
        font-size: 18px;
    }
    .ftc_three_values .list .box {
        padding: 2em 1em 3em;
    }
    .ftc_three_values .speech_bubbles .icon {
        width: 60px;
    }
    .ftc_three_values .speech_bubbles {
        gap: 1.2em;
    }
    .ftc_three_values .speech_bubbles .comment {
        padding: 1.2em 1.6em;
    }
    .ftc_three_values .speech_bubbles .comment p {
        font-size: 13px;
    }
    .ftc_three_values .speech_bubbles .comment::before {
        left: -8px;
    }
    .ftc_three_values .speech_bubbles.is_02 .comment::before {
        right: -8px;
    }
    .ftc_three_values .merit_01_column {
        flex-direction: column;
        gap: 1em;
    }
    .ftc_three_values .merit_01_column > li {
        margin: 0 auto;
        width: 80%;
    }
    .ftc_three_values .merit_01_column img {
        max-width: 130px;
    }
    .ftc_three_values .merit_01_column .ttl_s {
        min-height: auto;
    }
    .ftc_three_values .check_box .ttl_m {
        font-size: 16px;
    }
    .ftc_three_values .check_box li {
        font-size: 12px;
    }
    .ftc_three_values .process_box {
        flex-direction: column;
        margin: 2em auto 0;
        padding: 1em;
        max-width: 260px;
        width: 70%;
    }
    .ftc_three_values .process_step {
        flex-direction: column;
    }
    .ftc_three_values .process_step > li::before {
        right: 45%;
        top: 110%;
        transform: translateY(-50%) translateX(-25%) rotate(135deg);
        width: 0.7em;
        height: 0.7em;
    }
    .ftc_three_values .process_step .process_txt::before {
        width: 22px;
        height: 22px;
        left: 1.6em;
    }
    .ftc_three_values .process_step .process_txt {
        padding: 0.8em 1em 1em 4.6em;
    }
    .ftc_three_values .process_box .pic {
        width: 90px;
        margin-bottom: 0.6em;
    }
    .ftc_three_values .box .txt {
        margin: 2em 0;
    }
    .ftc_three_values .txt_wrap {
        margin: 0 0 2em;
        flex-direction: column;
    }
    .ftc_three_values .txt_wrap .txt,
    .ftc_three_values .txt_wrap.is_merit03 .txt {
        width: 100%;
    }
    .ftc_three_values .txt_wrap .pic {
        width: 80%;
        margin: 0 auto;
    }
    .ftc_three_values .flow_box {
        padding: 2em;
        margin: 0 auto;
        width: 90%;
    }
    .ftc_three_values .flow_box .flow_list {
        flex-direction: column;
        gap: 1.4em;
    }
    .ftc_three_values .flow_box .num {
        font-size: 16px;
        line-height: 32px;
        width: 32px;
        height: 32px;
    }
    .ftc_three_values .flow_box .flow_list > li::before {
        right: 48%;
        top: 110%;
        transform: translateY(-50%) translateX(-25%) rotate(135deg);
        width: 0.7em;
        height: 0.7em;
    }
    .ftc_three_values .flow_box .ttl_s {
        font-size: 13px;
    }
    .ftc_three_values .txt_wrap.is_merit03 .pic {
        width: 90%;
        margin: 2em auto 0;
    }
}

/* ftc_cv */
.ftc_cv {
    background: #fef4e7;
    border-top: 2px solid var(--colorOR);
    border-bottom: 2px solid var(--colorOR);
    padding: 4em 0;
}
.ftc_cv .box {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0.845px 1.813px 6px 0px rgba(105, 105, 105, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6%;
    padding: 2em 4em;
    margin: -1em auto 2.2em;
    max-width: 740px;
}
.ftc_cv .box img {
    width: 160px;
    max-width: 100%;
}
.ftc_cv .box p {
    font-weight: 700;
}
.ftc_cv .download_btn {
    font-size: 20px;
    max-width: 570px;
}
.ftc_cv .download_btn:hover {
    color: #fff;
}
@media (max-width: 768px) {
    .ftc_cv .box {
        padding: 1.8em 1.2em;
        margin: -0.2em auto 2em;
        flex-direction: column;
        width: 96%;
        text-align: center;
    }
    .ftc_cv .box img {
        width: 130px;
        margin-bottom: 1em;
    }
    .ftc_cv .download_btn {
        font-size: 13px;
        max-width: 360px;
        width: 98%;
    }
    .ftc_cv .download_btn::before {
        width: 16px;
        height: 16px;
    }
}
/* ftc_details */
.ftc_details .contents_ttl > strong {
    font-size: 146.2%;
}
.ftc_details .contents_ttl .txt_l {
    font-size: 184.6%;
}
.ftc_details .details_tbl_head {
    border-collapse: separate;
    border-spacing: 8px;
    margin-bottom: 6px;
}
.ftc_details .details_tbl_main {
    background: #fff;
    border: 1px solid #cdcdcd;
    border-collapse: separate;
    border-spacing: 4px;
    margin-bottom: 8em;
}
.ftc_details .details_tbl_head .none {
    width: 23%;
}
.ftc_details .details_tbl_head .bubble {
    background: var(--colorOR);
    border-radius: 6px;
    color: #fff;
    font-size: 112.5%;
    font-weight: 700;
    text-align: center;
    padding: 0.2em;
    position: relative;
    margin: 0 1em;
    width: 38.5%;
}
.ftc_details .details_tbl_head .bubble::before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: var(--colorOR) transparent transparent transparent;
}
.ftc_details .details_tbl_head .bubble + .bubble {
    background: var(--colorGR);
}
.ftc_details .details_tbl_head .bubble + .bubble::before {
    border-color: var(--colorGR) transparent transparent transparent;
}
.ftc_details .details_tbl_main th {
    background: #868686;
    padding: 0.2em;
    text-align: center;
    vertical-align: middle;
    width: 3%;
}
.ftc_details .details_tbl_main td {
    font-size: 93.8%;
    line-height: 1.4;
    padding: 0.8em 1em;
    vertical-align: middle;
}
.ftc_details .details_tbl_main th > span {
    color: #fff;
    font-size: 112.5%;
    font-weight: 700;
    white-space: pre;
    writing-mode: vertical-rl;
    display: inline-block;
}
.ftc_details .details_tbl_main td {
    background: #eaeaea;
    font-weight: 700;
    width: 20%;
}
.ftc_details .details_tbl_main td + td {
    background: #fef4e7;
    font-weight: normal;
    width: 38.5%;
}
.ftc_details .details_tbl_main td + td + td {
    background: #ebf5f6;
    font-weight: normal;
    width: 38.5%;
}
.ftc_details .details_tbl_main .transparent {
    background: transparent;
    padding: 0.1em;
}
.ftc_details .details_list {
    display: flex;
    justify-content: center;
    gap: 3%;
    margin-top: 4em;
}
.ftc_details .details_list > li {
    border-radius: 20px;
    box-shadow: 1.8px 4px 8px 0px rgba(105, 105, 105, 0.14);
    flex: 1;
    width: 100%;
    height: 100%;
}
.ftc_details .details_list > li .ttl {
    border-radius: 20px 20px 0 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding: 0.4em;
}
.ftc_details .details_list > li.report_type .ttl {
    background: var(--colorOR);
}
.ftc_details .details_list > li.form_type .ttl {
    background: var(--colorGR);
}
.ftc_details .details_list .box {
    background: #fff;
    border-radius: 0 0 20px 20px;
    padding: 2em 2.4em;
}
.ftc_details .details_list > li.report_type .box {
    border: 1px solid var(--colorOR);
}
.ftc_details .details_list > li.form_type .box {
    border: 1px solid var(--colorGR);
}
.ftc_details .details_list .item {
    margin-bottom: 2em;
}
.ftc_details .details_list .ttl_m {
    text-align: center;
    position: relative;
    margin-bottom: 0.8em;
}
.ftc_details .details_list .ttl_m::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
}
.ftc_details .details_list .report_type .ttl_m::before {
    background: #fbd39f;
}
.ftc_details .details_list .form_type .ttl_m::before {
    background: #b7dee0;
}
.ftc_details .details_list .ttl_m > span {
    background: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    padding: 0 1.2em;
    position: relative;
}
.ftc_details .details_list .circle {
    padding-left: 1.4em;
}
.ftc_details .details_list .circle > li {
    font-weight: 700;
    position: relative;
}
.ftc_details .details_list .circle > li::before {
    content: '●';
    position: absolute;
    top: 0.04em;
    left: -1.4em;
}
.ftc_details .details_list .report_type .circle > li::before {
    color: var(--colorOR);
}
.ftc_details .details_list .form_type .circle > li::before {
    color: var(--colorGR);
}
.ftc_details .details_list .example {
    border-radius: 10px;
    padding: 1.4em 1.6em 1.6em;
    margin: 2.4em 0 0.4em;
}
.ftc_details .details_list .report_type .example {
    background: #fef4e7;
}
.ftc_details .details_list .form_type .example {
    background: #ebf5f6;
}
.ftc_details .details_list .example .ttl_s {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.6em;
}
.ftc_details .details_list .example_item {
    display: flex;
    align-items: flex-start;
    gap: 3%;
}
.ftc_details .details_list .example_item .col {
    font-size: 14px;
    padding: 0;
}
@media (max-width: 1180px) {
    .ftc_details .details_list {
        gap: 2%;
    }
    .ftc_details .details_list > li .ttl {
        font-size: 24px;
    }
    .ftc_details .details_list .ttl_m > span {
        font-size: 18px;
    }
    .ftc_details .details_list .example .ttl_s {
        font-size: 14px;
    }
    .ftc_details .details_list .example_item .col {
        font-size: 10px;
    }
}
@media (max-width: 768px) {
    .ftc_details .contents_ttl > strong {
        font-size: 140%;
    }
    .ftc_details .contents_ttl .txt_l {
        font-size: 158%;
    }
    .ftc_details .details_tbl_head .none {
        width: 30%;
    }
    .ftc_details .details_tbl_head .bubble {
        font-size: 11px;
        width: 35%;
    }
    .ftc_details .details_tbl_main {
        margin-bottom: 4em;
    }
    .ftc_details .details_tbl_main th {
        width: 10%;
    }
    .ftc_details .details_tbl_main th > span {
        font-size: 10px;
    }
    .ftc_details .details_tbl_main td {
        font-size: 10px;
        letter-spacing: 0;
        padding: 1.2em 0.6em;
    }
    .ftc_details .details_tbl_main td + td {
        width: 35%;
    }
    .ftc_details .details_list {
        flex-direction: column;
        gap: 1.6em;
        margin-top: 3em;
    }
    .ftc_details .details_list > li .ttl {
        border-radius: 10px 10px 0 0;
        font-size: 18px;
        padding: 0.6em;
    }
    .ftc_details .details_list .ttl_m {
        margin-bottom: 0.6em;
    }
    .ftc_details .details_list .ttl_m > span {
        font-size: 16px;
        padding: 0 1em;
    }
    .ftc_details .details_list .box {
        border-radius: 0 0 10px 10px;
        padding: 1.4em 1.6em;
    }
}

/* ftc_voice */
.ftc_voice .contents_ttl {
    font-size: 48px;
    line-height: 1.6;
    margin-bottom: 1.2em;
}
.ftc_voice .contents_ttl .sub {
    display: block;
    font-size: 66.7%;
}
.ftc_voice .contents_ttl strong {
    font-size: 116.7%;
    letter-spacing: 0.04em;
    line-height: 1;
}
.ftc_voice .contents_ttl .txt_s {
    font-size: 79.2%;
}
.ftc_voice .voice_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 34px;
}
.ftc_voice .voice_box .pic {
    max-width: 213px;
    width: 34%;
}
.ftc_voice .voice_box .item {
    width: 76%;
}
.ftc_voice .voice_lead {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin-bottom: 1em;
}
.ftc_voice .voice_lead > strong {
    font-size: 110%;
}
.ftc_voice .voice_list {
    display: flex;
    justify-content: center;
    gap: 2%;
    margin: 6em 0 2em;
}
.ftc_voice .voice_list > li {
    background: #fef4e7;
    border: 1px solid var(--colorOR);
    border-radius: 20px;
    padding: 3.6em 2em 2.4em;
    position: relative;
    flex: 1;
}
.ftc_voice .voice_list .num {
    background: var(--colorOR);
    border-radius: 18px 0 16px 0;
    color: #fff;
    font-size: 112.5%;
    padding: 0.2em 1em;
    position: absolute;
    top: 0;
    left: 0;
}
.ftc_voice .voice_list .icon {
    position: absolute;
    top: -20px;
    right: 14px;
    max-width: 120px;
    width: 100%;
}
.ftc_voice .voice_list .ttl_m,
.ftc_voice .voice_list .ttl_s {
    color: var(--colorOR);
    font-weight: 700;
    line-height: 1.2;
    min-height: 90px;
}
.ftc_voice .voice_list .ttl_m {
    font-size: 24px;
    padding: 0.8em 0;
}
.ftc_voice .voice_list .ttl_s {
    font-size: 20px;
    padding-bottom: 1em;
}
.ftc_voice .voice_list p {
    font-size: 93.8%;
    font-weight: 500;
    line-height: 1.6;
}
.ftc_voice .voice_list .voice_btn {
    background: var(--colorOR);
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 93.8%;
    font-weight: 700;
    text-align: center;
    padding: 0.6em;
    position: relative;
    margin: 1.4em auto 1em;
    max-width: 240px;
    width: 100%;
}
.ftc_voice .voice_list .voice_btn::before {
    content: '';
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #fff;
}
.ftc_voice .voice_list .note {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
@media (max-width: 1180px) {
    .ftc_voice .contents_ttl {
        font-size: 40px;
    }
    .ftc_voice .voice_box {
        flex-direction: column;
        gap: 2.6em;
        padding: 0;
    }
    .ftc_voice .voice_box .item {
        width: 100%;
    }
    .ftc_voice .voice_lead {
        font-size: 26px;
        text-align: center;
    }
    .ftc_voice .voice_list {
        margin: 5em auto 0;
        flex-direction: column;
        width: 500px;
    }
    .ftc_voice .voice_list > li {
        margin-bottom: 2.8em;
    }
    .ftc_voice .voice_list .ttl_m,
    .ftc_voice .voice_list .ttl_s {
        padding-right: 6em;
    }
    .ftc_voice .voice_list .ttl_m {
        font-size: 22px;
    }
    .ftc_voice .voice_list .ttl_s {
        font-size: 18px;
    }
    .ftc_voice .voice_list .icon {
        top: -14px;
        max-width: 106px;
    }
}
@media (max-width: 768px) {
    .ftc_voice .contents_ttl {
        font-size: 24px;
        line-height: 1.5;
    }
    .ftc_voice .voice_box .pic {
        width: 30%;
    }
    .ftc_voice .voice_box {
        gap: 1.8em;
    }
    .ftc_voice .voice_lead {
        font-size: 16px;
        line-height: 1.6;
    }
    .ftc_voice .voice_list {
        margin: 4em auto 0;
        width: 90%;
    }
    .ftc_voice .voice_list > li {
        border-radius: 10px;
        padding: 3.6em 1.6em 2em;
        margin-bottom: 2em;
    }
    .ftc_voice .voice_list .icon {
        max-width: 84px;
        width: 20vw;
    }
    .ftc_voice .voice_list .ttl_m,
    .ftc_voice .voice_list .ttl_s {
        padding: 0 3em 1em 0;
        min-height: auto;
    }
    .ftc_voice .voice_list .ttl_m {
        font-size: 18px;
    }
    .ftc_voice .voice_list .ttl_s {
        font-size: 16px;
    }
    .ftc_voice .voice_list .voice_btn {
        font-size: 12px;
        max-width: 180px;
    }
    .ftc_voice .voice_list .note {
        font-size: 10px;
    }
    .ftc_voice .voice_list .num {
        border-radius: 8px 0 10px 0;
    }
}
