:root {
    --max-w: 1190px;
    --padd_01: 10px;
    --padd_02: 80px;
    --padd_03: calc(28 * (100vw / 375));
    --padd_04: calc(40 * (100vw / 375));
    --padd_05: calc(14 * (100vw / 375));
    --padd_v_01: 40px;
    --padd_v_01-2: 48px;
    --padd_v_02: 56px;
    --padd_v_03: 64px;
    --padd_v_04: 80px;
    --padd_v_05: 120px;
    --gap: 18px;
    --font_size_01: 12px;
    --font_size_02: 14px;
    --font_size_03: 16px;
    --font_size_04: 24px;
    --font_size_05: 40px;
    --sec_bdr_pdd: 24px;
    --clm_num: 4;
}

.contents-area {
    width: 100%;
    max-width: unset;
}

#feature_contents .btn {
    width: 320px;
    margin: 0 auto;
}

#feature_contents .text_box {
    font-size: var(--font_size_03);
    line-height: 2;
}

#feature_contents .text_box p {
    text-align: justify;
}

/* 
#feature_contents .f_sec_credit {
    font-size: var(--font_size_01);
    display: flex;
    flex-direction: column;
    gap: 1.8em;
} */

/* fv */
#feature_contents .fv {
    padding-top: var(--padd_01);
    padding-bottom: var(--padd_v_05);
}

#feature_contents .fv .img_box {
    max-width: var(--max-w);
    margin: 0 auto;
}

#feature_contents .fv .btn {
    margin: var(--padd_v_04) auto;
}

#feature_contents .fv .text_box {
    text-align: center;
}

/* style_list content */
#feature_contents .style_list .section_title {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: var(--padd_v_05) 0 var(--padd_v_03);
}

#feature_contents .style_list .section_title>span::before {
    font-size: var(--font_size_04);
}

#feature_contents .style_box .main_box {
    --g_position: 96%;
    background: linear-gradient(transparent var(--g_position), var(--color_bg) var(--g_position));
}

#feature_contents .style_box .pc_grid {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

#feature_contents .style_box:nth-child(2n) .pc_grid {
    flex-direction: row-reverse;
}

#feature_contents .style_box .pc_grid>ul {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: calc(var(--padd_v_05) * 2);
}

#feature_contents .style_box .pc_grid>ul.content {
    padding-top: var(--padd_v_02);
    padding-left: var(--padd_02);
    padding-right: var(--padd_01);
    text-align: left;
    gap: var(--padd_v_05);
}

#feature_contents .style_box:nth-child(2n) .pc_grid>ul.content {
    padding-left: var(--padd_01);
    padding-right: var(--padd_02);
}

#feature_contents .style_box .pc_grid>ul.content li {
    font-size: var(--font_size_02);
    display: flex;
    flex-direction: column;
    gap: var(--padd_v_01);
}

#feature_contents .style_box .pc_grid>ul.content li.credit {
    gap: var(--padd_v_01-2);
}

#feature_contents .style_box .credit .btn {
    margin: 0;
}

#feature_contents .style_box .pc_grid>ul.sp_no li:last-child {
    padding: 0 var(--padd_02);
}

#feature_contents .style_box:nth-child(4) .pc_grid>ul.sp_no li:first-child {
    padding-left: var(--padd_02);
}

#feature_contents .style_box:nth-child(4) .pc_grid>ul.sp_no li:last-child {
    padding: 0;
}

/* style_list sub */
#feature_contents .style_box .sub_box {
    padding-top: var(--padd_v_05);
    padding-bottom: var(--padd_v_05);
}

#feature_contents .style_box .other {
    max-width: var(--max-w);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

#feature_contents .style_box:nth-child(2n) .other {
    flex-direction: row-reverse;
    text-align: right;
}

#feature_contents .style_box .other>div {
    width: 50%;
    box-sizing: border-box;
}

#feature_contents .style_box .other>div:first-child {
    padding-top: var(--padd_v_04);
    padding-left: var(--padd_02);
}

#feature_contents .style_box:nth-child(2n) .other>div:first-child {
    padding-left: 0;
    padding-right: var(--padd_02);
}

#feature_contents .style_box .other .text_box {
    padding-bottom: var(--padd_v_01-2);
}

#feature_contents .style_box .other .credit {
    display: flex;
    flex-direction: column;
    gap: var(--padd_v_01-2);
}

#feature_contents .style_box:nth-child(2n) .other .credit .btn {
    margin-left: auto;
}

/* style_list recommend */
#feature_contents .style_box .recommend {
    max-width: var(--max-w);
    margin: var(--padd_v_04) auto 0;
    padding: var(--padd_02) var(--padd_v_05);
    background-color: #fff;
    box-sizing: border-box;
}

#feature_contents .style_box .recommend h5 {
    padding-bottom: 0;
    font-family: var(--font_family_en);
    font-size: var(--font_size_04);
    font-weight: 500;
    text-align: center;
}

#feature_contents .style_box .recommend .list_search-result {
    width: 100%;
    margin: 0;
    padding: var(--padd_v_02) 0;
}

#feature_contents .style_box .recommend .list_search-result .block_item {
    margin: 0;
}

/* btn_box */
#feature_contents .btn_box ul {
    padding: var(--padd_v_05) 0;
    gap: var(--sec_bdr_pdd);
}

/* other_feature */
#feature_contents .other_feature>div {
    max-width: var(--max-w);
    margin: 0 auto;
}

#feature_contents .other_feature h5 {
    margin: auto;
    padding-bottom: var(--sec_bdr_pdd);
}

#feature_contents .other_feature ul {
    --of_gap: calc(var(--padd_v_03) / 2);
    padding: var(--padd_v_02) 0;
    gap: var(--of_gap);
}

#feature_contents .other_feature ul li {
    --clm_num: 2;
    --clm_num_multiple: calc(var(--clm_num) - 1);
    --list_item_size: calc((100% / var(--clm_num)) - (var(--of_gap) / var(--clm_num) * var(--clm_num_multiple)));
}

#feature_contents .staff {
    font-size: var(--font_size_03);
}

#feature_contents .staff strong {
    font-size: 1.25em;
}

#feature_contents .staff .f_sns {
    gap: var(--padd_v_01-2);
}

#feature_contents .staff .f_sns a {
    --sns_icon_size: 40px;
    width: var(--sns_icon_size);
}

.pc_no {
    display: none !important;
}