@charset "UTF-8";
/* ----------------------------------------------
  PC設定
  ------------------------------------------------*/
@media all and (min-width: 769px) {
  #container main .member_section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
    background-color: #D9EDBE;
    padding: 1.5rem 1rem;
    margin-bottom: calc(clamp(2rem, 0.061rem + 8.25vw, 6.25rem) / 3);
  }
  #container main .member_section .left {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    grid-gap: 5%;
  }
  #container main .member_section .left .box {
    width: 47.5%;
    padding: 0.5rem min(1vw, 1rem);
    background-color: #fff;
    border: 2px solid #F39800;
    border-radius: 10px;
  }
  #container main .member_section .left .box .tit {
    font-size: clamp(1rem, 0.852rem + 0.46vw, 1.25rem);
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    color: #F39800;
  }
  #container main .member_section .left .box .tit::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    background-color: #000;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 150%);
  }
  #container main .member_section .left .box .num_row {
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);
  }
  #container main .member_section .left .box .num_row .num {
    font-size: clamp(1.25rem, 0.805rem + 1.37vw, 2rem);
    line-height: 1;
  }
  #container main .member_section .left .box.member {
    border-color: #009944;
  }
  #container main .member_section .left .box.member .tit {
    color: #009944;
  }
  #container main .member_section .right {
    width: 60%;
  }
  #container main .member_section .right .top_text {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  #container main .member_section .right .top_text .small {
    font-size: clamp(1rem, 0.704rem + 0.91vw, 1.5rem); /*16~24px(521~1400px)*/
    font-weight: 500;
    color: #009944;
  }
  #container main .member_section .right .top_text .big {
    font-size: clamp(1.25rem, 0.805rem + 1.37vw, 2rem); /*20~32px(521~1400px)*/
    font-weight: 500;
    color: #009944;
  }
  #container main .member_section .right .button {
    width: 100%;
    max-width: 600px;
    text-align: center;
    border-radius: 10px;
    background-color: #F39800;
    transition: all 0.5s;
    margin: 0 auto;
  }
  #container main .member_section .right .button a {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.5rem;
  }
  #container main .member_section .right .button a .txt {
    color: #fff;
    font-size: clamp(0.875rem, 0.727rem + 0.46vw, 1.125rem); /*14~18px(521~1400px)*/
  }
  #container main .member_section .right .button a .arrow {
    content: url(/images/arrow_simple.svg);
    display: inline-block;
    width: 10px;
  }
  #container main .table_contents {
    margin-bottom: calc(clamp(2rem, 0.061rem + 8.25vw, 6.25rem) / 3);
    border: 3px solid #009944;
    padding: 1.5rem 1rem 1.5rem 1.5rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: 0.25rem;
  }
  #container main .table_contents .list li {
    display: flex;
    align-items: center;
    grid-gap: 0.1rem 0.5rem;
  }
  #container main .table_contents .list li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  #container main .table_contents .list li .flag {
    padding: 0.25rem 0.5rem 0.25rem 1.5rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
            clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    font-weight: 500;
    width: 7rem;
    text-align: center;
  }
  #container main .table_contents .list li:nth-of-type(odd) .flag {
    color: #009944;
    background-color: #D9EDBE;
  }
  #container main .table_contents .list li:nth-of-type(even) .flag {
    color: #F39800;
    background-color: #F2DCBD;
  }
  #container main .table_contents .list li .text_area {
    display: flex;
    grid-gap: 0.5rem;
    align-items: center;
    width: calc(100% - 8rem - 95px);
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  #container main .table_contents .list li .text_area .num {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    color: #fff;
    background-color: #009944;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: -2px;
    width: 24px;
    aspect-ratio: 1/1;
    font-family: sans-serif;
  }
  #container main .table_contents .list li .text_area .txt {
    width: calc(100% - 24px - 0.5rem);
    color: #009944;
    font-weight: 500;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
  }
  #container main .table_contents .list li .link {
    border: 1px solid #009944;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.15rem;
    font-size: clamp(0.75rem, 0.676rem + 0.23vw, 0.875rem); /*12~16px(521~1400px)*/
    width: 95px;
    line-height: 1;
    color: #009944;
    font-weight: 500;
    transition: all 0.5s;
  }
  #container main .table_contents .list li .link::after {
    content: "";
    display: inline-block;
    width: 10px;
    aspect-ratio: 1/0.8;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
    background-color: #009944;
    transition: all 0.5s;
  }
  #container main .table_contents .list li .link:hover {
    background-color: #009944;
    color: #fff;
  }
  #container main .table_contents .list li .link:hover::after {
    background-color: #fff;
  }
  #container main .table_contents figure {
    width: 15%;
    max-width: 160px;
    aspect-ratio: 1/1;
    transform: translateY(-35%);
    position: absolute;
    top: 0;
    right: clamp(-5rem, -12.291rem + 15.19vw, 1rem); /*-80px~16px(768~1400px)*/
  }
  #container main form .form_area .top_txt {
    text-align: center;
    margin-bottom: 1rem;
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);
    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: clamp(2rem, 0.061rem + 8.25vw, 6.25rem);
  }
  #container main .merit_list .merit_sec {
    position: relative;
    z-index: 1;
    padding: max(2vw, 1rem) max(3vw, 1rem);
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2rem 1rem;
    justify-content: center;
  }
  #container main .merit_list .merit_sec:not(#container main .merit_list .merit_sec:last-of-type) {
    margin-bottom: calc(clamp(2rem, 0.061rem + 8.25vw, 6.25rem) / 3);
  }
  #container main .merit_list .merit_sec::before, #container main .merit_list .merit_sec::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
  }
  #container main .merit_list .merit_sec::before {
    border: 1px solid #000;
  }
  #container main .merit_list .merit_sec::after {
    top: 0.75rem;
    left: 0.75rem;
    background-color: #93D04D;
    z-index: -2;
  }
  #container main .merit_list .merit_sec h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 0.1rem 0.5rem;
    width: 100%;
  }
  #container main .merit_list .merit_sec h2:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  #container main .merit_list .merit_sec h2 .flag {
    padding: 0.25rem 0.5rem 0.25rem 1.5rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
            clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    font-weight: 500;
    width: 7rem;
    text-align: center;
  }
  #container main .merit_list .merit_sec h2:nth-of-type(odd) .flag {
    color: #009944;
    background-color: #D9EDBE;
  }
  #container main .merit_list .merit_sec h2:nth-of-type(even) .flag {
    color: #F39800;
    background-color: #F2DCBD;
  }
  #container main .merit_list .merit_sec h2 .text_area {
    display: flex;
    grid-gap: 0.5rem;
    align-items: center;
  }
  #container main .merit_list .merit_sec h2 .text_area .num {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    color: #fff;
    background-color: #009944;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: -2px;
    width: 24px;
    aspect-ratio: 1/1;
    font-family: sans-serif;
  }
  #container main .merit_list .merit_sec h2 .text_area .txt {
    color: #009944;
    font-weight: 500;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
  }
  #container main .merit_list .merit_sec .main_text {
    width: calc(65% - 1rem);
  }
  #container main .merit_list .merit_sec .main_text .br {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec .main_img {
    width: 35%;
  }
  #container main .merit_list .merit_sec .merit_box {
    width: 100%;
    background-color: #EAE2BE;
    padding: 1rem max(3vw, 1rem);
  }
  #container main .merit_list .merit_sec .merit_box h3 {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.25rem 1.5rem;
    border-radius: 50px;
    background-color: #F39800;
    color: #fff;
    margin: -2rem 0 1rem -2rem;
    transform: rotate(-7deg);
  }
  #container main .merit_list .merit_sec .merit_box .text {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .strong_text {
    padding: 1rem;
    background-color: #F2DCBD;
    text-align: center;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
    width: 100%;
  }
  #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/bg_brown.jpg) 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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
    font-weight: bold;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .txt {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .bg {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: #93D04D;
  }
  #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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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;
  }
  #container main .merit_list .merit_sec.full .example .result_area dt {
    color: #fff;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_text {
    width: calc(70% - 1rem);
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_img {
    width: 30%;
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_img img {
    max-height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
/* ----------------------------------------------
  PAD設定
  ------------------------------------------------*/
@media all and (min-width: 521px) and (max-width: 768px) {
  #container main .member_section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
    background-color: #D9EDBE;
    padding: 1.5rem 1rem;
    margin-bottom: calc(clamp(2rem, 0.061rem + 8.25vw, 6.25rem) / 3);
  }
  #container main .member_section .left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    grid-gap: 5%;
  }
  #container main .member_section .left .box {
    width: 47.5%;
    padding: 0.5rem min(1vw, 1rem);
    background-color: #fff;
    border: 2px solid #F39800;
    border-radius: 10px;
  }
  #container main .member_section .left .box .tit {
    font-size: clamp(1rem, 0.852rem + 0.46vw, 1.25rem);
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    color: #F39800;
  }
  #container main .member_section .left .box .tit::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    background-color: #000;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 150%);
  }
  #container main .member_section .left .box .num_row {
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);
  }
  #container main .member_section .left .box .num_row .num {
    font-size: clamp(1.25rem, 0.805rem + 1.37vw, 2rem);
    line-height: 1;
  }
  #container main .member_section .left .box.member {
    border-color: #009944;
  }
  #container main .member_section .left .box.member .tit {
    color: #009944;
  }
  #container main .member_section .right {
    width: 100%;
  }
  #container main .member_section .right .top_text {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  #container main .member_section .right .top_text .small {
    font-size: clamp(1rem, 0.704rem + 0.91vw, 1.5rem); /*16~24px(521~1400px)*/
    font-weight: 500;
    color: #009944;
  }
  #container main .member_section .right .top_text .big {
    font-size: clamp(1.25rem, 0.805rem + 1.37vw, 2rem); /*20~32px(521~1400px)*/
    font-weight: 500;
    color: #009944;
  }
  #container main .member_section .right .button {
    width: 100%;
    max-width: 600px;
    text-align: center;
    border-radius: 10px;
    background-color: #F39800;
    transition: all 0.5s;
    margin: 0 auto;
  }
  #container main .member_section .right .button a {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.5rem;
  }
  #container main .member_section .right .button a .txt {
    color: #fff;
    font-size: clamp(0.875rem, 0.727rem + 0.46vw, 1.125rem); /*14~18px(521~1400px)*/
  }
  #container main .member_section .right .button a .arrow {
    content: url(/images/arrow_simple.svg);
    display: inline-block;
    width: 10px;
  }
  #container main .table_contents {
    margin-bottom: calc(clamp(2rem, 0.061rem + 8.25vw, 6.25rem) / 3);
    border: 3px solid #009944;
    padding: 1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: 0.25rem;
    margin-top: 4rem;
  }
  #container main .table_contents .list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 0.1rem 0.5rem;
  }
  #container main .table_contents .list li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  #container main .table_contents .list li .flag {
    padding: 0.25rem 0.25rem 0.25rem 1rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
            clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    font-weight: 500;
    width: 6.5rem;
    text-align: center;
  }
  #container main .table_contents .list li:nth-of-type(odd) .flag {
    color: #009944;
    background-color: #D9EDBE;
  }
  #container main .table_contents .list li:nth-of-type(even) .flag {
    color: #F39800;
    background-color: #F2DCBD;
  }
  #container main .table_contents .list li .text_area {
    display: flex;
    grid-gap: 0.5rem;
    align-items: center;
    width: calc(100% - 7rem);
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  #container main .table_contents .list li .text_area .num {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    color: #fff;
    background-color: #009944;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: -2px;
    width: 24px;
    aspect-ratio: 1/1;
    font-family: sans-serif;
  }
  #container main .table_contents .list li .text_area .txt {
    width: calc(100% - 24px - 0.5rem);
    color: #009944;
    font-weight: 500;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
  }
  #container main .table_contents .list li .link {
    margin-left: auto;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
    border: 1px solid #009944;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.15rem;
    font-size: clamp(0.75rem, 0.676rem + 0.23vw, 0.875rem); /*12~16px(521~1400px)*/
    line-height: 1;
    color: #009944;
    font-weight: 500;
    transition: all 0.5s;
  }
  #container main .table_contents .list li .link::after {
    content: "";
    display: inline-block;
    width: 10px;
    aspect-ratio: 1/0.8;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
    background-color: #009944;
    transition: all 0.5s;
  }
  #container main .table_contents .list li .link:hover {
    background-color: #009944;
    color: #fff;
  }
  #container main .table_contents .list li .link:hover::after {
    background-color: #fff;
  }
  #container main .table_contents figure {
    width: 15%;
    max-width: 160px;
    aspect-ratio: 1/1;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(10%, -85%);
  }
  #container main form .form_area .top_txt {
    text-align: center;
    margin-bottom: 1rem;
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);
    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: clamp(2rem, 0.061rem + 8.25vw, 6.25rem);
  }
  #container main .merit_list .merit_sec {
    position: relative;
    z-index: 1;
    padding: max(2vw, 1rem) max(3vw, 1rem);
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2rem 1rem;
    justify-content: center;
  }
  #container main .merit_list .merit_sec:not(#container main .merit_list .merit_sec:last-of-type) {
    margin-bottom: calc(clamp(2rem, 0.061rem + 8.25vw, 6.25rem) / 3);
  }
  #container main .merit_list .merit_sec::before, #container main .merit_list .merit_sec::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
  }
  #container main .merit_list .merit_sec::before {
    border: 1px solid #000;
  }
  #container main .merit_list .merit_sec::after {
    top: 0.75rem;
    left: 0.75rem;
    background-color: #93D04D;
    z-index: -2;
  }
  #container main .merit_list .merit_sec h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 0.1rem 0.5rem;
    width: 100%;
  }
  #container main .merit_list .merit_sec h2:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  #container main .merit_list .merit_sec h2 .flag {
    padding: 0.25rem 0.5rem 0.25rem 1.5rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
            clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    font-weight: 500;
    width: 7rem;
    text-align: center;
  }
  #container main .merit_list .merit_sec h2:nth-of-type(odd) .flag {
    color: #009944;
    background-color: #D9EDBE;
  }
  #container main .merit_list .merit_sec h2:nth-of-type(even) .flag {
    color: #F39800;
    background-color: #F2DCBD;
  }
  #container main .merit_list .merit_sec h2 .text_area {
    display: flex;
    grid-gap: 0.5rem;
    align-items: center;
  }
  #container main .merit_list .merit_sec h2 .text_area .num {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    color: #fff;
    background-color: #009944;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: -2px;
    width: 24px;
    aspect-ratio: 1/1;
    font-family: sans-serif;
  }
  #container main .merit_list .merit_sec h2 .text_area .txt {
    color: #009944;
    font-weight: 500;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
  }
  #container main .merit_list .merit_sec .main_text {
    width: calc(65% - 1rem);
  }
  #container main .merit_list .merit_sec .main_text .br {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec .main_img {
    width: 35%;
  }
  #container main .merit_list .merit_sec .merit_box {
    width: 100%;
    background-color: #EAE2BE;
    padding: 1rem max(3vw, 1rem);
  }
  #container main .merit_list .merit_sec .merit_box h3 {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.25rem 1.5rem;
    border-radius: 50px;
    background-color: #F39800;
    color: #fff;
    margin: -2rem 0 1rem -2rem;
    transform: rotate(-7deg);
  }
  #container main .merit_list .merit_sec .merit_box .text {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec:not(.full) h2 {
    order: 1;
  }
  #container main .merit_list .merit_sec:not(.full) .main_text {
    order: 3;
    width: 100%;
  }
  #container main .merit_list .merit_sec:not(.full) .main_img {
    order: 2;
    width: 80%;
  }
  #container main .merit_list .merit_sec:not(.full) .merit_box {
    order: 4;
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_img {
    width: 50%;
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_img img {
    max-height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #container main .merit_list .merit_sec.full {
    grid-gap: 1rem;
  }
  #container main .merit_list .merit_sec.full .normal_text {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .strong_text {
    padding: 1rem;
    background-color: #F2DCBD;
    text-align: center;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
    width: 100%;
  }
  #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/bg_brown.jpg) 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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
    font-weight: bold;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .txt {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .bg {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: #93D04D;
  }
  #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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
}
/* ----------------------------------------------
  SP設定
  ------------------------------------------------*/
