@charset 'UTF-8';
.dis_none
{
    display: none;
}

.sp_only_disp
{
    display: none;
}
@media screen and (max-width: 767px)
{
    .sp_only_disp
    {
        display: block;
    }
}

.pc_only_disp
{
    display: block;
}
@media screen and (max-width: 767px)
{
    .pc_only_disp
    {
        display: none;
    }
}

:root
{
    --color_fe_text: #31261d;
}

.feature_list_all_wrap
{
    margin-top: 0;
    padding-top: 110px;
}
@media screen and (max-width: 767px)
{
    .feature_list_all_wrap
    {
        padding-top: 8.5333333333vw;
    }
}
.feature_list_all_wrap .feat_main_v
{
    padding: 0;
}

.feature-cat-nav
{
    display: flex;

    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
@media screen and (max-width: 767px)
{
    .feature-cat-nav
    {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;

        margin-right: -5.3333333333vw;
        margin-left: -5.3333333333vw;
        padding-right: 5.3333333333vw;
        padding-bottom: 4px;
        padding-left: 5.3333333333vw;

        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        gap: 8px;
        justify-content: unset;
    }
}

.cat-tab
{
    position: relative;

    display: inline-block;

    min-width: 58px;
    padding: 8px 12px;

    text-align: center;
    text-decoration: none;

    color: #8e9399;
    border: 1px solid #9fc7e4;
    background: #f3f6f8;
}

.cat-tab.is-active
{
    font-weight: 700;

    color: #222;
    border-color: #a9d5f1;
    background: #a9d5f1;
}

.cat-tab.is-active::after
{
    position: absolute;
    top: 50%;
    right: -9px;

    content: '';
    transform: translateY(-50%);

    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #a9d5f1;
}

@media screen and (max-width: 767px)
{
    .feature-cat-nav .cat-tab
    {
        white-space: nowrap;

        flex: 0 0 auto;
    }
}
/* スライダー用 */
.js-feature-top-slider
{
    width: 1103px;
    margin: 0 auto;
}
@media screen and (max-width: 767px)
{
    .js-feature-top-slider
    {
        width: 100%;
        margin-bottom: 0 !important;
    }
}

.js-feature-top-slider .feature-page-parts-thumb
{
    overflow: hidden;

    width: 702px;
    height: 429px;
    margin-left: auto;

    border-radius: 5px;
}
@media screen and (max-width: 767px)
{
    .js-feature-top-slider .feature-page-parts-thumb
    {
        width: 89.3333333333vw;
        height: auto;

        border-radius: 1.3333333333vw;

        aspect-ratio: 702/429;
    }
}

.js-feature-top-slider .feature-page-parts-thumb img
{
    /* 全面表示。切り抜きNGなら contain に変更 */
    display: block;

    width: 100%;
    height: 100%;

    border-radius: unset;

    -o-object-fit: cover;

       object-fit: cover;
}

.feature-page-parts-list
{
    position: relative;
}

.feature-slider-nav
{
    position: absolute;
    top: 52%;
    left: 40px;

    display: flex;

    margin-top: 0;

    transform: translateY(-50%);

    align-items: center;
    gap: 10px;
}
@media screen and (max-width: 767px)
{
    .feature-slider-nav
    {
        position: static;
        top: auto;
        left: auto;

        margin-top: 12px;

        transform: none;

        justify-content: center;
    }
}

.feature-slider-nav .slick-prev,
.feature-slider-nav .slick-next
{
    position: static;

    width: 18px;
    height: 18px;

    transform: none;
}

.feature-slider-nav .slick-dots
{
    position: static;

    width: auto;
    margin: 0;
}

.feature-slider-nav .slick-dots li
{
    width: 10px;
    height: 16px;
    margin: 0 4px;
}

.feature-slider-nav .slick-prev
{
    order: 1;
}

.feature-slider-nav .slick-dots
{
    order: 2;
}

.feature-slider-nav .slick-next
{
    order: 3;
}

.js-feature-top-slider .feature-page-parts-item
{
    width: 1103px;
    margin: 0;
}
@media screen and (max-width: 767px)
{
    .js-feature-top-slider .feature-page-parts-item
    {
        width: 100%;
    }
}

.js-feature-top-slider .feature-page-parts-item ul
{
    position: relative;

    width: 1103px;
    height: 429px;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 767px)
{
    .js-feature-top-slider .feature-page-parts-item ul
    {
        width: 100%;
        height: auto;
        padding-bottom: 11.7333333333vw;
    }
}

.js-feature-top-slider .feature-page-parts-title
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    display: flex;

    box-sizing: border-box;
    width: 588px;
    height: 134px;
    margin: 0;
    padding: 0 28px;

    border-radius: 5px;
    background: rgba(255, 255, 255, .75);

    align-items: center;
}

