@charset "UTF-8";
#container #contents .merit_list .merit_sec.tabnone {
  display: none;
}

/* ----------------------------------------------
  PC設定
  ------------------------------------------------*/
@media all and (min-width: 769px) {
  #container main .member_section {
    margin-bottom: var(--s24_42);
  }
  #container main .member_section .member_top {
    padding-bottom: var(--s8_16);
    margin-bottom: var(--s8_16);
    border-bottom: var(--green03) var(--s3_6) solid;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--s4_8) var(--s16_24);
  }
  #container main .member_section .member_top .chara {
    width: var(--s32_80);
  }
  #container main .member_sectiofn .member_top .text {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    font-size: var(--s16_18);
    color: var(--green03);
    font-weight: 500;
  }
  #container main .member_section .member_top .text .big {
    font-size: var(--s20_28);
    color: var(--green03);
    font-weight: 500;
  }
  #container main .member_section .member_bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: var(--s4_8) var(--s16_24);
  }
  #container main .member_section .member_bottom .number_area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 0.5rem;
  }
  #container main .member_section .member_bottom .number_area .num_box {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.25rem;
  }
  #container main .member_section .member_bottom .number_area .num_box .tit {
    border: 1px solid #000;
    background-color: #fff;
    padding: 0.1rem 0.5rem;
  }
  #container main .member_section .member_bottom .number_area .num_box .tit .br {
    line-height: 1.5;
    font-size: 12px;
  }
  #container main .member_section .member_bottom .number_area .num_box .num {
    display: flex;
    align-items: baseline;
    grid-gap: 0.1rem;
  }
  #container main .member_section .member_bottom .number_area .num_box .num .count {
    font-size: clamp(1rem, -0.5rem + 2vw, 1.25rem); /*16~20px(1200~1400px))*/
    font-weight: bold;
  }
  #container main .member_section .member_bottom .number_area .num_box .num .br {
    font-size: 12px;
  }
  #container main .member_section .member_bottom .number_area .num_box.member_box .tit {
    background-color: #ffe200;
    border-color: #ffe200;
  }
  #container main .member_section .member_bottom .button {
    width: 30%;
    min-width: 300px;
  }
  #container main .member_section .member_bottom .button a {
    padding: var(--s4_8) var(--s16_24);
    border-radius: 5px;
    width: 100%;
    display: block;
    text-align: center;
  }
  #container main .member_section .member_bottom .button a .txt {
    color: #fff;
  }


  #container main form .form_area .top_txt {
    text-align: center;
    margin-bottom: 1rem;
    font-size: var(--s14_16); /*14~16px(520~1400px)*/
  }
  #container main form .form_area .form_title_flex {
    display: flex;
    align-items: center;
    grid-gap: 1rem;
  }
  #container main form .form_area .form_title_flex .bg {
    font-size: var(--s16_18);
    padding: 0.5rem 2rem;
    color: #fff;
    background-color: #3E3A39;
    width: 30%;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }


  #container main .merit_list {
    margin-bottom: var(--s40_100);
  }

  #container main .merit_list .tab_area {
    display: flex;
    grid-gap: var(--s3_6);
    justify-content: space-between;
    margin-bottom: -1px;
    position: relative;
    z-index: 2;
  }
  #container main .merit_list .tab_area .tab {
    flex: 1;
  }
  #container main .merit_list .tab_area .tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--s4_8) var(--s8_16);
    background-color: var(--blue02);
    border-top-right-radius: var(--s4_8);
    color: var(--s14_16);
    font-weight: 500;
    color: var(--blue01);
  }
  #container main .merit_list .tab_area .tab a.active {
    border: 1px solid var(--mainblack);
    border-bottom: 0;
    background-color: #fff;
  }

  #container main .merit_list .merit_sec {
    position: relative;
    z-index: 1;
    padding: var(--s8_16) var(--s16_32);
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--s8_16) var(--s16_32);
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--mainblack);
  }
  #container main .merit_list .merit_sec .text_area {
    width: 72%;
  }
  #container main .merit_list .merit_sec .main_img {
    width: calc(28% - var(--s16_32));
  }
  #container main .merit_list .merit_sec .main_img img {
    height: 100%;
    max-height: 205px;
    object-fit: contain;
  }
  #container main .merit_list .merit_sec h2 {
    font-size: var(--s18_20);
    color: var(--blue01);
    padding-bottom: .25em;
    margin-bottom: .25em;
    position: relative;
  }
  #container main .merit_list .merit_sec h2::after {
    content: "";
    display: inline-block; 
    background-image : linear-gradient(to right, var(--blue01) 3px, transparent 3px);
    background-size: 10px 3px;
    background-repeat: repeat-x; 
    background-position: left bottom;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #container main .merit_list .merit_sec .main_text {
    margin-bottom: var(--s16_24);
  }
  #container main .merit_list .merit_sec .main_text .br {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }

  #container main .merit_list .merit_sec .merit_box {
    display: flex;
    align-items: center;
    grid-gap: var(--s16_24);
  }
  #container main .merit_list .merit_sec .merit_box img {
    width: var(--s22_42);
  }
  #container main .merit_list .merit_sec .merit_box .text {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full {
    grid-gap: 1rem;
  }
  #container main .merit_list .merit_sec.full .normal_text {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .strong_text {
    padding: var(--s8_16);
    background-color: var(--blue01);
    text-align: center;
    color: #fff;
    width: 100%;
    margin: var(--s16_24) 0;
    font-size: var(--s14_16);
  }
  #container main .merit_list .merit_sec.full .example {
    padding: max(2vw, 1rem) max(3vw, 1rem) 0;
    width: 100%;
  }
  #container main .merit_list .merit_sec.full .example .inner {
    position: relative;
    z-index: 1;
    margin-bottom: 3rem;
  }
  #container main .merit_list .merit_sec.full .example .inner::after {
    content: "";
    display: inline-block;
    width: calc(100% + max(3vw, 1rem) + max(3vw, 1rem));
    height: calc(100% + max(2vw, 1rem) + max(2vw, 1rem) + 3.5rem);
    background: url(/images/common/bg_brown.png) center/cover no-repeat;
    opacity: 0.6;
    position: absolute;
    left: 50%;
    top: calc(max(2vw, 1rem) * -1);
    transform: translateX(-50%);
    z-index: -1;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.5rem 1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area h3 {
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    font-weight: bold;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .txt {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .bg {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
    color: #fff;
    padding: 0.5rem 1rem;
    background-color: #231815;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 1rem 2rem;
    position: relative;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box {
    width: calc(50% - 1rem);
    background-color: #fff;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box .tit {
    padding: 0.5rem 1rem;
    color: #fff;
    margin-bottom: 1rem;
    text-align: center;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box .first_txt {
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    text-align: center;
    display: block;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box .red {
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    text-align: center;
    color: #C30D23;
    display: block;
    font-weight: 500;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul {
    padding: 0 2rem 1rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.25rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li .txt {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li hr {
    flex: auto;
    border: 1px dashed #000;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li:not(.strong) {
    padding: 0 1rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li.strong {
    padding: 0.5rem 1rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.usually .tit {
    background-color: #C9A063;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.usually ul li.strong {
    background-color: #EDE5D9;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.us_com .tit {
    background-color: var(--green02);
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.us_com ul li {
    margin-bottom: 0.75rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.us_com ul li.strong {
    background-color: #D9EDBE;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .arrow {
    color: #fff;
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    text-align: center;
    padding: 0.25rem 1rem;
    background-color: #5FA00B;
    width: 30%;
    min-width: 200px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-110%, 50%);
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .arrow::after {
    content: "";
    display: inline-block;
    width: 45px;
    background-color: #5FA00B;
    aspect-ratio: 2/3;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(80%, -50%);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
            clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }
  #container main .merit_list .merit_sec.full .example .result_area {
    display: flex;
    background-color: #fff;
    border: 3px solid #C30D23;
    z-index: 1;
    position: relative;
    width: fit-content;
    margin: 0 auto;
  }
  #container main .merit_list .merit_sec.full .example .result_area dt {
    color: #fff;
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    padding: 1rem 3rem 1rem 1.5rem;
    background-color: #C30D23;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 1.5rem) 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, calc(100% - 1.5rem) 100%, 0% 100%);
  }
  #container main .merit_list .merit_sec.full .example .result_area dd {
    padding: 0 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
  }
  #container main .merit_list .merit_sec.full .example .result_area dd .small {
    font-weight: 500;
  }
  #container main .merit_list .merit_sec.full .example .result_area dd .price_row {
    font-size: clamp(1.125rem, 0.977rem + 0.46vw, 1.375rem); /*18~22px(521~1400px)*/
    color: #C30D23;
    font-weight: 500;
    display: flex;
    align-items: baseline;
    grid-gap: 0.5rem;
  }
  #container main .merit_list .merit_sec.full .example .result_area dd .price_row .big {
    font-size: calc(clamp(1.125rem, 0.977rem + 0.46vw, 1.375rem) * 2);
    line-height: 1;
    color: #C30D23;
    font-weight: 500;
  }
  #container main .merit_list .merit_sec.full .example .attention {
    margin-top: 1rem;
    text-align: center;
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_text {
    width: calc(70% - 1rem);
  }
}
/* ----------------------------------------------
  PAD設定
  ------------------------------------------------*/
@media all and (max-width: 768px) {
  #container main .member_section {
    margin-bottom: var(--s24_42);
  }
  #container main .member_section .member_top {
    padding-bottom: var(--s8_16);
    margin-bottom: var(--s8_16);
    border-bottom: var(--green03) var(--s3_6) solid;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--s4_8) var(--s16_24);
  }
  #container main .member_section .member_top .chara {
    width: var(--s32_80);
  }
  #container main .member_section .member_top .text {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    font-size: var(--s16_18);
    color: var(--green03);
    font-weight: 500;
  }
  #container main .member_section .member_top .text .big {
    font-size: var(--s20_28);
    color: var(--green03);
    font-weight: 500;
  }
  #container main .member_section .member_bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: var(--s4_8) var(--s16_24);
  }
  #container main .member_section .member_bottom .number_area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 0.5rem;
  }
  #container main .member_section .member_bottom .number_area .num_box {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.25rem;
  }
  #container main .member_section .member_bottom .number_area .num_box .tit {
    border: 1px solid #000;
    background-color: #fff;
    padding: 0.1rem 0.5rem;
  }
  #container main .member_section .member_bottom .number_area .num_box .tit .br {
    line-height: 1.5;
    font-size: 12px;
  }
  #container main .member_section .member_bottom .number_area .num_box .num {
    display: flex;
    align-items: baseline;
    grid-gap: 0.1rem;
  }
  #container main .member_section .member_bottom .number_area .num_box .num .count {
    font-size: clamp(1rem, -0.5rem + 2vw, 1.25rem); /*16~20px(1200~1400px))*/
    font-weight: bold;
  }
  #container main .member_section .member_bottom .number_area .num_box .num .br {
    font-size: 12px;
  }
  #container main .member_section .member_bottom .number_area .num_box.member_box .tit {
    background-color: #ffe200;
    border-color: #ffe200;
  }
  #container main .member_section .member_bottom .button {
    width: 30%;
    min-width: 300px;
  }
  #container main .member_section .member_bottom .button a {
    padding: var(--s4_8) var(--s16_24);
    border-radius: 5px;
    width: 100%;
    display: block;
    text-align: center;
  }
  #container main .member_section .member_bottom .button a .txt {
    color: #fff;
  }


  #container main form .form_area .top_txt {
    text-align: center;
    margin-bottom: 1rem;
    font-size: var(--s14_16); /*14~16px(520~1400px)*/
  }
  #container main form .form_area .form_title_flex {
    display: flex;
    align-items: center;
    grid-gap: 1rem;
  }
  #container main form .form_area .form_title_flex .bg {
    font-size: var(--s16_18);
    padding: 0.5rem 2rem;
    color: #fff;
    background-color: #3E3A39;
    width: 30%;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }


  #container main .merit_list {
    margin-bottom: var(--s40_100);
  }

  #container main .merit_list .tab_area {
    display: flex;
    grid-gap: var(--s3_6);
    justify-content: space-between;
    margin-bottom: -1px;
    position: relative;
    z-index: 2;
  }
  #container main .merit_list .tab_area .tab {
    flex: 1;
  }
  #container main .merit_list .tab_area .tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--s4_8) var(--s8_16);
    background-color: var(--blue02);
    border-top-right-radius: var(--s4_8);
    color: var(--s14_16);
    font-weight: 500;
    color: var(--blue01);
  }
  #container main .merit_list .tab_area .tab a.active {
    border: 1px solid var(--mainblack);
    border-bottom: 0;
    background-color: #fff;
  }

  #container main .merit_list .merit_sec {
    position: relative;
    z-index: 1;
    padding: var(--s8_16) var(--s16_32);
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--s8_16) var(--s16_32);
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--mainblack);
  }
  #container main .merit_list .merit_sec .text_area {
    width: 100%;
  }
  #container main .merit_list .merit_sec .main_img {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
  }
  #container main .merit_list .merit_sec .main_img img {
    height: 100%;
    max-height: 205px;
    object-fit: contain;
  }
  #container main .merit_list .merit_sec h2 {
    font-size: var(--s18_20);
    color: var(--blue01);
    padding-bottom: .25em;
    margin-bottom: .25em;
    position: relative;
  }
  #container main .merit_list .merit_sec h2::after {
    content: "";
    display: inline-block; 
    background-image : linear-gradient(to right, var(--blue01) 3px, transparent 3px);
    background-size: 10px 3px;
    background-repeat: repeat-x; 
    background-position: left bottom;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #container main .merit_list .merit_sec .main_text {
    margin-bottom: var(--s16_24);
  }
  #container main .merit_list .merit_sec .main_text .br {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }

  #container main .merit_list .merit_sec .merit_box {
    display: flex;
    align-items: center;
    grid-gap: var(--s16_24);
  }
  #container main .merit_list .merit_sec .merit_box img {
    width: var(--s22_42);
  }
  #container main .merit_list .merit_sec .merit_box .text {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full {
    grid-gap: 1rem;
  }
  #container main .merit_list .merit_sec.full .normal_text {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .strong_text {
    padding: var(--s8_16);
    background-color: var(--blue01);
    text-align: center;
    color: #fff;
    width: 100%;
    margin: var(--s16_24) 0;
    font-size: var(--s14_16);
  }

  #container main .merit_list .merit_sec.full .example {
    padding: max(2vw, 1rem) max(3vw, 1rem) 0;
    width: 100%;
  }
  #container main .merit_list .merit_sec.full .example .inner {
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
  }
  #container main .merit_list .merit_sec.full .example .inner::after {
    content: "";
    display: inline-block;
    width: calc(100% + max(3vw, 1rem) + max(3vw, 1rem));
    height: calc(100% + max(2vw, 1rem) + max(2vw, 1rem) + 3.5rem);
    background: url(/images/common/bg_brown.png) center/cover no-repeat;
    opacity: 0.6;
    position: absolute;
    left: 50%;
    top: calc(max(2vw, 1rem) * -1);
    transform: translateX(-50%);
    z-index: -1;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.5rem 1rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area h3 {
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    font-weight: bold;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .txt {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .bg {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
    color: #fff;
    padding: 0.5rem 1rem;
    background-color: #231815;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    grid-gap: 1rem 2rem;
    position: relative;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box {
    width: 100%;
    background-color: #fff;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box .tit {
    padding: 0.5rem 1rem;
    color: #fff;
    margin-bottom: 1rem;
    text-align: center;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box .first_txt {
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    text-align: center;
    display: block;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box .red {
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    padding: 0 1rem;
    margin-bottom: 0.5rem;
    text-align: center;
    color: #C30D23;
    display: block;
    font-weight: 500;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul {
    padding: 0 2rem 1rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.25rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li .txt {
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li hr {
    flex: auto;
    border: 1px dashed #000;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li:not(.strong) {
    padding: 0 1rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box ul li.strong {
    padding: 0.5rem 1rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.usually .tit {
    background-color: #C9A063;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.usually ul li.strong {
    background-color: #EDE5D9;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.us_com .tit {
    background-color: var(--green02);
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.us_com ul li {
    margin-bottom: 0.75rem;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .box.us_com ul li.strong {
    background-color: #D9EDBE;
  }
  #container main .merit_list .merit_sec.full .example .inner .middle_area .arrow {
    display: none;
  }
  #container main .merit_list .merit_sec.full .example .result_area {
    display: flex;
    background-color: #fff;
    border: 3px solid #C30D23;
    z-index: 1;
    position: relative;
  }
  #container main .merit_list .merit_sec.full .example .result_area dt {
    color: #fff;
    font-size: var(--s16_18); /*16~18px(521~1400px)*/
    padding: 1rem 3rem 1rem 1.5rem;
    background-color: #C30D23;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 1.5rem) 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, calc(100% - 1.5rem) 100%, 0% 100%);
  }
  #container main .merit_list .merit_sec.full .example .result_area dd {
    padding: 0 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: .25rem 1rem;
  }
  #container main .merit_list .merit_sec.full .example .result_area dd .small {
    font-weight: 500;
  }
  #container main .merit_list .merit_sec.full .example .result_area dd .price_row {
    font-size: clamp(1.125rem, 0.977rem + 0.46vw, 1.375rem); /*18~22px(521~1400px)*/
    color: #C30D23;
    font-weight: 500;
    display: flex;
    align-items: baseline;
    grid-gap: 0.5rem;
  }
  #container main .merit_list .merit_sec.full .example .result_area dd .price_row .big {
    font-size: calc(clamp(1.125rem, 0.977rem + 0.46vw, 1.375rem) * 2);
    line-height: 1;
    color: #C30D23;
    font-weight: 500;
  }
  #container main .merit_list .merit_sec.full .example .attention {
    margin-top: 1rem;
    text-align: center;
    font-size: var(--s14_16); /*14~16px(521~1400px)*/
  }
}
/* ----------------------------------------------
  SP設定
  ------------------------------------------------*/
@media all and (max-width: 520px) {
  #container main .member_section .member_top .chara{
    display: none;
  }
  #container main .member_section .member_top .text{
    width: 100%;
    justify-content: center;
  }
  #container main .merit_list .merit_sec {
    padding: var(--s4_8) var(--s8_16);
  }
  #container main .merit_list .merit_sec.full .example {
    padding: var(--s4_8) var(--s8_16) 0;
  }
  #container main .merit_list .merit_sec.full .example .result_area{
    flex-direction: column;
    align-items: center;
  }
  #container main .merit_list .merit_sec.full .example .result_area dt{
    clip-path: unset;
    width: 100%;
    text-align: center;
    padding: var(--s4_8) var(--s8_16);
  }
}