@media all and (max-width: 520px) {
  #container main .member_section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
    background-color: #D9EDBE;
    padding: 1.5rem 1rem;
    margin-bottom: clamp(2rem, 0.061rem + 8.25vw, 6.25rem);
  }
  #container main .member_section .left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    grid-gap: 5%;
  }
  #container main .member_section .left .box {
    width: 47.5%;
    padding: 0.5rem min(1vw, 1rem);
    background-color: #fff;
    border: 2px solid #F39800;
    border-radius: 10px;
  }
  #container main .member_section .left .box .tit {
    font-size: clamp(1rem, 0.852rem + 0.46vw, 1.25rem);
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    color: #F39800;
  }
  #container main .member_section .left .box .tit::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    background-color: #000;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 150%);
  }
  #container main .member_section .left .box .num_row {
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem);
  }
  #container main .member_section .left .box .num_row .num {
    font-size: clamp(1.25rem, 0.805rem + 1.37vw, 2rem);
    line-height: 1;
  }
  #container main .member_section .left .box.member {
    border-color: #009944;
  }
  #container main .member_section .left .box.member .tit {
    color: #009944;
  }
  #container main .member_section .right {
    width: 100%;
  }
  #container main .member_section .right .top_text {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  #container main .member_section .right .top_text .small {
    font-size: clamp(1rem, 0.704rem + 0.91vw, 1.5rem); /*16~24px(521~1400px)*/
    font-weight: 500;
    color: #009944;
  }
  #container main .member_section .right .top_text .big {
    font-size: clamp(1.25rem, 0.805rem + 1.37vw, 2rem); /*20~32px(521~1400px)*/
    font-weight: 500;
    color: #009944;
  }
  #container main .member_section .right .button {
    width: 100%;
    max-width: 600px;
    text-align: center;
    border-radius: 10px;
    background-color: #F39800;
    transition: all 0.5s;
    margin: 0 auto;
  }
  #container main .member_section .right .button a {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.5rem;
  }
  #container main .member_section .right .button a .txt {
    color: #fff;
    font-size: clamp(0.875rem, 0.727rem + 0.46vw, 1.125rem); /*14~18px(521~1400px)*/
  }
  #container main .member_section .right .button a .arrow {
    content: url(/images/arrow_simple.svg);
    display: inline-block;
    width: 10px;
  }
  #container main .table_contents {
    margin-bottom: clamp(2rem, 0.061rem + 8.25vw, 6.25rem);
    border: 3px solid #009944;
    padding: 1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: 0.25rem;
  }
  #container main .table_contents .list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 0.1rem 0.5rem;
  }
  #container main .table_contents .list li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  #container main .table_contents .list li .flag {
    padding: 0 0.25rem 0 1rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
            clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    font-weight: 500;
    width: 6.5rem;
    text-align: center;
  }
  #container main .table_contents .list li:nth-of-type(odd) .flag {
    color: #009944;
    background-color: #D9EDBE;
  }
  #container main .table_contents .list li:nth-of-type(even) .flag {
    color: #F39800;
    background-color: #F2DCBD;
  }
  #container main .table_contents .list li .text_area {
    display: flex;
    grid-gap: 0.5rem;
    align-items: center;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  #container main .table_contents .list li .text_area .num {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    color: #fff;
    background-color: #009944;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: -2px;
    width: 24px;
    aspect-ratio: 1/1;
    font-family: sans-serif;
  }
  #container main .table_contents .list li .text_area .txt {
    width: calc(100% - 24px - 0.5rem);
    color: #009944;
    font-weight: 500;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
  }
  #container main .table_contents .list li .link {
    margin-left: auto;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
    border: 1px solid #009944;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.15rem;
    font-size: clamp(0.75rem, 0.676rem + 0.23vw, 0.875rem); /*12~16px(521~1400px)*/
    line-height: 1;
    color: #009944;
    font-weight: 500;
    transition: all 0.5s;
  }
  #container main .table_contents .list li .link::after {
    content: "";
    display: inline-block;
    width: 10px;
    aspect-ratio: 1/0.8;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
            clip-path: polygon(50% 100%, 0 0, 100% 0);
    background-color: #009944;
    transition: all 0.5s;
  }
  #container main .table_contents .list li .link:hover {
    background-color: #009944;
    color: #fff;
  }
  #container main .table_contents .list li .link:hover::after {
    background-color: #fff;
  }
  #container main .table_contents figure {
    width: 25%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(10%, -50%);
  }
  #container main form .form_area .top_txt {
    text-align: center;
    margin-bottom: 1rem;
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(520~1400px)*/
  }
  #container main form .form_area .form_title_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
  }
  #container main form .form_area .form_title_flex .bg {
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem);
    padding: 0.5rem 2rem;
    color: #fff;
    background-color: #3E3A39;
    width: 30%;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  #container main form .form_area .form_title_flex .txt {
    display: none;
  }
  #container main .merit_list {
    margin-bottom: clamp(2rem, 0.061rem + 8.25vw, 6.25rem);
  }
  #container main .merit_list .merit_sec {
    position: relative;
    z-index: 1;
    padding: max(2vw, 1rem) max(3vw, 1rem);
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2rem 1rem;
    justify-content: center;
  }
  #container main .merit_list .merit_sec:not(#container main .merit_list .merit_sec:last-of-type) {
    margin-bottom: calc(clamp(2rem, 0.061rem + 8.25vw, 6.25rem) / 3);
  }
  #container main .merit_list .merit_sec::before, #container main .merit_list .merit_sec::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: -1;
  }
  #container main .merit_list .merit_sec::before {
    border: 1px solid #000;
  }
  #container main .merit_list .merit_sec::after {
    top: 0.75rem;
    left: 0.75rem;
    background-color: #93D04D;
    z-index: -2;
  }
  #container main .merit_list .merit_sec h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 0.1rem 0.5rem;
    width: 100%;
  }
  #container main .merit_list .merit_sec h2:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  #container main .merit_list .merit_sec h2 .flag {
    padding: 0 0.5rem 0 1.5rem;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
            clip-path: polygon(100% 0, 100% 100%, 0% 100%, 1rem 50%, 0% 0%);
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    font-weight: 500;
    width: 7rem;
    text-align: center;
  }
  #container main .merit_list .merit_sec h2:nth-of-type(odd) .flag {
    color: #009944;
    background-color: #D9EDBE;
  }
  #container main .merit_list .merit_sec h2:nth-of-type(even) .flag {
    color: #F39800;
    background-color: #F2DCBD;
  }
  #container main .merit_list .merit_sec h2 .text_area {
    display: flex;
    grid-gap: 0.5rem;
    align-items: center;
    width: 100%;
  }
  #container main .merit_list .merit_sec h2 .text_area .num {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
    color: #fff;
    background-color: #009944;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: -2px;
    width: 24px;
    aspect-ratio: 1/1;
    font-family: sans-serif;
  }
  #container main .merit_list .merit_sec h2 .text_area .txt {
    color: #009944;
    font-weight: 500;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
  }
  #container main .merit_list .merit_sec .main_text {
    width: calc(65% - 1rem);
  }
  #container main .merit_list .merit_sec .main_text .br {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec .main_img {
    width: 35%;
  }
  #container main .merit_list .merit_sec .merit_box {
    width: 100%;
    background-color: #EAE2BE;
    padding: 1rem max(3vw, 1rem);
  }
  #container main .merit_list .merit_sec .merit_box h3 {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.25rem 1.5rem;
    border-radius: 50px;
    background-color: #F39800;
    color: #fff;
    margin: -2rem 0 1rem -2rem;
    transform: rotate(-7deg);
  }
  #container main .merit_list .merit_sec .merit_box .text {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec:not(.full) h2 {
    order: 1;
  }
  #container main .merit_list .merit_sec:not(.full) .main_text {
    order: 3;
    width: 100%;
  }
  #container main .merit_list .merit_sec:not(.full) .main_img {
    order: 2;
    width: 100%;
  }
  #container main .merit_list .merit_sec:not(.full) .merit_box {
    order: 4;
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_img {
    width: 80%;
  }
  #container main .merit_list .merit_sec:nth-of-type(n + 3) .main_img img {
    max-height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #container main .merit_list .merit_sec.full {
    grid-gap: 1rem;
  }
  #container main .merit_list .merit_sec.full .normal_text {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .strong_text {
    padding: 1rem;
    background-color: #F2DCBD;
    text-align: center;
    font-size: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
    width: 100%;
  }
  #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/bg_brown.jpg) 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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
    font-weight: bold;
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .txt {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
  #container main .merit_list .merit_sec.full .example .inner .title_area .bg {
    font-size: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*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: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*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: #93D04D;
  }
  #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;
    flex-wrap: wrap;
    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: clamp(1rem, 0.926rem + 0.23vw, 1.125rem); /*16~18px(521~1400px)*/
    padding: 0.5rem 1rem;
    text-align: center;
    background-color: #C30D23;
    width: 100%;
  }
  #container main .merit_list .merit_sec.full .example .result_area dd {
    padding: 0.5rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: 0.25rem;
  }
  #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: clamp(0.875rem, 0.801rem + 0.23vw, 1rem); /*14~16px(521~1400px)*/
  }
}