.js-feature-top-slider .feature-page-parts-title p
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    display: -webkit-box;
    overflow: hidden;

    width: auto;
    height: auto;
    margin: 0;
    padding: 0;

    letter-spacing: .96px;
    text-overflow: ellipsis;

    color: var(--color_fe_text);
    background: transparent;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}

@media screen and (max-width: 767px)
{
    .js-feature-top-slider .feature-page-parts-title
    {
        z-index: 3;
        bottom: 0vw;
        left: 0vw;

        width: 89.0666666667vw;
        height: 24.5333333333vw;
        min-height: 19.2vw;
        padding: 5.3333333333vw;

        border-radius: 1.0666666667vw;
    }

    .js-feature-top-slider .feature-page-parts-title p
    {
        font-size: 4.8vw;

        padding: 0;

        letter-spacing: .192vw;
    }
}
.js-feature-top-slider .feature-page-parts-item ul,
.js-feature-top-slider .feature-page-parts-item li
{
    list-style: none;
}

#pagination > span
{
    display: inline-flex;

    align-items: center;
    gap: 24px;
}

@media screen and (max-width: 767px)
{
    #pagination > span
    {
        gap: 6.4vw;
    }
}
/*一覧box*/
.fea_list_in_wrap .fea_setbox_all_wrap
{
    display: flex;

    flex-wrap: wrap;
    gap: 40px 10px;
}
@media screen and (max-width: 767px)
{
    .fea_list_in_wrap .fea_setbox_all_wrap
    {
        gap: 5.3333333333vw 2.9333333333vw;
    }
}
.fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap
{
    width: 360px;
}
@media screen and (max-width: 767px)
{
    .fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap
    {
        width: 43.2vw;
    }
}
.fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap .feature-page-view-thumb
{
    overflow: hidden;

    border-radius: 5px;
}
@media screen and (max-width: 767px)
{
    .fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap .feature-page-view-thumb
    {
        border-radius: 1.3333333333vw;
    }
}
.fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap .feature-page-view-thumb a
{
    position: relative;

    display: block;

    height: 220px;
}
@media screen and (max-width: 767px)
{
    .fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap .feature-page-view-thumb a
    {
        height: 26.4vw;
    }
}
.fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap .feature-page-view-thumb a img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;
    /* 縦長 → 左右余白、横長 → 上下余白 */

    transform: translate(-50%, -50%);
    /* 中央に配置 */

    background: #fff;

    -o-object-fit: contain;
       object-fit: contain;
    /* 念のため */
}
.fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap .feature-page-view-title
{
    margin: 20px 0;
}
@media screen and (max-width: 767px)
{
    .fea_list_in_wrap .fea_setbox_all_wrap .fea_setbox_wrap .feature-page-view-title
    {
        margin: 2.6666666667vw 0;
    }
}

.main_content
{
    margin-top: 40px;
}
@media screen and (max-width: 767px)
{
    .main_content
    {
        margin-top: 10.6666666667vw;
    }
}

.sort_cat_area_wrap
{
    margin-top: 100px;
}
@media screen and (max-width: 767px)
{
    .sort_cat_area_wrap
    {
        margin-top: 10.6666666667vw;
    }
}

.fea_pager_wrap
{
    display: block;
}
.fea_pager_wrap .feature-page-view-no-item
{
    padding: 20px 0 240px;
}
@media screen and (max-width: 767px)
{
    .fea_pager_wrap .feature-page-view-no-item
    {
        padding: 5.3333333333vw 0 64vw;
    }
}

.feature-slider-nav .slick-arrow::before
{
    display: block;

    width: 8px;
    height: 8px;
    margin: 0 auto;

    content: '';

    border-right: 1px solid rgba(44, 44, 44, .45);
    border-bottom: 1px solid rgba(44, 44, 44, .45);
}

.feature-slider-nav .slick-prev::before
{
    transform: rotate(135deg);
}

.feature-slider-nav .slick-next::before
{
    transform: rotate(-45deg);
}

.feature-slider-nav .slick-dots li.slick-active button
{
    position: relative;
    bottom: 0;

    width: 10px;
    height: 10px;

    background: #6cc7ff;
}

.feature-slider-nav .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    width: 8px;
    height: 8px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    border-radius: 999px;
    background: rgba(44, 44, 44, .18);
}

.feature-slider-nav .slick-dots li button::before
{
    content: none;
}

.feature-page-parts-item
{
    background-color: unset;
}

.gray_col_wrap
{
    margin-top: 24px;

    border-radius: 50px 50px 0 0;
    background-color: #f4f4f4;
}
@media screen and (max-width: 767px)
{
    .gray_col_wrap
    {
        margin-top: 6.4vw;
        padding-top: unset;

        border-radius: 13.3333333333vw 13.3333333333vw 0vw 0vw;
    }
}

.breadcrumbsNavUl li
{
    position: relative;
}

.head_txt_cus_pos
{
    position: relative;
}
@media screen and (max-width: 767px)
{
    .head_txt_cus_pos
    {
        padding-top: 2.1333333333vw;
    }
}
.head_txt_cus_pos .c-heading
{
    position: absolute;
    top: -43px;
    right: 0;
    left: 0;

    margin: auto;
}
@media screen and (max-width: 767px)
{
    .head_txt_cus_pos .c-heading
    {
        position: unset;
    }
}

@media screen and (max-width: 767px)
{
    .feature_pankuzu_wrap #breadcrumb a,
    .feature-list-page-wrapper #breadcrumb a
    {
        padding: 1.6vw 1.6vw;
    }
}

/*記事詳細*/
.feature-page-wrapper.custom_fe
{
    width: 100%;
    max-width: unset;
    padding-right: 40px;
    padding-left: 40px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe
    {
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe #upper-contents-area
    {
        padding: 0 5.3333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content
{
    position: relative;

    width: 100%;
    padding-bottom: 74px;

    --bg-top: 416px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content
    {
        padding-bottom: 8.5333333333vw;

        --bg-top: 56vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .in_area_add
{
    width: 856px;
    margin: auto;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .in_area_add
    {
        width: 100%;
    }
}
.feature-page-wrapper.custom_fe .main-content .fe_date_area_txt
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    line-height: normal;

    display: flex;

    text-align: right;

    color: #828282;

    align-items: center;
    justify-content: flex-end;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fe_date_area_txt
    {
        font-size: 3.2vw;

        padding: 0 5.3333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fe_date_area_txt .time_icon_img
{
    width: 19px;
    height: 19px;
    margin-right: 8px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fe_date_area_txt .time_icon_img
    {
        width: 4vw;
        height: 4vw;
        margin-right: .8vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea_p_t_h
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;

    margin-top: 20px;

    letter-spacing: .96px;

    color: var(--color_fe_text);
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea_p_t_h
    {
        margin-top: 1.6vw;
        padding: 0 5.3333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea_c_area_txt
{
    margin-top: 20px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea_c_area_txt
    {
        margin-top: 4.2666666667vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea_c_area_txt .c_txt_base
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    padding: 6px;

    text-align: center;
    letter-spacing: .48px;

    color: #828282;
    border: 1px solid;
    border: 1px solid #bae5ff;
    border-radius: 2px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea_c_area_txt .c_txt_base
    {
        font-size: 3.2vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .header-banner
{
    overflow: hidden;

    margin-top: 40px;

    border-radius: 5px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .header-banner
    {
        margin-top: 5.3333333333vw;

        border-radius: 1.3333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .header-banner img
{
    width: 100%;
}
.feature-page-wrapper.custom_fe .main-content .feature-text p
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 26px;

    margin-top: 42px;
    /* 162.5% */

    letter-spacing: 3.84px;

    color: var(--color_fe_text);
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .feature-text p
    {
        font-size: 3.7333333333vw;
        line-height: 5.8666666667vw;

        margin-top: 5.3333333333vw;

        letter-spacing: .896vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-mokuji
{
    position: relative;

    margin-top: 72px;
    padding: 30px 30px 0 30px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-mokuji
    {
        margin-top: 10.6666666667vw;
        padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg
{
    padding: 40px 160px;

    border-radius: 5px;
    background-color: #fff;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg
    {
        padding: 10.6666666667vw 5.3333333333vw 10.6666666667vw 8vw;

        border-radius: 1.3333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg p
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 26px;

    position: relative;
    /* 185.714% */

    letter-spacing: .56px;

    color: var(--color_fe_text);
}
.feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg p:not(:nth-child(1))
{
    margin-top: 16px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg p:not(:nth-child(1))
    {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg p
    {
        font-size: 3.7333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg p::before
{
    position: absolute;
    z-index: 1;
    top: 14px;
    left: -21px;

    width: 12px;
    height: 1px;

    content: '';

    border-top: 1px solid #666;
    /* 線の太さ・色 */
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-mokuji .in_mokuji_bg p::before
    {
        top: 3.7333333333vw;
        left: -3.2vw;

        width: 1.8666666667vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-mokuji .fea_mokuji_title
{
    position: absolute;
    top: 0;
    left: 0;

    padding: 12px 42px;

    border-radius: 4px;
    background: #6cc7ff;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-mokuji .fea_mokuji_title
    {
        padding: 2.1333333333vw 11.2vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-mokuji .fea_mokuji_title p
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 26px;

    text-align: center;
    /* 144.444% */
    letter-spacing: 4.32px;

    color: #fff;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-mokuji .fea_mokuji_title p
    {
        font-size: 4.8vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area
{
    position: relative;

    margin-top: 72px;
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area .ank_pos_set
{
    position: absolute;
    top: -232px;
    left: 0;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_area .ank_pos_set
    {
        top: -32.2666666667vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_title
{
    padding-bottom: 14px;

    border-bottom: 1px solid #828282;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_title
    {
        padding-bottom: unset;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_title .in_fea_detail_title
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    letter-spacing: .8px;

    color: #1b1b1b;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_title .in_fea_detail_title
    {
        font-size: 5.3333333333vw;

        letter-spacing: .2133333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_txt
{
    margin-top: 40px;
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_txt p
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
    /* 157.143% */

    letter-spacing: .56px;

    color: var(--color_fe_text);
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_txt p
    {
        font-size: 3.7333333333vw;
        line-height: 5.8666666667vw;

        letter-spacing: .1493333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_img
{
    overflow: hidden;

    width: 550px;
    height: auto;
    margin: 40px auto 0;

    border-radius: 5px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_img
    {
        width: 77.8666666667vw;

        border-radius: 1.3333333333vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_area .in_fea_detail_area_img img
{
    width: 100%;
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap
{
    display: flex;

    width: 550px;
    margin: 60px auto 0;
    padding: 20px;

    border: 1px solid #828282;
    border-radius: 5px;

    gap: 23px;
    align-items: center;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap
    {
        width: 100%;
        margin: 10.6666666667vw auto 0;
        padding: 3.7333333333vw;

        border-radius: 1.3333333333vw;

        gap: 4.8vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .profile_img_area_wrap
{
    overflow: hidden;

    width: 111px;
    height: 111px;

    border-radius: 100px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .profile_img_area_wrap
    {
        width: 22.6666666667vw;
        height: 22.6666666667vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .profile_img_area_wrap img
{
    width: 100%;
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .txt_p_wrap
{
    flex: 1;
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .txt_p_wrap .txt_p1
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    letter-spacing: .48px;

    color: var(--color_fe_text);
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .txt_p_wrap .txt_p1
    {
        font-size: 3.2vw;

        letter-spacing: .128vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .txt_p_wrap .txt_p2
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    letter-spacing: .64px;

    color: var(--color_fe_text);
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .txt_p_wrap .txt_p2
    {
        font-size: 4.2666666667vw;

        letter-spacing: .1706666667vw;
    }
}
.feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .txt_p_wrap .txt_p3
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    line-height: normal;

    margin-top: 6px;

    letter-spacing: .48px;

    color: var(--color_fe_text);
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content .fea-detail_pro_area .in_fea_detail_pro_area_wrap .txt_p_wrap .txt_p3
    {
        font-size: 3.2vw;

        margin-top: 1.6vw;

        letter-spacing: .128vw;
    }
}
.feature-page-wrapper.custom_fe .main-content::before
{
    position: absolute;
    z-index: 0;
    top: var(--bg-top);
    bottom: 0;
    left: 50%;

    width: 100%;

    content: '';
    transform: translateX(-50%);

    border-radius: 32px;
    background: #ececec;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .main-content::before
    {
        border-radius: 8vw;
    }
}
.feature-page-wrapper.custom_fe .main-content > *
{
    position: relative;
    z-index: 1;
}
.feature-page-wrapper.custom_fe .fea_spacer_8
{
    height: 8px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .fea_spacer_8
    {
        height: 2.1333333333vw;
    }
}
.feature-page-wrapper.custom_fe .fea_spacer_16
{
    height: 16px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .fea_spacer_16
    {
        height: 4.2666666667vw;
    }
}
.feature-page-wrapper.custom_fe .fea_spacer_24
{
    height: 24px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .fea_spacer_24
    {
        height: 6.4vw;
    }
}
.feature-page-wrapper.custom_fe .fea_spacer_32
{
    height: 32px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .fea_spacer_32
    {
        height: 8.5333333333vw;
    }
}
.feature-page-wrapper.custom_fe .fea_spacer_40
{
    height: 40px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .fea_spacer_40
    {
        height: 10.6666666667vw;
    }
}
.feature-page-wrapper.custom_fe .fea_spacer_48
{
    height: 48px;
}
@media screen and (max-width: 767px)
{
    .feature-page-wrapper.custom_fe .fea_spacer_48
    {
        height: 12.8vw;
    }
}

.kanren_kiji_area_wrap
{
    margin-top: 120px;
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap
    {
        margin-top: 21.3333333333vw;
    }
}
.kanren_kiji_area_wrap .kanren_txt_title
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    line-height: normal;

    text-align: center;
    letter-spacing: .96px;

    color: #31261d;
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_txt_title
    {
        font-size: 6.4vw;

        letter-spacing: .256vw;
    }
}
.kanren_kiji_area_wrap .kanren_kiji_area
{
    display: grid;

    margin-top: 20px;

    grid-template-columns: repeat(4, 1fr);
    gap: 16px 8px;
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area
    {
        position: relative;

        display: block;

        padding-top: 11.7333333333vw;
    }
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area .slick-list
    {
        margin-right: -5.3333333333vw;
        margin-left: -5.3333333333vw;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area .slick-arrow-base
    {
        top: 0;
    }
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area .slick-arrow-base--prev
    {
        right: 18.6666666667vw;
    }
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area .slick-arrow-base--next
    {
        right: 5.3333333333vw;
    }
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area .kanren_kiji_set_box
    {
        margin: 0 1.6vw;
    }
}
.kanren_kiji_area_wrap .kanren_kiji_area .kanren_kiji_set_box .kan_img_area
{
    overflow: hidden;

    border-radius: 5px;
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area .kanren_kiji_set_box .kan_img_area
    {
        border-radius: 1.3333333333vw;
    }
}
.kanren_kiji_area_wrap .kanren_kiji_area .kanren_kiji_set_box .kan_txt_area
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    line-height: 20px;

    margin-top: 10px;
    /* 142.857% */

    letter-spacing: .56px;

    color: #31261d;
}
@media screen and (max-width: 767px)
{
    .kanren_kiji_area_wrap .kanren_kiji_area .kanren_kiji_set_box .kan_txt_area
    {
        font-size: 3.7333333333vw;
        line-height: 5.3333333333vw;

        margin-top: 2.6666666667vw;

        letter-spacing: .1493333333vw;
    }
}

.feature-page-parts-viewmore.view-more-btn.custom_back
{
    margin-top: 80px;

    text-align: left;
}
@media screen and (max-width: 767px)
{
    .feature-page-parts-viewmore.view-more-btn.custom_back
    {
        margin-top: 10.6666666667vw;
    }
}

@media screen and (max-width: 767px)
{
    .feature_list_top_cmn_partarea
    {
        margin-top: -4.5333333333vw;
    }
}

#feature-group-items
{
    margin-top: 72px;
}
@media screen and (max-width: 767px)
{
    #feature-group-items
    {
        margin-top: 19.2vw;
        padding: 0 5.3333333333vw;
    }
}

#feature-group-items > .title
{
    font-family: 'Zen Kaku Gothic Antique';
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;

    letter-spacing: .8px;

    color: #1b1b1b;
}
@media screen and (max-width: 767px)
{
    #feature-group-items > .title
    {
        font-size: 5.3333333333vw;

        letter-spacing: .2133333333vw;
    }
}

#feature-group-items .feature-item
{
    width: 100%;
    height: auto;
}
#feature-group-items .feature-item #productImage
{
    width: 100%;
    height: auto;

    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

@media screen and (max-width: 767px)
{
    .feature-list-page-wrapper #breadcrumb
    {
        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 767px)
{
    .feature-list-page-wrapper #breadcrumb .breadcrumbsNavUl
    {
        display: flex;

        white-space: nowrap;

        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 767px)
{
    .feature-list-page-wrapper #breadcrumb .breadcrumbsNavUl li
    {
        flex: 0 0 auto;
    }
}

@media screen and (max-width: 767px)
{
    .feature_pankuzu_wrap #breadcrumb
    {
        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 767px)
{
    .feature_pankuzu_wrap #breadcrumb .breadcrumbsNavUl
    {
        display: flex;

        white-space: nowrap;

        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 767px)
{
    .feature_pankuzu_wrap #breadcrumb .breadcrumbsNavUl li
    {
        flex: 0 0 auto;
    }
}