.u-disp-pc{
  display: block !important;
}
.u-disp-sp{
  display: none !important;
}
@media screen and (max-width:800px){
  .u-disp-pc{
    display: none !important;
  }
  .u-disp-sp{
    display: block !important;
  }
}
.txt_notice{
  font-size: 11px;
  vertical-align: top;
}
.hp_fwb{
  font-weight: bold;
}

/* TOP */
.heading_calorie-off{
  position: absolute;
  top: calc((11.4 / var(--pc-width)) * 50 * -1vw);
  left: 50%;
  transform: translate(-50%);
  height: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw));
  width: auto;
}
.heading_oishisa{
  height: min(46px,calc((46 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  margin-top: min(56px,calc((56 / var(--pc-width)) * 100 * 1vw));
}
.heading_title{
  height: min(103px,calc((103 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  margin: min(23px, calc((23 / var(--pc-width))* 100* 1vw)) auto 0;
  position: relative;
  left: 6px;
}
@media screen and (max-width:800px){
  .heading_calorie-off{
    width: calc(387 / 750 * 100vw);
    height: auto;
    top: calc(-10 / 750 * 100vw);
  }
  .heading_oishisa{
    width: calc(328 / 750 * 100vw);
    height: auto;
    margin-top: calc(70 / 750 * 100vw);
  }
  .heading_title{
    width: calc(584 / 750 * 100vw);
    height: auto;
    margin: calc(40 / 750 * 100vw) auto 0;
  }
}

.sec-top-header{
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 1295px;
}
.sec-top-header--top {
  max-width: unset;
}
.sec-top-header::before{
  content: "";
  position: absolute;
  width: calc(50% - calc(188 / var(--pc-width) * 100vw));
  height: 1px;
  background-color: #000;
  left: 0;
  top: calc((100% - 1px)/2);
  pointer-events: none;
}
.sec-top-header::after{
  content: "";
  position: absolute;
  width: calc(50% - calc(188 / var(--pc-width) * 100vw));
  height: 1px;
  background-color: #000;
  right: 0;
  top: calc((100% - 1px)/2);
  pointer-events: none;
}
.sec-top{
  position: relative;
  text-align: center;
  /* border-left: 1px solid #000;
  border-right: 1px solid #000; */
  padding-bottom: min(80px,calc((80 / var(--pc-width)) * 100 * 1vw));
  max-width: var(--pc-width);
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
}
.sec-top_wrap{
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.sec-top::before{
  content: "";
  position: absolute;
  left: max(-20px,calc((-20 / var(--pc-width)) * 100 * 1vw));
  top: max(-162px,calc((-162 / var(--pc-width)) * 100 * 1vw));
  width: 100vw;
  height: calc(100% + 162px);
  pointer-events: none;
  background: url(../img/top/top_bg.png) center top min(80px,calc((80 / var(--pc-width)) * 100 * 1vw)) no-repeat;
  background-size: min(1359px,calc((1359 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (min-width:1024px) {
  .sec-top::after{
    right: max(-50px,calc((-50 / var(--pc-width)) * 100 * 1vw));
  }
}
@media screen and (max-width:1023px) and (min-width:801px) {
  .sec-top::after{
    right: max(-10px,calc((-10 / var(--pc-width)) * 100 * 1vw));
  }
}
@media screen and (max-width:800px){
  .sec-top-header {
    z-index: 2;
  }
  .sec-top-header::before,
  .sec-top-header::after{
    width: calc(145 / 750 * 100vw);
  }
  .sec-top{
    padding-bottom: calc(60 / 750 * 100vw);
  }
  .sec-top::before{
    left: calc(-20 / 750 * 100vw);
    top: calc(-60 / 750 * 100vw);
    width: 100vw;
    height: calc(1299 / 750 * 100vw);
    pointer-events: none;
    background: url(../img/top/top_bg_sp.png) center top 0 no-repeat;
    background-size: contain;
  }
}

.sec-top_lead{
  margin-top: min(15px,calc((15 / var(--pc-width)) * 100 * 1vw));
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
}
.sec-top_item{
  margin: min(32px,calc((32 / var(--pc-width)) * 100 * 1vw)) auto 0;
  /* height: min(268px,calc((268 / var(--pc-width)) * 100 * 1vw)); */
  height: min(232px,calc((232 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  position: relative;
  left: min(10px,calc((10 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (max-width:800px){
  .sec-top_lead{
    margin-top: calc(40 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
  }
  .sec-top_item {
    margin: calc(100 / 750 * 100vw) auto 0;
    width: calc(468 / 750 * 100vw);
    height: auto;
    transform: translateX(calc(20 / 750 * 100vw));
  }
}


/* navigation */
.sec-top-nav{
  position: relative;
  z-index: 1;
}
.sec-top-nav_list{
  border: 1px solid #000;
  box-sizing: content-box;
  background-color: #fff;
  display: flex;
  max-width: 1295px;
  margin: 0 auto;
}
.sec-top-nav_list-item{
  height: 100%;
}
.sec-top-nav_list-item a{
  transition: all 300ms ease;
  position: relative;
}
.sec-top-nav_list-item a:before{
  content: "";
  position: absolute;
  right: min(15px, calc((15 / var(--pc-width)) * 100 * 1vw));
  width: 5px;
  height: 9px;
  background: url(../img/common/arrow-black.svg) no-repeat left center;
  background-size: contain;
  pointer-events: none;
}
@media screen and (min-width:800px) {
  .sec-top-nav{
    padding: 0 min(50px, calc((50 / var(--pc-width)) * 100 * 1vw));
    max-width: 100%;
    width: 100%;
    margin-top: min(22px, calc((22 / var(--pc-width)) * 100 * 1vw));
  }
  .sec-top-nav_list-item{
    width: calc(100% / 6);
  }
  .sec-top-nav_list-item:not(:first-child){
    border-left: 1px solid #000;
  }
  .sec-top-nav_list-item a{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw));
    padding: min(5px,calc((5 / var(--pc-width)) * 100 * 1vw));
    
    height: min(56px,calc((56 / var(--pc-width)) * 100 * 1vw));
    letter-spacing: -1.25px;
    background: #FFF;
  }
  .sec-top-nav_list-item a:hover{
    background-color: var(--orange);
    color: #fff;
    opacity: 1;
  }
  .sec-top-nav_list-item a:hover:before{
    background: url(../img/common/arrow-white.png) no-repeat left center;
    background-size: contain;
  }
}
@media screen and (max-width:799px) {
  .sec-top-nav{
    display: none;
  }
}

/* NEW TASTE */
[data-layout="tape"] .c-heading_title{
  display: block;
  margin: 0 auto;
  height: min(66px,calc((66 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  z-index: 1;
  position: relative;
}
.sec-new{
  position: relative;
  padding: 0 min(10px,calc((10 / var(--pc-width)) * 100 * 1vw)) min(42px,calc((42 / var(--pc-width)) * 100 * 1vw));
}
.sec-new-header{
  position: absolute;
  left: -5px;
  bottom: min(240px,calc((240 / var(--pc-width)) * 100 * 1vw));
}
.heading_new-taste{
  width: min(14px,calc((14 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (max-width:800px){
  .heading_new-taste{
    display: none;
  }
  .sec-new::before{
    height: 100%;
  }
  .sec-new::after{
    display: none;
  }
}
.sec-new-body{
  width: min(960px,calc((960 / var(--pc-width)) * 100 * 1vw));
  margin: 0 auto;
  background-color: #f26738;
  border: 1px solid #f26738;
  clip-path: polygon(67px 0, 100% 0, 100% 100%, 0 100%,-250px 100%);
  position: relative;
  top: -36px;
  top: calc(-36 / var(--pc-width) * 100vw);
}
.sec-new-body-box{
  display: flex;
  justify-content: center;
  padding: 0 min(200px,calc((200 / var(--pc-width)) * 100 * 1vw)) min(28px,calc((28 / var(--pc-width)) * 100 * 1vw));
  column-gap: min(54px,calc((54 / var(--pc-width)) * 100 * 1vw));
  background-color: #ffefe2;
  clip-path: polygon(66px 0, calc(100% + 1px) 0, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px),-249px calc(100% + 1px));
}
.sec-new-body-box::before{
  content: "";
  position: absolute;
  width: 117px;
  height: 64px;
  background: url(../img/new/deco_pkg.png) no-repeat;
  background-size: contain;
  left: min(56px,calc((56 / var(--pc-width)) * 100 * 1vw));
  top: min(65px,calc((65 / var(--pc-width)) * 100 * 1vw));
}
.sec-new-body-box::after{
  content: "";
  position: absolute;
  width: 165.5px;
  height: 144.5px;
  background: url(../img/new/deco_botanical.png) no-repeat;
  background-size: contain;
  right: min(43px,calc((43 / var(--pc-width)) * 100 * 1vw));
  top: min(35px,calc((35 / var(--pc-width)) * 100 * 1vw));
}
.sec-new_item-box{
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.sec-new_item{
  margin-top: min(59px,calc((59 / var(--pc-width)) * 100 * 1vw));
  height: min(290px,calc((290 / var(--pc-width)) * 100 * 1vw));
  width: auto;
}
.sec-new_lead{
  margin-top: min(107px,calc((107 / var(--pc-width)) * 100 * 1vw));
  z-index: 1;
}
.sec-new_lead h3{
  font-size: min(26px,calc((26 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: -1px;
  line-height: 1.575;
}
.sec-new_lead p{
  font-size: 16px;
  margin-top: calc((8 / var(--pc-width)) * 100 * 1vw);
}
.sec-new_lead .c-button{
  margin-top: calc((23 / var(--pc-width)) * 100 * 1vw);
  width: 220px;
  height: 50px;
}
.sec-new_lead .c-button::after{
  content: "";
  position: absolute;
  right: 34px;
  width: 8px;
  height: 11px;
  background: url(../img/common/arrow-white.png) no-repeat left center;
  background-size: contain;
}
.sec-new_lead .c-button a{
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width:800px){
  .sec-new-body {
    clip-path: polygon(51px 0, 100% 0, 100% 100%, 0 100%,-715px 100%);
  }
  .sec-new-body-box{
    flex-direction: column;
    padding: 0 calc(100 / 750 * 100vw) calc(60 / 750 * 100vw);
    clip-path: polygon(50px 0, calc(100% + 1px) 0, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px),-714px calc(100% + 1px));
  }
  [data-layout="tape"] .c-heading_title{
    width: calc(234 / 750 * 100vw);
    height: auto;
  }
  .sec-new_item{
    display: block;
    margin: calc(80 / 750 * 100vw) auto 0;
    height: auto;
    width: calc(127 / 750 * 100vw);
  }
  .sec-new-body-box::before {
    width: calc(160 / 750 * 100vw);
    height: calc(85 / 750 * 100vw);
    background: url(../img/new/deco_pkg.png) no-repeat;
    background-size: contain;
    left: calc(65 / 750 * 100vw);
    top: calc(86 / 750 * 100vw);
  }
  .sec-new-body-box::after {
    width: calc(154 / 750 * 100vw);
    height: calc(137 / 750 * 100vw);
    right: calc(30 / 750 * 100vw);
    top: calc(233 / 750 * 100vw);
  }
  .sec-new-body{
    width: calc(670 / 750 * 100vw);
    top: calc(-42 / 750 * 100vw);
  }
  .sec-new_lead{
    text-align: center;
    margin-top: calc(40 / 750 * 100vw);
  }
  .sec-new_lead h3 {
    font-size: calc(36 / 750 * 100vw);
  }
  .sec-new_lead p {
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
  }
  .sec-new_lead .c-button {
    margin: calc(50 / 750 * 100vw) auto 0;
    width: calc(394.17 / 750 * 100vw);
    height: calc(89.58 / 750 * 100vw);
  }
  .sec-new_lead .c-button a{
    font-size: calc(26 / 750 * 100vw);
    font-weight: bold;
  }
  .sec-new_lead .c-button::after{
    width: calc(15 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
    right: calc(35 / 750 * 100vw);
  }
}
@media screen and (max-width:480px){
  .sec-new-body {
    clip-path: polygon(31px 0, 100% 0, 100% 100%, 0 100%,-415px 100%);
  }
  .sec-new-body-box{
    clip-path: polygon(30px 0, calc(100% + 1px) 0, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px),-414px calc(100% + 1px));
  }
}



/* ABOUT */
[data-layout="green"]{
  /*border: 30px solid #2eb395;*/
  padding: min(30px, calc(30 / var(--pc-width) * 100vw));
  max-width: 1295px;
  margin: 0 auto;
  position: relative;
}
[data-layout="green"]::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  pointer-events: none;
}
[data-layout="green"]::before{
  content: "";
  width: 100%;
  max-width: 1295px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: min(30px, calc(30 / var(--pc-width) * 100vw)) solid #2eb395;
  box-sizing: border-box;
  pointer-events: none;
}
.sec-about{
  position: relative;
  max-width: 1295px;
  margin: 0 auto;
}
.sec-about [data-layout="green"]::after{
  border-left: none;
}
.sec-about .c-body{
  padding-bottom: 60px;
  max-width: 1295px;
  margin: 0 auto;
}
.sec-about-header{
  position: absolute;
  left: -5px;
  top: min(165px,calc(165 / var(--pc-width) * 100vw));
  width: min(13px,calc(13 / var(--pc-width) * 100vw));
}
.heading_about{
  width: min(14px,calc((14 / var(--pc-width)) * 100 * 1vw))
}
.sec-about-heading_title{
  height: min(112px,calc((112 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  display: block;
  margin: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw)) auto 0;
  position: relative;
  left: min(7px,calc((7 / var(--pc-width)) * 100 * 1vw))
}
.sec-about-toYou{
  display: flex;
  margin: min(68px, calc((68 / var(--pc-width)) * 100 * 1vw)) auto 0;
  max-width: 988px;
  width: 100%;
  position: relative;
  left: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (min-width:1024px) {
  .sec-about-toYou{
    justify-content: space-around;
  }
}
@media screen and (max-width:1023px) and (min-width:801px) {
  .sec-about-toYou{
    column-gap: 15px;
    justify-content: center;
  }
}
@media screen and (max-width:800px){
  [data-layout="green"]{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: calc(20 / 750 * 100vw);
    z-index: 1;
  }
  [data-layout="green"]::after{
    display: none;
  }
  [data-layout="green"]::before{
    z-index: -1;
  }
  .sec-about-heading_title{
    height: calc(210 / 750 * 100vw);
    margin: calc(64 / 750 * 100vw) auto 0;
  }
  .heading_about{
    display: none;
  }
  .sec-about::before{
    height: 100%;
  }
  .sec-about::after{
    display: none;
  }
  .sec-about-toYou_box {
    padding: 0 calc(16 / 750 * 100vw);
  }
  .sec-about-toYou{
    flex-direction: column;
    margin-top: calc(38 / 750 * 100vw);
    padding: 0 calc(30 / 750 * 100vw);
    left: 0;
  }
}
.sec-about-toYou_box{
  flex-shrink: 0;
  width: min(534px,calc((534 / var(--pc-width)) * 100 * 1vw));;
}
.sec-about-toYou_heading{
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.4px;
  line-height: 1.65;
  padding-bottom: 16px;
  border-bottom: 1px solid #000;
  position: relative;
}
.sec-about-toYou_heading::before{
  content: "";
  position: absolute;
  width: 28px;
  height: 37px;
  background: url(../img/about/deco_hint.png) no-repeat;
  background-size: contain;
  top: -14px;
  left: -34px;
}
.sec-about-toYou_img{
  width: min(458px,calc((458 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-toYou_description{
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.75;
}
.sec-about-toYou_attention{
  font-size: 12px;
  margin-top: 14px;
  letter-spacing: -1px;
}
.sec-about-banner{
  background-color: #fff;
  margin: min(74px,calc((74 / var(--pc-width)) * 100 * 1vw)) auto 0;
  max-width: 709px;
  width: 100%;
  border: 10px solid #ffefe2;
  padding: 30px 7px 25px 0px;
  position: relative;
  left: 12px;
}
.sec-about-banner::after{
  content: "";
  position: absolute;
  width: min(197px,calc((197 / var(--pc-width)) * 100 * 1vw));
  height: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/about/deco_pop@2x.png) no-repeat;
  background-size: contain;
}
@media screen and (min-width:1024px) {
  .sec-about-banner::after{
    top: -60px;
    left: max(-120px,calc((-120 / var(--pc-width)) * 100 * 1vw));
  }
}
@media screen and (max-width:1023px) and (min-width:801px) {
  .sec-about-banner {
    left: 0;
    max-width: 640px;
    margin: min(90px,calc((90 / var(--pc-width)) * 100 * 1vw)) auto 0;
  }
  .sec-about-banner::after{
    top: min(-50px,calc((-50 / var(--pc-width)) * 100 * 1vw));
    left: min(-50px,calc((-50 / var(--pc-width)) * 100 * 1vw));
  }
}
@media screen and (max-width:800px){
  .sec-about-toYou_box{
    width: 100%;
  }
  .sec-about-toYou_heading {
    display: block;
    font-size: calc(32 / 750 * 100vw);
    font-weight: 400;
    padding-bottom: calc(35 / 750 * 100vw);
    text-align: center;
    letter-spacing: -0.04em;
  }
  .sec-about-toYou_heading::before {
    width: calc(40 / 750 * 100vw);
    height: calc(52 / 750 * 100vw);
    top:calc(-20 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
  }
  .sec-about-toYou_description{
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(30 / 750 * 100vw);
    line-height: 1.846;
  }
  .sec-about-toYou_attention{
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
  }
  .sec-about-toYou_img{
    width: 100%;
    margin-top: calc(43 / 750 * 100vw);
  }
  .sec-about-banner::after{
    width: calc(228 / 750 * 100vw);
    height: calc(140 / 750 * 100vw);
    top: calc(-70 / 750 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    margin-left: calc(-10 / 750 * 100vw);
  }
  .sec-about-banner{
    margin: calc(100 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
    padding: calc(83 / 750 * 100vw) 0 calc(37 / 750 * 100vw);
    max-width: unset;
    width: auto;
    border: calc(10 / 750 * 100vw) solid #ffefe2;
    left: 0;
  }
}

.sec-about-banner_lead{
  font-size: 20px;
  margin-left: min(66px,calc((66 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: 0.8px;
  position: relative;
}
.sec-about-banner_lead::after{
  content: "";
  position: absolute;
  width: 64px;
  height: 71px;
  background: url(../img/about/deco_boya@2x.png) no-repeat;
  background-size: contain;
  top: -14px;
  right: 8px;
}
.sec-about-banner_lead strong{
  padding: 3px 12px;
  margin-right: 5px;
  letter-spacing: 1.5px;
}
@media screen and (max-width:800px){
  .sec-about-banner_lead{
    text-align: center;
    font-size: calc(26 / 750 * 100vw);
    margin-left: 0;
    line-height: 1.846;
  }
  .sec-about-banner_lead::after{
    top: unset;
    right: calc(22 / 750 * 100vw);
    bottom: calc(-23 / 750 * 100vw);
    width: calc(72 / 750 * 100vw);
    height: calc(82 / 750 * 100vw);
  }
  .sec-about-banner_lead::after{
    width: calc(74 / 750 * 100vw);
  }
  .sec-about-banner_lead strong{
    padding: calc(6 / 750 * 100vw) calc(22 / 750 * 100vw) calc(6 / 750 * 100vw);
    margin-right: calc(10 / 750 * 100vw);
    letter-spacing: 1.5px;
  }
}
@media screen and (max-width:1023px) and (min-width:801px) {
  .sec-about-banner_lead{
    margin-left: 40px;
    top: 0px;
    right: 8px;
  }
  .sec-about-banner_lead::after {
    width: 56px;
    top: -12px;
    right: -11px;
}
}

.sec-about-point{
  margin-top: 63px;
}
.sec-about-point_heading{
  height:min(113px,calc((113 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  display: block;
  margin: 0 auto;
}
.sec-about--top .sec-about-point_heading{
  height:min(95px,calc((95 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list{
  max-width: 1100px;
  width: calc(1100 / var(--pc-width) * 100vw);
  margin: 40px auto 0;
}
.sec-about--top .sec-about-point_list{
  margin: 60px auto 0;
}
@media screen and (max-width:800px){
  .sec-about-point_heading{
    height: auto;
    width: calc(571 / 750 * 100vw);
    margin-top: calc(80 / 750 * 100vw);
  }
  .sec-about-point_list{
    max-width: 100%;
    margin-top: calc(50 / 750 * 100vw);
    width: 100%;
  }
}

.sec-about-point_list-item{
  background-color: #e2f5f1;
  clip-path: polygon(80px 0, 100% 0, 100% 100%, 0 100%,-420px 100%);
  padding: 0 40px 40px;
}
.sec-about-point_list-item.point01_clip{
  clip-path: polygon(75px 0, 100% 0, 100% 100%, 0 100%,-700px 100%) !important;
}

.sec-about-point_list-item.point02_clip{
  clip-path: polygon(75px 0, 100% 0, 100% 100%, 0 100%,-480px 100%);
  padding-bottom: min(43px,calc((43 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item.point03_clip{
  clip-path: polygon(75px 0, 100% 0, 100% 100%, 0 100%,-480px 100%);
  padding-bottom: 68px;
}
.sec-about-point_list-item:not(:first-child){
  margin-top: 40px;
}
.sec-about-point_list-item_heading{
  height: min(126px,calc((126 / var(--pc-width)) * 100 * 1vw));
  display: block;
  margin: 0 auto;
  padding-top: min(36px,calc((36 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  width: auto;
  max-width: 100%;
}
.sec-about-point_list-item.point01_clip .sec-about-point_list-item_heading {

}
.sec-about-point_list-item.point02_clip .sec-about-point_list-item_heading {
  left: min(2px,calc((2px / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item.point03_clip .sec-about-point_list-item_heading {
  left: max(-13px,calc((-13 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_list{
  display: flex;
  justify-content: space-between;
  margin-top: 54px;
  column-gap: 18px;
  padding-bottom: 37px;
}
.sec-about-point_list-item_list-item{
  background-color: #fff;
  border: 1px solid #000;
  padding-bottom: min(33px,calc((33 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_list-item_heading{
  font-size: min(26px,calc((26 / var(--pc-width)) * 100 * 1vw));
  text-align: center;
  padding: min(23px,calc((23 / var(--pc-width)) * 100 * 1vw)) 0 min(20px,calc((20 / var(--pc-width)) * 100 * 1vw));
  border-bottom: 1px solid #000;
  position: relative;
}
.sec-about-point_list-item_list-item_heading::after{
  content: "";
  position: absolute;
  width: min(70px,calc((70 / var(--pc-width)) * 100 * 1vw));
  height: min(124px,calc((124 / var(--pc-width)) * 100 * 1vw));
  top: -15px;
  right: min(104px,calc((104 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_list-item_heading:after{
  background: url(../img/about/pkg-1@2x.png) no-repeat;
  background-size: contain;
}
.sec-about-point_list-item_list-item:nth-of-type(2)
.sec-about-point_list-item_list-item_heading:after{
  background: url(../img/about/pkg-2@2x.png) no-repeat;
  background-size: contain;
}
.sec-about-point_list-item_list-item_image{
  padding: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw)) min(25px,calc((25 / var(--pc-width)) * 100 * 1vw)) min(25px,calc((25 / var(--pc-width)) * 100 * 1vw)) min(45px,calc((45 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_list-item:nth-of-type(2) .sec-about-point_list-item_list-item_image{
  padding: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw)) min(25px,calc((25 / var(--pc-width)) * 100 * 1vw)) min(30px,calc((30 / var(--pc-width)) * 100 * 1vw)) min(45px,calc((45 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_support_list {
  display: flex;
  justify-content: center;
}
.sec-about-point_list-item_support_item {
  border-radius: 100%;
  border: 1px solid #000;
  width: min(236px,calc((236 / var(--pc-width)) * 100 * 1vw));
  height: min(236px,calc((236 / var(--pc-width)) * 100 * 1vw));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  padding: 0 min(40px,calc((40 / var(--pc-width)) * 100 * 1vw));
  position: relative;
}
.sec-about-point_list-item_support_item p {
  width: 100%;
  font-size: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_support_item p:first-child {
  font-weight: bold;
  font-size: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw));
  border-bottom: 2px solid #000;
  letter-spacing: -0.06em;
}
.sec-about-point_list-item_support_item p:nth-of-type(2) {
  width: 100%;
  font-size: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw));
  padding-top: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_support_item:nth-of-type(1) {
  background: #def7ff url(../img/about/point-3_content_01@2x.png) center center no-repeat;
  background-size: min(136px,calc((136 / var(--pc-width)) * 100 * 1vw));
  right: max(-30px,calc((-30 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_support_item:nth-of-type(2) {
  background: #fff9de url(../img/about/point-3_content_02@2x.png) center center no-repeat;
  background-size: min(140px,calc((140 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_support_item:nth-of-type(3) {
  background: #ffe7e7 url(../img/about/point-3_content_03@2x.png) center center no-repeat;
  background-size: min(124px,calc((124 / var(--pc-width)) * 100 * 1vw));
  left: max(-18px,calc((-18 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_support_item:nth-of-type(1) p:first-child {
  margin-top:  min(24px,calc((24 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_support_item:nth-of-type(3) p:first-child {
  margin-top:  min(8px,calc((8 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_list-item_attention{
  font-size: 12px;
  padding: 0 40px;
  letter-spacing: -1px;
  text-align: left;
}
.sec-about-point_list-item_feature{
  display: flex;
  column-gap: 15px;
}
.sec-about-point_list-item_feature_description_box{
  flex-shrink: 0;
  margin: min(80px,calc((80 / var(--pc-width)) * 100 * 1vw)) 0 0 min(124px,calc((124 / var(--pc-width)) * 100 * 1vw));
  width:  min(390px,calc((390 / var(--pc-width)) * 100 * 1vw));
}
.sec-about-point_list-item_feature_description_box .c-button{
  margin-top: 24px;
  width: 220px;
  height: 50px;
  font-size: 16px;
}
.sec-about-point_list-item_feature_description_box .c-button::after{
  content: "";
  position: absolute;
  width: 12px;
  height: 13px;
  top: calc((100% - 13px)/2);
  right: 47px;
  background: url(../img/common/plus-white.png) no-repeat;
  background-size: contain;
}
.sec-about-point_list-item_feature_description_box .c-button span{
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
}
.sec-about-point_list-item_feature_description{
  font-size: min(22px,calc((22 / var(--pc-width)) * 100 * 1vw));
  line-height: 1.75;
}
.sec-about-point_list-item_feature_attention{
  font-size: 12px;
  margin-top: 14px;
  letter-spacing: -1px;
}
.sec-about-point_list-item_feature_image{
  width: 42%;
  margin-top: 14px;
}
.sec-about-point_list-item_support{
  font-size: min(22px,calc((22 / var(--pc-width)) * 100 * 1vw));
  text-align: center;
  margin-top: min(28px,calc((28 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: 0;
}
.sec-about-point_list-item_support_image{
  width: min(398px,calc((398 / var(--pc-width)) * 100vw));
  display: block;
  margin: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw)) auto min(17px,calc((17 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (max-width:800px){
  .sec-about-point {
    margin-top: 0;
  }
  .sec-about .c-body {
    padding-bottom: calc(55 / 750 * 100vw);
  }
  .sec-about-point_list{
    position: relative;
    padding-right: calc(20 / 750 * 100vw);
    padding-left: calc(20 / 750 * 100vw);
  }
  .sec-about-point_list-item{
    padding: calc(200 / 750 * 100vw) calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) !important;
    position: relative;
    background: none;
    clip-path: none!important;
  }
  .sec-about-point_list-item.point01_clip{
    clip-path: none!important;
  }
  .sec-about-point_list-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - calc(50 / 750 * 100vw));
    left:0;
    top: calc(44 / 750 * 100vw);
    display: block;
    background-color: #e2f5f1;
    z-index: -1;
  }
  .point01_clip.sec-about-point_list-item::before{
    /* clip-path: polygon(51px 0, 100% 0, 100% 100%, 0 100%,-1215px 100%) !important; */
    clip-path: polygon(27px 0, 100% 0, 100% 100%, 0 100%,-900px 100%) !important;
  }
  .point02_clip.sec-about-point_list-item::before{
    clip-path: polygon(27px 0, 100% 0, 100% 100%, 0 100%,-532px 100%) !important;
  }
  .point03_clip.sec-about-point_list-item::before{
    clip-path: polygon(27px 0, 100% 0, 100% 100%, 0 100%,-532px 100%) !important;
  }

  .sec-about-point_list-item.point02_clip{
    padding-bottom: calc(70 / 750 * 100vw) !important;
  }

  .sec-about-point_list-item_list{
    flex-direction: column;
    margin-top: calc(45 / 750 * 100vw);
    padding-bottom: 0;
    column-gap: 18px;
  }
  .sec-about-point_list-item_list-item_heading {
    font-size: calc(32 / 750 * 100vw);
    padding: calc(27 / 750 * 100vw) 0 calc(23 / 750 * 100vw) 0;
  }
  .sec-about-point_list-item_list-item_heading:first-child:after{
    width: calc(93 / 750 * 100vw);
    height: calc(165 / 750 * 100vw);
    top: calc(-23 / 750 * 100vw);
    right: calc(106 / 750 * 100vw);
  }
  .sec-about-point_list-item_list-item_image{
    padding-top: calc(43 / 750 * 100vw);
    padding-bottom: calc(27 / 750 * 100vw);
    padding-right: calc(22 / 750* 100vw);
    padding-left: calc(55 / 750* 100vw);
  }
  .sec-about-point_list-item_list-item:nth-of-type(2) .sec-about-point_list-item_list-item_image{
    padding-top: calc(43 / 750 * 100vw);
    padding-bottom: calc(50 / 750 * 100vw);
    padding-right: calc(22 / 750* 100vw);
    padding-left: calc(55 / 750* 100vw);
  }
  .sec-about-point_list-item_list-item_attention{
    font-size: calc(18 / 750 * 100vw);
    padding-right: calc(30 / 750 * 100vw);
    padding-left: calc(30 / 750 * 100vw);
  }
  .sec-about-point_list-item_list-item{
    padding-bottom: calc(32 / 750 * 100vw);
  }
  .sec-about-point_list-item_list-item:nth-of-type(n+2) {
    margin-top: calc(55 / 750 * 100vw);
  }
  .sec-about-point_list-item:not(:first-child){
    margin-top: calc(20 / 750 * 100vw);
  }
  .sec-about-point_list-item:last-of-type{
    padding-top: calc(215 / 750 * 100vw) !important;
    padding-bottom: calc(60 / 750 * 100vw) !important;
  }


  .sec-about-point_list-item_feature {
    flex-direction: column-reverse;
    /* column-gap: calc(56 / 750 * 100vw); */
  }
  .sec-about-point_list-item_feature_image{
    margin: calc(85 / 750 * 100vw) 0 0 calc(27 / 750 * 100vw);
    width: calc(488 / 750 * 100vw);
  }
  .sec-about-point_list-item_feature_image img {
    padding-left: 9.333333333%;
  }


  /* point タイトル */
  /* point01 */
  .sec-about-point_list-item_heading{
    height: auto;
    width: calc(495 / 750 * 100vw);
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  /* point02 */
  .sec-about-point_list-item.point02_clip .sec-about-point_list-item_heading{
    height: auto;
    width: calc(511 / 750* 100vw);
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  /* point03 */
  .sec-about-point_list-item.point03_clip .sec-about-point_list-item_heading {
    height: auto;
    width: calc(516 / 750* 100vw);
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }


  .sec-about-point_list-item_feature_description_box{
    margin: calc(42 / 750* 100vw) 0 0;
    padding: 0 calc(10 / 750* 100vw);
    line-height: 1.6;
    width: 100%;
  }
  .sec-about-point_list-item_feature_description{
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.6;
  }
  .sec-about-point_list-item_feature_attention{
    margin-top: calc(17 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
  .sec-about-point_list-item_feature_description_box .c-button {
    margin: calc(42 / 750 * 100vw) auto 0;
    width: calc(394.17 / 750 * 100vw);
    padding: calc(32 / 750 * 100vw) 0;
    height: calc(89.58 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
  }
  .sec-about-point_list-item_feature_description_box .c-button span{
    line-height: 1;
  }
  .sec-about-point_list-item_feature_description_box .c-button::after {
    width:  calc(24 / 750 * 100vw);
    height:  calc(25 / 750 * 100vw);
    top: calc((100% - calc(25 / 750 * 100vw))/2);
    right:  calc(40 / 750 * 100vw);
    background: url(../img/common/plus-white_sp.png) no-repeat;
    background-size: contain;
  }

  .sec-about-point_list-item_support{
    font-size: calc(32 / 750 * 100vw);
    margin-top: calc(602 / 750 * 100vw);
    text-align: left;
    padding: 0 calc(10 / 750 * 100vw);
  }
  .sec-about-point_list-item_support_image{
    width: calc(488.5 / 750* 100vw);
    margin: calc(34 / 750* 100vw) auto 0;
  }
  .sec-about-point_list-item_support_list {
    display: block;
    position: relative;
  }
  .sec-about-point_list-item_support_item {
    width: calc(306 / 750* 100vw);
    height: calc(306 / 750* 100vw);
    padding: 0 calc(30 / 750* 100vw);
    position: absolute;
    top: calc(40 / 750* 100vw);
    transform: translate(-50%);
  }
  .sec-about-point_list-item_support_item:nth-of-type(1) {
    background-size: calc(176 / 750* 100vw);
    margin-right: calc(40 / 750* 100vw);
    left: 50%;
    right: unset;
    z-index: 2;
  }
  .sec-about-point_list-item_support_item:nth-of-type(2) {
    background-size: calc(161 / 750* 100vw);
    left: 50%;
    right: unset;
    margin-left: calc(-130 / 750* 100vw);
    margin-top: calc(225 / 750* 100vw);
    z-index: 1;
  }
  .sec-about-point_list-item_support_item:nth-of-type(3) {
    background-size: calc(179 / 750* 100vw);
    left: 50%;
    right: unset;
    margin-left: calc(138 / 750* 100vw);
    margin-top: calc(225 / 750* 100vw);
  }
  .sec-about-point_list-item_support_item:nth-of-type(1) p:first-child {
    margin-top: calc(24 / 750* 100vw);
    
  }
  .sec-about-point_list-item_support_item:nth-of-type(3) p:first-child {
    margin-top: calc(8 / 750* 100vw);
    padding-bottom: calc(13 / 750* 100vw);
  }
  .sec-about-point_list-item_support_item p:first-child{
    border-bottom: none;
    font-size: calc(26 / 750* 100vw);
    padding-bottom: calc(30 / 750* 100vw);
    letter-spacing: -0.04em;
    margin-top: calc(30 / 750* 100vw)
  }
  .sec-about-point_list-item_support_item p:nth-of-type(2){
    border-top: 1px solid #000;
    font-size: calc(24 / 750* 100vw);
    width: calc(195 / 750* 100vw);
    padding-top: calc(17 / 750* 100vw);
    letter-spacing: -0.01em;
  }
  

}
@media screen and (max-width: 480px){
  .point02 .sec-about-point_list-item_heading{
  }
  .point03 .sec-about-point_list-item_heading {
  }
  .point01_clip.sec-about-point_list-item{
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%,-1015px 100%) !important;
  }
  .point02_clip.sec-about-point_list-item{
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%,-675px 100%) !important;
  }
  .point03_clip.sec-about-point_list-item{
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%,-465px 100%) !important;
  }
}
@media screen and (max-width: 400px){
  .point02 .sec-about-point_list-item_heading{
    top: calc(1650 / 750 * 100vw);
  }
}

.sec-top-about {
  position: relative;
  border-right: 1px solid #000;
}
.sec-top-about [data-layout="green"]::after{
  border-left: none;
}
@media screen and (min-width:801px) {
.sec-top-about::before {
  content: "";
  width: 100%;
  height: min(154px,calc((154 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  z-index: 1;
  pointer-events: none;
}
.sec-top-about::after {
  content: "";
  width: 100%;
  height: calc(100% - min(264px,calc((264 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-top-about [data-layout="green"]::before {
  border-bottom: none;
}
.sec-top-about [data-layout="green"]::after {
  border-bottom: none;
  border-right: none;
}
}
.sec-top-about-toYou{
  display: flex;
  margin: min(54px,calc((54 / var(--pc-width)) * 100 * 1vw)) auto 0;
  max-width: 988px;
  width: 100%;
  position: relative;
  left: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (min-width:1024px) {
  .sec-top-about-toYou{
    justify-content: space-around;
  }
}
@media screen and (max-width:1023px) and (min-width:801px) {
  .sec-top-about-toYou{
    column-gap: 15px;
    justify-content: center;
  }
}
.sec-top-about .c-body{
  padding-bottom: min(5px,calc((5 / var(--pc-width)) * 100 * 1vw))
}
.sec-top-about-toYou_box{
  flex-shrink: 0;
  width: min(534px,calc((534 / var(--pc-width)) * 100 * 1vw));;
}
.sec-top-about-toYou_heading{
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.4px;
  line-height: 1.65;
  padding-bottom: 16px;
  border-bottom: 1px solid #000;
  position: relative;
}
.sec-top-about-toYou_heading::before{
  content: "";
  position: absolute;
  width: 28px;
  height: 37px;
  background: url(../img/about/deco_hint.png) no-repeat;
  background-size: contain;
  top: -14px;
  left: -34px;
}
.sec-top-about-toYou_img{
  width: min(458px,calc((458 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-about-toYou_description{
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.75;
}
.sec-top-about-toYou_attention{
  font-size: 12px;
  margin-top: 14px;
  letter-spacing: -1px;
}

.sec-top-about-heading_title {
  height: min(124px, calc((124 / var(--pc-width))* 100* 1vw));
  width: auto;
  display: block;
  margin: min(80px, calc((80 / var(--pc-width))* 100* 1vw)) auto 0;
  position: relative;
  left: min(7px, calc((7 / var(--pc-width))* 100* 1vw));
}

.sec-top-point{
  margin-top: 0;
  position: relative;
  border-right: 1px solid #000;
}
.sec-top-point [data-layout="green"] {
  padding-bottom: 90px;
}
.sec-top-point [data-layout="green"]::before {
  border-top: none; 
}
.sec-top-point [data-layout="green"]::after {
  border-top: none; 
  border-bottom: none;
  border-right: none;
}
.sec-top-point_heading{
  width: auto;
  display: block;
  margin: 0 auto;
  height:min(95px,calc((95 / var(--pc-width)) * 100 * 1vw));
}
.sec-point-header {
  position: absolute;
  left: -5px;
  top: min(71px,calc(71 / var(--pc-width) * 100vw));
}
.heading_point{
  width: min(14px,calc((14 / var(--pc-width)) * 100 * 1vw))
}
.sec-top-point [data-layout="green"]::after{
  border-left: none;
}
.sec-top-point::before {
  content: "";
  width: 100%;
  height: min(57px,calc((57 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  z-index: 1;
  pointer-events: none;
}
.sec-top-point::after {
  content: "";
  width: 100%;
  height: calc(100% - min(162px,calc((162 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-top-point_list{
  max-width: 1100px;
  width: min(1100px,calc(1100 / var(--pc-width) * 100vw));
  margin: 4px auto 0;
  display: flex;
  justify-content: space-between;
}
.sec-top-point .sec-btn {
  padding: min(60px,calc(60 / var(--pc-width) * 100vw)) 0 20px;
}
@media screen and (max-width:800px){
  .sec-top-about{
    border-right: none;
  }
  .sec-top-about [data-layout="green"] {
    border-bottom: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding-bottom: calc(44 / 750* 100vw);
  }
  .sec-top-about [data-layout="green"]::before {
    border-bottom: none;
  }
  .sec-top-about-toYou {
    flex-direction: column;
    margin-top: calc(40 / 750* 100vw);
    padding: 0 calc(30 / 750* 100vw);
    left: 0;
}
  .sec-top-about-toYou_box {
    width: 100%;
  }
  .sec-top-about-toYou_heading {
    display: block;
    font-size: calc(32 / 750* 100vw);
    font-weight: 400;
    padding-bottom: calc(26 / 750* 100vw);
    text-align: center;
    letter-spacing: -0.04em;
    line-height: 1.8;
  }
  .sec-top-about-toYou_heading::before {
    width: calc(40 / 750* 100vw);
    height: calc(52 / 750* 100vw);
    top: calc(-20 / 750* 100vw);
    left: calc(63 / 750* 100vw);
  }
  .sec-top-about-toYou_description {
    font-size: calc(26 / 750* 100vw);
    margin-top: calc(26 / 750* 100vw);
    line-height: 1.846;
    padding: 0 calc(18 / 750* 100vw);
  }
  .sec-top-about-toYou_attention {
    font-size: calc(20 / 750* 100vw);
    margin-top: calc(13 / 750* 100vw);
    padding: 0 calc(18 / 750* 100vw);
  }
  .sec-top-about-toYou_img {
    width: 100%;
    margin-top: calc(42 / 750* 100vw);
  }
  .sec-top-about-heading_title {
    height: calc(208 / 750 * 100vw);
    margin: calc(53 / 750 * 100vw) auto 0;
  }
  .sec-top-point {
    border-right: none;
  }
  .sec-top-point [data-layout="green"] {
    padding-bottom: calc(75 / 750 * 100vw);
  }
  .sec-top-point [data-layout="green"]::before {
    border-top: none;
  }
  .sec-top-point_heading{
    height: auto;
    width: calc(447 / 750 * 100vw);
  }
  .sec-top-point_list{
    max-width: 100%;
    margin-top: calc(74 / 750 * 100vw);
    width: 100%;
    flex-direction: column;
  }
  .heading_point{
    display: none;
  }
  .sec-top-point .sec-btn {
    padding: calc(40 / 750 * 100vw) 0 0;
  }
}

.sec-top-point_list-item{
  position: relative;
  width: min(342px,calc((342 / var(--pc-width)) * 100 * 1vw));
  z-index: 1;
}
.sec-top-point_list-item::before{
  background-color: #e2f5f1;
  clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%,-420px 100%);
  width: 100%;
  height: calc(100% - min(37px,calc((37 / var(--pc-width)) * 100 * 1vw)));
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  margin-top: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_heading{
  width: min(198px,calc(198 / var(--pc-width) * 100vw));
  height: auto;
  display: block;
  margin: 0 auto;
  padding-top: min(36px,calc((36 / var(--pc-width)) * 100 * 1vw));
  position: relative;
}
.sec-top-point_list-item_heading {
  width: min(254px,calc(254 / var(--pc-width) * 100vw));
  height: auto;
}
.sec-top-point_list-item:nth-of-type(2) .sec-top-point_list-item_heading{
  width: min(229px,calc(229 / var(--pc-width) * 100vw));
  height: auto;
}
.sec-top-point_list-item:nth-of-type(3) .sec-top-point_list-item_heading{
  width: min(247px,calc(247 / var(--pc-width) * 100vw));
  height: auto;
}
.sec-top-point_list-item_list{
  display: flex;
  justify-content: center;
  margin-top: 0;
  padding-bottom: 0;
}
.sec-top-point_list-item_list-item_heading{
  font-size: min(26px,calc((26 / var(--pc-width)) * 100 * 1vw));
  text-align: center;
  padding: min(23px,calc((23 / var(--pc-width)) * 100 * 1vw)) 0 min(20px,calc((20 / var(--pc-width)) * 100 * 1vw));
  border-bottom: 1px solid #000;
  position: relative;
}
.sec-top-point_list-item_list-item_heading::after{
  content: "";
  position: absolute;
  width: min(70px,calc((70 / var(--pc-width)) * 100 * 1vw));
  height: min(124px,calc((124 / var(--pc-width)) * 100 * 1vw));
  top: -15px;
  right: min(104px,calc((104 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_list-item_heading:after{
  background: url(../img/about/pkg-1@2x.png) no-repeat;
  background-size: contain;
}
.sec-top-point_list-item_list-item:nth-of-type(2)
.sec-top-point_list-item_list-item_heading:after{
  background: url(../img/about/pkg-2@2x.png) no-repeat;
  background-size: contain;
}
.sec-top-point_list-item_list-item_image{
  width: min(148px,calc((148 / var(--pc-width)) * 100 * 1vw));
  margin: min(32px,calc((32 / var(--pc-width)) * 100 * 1vw)) auto min(14px,calc((14 / var(--pc-width)) * 100 * 1vw));
  display: block;
  position: relative;
}
.sec-top-point_list-item:nth-of-type(1) .sec-top-point_list-item_list-item_image {
  left: max(-29px,calc((-29 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item:nth-of-type(1) .sec-top-point_list-item_list-item_image::after{
  content: "";
  position: absolute;
  right: max(-93px, calc((-93 / var(--pc-width))* 100* 1vw));
    top: min(-23px, calc((-23 / var(--pc-width))* 100* 1vw));
  width: min(111px,calc((111 / var(--pc-width)) * 100 * 1vw));
  height: min(111px,calc((111 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/top/point_01_icon.png) top center no-repeat;
  background-size: min(111px,calc((111 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item:nth-of-type(2) .sec-top-point_list-item_list-item_image{
  width: min(169px,calc((169 / var(--pc-width)) * 100 * 1vw));
  margin: min(22px,calc((22 / var(--pc-width)) * 100 * 1vw)) 0 0 0;
}
.sec-top-point_list-item:nth-of-type(2) .sec-top-point_list-item_list-item_image::after{
  content: "";
  position: absolute;
  right: max(-64px, calc((-64 / var(--pc-width))* 100* 1vw));
    top: max(-35px, calc((-35 / var(--pc-width))* 100* 1vw));
  width: min(92px,calc((92 / var(--pc-width)) * 100 * 1vw));
  height: min(93px,calc((93 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/top/point_02_icon.svg) top center no-repeat;
  background-size: min(92px,calc((92 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item:nth-of-type(3) .sec-top-point_list-item_list-item_image{
  width: min(234px,calc((234 / var(--pc-width)) * 100 * 1vw));
  margin: min(14px,calc((14 / var(--pc-width)) * 100 * 1vw)) 0 0 0;
}
.sec-top-point_list-item_support_list {
  display: flex;
  justify-content: center;
}
.sec-top-point_list-item_support_item {
  border-radius: 100%;
  border: 1px solid #000;
  width: min(236px,calc((236 / var(--pc-width)) * 100 * 1vw));
  height: min(236px,calc((236 / var(--pc-width)) * 100 * 1vw));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  padding: 0 min(40px,calc((40 / var(--pc-width)) * 100 * 1vw));
  position: relative;
}
.sec-top-point_list-item_support_item p {
  width: 100%;
  font-size: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_support_item p:first-child {
  font-weight: bold;
  font-size: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw));
  border-bottom: 2px solid #000;
  letter-spacing: -0.06em;
}
.sec-top-point_list-item_support_item p:nth-of-type(2) {
  width: 100%;
  font-size: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw));
  padding-top: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_support_item:nth-of-type(1) {
  background: #def7ff url(../img/about/point-3_content_01@2x.png) center center no-repeat;
  background-size: min(136px,calc((136 / var(--pc-width)) * 100 * 1vw));
  right: max(-30px,calc((-30 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_support_item:nth-of-type(2) {
  background: #fff9de url(../img/about/point-3_content_02@2x.png) center center no-repeat;
  background-size: min(140px,calc((140 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_support_item:nth-of-type(3) {
  background: #ffe7e7 url(../img/about/point-3_content_03@2x.png) center center no-repeat;
  background-size: min(124px,calc((124 / var(--pc-width)) * 100 * 1vw));
  left: max(-18px,calc((-18 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_support_item:nth-of-type(1) p:first-child {
  margin-top:  min(24px,calc((24 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_support_item:nth-of-type(3) p:first-child {
  margin-top:  min(8px,calc((8 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_list-item_attention{
  font-size: 12px;
  padding: 0 30px;
  letter-spacing: -1px;
  text-align: left;
  text-indent: -1em;
}
.sec-top-point_list-item_feature{
  display: flex;
  column-gap: 15px;
}
.sec-top-point_list-item_feature_description_box{
  flex-shrink: 0;
  margin: min(80px,calc((80 / var(--pc-width)) * 100 * 1vw)) 0 0 min(124px,calc((124 / var(--pc-width)) * 100 * 1vw));
  width:  min(390px,calc((390 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-point_list-item_feature_description_box .c-button{
  margin-top: 24px;
  width: 220px;
  height: 50px;
  font-size: 16px;
}
.sec-top-point_list-item_feature_description_box .c-button::after{
  content: "";
  position: absolute;
  width: 12px;
  height: 13px;
  top: calc((100% - 13px)/2);
  right: 47px;
  background: url(../img/common/plus-white.png) no-repeat;
  background-size: contain;
}
.sec-top-point_list-item_feature_description_box .c-button span{
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
}
.sec-top-point_list-item_feature_description{
  font-size: min(22px,calc((22 / var(--pc-width)) * 100 * 1vw));
  line-height: 1.75;
}
.sec-top-point_list-item_feature_attention{
  font-size: 12px;
  margin-top: 14px;
  letter-spacing: -1px;
}
.sec-top-point_list-item_feature_image{
  width: 42%;
  margin-top: 14px;
}
.sec-top-point_list-item_support{
  font-size: min(22px,calc((22 / var(--pc-width)) * 100 * 1vw));
  text-align: center;
  margin-top: min(28px,calc((28 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: 0;
}
.sec-top-point_list-item_support_image{
  width: min(365px,calc((365 / var(--pc-width)) * 100 * 1vw));
  display: block;
  margin: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw)) auto min(17px,calc((17 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (max-width:800px){
  .sec-top-point_list{
    position: relative;
    padding-right: calc(20 / 750 * 100vw);
    padding-left: calc(20 / 750 * 100vw);
  }
  .sec-top-point_list-item{
    width: 100%;
    padding: calc(200 / 750 * 100vw) calc(30 / 750 * 100vw) calc(58 / 750 * 100vw) !important;
    position: relative;
  }
  .sec-top-point_list-item::before{
    height: 100%;
    margin-top: 0;
    clip-path: polygon(calc(54 / 750 * 100vw) 0, 100% 0, 100% 100%, 0 100%, calc(-573 / 750 * 100vw) 100%);
  }
  .point01_clip.sec-top-point_list-item{
    /* clip-path: polygon(51px 0, 100% 0, 100% 100%, 0 100%,-1215px 100%) !important; */
    clip-path: polygon(55px 0, 100% 0, 100% 100%, 0 100%,-1550px 100%) !important;
  }
  .point02_clip.sec-top-point_list-item{
    clip-path: polygon(51px 0, 100% 0, 100% 100%, 0 100%,-975px 100%) !important;
  }
  .point03_clip.sec-top-point_list-item{
    clip-path: polygon(51px 0, 100% 0, 100% 100%, 0 100%,-1015px 100%) !important;
  }

  .sec-top-point_list-item.point02_clip{
    clip-path: polygon(75px 0, 100% 0, 100% 100%, 0 100%,-480px 100%);
    padding-bottom: calc(30 / 750 * 100vw) !important;
  }

  .sec-top-point_list-item_list{
    flex-direction: column;
    margin-top: 0;
    padding-bottom: 0;
  }
  .sec-top-point_list-item_list-item_heading {
    font-size: calc(32 / 750 * 100vw);
    padding: calc(34 / 750 * 100vw) 0;
  }
  .sec-top-point_list-item_list-item_heading:first-child:after{
    width: calc(93 / 750 * 100vw);
    height: calc(165 / 750 * 100vw);
    top: calc(-44 / 750 * 100vw);
    right: calc(106 / 750 * 100vw);
  }
  .sec-top-point_list-item_list-item_image{
    padding: 0;
    width: calc(496 / 750 * 100vw);
    margin: calc(-15 / 750 * 100vw) 0 0 calc(28 / 750 * 100vw);
  }
  .sec-top-point_list-item_list-item_image::after{
    display: none;
  }
  .sec-top-point_list-item:nth-of-type(1) .sec-top-point_list-item_list-item_image{
    left: 0;
    top: 0;
  }
  .sec-top-point_list-item:nth-of-type(2) .sec-top-point_list-item_list-item_image{
    width: calc(487 / 750 * 100vw);
    margin: calc(-48 / 750 * 100vw) 0 0 calc(39 / 750 * 100vw);
  }
  .sec-top-point_list-item:nth-of-type(3) .sec-top-point_list-item_list-item_image{
    width: calc(424 / 750 * 100vw);
    margin: calc(-15 / 750 * 100vw) 0 0 calc(37 / 750 * 100vw);
  }
  .sec-top-point_list-item_list-item_attention{
    font-size: calc(18 / 750 * 100vw);
    padding-right: calc(30 / 750 * 100vw);
    padding-left: calc(30 / 750 * 100vw);
    margin: 0 0 0 calc(17 / 750 * 100 * 1vw);
  }
  .sec-top-point_list-item_list-item_image + .sec-top-point_list-item_list-item_attention {
    margin: calc(28 / 750 * 100vw) 0 0 calc(17 / 750 * 100 * 1vw);
  }
  .sec-top-point_list-item_list-item{
  }
  .sec-top-point_list-item_list-item:nth-of-type(n+2) {
    margin-top: calc(55 / 750 * 100vw);
  }
  .sec-top-point_list-item:not(:first-child){
    margin-top: calc(65 / 750 * 100vw);
    padding-bottom: calc(63 / 750 * 100vw) !important;
  }
  .sec-top-point_list-item:last-of-type{
    padding-top: calc(186 / 750 * 100vw) !important;
    padding-bottom: calc(63 / 750 * 100vw) !important;
  }


  .sec-top-point_list-item_feature {
    flex-direction: column-reverse;
    /* column-gap: calc(56 / 750 * 100vw); */
  }
  .sec-top-point_list-item_feature_image{
    margin: calc(45 / 750 * 100vw)  auto 0;
    width: calc(488 / 750 * 100vw);
  }
  .sec-top-point_list-item_feature_image img {
    padding-left: 9.333333333%;
  }


  /* point タイトル */
  /* point01 */
  .sec-top-point_list-item_heading{
    height: auto;
    width: calc(492 / 750 * 100vw);
    padding-top: 0;
    position: absolute;
    top: calc(-46 / 750 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  .sec-top-point_list-item:nth-of-type(2) .sec-top-point_list-item_heading{
    width: calc(582 / 750 * 100vw);
    height: auto;
  }
  .sec-top-point_list-item:nth-of-type(3) .sec-top-point_list-item_heading{
    width: calc(515 / 750 * 100vw);
    height: auto;
  }



  .sec-top-point_list-item_feature_description_box{
    margin: calc(55 / 750 * 100vw) 0 0;
    width: 100%;
  }
  .sec-top-point_list-item_feature_description{
    font-size: calc(32 / 750 * 100vw);
  }
  .sec-top-point_list-item_feature_attention{
    margin-top: calc(35 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
  .sec-top-point_list-item_feature_description_box .c-button {
    margin: calc(50 / 750 * 100vw) auto 0;

    width: calc(394.17 / 750 * 100vw);
    padding: calc(32 / 750 * 100vw) 0;
    height: calc(89.58 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
  }
  .sec-top-point_list-item_feature_description_box .c-button span{
    line-height: 1;
  }
  .sec-top-point_list-item_feature_description_box .c-button::after {
    width:  calc(24 / 750 * 100vw);
    height:  calc(25 / 750 * 100vw);
    /* top: calc((100% - 25px)/2); */
    right:  calc(40 / 750 * 100vw);
    background: url(../img/common/plus-white_sp.png) no-repeat;
    background-size: contain;
  }

  .sec-top-point_list-item_support{
    font-size: calc(32 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
  }
  .sec-top-point_list-item_support_image{
    width: calc(577 / 750 * 100vw);
    margin: 0;
  }

}
@media screen and (max-width: 480px){
  .point01_clip.sec-top-point_list-item{
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%,-1015px 100%) !important;
  }
  .point02_clip.sec-top-point_list-item{
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%,-675px 100%) !important;
  }
  .point03_clip.sec-top-point_list-item{
    clip-path: polygon(35px 0, 100% 0, 100% 100%, 0 100%,-465px 100%) !important;
  }
}
@media screen and (max-width: 400px){
}

.sec-lineup{
  padding-top: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
  position: relative;
}
.sec-lineup-header{
  position: absolute;
  top: 6.5%;
  left: -5px;
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw))
}
.sec-lineup-heading_title{
  display: block;
  margin: 0 auto;
  height: min(105px,calc((105 / var(--pc-width)) * 100 * 1vw));
  width: auto;
}
.sec-lineup-description{
  font-size: 18px;
  text-align: center;
  margin-top: 38px;
  letter-spacing: 0;
}
.sec-lineup-catch{
  text-align: center;
  font-size: 22px;
  margin-top: 8px;
  letter-spacing: 0;
}
.sec-lineup-attention{
  text-align: center;
  font-size: 14px;
  margin-top: 18px;
  letter-spacing: -1px;
}
.sec-lineup-list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: min(40px,calc((40 / var(--pc-width)) * 100 * 1vw));
  row-gap: min(165px,calc((165 / var(--pc-width)) * 100 * 1vw));
  margin-top: min(112px,calc((112 / var(--pc-width)) * 100 * 1vw));
  padding: 0 min(20px,calc((20 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  max-width: 1295px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width:1100px){
  .sec-lineup-list{
    margin-top: min(200px,calc((200 / var(--pc-width)) * 100 * 1vw));
    row-gap: min(200px,calc((200 / var(--pc-width)) * 100 * 1vw));
  }
}

.sec-lineup-list-item{
  width: calc(50% - 20px);
  border: 10px solid #fceaea;
  padding: 0 min(45px,calc((45 / var(--pc-width)) * 100 * 1vw)) min(28px,calc((28 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  background-color: #fff;
}
[data-type="cocoa"]{
  border-color: #fceaea !important;
}
[data-type="tonyu"]{
  border-color: #ecf5cd !important;
}
[data-type="bakuga"]{
  border-color: #eddfd9 !important;
}
[data-type="tea"]{
  border-color: #e5efff !important;
}
[data-type="maccha"]{
  border-color: #dde7ca !important;
}
[data-type="banana"]{
  border-color: #faf1b6 !important;
}
[data-type="cocoa"]::after{
  content: "";
  width: min(170px,calc((170 / var(--pc-width)) * 100 * 1vw));
  height: min(140px,calc((140 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/lineup/deco_cocoa.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -33px;
  right: 26px;
}
[data-type="tonyu"]::after{
  content: "";
  width: min(170px,calc((170 / var(--pc-width)) * 100 * 1vw));
  height: min(106px,calc((106 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/lineup/deco_bean.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 15px;
}
[data-type="bakuga"]::after{
  content: "";
  width: min(170px,calc((170 / var(--pc-width)) * 100 * 1vw));
  height: min(185px,calc((185 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/lineup/deco_bakuga.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -24px;
  right: -57px;
}
[data-type="tea"]::after{
  content: "";
  width: min(170px,calc((170 / var(--pc-width)) * 100 * 1vw));
  height: min(132px,calc((132 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/lineup/deco_tea.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: -32px;
}
[data-type="maccha"]::after{
  content: "";
  width: min(168px,calc((168 / var(--pc-width)) * 100 * 1vw));
  height: min(151px,calc((151 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/lineup/deco_maccha.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -27px;
  right: 20px;
}
[data-type="banana"]::after{
  content: "";
  width: min(170px,calc((170 / var(--pc-width)) * 100 * 1vw));
  height: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/lineup/deco_banana.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: -50px;
}
[data-type="cocoa"] .sec-lineup-list-item_image{
  width: min(114px,calc((114 / var(--pc-width)) * 100 * 1vw));
  top: -78px;
  left: 51.5%;
}
[data-type="tonyu"] .sec-lineup-list-item_image{
  width: min(278px,calc((278 / var(--pc-width)) * 100 * 1vw));
  top: -140px;
  z-index: 1;
}
[data-type="bakuga"] .sec-lineup-list-item_image{
  width: min(278px,calc((278 / var(--pc-width)) * 100 * 1vw));
  top: -138px;
  z-index: 1;
}
[data-type="tea"] .sec-lineup-list-item_image{
  width: min(278px,calc((278 / var(--pc-width)) * 100 * 1vw));
  top: -136px;
  z-index: 1;
}
[data-type="maccha"] .sec-lineup-list-item_image{
  width: min(117px,calc((117 / var(--pc-width)) * 100 * 1vw));
  top: -78px;
  left: 51.8%;
  z-index: 1;
}
[data-type="banana"] .sec-lineup-list-item_image{
  width: min(278px,calc((278 / var(--pc-width)) * 100 * 1vw));
  top: -135px;
  z-index: 1;
}

[data-type="cocoa"] .c-button{
  background-color: #9e2d4a;
}
[data-type="tonyu"] .c-button{
  background-color: #07794d;
}
[data-type="bakuga"] .c-button{
  background-color: #7e503c;
}
[data-type="tea"] .c-button{
  background-color: #3c4c94;
}
[data-type="maccha"] .c-button{
  background-color: #215620;
}
[data-type="banana"] .c-button{
  background-color: #93542a;
}

.sec-lineup-list-item_image{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.sec-lineup-list-item_heading{
  margin-top: min(180px,calc((180 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sec-lineup-list-item_heading h3{
  font-size: min(26px,calc((26 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: -1px;
  position: relative;
  line-height: 1.4;
}
.sec-lineup-list-item_description{
  font-size: 16px;
  margin-top: 18px;
  font-feature-settings: 'palt';
  line-height: 1.8;
}
.sec-lineup-list-item_number{
  display: flex;
  column-gap: 10px;
}
.sec-lineup-list-item_number img{
  width: min(90px,calc((90 / var(--pc-width)) * 100 * 1vw));
}
.sec-lineup-list-item_buttons{
  display: flex;
  column-gap: 10px;
}
.sec-lineup-list-item .c-button{
  margin-top: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw));
  width: min(232px,calc((232 / var(--pc-width)) * 100 * 1vw));
  height: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
  font-size: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw));
  display: inline-block;
  text-align: center;
  line-height: 1.3;
}
.sec-lineup-list-item .c-button a{
  flex-direction: column;
  font-weight: bold;
  padding-top: 2px;
}
.sec-lineup-list-item .c-button::after{
  content: "";
  position: absolute;
  top: calc((100% - 11px)/2);
  right: min(30px,calc((30 / var(--pc-width)) * 100 * 1vw));
  width: 8px;
  height: 12px;
  background: url(../img/common/arrow-white.svg) no-repeat left center;
  background-size: contain;
}
.sec-lineup-list-item .c-button span{
  font-weight: normal;
  display: block;
  font-size: min(14px,calc((14 / var(--pc-width)) * 100 * 1vw));
}

.sec-lineup-nonsugar{
  margin: min(58px,calc((58 / var(--pc-width)) * 100 * 1vw)) min(48px,calc((48 / var(--pc-width)) * 100 * 1vw)) 0;
  border: 10px solid #daf2fc;
  display: flex;
  column-gap: min(70px,calc((70 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(30px,calc((30 / var(--pc-width)) * 100 * 1vw));
  background: #fff;
  width: min(96.6%, 1196px);
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.sec-lineup-nonsugar_head{
  display: flex;
  column-gap: min(34px,calc((34 / var(--pc-width)) * 100 * 1vw));
  flex-shrink: 0;
  margin-left: min(10px,calc((10 / var(--pc-width)) * 100 * 1vw));
}
.sec-lineup-nonsugar_heading{
  width: min(274px,calc((274 / var(--pc-width)) * 100 * 1vw));
  margin: min(101px,calc((101 / var(--pc-width)) * 100 * 1vw)) 0 0 max(-4px,calc((-4 / var(--pc-width)) * 100 * 1vw));
}
.sec-lineup_nonsugar_image{
  width: min(117px,calc((117 / var(--pc-width)) * 100 * 1vw));
  margin-top: min(58px,calc((58 / var(--pc-width)) * 100 * 1vw));
}
.sec-lineup-nonsugar_body{
  margin-top: min(40px,calc((40 / var(--pc-width)) * 100 * 1vw));
  width: 43.5%;
  position: relative;
}
.sec-lineup-nonsugar_body::after{
  content: "";
  position: absolute;
  top: -4px;
  right: 26px;
  width: 78px;
  height: 72px;
  background: url(../img/lineup/deco_nonsugar.png) no-repeat;
  background-size: contain;
}
.sec-lineup_nonsugar_body_heading{
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 1;
}
.sec-lineup_nonsugar_body_description{
  font-size: 16px;
  margin-top: min(22px,calc((22 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: -0.2px;
  line-height: 1.75;
}
.sec-lineup_nonsugar_body_attention{
  font-size: 12px;
  margin-top: 5px;
  letter-spacing: -1px;
}
.sec-lineup-nonsugar .c-button{
  background-color: #00a4e9;
  width: 232px;
  height: 60px;
  font-size: 16px;
}
.sec-lineup-nonsugar .c-button::after{
  content: "";
  position: absolute;
  top: calc((100% - 11px)/2);
  right: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw));
  width: 8px;
  height: 11px;
  background: url(../img/common/arrow-white.svg) no-repeat left center;
  background-size: contain;
}
.sec-lineup-nonsugar .c-button a {
  flex-direction: column;
  text-align: center;
  font-weight: bold;
  padding-top: 2px;
}
.sec-lineup-nonsugar .c-button span{
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.sec-lineup_nonsugar_link{
  display: flex;
  margin-top: 20px;
  column-gap: 10px;
}
@media screen and (max-width:800px){
  .sec-lineup {
    padding-top: calc(60 / 750 * 100vw);
    padding-bottom: calc(60 / 750 * 100vw);
  }
  .sec-lineup-heading_title {
    height: calc(126 / 750 * 100vw);
  }
  .sec-lineup-header{
    display: none;
  }
  .sec-lineup::before{
    height: 100%;
  }
  .sec-lineup::after {
    display: none;
  }
  .sec-lineup-description{
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
    padding: 0 calc(20 / 750 * 100vw);
    line-height: 1.615;
  }
  .sec-lineup-catch{
    font-size: calc(32 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
    padding: 0 calc(20 / 750 * 100vw);
  }
  .sec-lineup-attention{
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(10 / 750 * 100vw);
    padding: 0 calc(20 / 750 * 100vw);
  }
  .sec-lineup-list{
    flex-direction: column;
    justify-content: center;
    /* row-gap:calc(223 / 750 * 100vw); */
    row-gap: 0;
    column-gap: 0;
    margin-top: calc(160 / 750 * 100vw);
    padding: 0 calc(30 / 750 * 100vw);
  }
  .sec-lineup-list:first-of-type{
    margin-top: calc(230 / 750 * 100vw);
  }
  .sec-lineup-list-item{
    width: 100%;
    padding: 0 calc(40 / 750 * 100vw) calc(55 / 750 * 100vw);
    border: calc(10 / 750 * 100vw) solid #fceaea;
    margin-bottom: calc(223 / 750 * 100vw);
  }
  [data-type="banana"].sec-lineup-list-item,
  [data-type="maccha"].sec-lineup-list-item{
    margin-bottom: calc(140 / 750 * 100vw);
  }
  .sec-lineup-list-item:last-of-type{
    margin-bottom: 0;
  }

  [data-type="cocoa"] .sec-lineup-list-item_image {
    /* width: calc(238 / 750 * 100vw);
    top: calc(-106 / 750 * 100vw);
    padding-right: 12%; */
    width: calc(160 / 750 * 100vw);
    top: calc(-107 / 750 * 100vw);
  }
  [data-type="cocoa"]::after {
    width: calc(220 / 750 * 100vw);
    height: calc(192 / 750 * 100vw);
    top: calc(-43 / 750 * 100vw);
    right: calc(-26 / 750 * 100vw);
  }
  .sec-lineup-list-item_heading{
    margin-top: calc(224 / 750 * 100vw);
    padding-bottom: calc(23 / 750 * 100vw);
  }
  .sec-lineup-list-item_heading h3{
    font-size: calc(36 / 750 * 100vw);
  }
  [data-type="tonyu"] .sec-lineup-list-item_heading {
    margin-top: calc(258 / 750* 100vw);
  }
  [data-type="tea"] .sec-lineup-list-item_heading {
    margin-top: calc(253 / 750* 100vw);
  }
  [data-type="banana"] .sec-lineup-list-item_heading {
    margin-top: calc(253 / 750* 100vw);
  }
  [data-type="cocoa"] .sec-lineup-list-item_heading {
    margin-top: calc(242 / 750* 100vw);
  }
  [data-type="maccha"] .sec-lineup-list-item_heading {
    margin-top: calc(242 / 750* 100vw);
  }
  .sec-lineup-list-item_number{
    column-gap: calc(10 / 750 * 100vw);
  }
  .sec-lineup-list-item_number img{
    width: calc(103 / 750 * 100vw);
  }
  .sec-lineup-list-item_description{
    margin-top: calc(22 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.615;
  }
  .sec-lineup-list-item .c-button {
    margin: calc(24 / 750 * 100vw) auto 0;
    width:calc(395 / 750 * 100vw);
    height: calc(90 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    display: block;
    font-weight: bold;
  }
  .sec-lineup-list-item .c-button span{
    font-size: calc(24 / 750 * 100vw);
    font-weight: 400;
  }
  .sec-lineup-list-item .c-button::after {
    top: calc(36 / 750 * 100vw);
    right: calc(35 / 750 * 100vw);
    width: calc(12 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
  }
  [data-type="tonyu"]::after {
    content: "";
    width: calc(200 / 750 * 100vw);
    height: calc(130 / 750 * 100vw);
    top: calc(30 / 750 * 100vw);
    left: calc(-20 / 750 * 100vw);
  }
  [data-type="tonyu"] .sec-lineup-list-item_image {
    width: calc(384 / 750* 100vw);
    top: calc(-183 / 750* 100vw);
    padding-left: 7%;
  }
  .sec-lineup-list-item_buttons{
    flex-direction: column;
  }
  .sec-lineup-list-item .c-button:nth-of-type(n+2){
    margin-top: calc(18 / 750 * 100vw);
  }
  [data-type="bakuga"] .sec-lineup-list-item_image {
    width: calc(386 / 750* 100vw);
    top: calc(-193 / 750* 100vw);
    padding-left: 7%;
  }
  [data-type="bakuga"]::after {
    content: "";
    width: calc(85 / 750 * 100vw);
    height: calc(278 / 750 * 100vw);
    top: calc(-88 / 750 * 100vw);
    right: calc(-14 / 750 * 100vw);
    background: url(../img/lineup/deco_bakuga_sp.png) no-repeat;
    background-size: contain;
  }
  [data-type="tea"] .sec-lineup-list-item_image {
    width: calc(390 / 750* 100vw);
    top: calc(-190 / 750* 100vw);
    padding-left: 7%;
  }
  [data-type="tea"]::after {
    content: "";
    width: calc(193 / 750* 100vw);
    height: calc(188 / 750* 100vw);
    top: calc(-86 / 750* 100vw);
    left: calc(-12 / 750* 100vw);
    background: url(../img/lineup/deco_tea_sp.png) no-repeat;
    background-size: contain;
  }
  [data-type="maccha"] .sec-lineup-list-item_image {
    width: calc(160 / 750 * 100vw);
    top: calc(-113 / 750 * 100vw);
  }
  [data-type="maccha"]::after {
    content: "";
    width: calc(192 / 750* 100vw);
    height: calc(198 / 750* 100vw);
    top: calc(-37 / 750* 100vw);
    right: calc(15 / 750* 100vw);
    background: url(../img/lineup/deco_maccha_sp.png) no-repeat;
    background-size: contain;
  }
  [data-type="banana"] .sec-lineup-list-item_image {
    width: calc(390 / 750* 100vw);
    top: calc(-193 / 750* 100vw);
    padding-left: 7%;
  }
  [data-type="banana"]::after {
    content: "";
    width: calc(100 / 750 * 100vw);
    height: calc(121 / 750 * 100vw);
    top: calc(43 / 750* 100vw);
    left: calc(-25 / 750* 100vw);
  }

  .sec-lineup-nonsugar{
    position: relative;
    flex-direction: column;
    column-gap: 0;
    margin: calc(40 / 750 * 100vw) auto 0;
    padding: 0 calc(40 / 750 * 100vw) calc(55 / 750 * 100vw);
    border: calc(10 / 750 * 100vw) solid #daf2fc;
    width: 91%;
  }
  .sec-lineup-nonsugar_head{
    flex-direction: column;
    column-gap: 0;
  }
  .sec-lineup-nonsugar_heading {
    width: calc(345 / 750 * 100vw);
    margin: calc(50 / 750 * 100vw) auto 0;
    display: block;
    position: relative;
    left: calc(-29 / 750 * 100vw);
  }
  .sec-lineup_nonsugar_image {
    width: calc(161 / 750* 100vw);
    margin: calc(41 / 750* 100vw) auto 0;
    display: block;
  }
  .sec-lineup-nonsugar_body::after{
    display: none;
  }
  [data-type="nonsugar"]::after {
    content: "";
    width: calc(148 / 750 * 100vw);
    height: calc(138 / 750 * 100vw);
    background: url(../img/lineup/deco_nonsugar.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(210 / 750 * 100vw);
    left: calc(32 / 750 * 100vw);
  }
  .sec-lineup-nonsugar_body {
    margin-top: calc(24 / 750 * 100vw);
    width: 100%;
  }
  .sec-lineup_nonsugar_body_heading{
    font-size: calc(36 / 750 * 100vw);
    padding-bottom: calc(22 / 750 * 100vw);
  }
  .sec-lineup_nonsugar_body_description{
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(22 / 750 * 100vw);
    line-height: 1.615;
  }
  .sec-lineup_nonsugar_body_attention{
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(14 / 750 * 100vw);
    line-height: 1;
  }
  .sec-lineup_nonsugar_link {
   flex-direction: column;
    margin-top: calc(40 / 750 * 100vw);
    column-gap: 0;
    row-gap: calc(17 / 750 * 100vw);
  }
  .sec-lineup-nonsugar .c-button {
    width: calc(394 / 750 * 100vw);
    height: calc(90 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    font-weight: bold;
    margin: 0 auto;
    line-height: 1.3;
  }
  .sec-lineup-nonsugar .c-button span{
    font-size: calc(24 / 750 * 100vw);
    font-weight: 400;
  }
  .sec-lineup-nonsugar .c-button::after {
    top: calc(36 / 750 * 100vw);
    right: calc(35 / 750 * 100vw);
    width: calc(12 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
  }
}



.sec-top-lineup{
  padding-top: min(83px,calc((83 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: 0;
  position: relative;
  background: url(../img/top/lineup_bg.png) center top min(157px,calc((157 / var(--pc-width)) * 100 * 1vw)) no-repeat;
  background-size: min(1243px,calc((1243 / var(--pc-width)) * 100 * 1vw)) auto;
  border-right: 1px solid #000;
}
.sec-top-lineup::before {
  content: "";
  width: 100%;
  height: min(107px,calc((107 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  z-index: 1;
  pointer-events: none;
}
.sec-top-lineup::after {
  content: "";
  width: 100%;
  height: calc(100% - min(264px,calc((264 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-top-lineup-header{
  position: absolute;
  top: min(131px,calc((131 / var(--pc-width)) * 100 * 1vw));
  left: -5px;
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw))
}
.sec-top-lineup-heading_title{
  display: block;
  margin: 0 auto;
  height: min(105px,calc((105 / var(--pc-width)) * 100 * 1vw));
}
img.sec-top-lineup-heading_title {
  max-width: 100%;
  width: auto;
}
.sec-top-lineup-description{
  font-size: 18px;
  text-align: center;
  margin-top: 38px;
  letter-spacing: 0;
  padding: 0 min(200px,calc((200 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-lineup-catch{
  text-align: center;
  font-size: 22px;
  margin-top: 8px;
  letter-spacing: 0;
}
.sec-top-lineup-attention{
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
  letter-spacing: -1px;
}
.sec-top-lineup-image {
  display: flex;
  justify-content: center;
}
.sec-top-lineup_item{
  margin: min(50px,calc((50 / var(--pc-width)) * 100 * 1vw)) auto 0;
  /* height: min(268px,calc((268 / var(--pc-width)) * 100 * 1vw)); */
  height: min(238px,calc((238 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  position: relative;
  left: min(10px,calc((10 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-lineup .sec-btn {
  padding: 30px 0 20px;
}

@media screen and (max-width:800px){
  .sec-top-lineup {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    padding-top: calc(84 / 750 * 100vw);
    background: none;
    position: relative;
    padding-bottom: calc(64 / 750 * 100vw);
  }
  .sec-top-lineup::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    border-left: none;
    left: calc(-22 / 750 * 100vw);
    top: 0;
    display: block;
    background: url(../img/top/lineup_bg_sp.png) center calc(40 / 750 * 100vw) no-repeat;
    background-size: 100%;
  }
  .sec-top-lineup-header{
    display: none;
  }
  .sec-top-lineup::after {
    display: none;
  }
  .sec-top-lineup-heading_title {
    height: calc(125 / 750 * 100vw)
  }
  .sec-top-lineup-description{
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(34 / 750 * 100vw);
    padding: 0 calc(20 / 750 * 100vw);
    line-height: 1.615;
  }
  .sec-top-lineup-catch{
    font-size: calc(32 / 750 * 100vw);
    margin-top: calc(10 / 750 * 100vw);
    padding: 0 calc(20 / 750 * 100vw);
    line-height: 1.615;
  }
  .sec-top-lineup-attention {
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(10 / 750 * 100vw);
    padding: 0 0;
  }
  .sec-top-lineup_item {
    margin-top: calc(37 / 750 * 100vw);
    height: calc(205 / 750 * 100vw);
  }
  .sec-top-lineup .sec-btn {
    margin: calc(12 / 750 * 100vw) auto 0;
  }

}

.sec-top-voice{
  padding-top: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  border-right: 1px solid #000;
}
.sec-top-voice::before {
  content: "";
  width: 100%;
  height: min(94px,calc((94 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  z-index: 1;
  pointer-events: none;
}
.sec-top-voice::after {
  content: "";
  width: 100%;
  height: calc(100% - min(327px,calc((327 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-top-voice-header{
  position: absolute;
  top: min(114px,calc((114 / var(--pc-width)) * 100 * 1vw));
  left: -5px;
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw))
}
.sec-top-voice-heading_title{
  display: block;
  margin: 0 auto;
  height: min(110px,calc((110 / var(--pc-width)) * 100 * 1vw));
  width: auto;
}
.sec-top-voice_slider{
  margin-top: min(42px,calc((42 / var(--pc-width)) * 100 * 1vw));
}

@media screen and (max-width:800px){
  .sec-top-voice{
    padding-top: 0;
  }
  .sec-top-voice-header{
    display: none;
  }
  .sec-top-voice::before {
    height: 100%;
  }
  .sec-top-voice::after{
    display: none;
  }
  .sec-top-voice-heading_title{
    height: calc(128 / 750 * 100vw);
  }
  .sec-top-voice_slider {
    margin-top: calc(64 / 750 * 100vw);
  }

}

.sec-recipe{
  padding-top: min(20px,calc((20 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(80px,calc((80 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  border-right: 1px solid #000;
}
.sec-recipe::before {
  content: "";
  width: 100%;
  height: min(107px,calc((107 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  z-index: 1;
  pointer-events: none;
}
.sec-recipe::after {
  content: "";
  width: 100%;
  height: calc(100% - min(230px,calc((230 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-recipe-header{
  position: absolute;
  top: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  left: -5px;
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw))
}
.sec-recipe_wrapper{
  position: relative;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
.sec-recipe_wrapper::after{
  content: "";
  position: absolute;
  bottom: min(-9px,calc((-9 / var(--pc-width)) * 100 * 1vw));
  right: min(-52px,calc((-52 / var(--pc-width)) * 100 * 1vw));
  width: min(233px,calc((233 / var(--pc-width)) * 100 * 1vw));
  height: min(150px,calc((150 / var(--pc-width)) * 100 * 1vw));
  background: url(../img/recipe/deco_recipe.png) no-repeat;
  background-size: contain;
  z-index: 1;
}
@media all and (max-width:1240px) {
  .sec-recipe_wrapper::after{
    right: -15px;
  }
}
.sec-recipe_outer{
  border: 1px solid #ffefe2;
  background-color: #ffefe2;
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%,-485px 100%);
  max-width: 1100px;
  width: 100%;
  margin: -35px auto 0;
  padding-top: 35px;
}
.sec-recipe_inner{
  border: 1px solid #fff;
  margin: -25px 10px 10px;
  background-color: #fff;
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%,-485px 100%);
}
.sec-recipe_content{
  margin: min(10px,calc((10 / var(--pc-width)) * 100 * 1vw));
  padding: min(48px,calc((48 / var(--pc-width)) * 100 * 1vw)) min(26px,calc((26 / var(--pc-width)) * 100 * 1vw)) min(34px,calc((34 / var(--pc-width)) * 100 * 1vw));
  background-color: #ffefe2;
  clip-path: polygon(64px 0, 100% 0, 100% 100%, 0 100%,-470px 100%);
}
.sec-recipe-heading_title{
  display: block;
  margin: 0 auto;
  height: min(47px,calc((47 / var(--pc-width)) * 100 * 1vw));
  width: auto;
}
.sec-recipe-heading_lead{
  font-size: 18px;
  text-align: center;
  margin-top: 16px;
  letter-spacing: 0.3px;
}
.sec-recipe-body{
  display: flex;
  column-gap: min(50px,calc((50 / var(--pc-width)) * 100 * 1vw));
  margin-top: max(-14px,calc((-14 / var(--pc-width)) * 100 * 1vw));
}
.sec-recipe-body_image{
  width: 53.5%;
}
.sec-recipe-body_heading{
  font-size: min(26px,calc((26 / var(--pc-width)) * 100 * 1vw));
  margin-top: min(95px,calc((95 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: -0.5px;
}
.sec-recipe-body .c-button{
  margin-top: 30px;
  width: 220px;
  height: 50px;
  font-size: 16px;
  z-index: 1;
  border: #000 1px solid;
}
.sec-recipe-body .c-button::after{
  content: "";
  position: absolute;
  top: calc((100% - 11px)/2);
  right: 27px;
  width: 8px;
  height: 11px;
  background: url(../img/common/arrow-white.png) no-repeat left center;
  background-size: contain;
}
@media screen and (max-width:800px){
  .sec-recipe{
    padding-top: calc(26 / 750 * 100vw);
  }
  .sec-recipe-header{
    display: none;
  }
  .sec-recipe::before{
    height: 100%;
  }
  .sec-recipe::after{
    display: none;
  }
  .sec-recipe_wrapper{
    margin: 0 calc(20 / 750 * 100vw);
  }
  .sec-recipe_wrapper::after {
    bottom: unset;
    background: url(../img/recipe/deco_recipe_sp.png) no-repeat;
    background-size: contain;
    top: calc(84 / 750* 100vw);
    right: calc(-33 / 750* 100vw);
    width: calc(183 / 750 * 100vw);
    height: calc(123 / 750 * 100vw);
  }
  .sec-recipe-body {
    flex-direction: column;
    column-gap: 0;
  }
  .sec-recipe_outer{
    /* clip-path: polygon(62px 0, 100% 0, 100% 100%, 0 100%,-505px 100%); */
    clip-path: none;
    border: none;
    padding: 0;
    margin-top: calc(-54 / 750 * 100vw);
    content: '';
    background: url(../img/recipe/bg_sp.png) no-repeat left top;
    background-size: contain;
  }
  .sec-recipe_inner {
    /* clip-path: polygon(58px 0, 100% 0, 100% 100%, 0 100%,-495px 100%); */
    clip-path: none;
    background: none;
    border: none;
    margin: 0;
  }
  .sec-recipe_content {
    /* clip-path: polygon(54px 0, 100% 0, 100% 100%, 0 100%,-480px 100%); */
    clip-path: none;
    margin: 0;
    clip-path: none;
    background: none;
    padding: calc(94 / 750 * 100vw) calc(60 / 750 * 100vw) calc(94 / 750 * 100vw);
    
  }
  .sec-recipe-heading_title{
    height: calc(54 / 750 * 100vw);
  }
  .sec-recipe-body_heading{
    font-size: calc(36 / 750 * 100vw);
    margin-top: calc(42 / 750 * 100vw);
    text-align: center;
  }
  .sec-recipe-heading_lead{
    margin-top: calc(35 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.615;
  }
  .sec-recipe-body_image{
    width: 100%;
    position: relative;
    margin-top: calc(66 / 750 * 100vw);
  }
  .sec-recipe-body_image::before{
    content: "";
    position: absolute;
    top: calc(-27 / 750 * 100vw);
    left: calc(-21 / 750 * 100vw);
    width: calc(160 / 750 * 100vw);
    height: calc(154 / 750 * 100vw);
    background: url(../img/recipe/recipe_01_50kcal.png) no-repeat left center;
    background-size: contain;
  }

  .sec-recipe-body .c-button {
    width: calc(394 / 750 * 100vw);
    height: calc(90 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    margin: calc(20 / 750 * 100vw) auto 0;
  }
  .sec-recipe-body .c-button::after {
    top: calc(36 / 750 * 100vw);
    right: calc(35 / 750 * 100vw);
    width: calc(12 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
  }

}

.sec-dev{
  position: relative;
  padding: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw)) 0 min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev-header{
  position: absolute;
  left: -5px;
  top: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
}
.sec-recipe::after {
  content: "";
  width: 100%;
  height: calc(100% - min(230px,calc((230 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-recipe-header{
  position: absolute;
  top: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  left: -5px;
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw))
}
.heading_dev{
  width: min(14px,calc((14 / var(--pc-width)) * 100 * 1vw))
}
.sec-dev-heading_title{
  height: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  display: block;
  margin: min(48px,calc((48 / var(--pc-width)) * 100 * 1vw)) auto 0;
  width: auto;
}
.sec-dev_list{
  margin: min(38px,calc((38 / var(--pc-width)) * 100 * 1vw)) auto 0;
  width: min(750px,calc((750 / var(--pc-width)) * 100 * 1vw));
  display: flex;
  column-gap: min(30px,calc((30 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev_developer_name{
  text-align: center;
  margin-top: 14px;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.sec-dev_developer_name p {
  font-size: 22px;
  line-height: 1.8;
}
.sec-dev_feature_list{
  margin: min(92px,calc((92 / var(--pc-width)) * 100 * 1vw)) auto 0;
  width: min(1055px,calc((1055 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev_feature_list-item{
  display: flex;
  column-gap: min(41px,calc((41 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev_feature_list-item:not(:first-child){
  margin-top: min(68px,calc((68 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev_feature_list-item:nth-child(even){
  flex-direction: row-reverse;
}
.sec-dev_feature_list-item_image{
  flex-shrink: 0;
  width: min(450px,calc((450 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev_feature_list-item_image p{
  font-size: 16px;
  margin-top: min(12px,calc((12 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: -1px;
}
.sec-dev_feature_list-item_description_image{
  border-bottom: 1px solid #000;
  padding-bottom: min(17px,calc((17 / var(--pc-width)) * 100 * 1vw));
}
[data-feature="1"] .sec-dev_feature_list-item_description img{
  width: min(515px,calc((515 / var(--pc-width)) * 100 * 1vw));
  height: auto;
}
[data-feature="2"] .sec-dev_feature_list-item_image p{
  text-align: right;
}
[data-feature="2"] .sec-dev_feature_list-item_description img{
  width: min(355px,calc((355 / var(--pc-width)) * 100 * 1vw));
  height: auto;
}
[data-feature="3"] {
  margin-top: min(107px,calc((107 / var(--pc-width)) * 100 * 1vw)) !important;
}
[data-feature="3"] .sec-dev_feature_list-item_description img{
  width: min(545px,calc((545 / var(--pc-width)) * 100 * 1vw));
  height: auto;
}
[data-feature="4"] {
  margin-top: min(72px,calc((72 / var(--pc-width)) * 100 * 1vw)) !important;
}
[data-feature="4"] .sec-dev_feature_list-item_description img{
  width: min(464px,calc((464 / var(--pc-width)) * 100 * 1vw));
  height: auto;
}
.sec-dev_feature_list-item_description p{
  font-size: 16px;
  margin-top: min(24px,calc((24 / var(--pc-width)) * 100 * 1vw));
  line-height: 1.8;
}
.sec-dev_feature_list-item_description p + p{
  margin-top: min(28px,calc((28 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev_challenge{
  margin: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw)) 0 0;
}
.sec-dev_challenge_heading{
  display: block;
  margin: 0 auto;
  height: min(80px,calc((80 / var(--pc-width)) * 100 * 1vw));
  width: auto;
}
.sec-dev_challenge_content{
  display: flex;
  column-gap: min(42px,calc((42 / var(--pc-width)) * 100 * 1vw));
  margin: min(40px,calc((40 / var(--pc-width)) * 100 * 1vw)) auto 0;
  width: min(1055px,calc((1055 / var(--pc-width)) * 100 * 1vw));
}
.sec-dev_challenge_image{
  flex-shrink: 0;
}
.sec-dev_challenge_image img{
  width: min(450px,calc((450 / var(--pc-width)) * 100 * 1vw));
  height: auto;
}
.sec-dev_challenge_description{
  font-size: 16px;
  line-height: 1.8;
}
.sec-dev_challenge_description p + p{
  margin-top: min(20px,calc((20 / var(--pc-width)) * 100 * 1vw)) auto 0;
}
.sec-dev_attention{
  padding: 0 min(20px,calc((20 / var(--pc-width)) * 100 * 1vw)) 0;
  transform: translateY(min(50px,calc((50 / var(--pc-width)) * 100 * 1vw)));
}
.sec-dev_attention__txt{
  text-align: right;
  font-size: 12px;
  letter-spacing: -1px;
}
@media screen and (max-width:800px){
  .heading_dev{
    display: none;
  }
  .sec-dev::before{
    height: 100%;
  }
  .sec-dev::after{
    display: none;
  }
  .sec-dev-heading_title{
    height: calc(130 / 750 * 100vw);
    margin-top: calc(56 / 750 * 100vw);
  }
  .sec-dev_list {
    margin: calc(46 / 750 * 100vw) auto 0;
    width: 100%;
    column-gap: 0;
    padding: 0 calc(30 / 750 * 100vw);
    justify-content: space-between;
  }
  .sec-dev_list-item:nth-of-type(n+2){
  }
  .sec-dev_list-item {
    text-align: center;
    width: calc(190 / 750 * 100vw);
  }
  .sec-dev_developer{
    width: calc(190 / 750 * 100vw);
  }
  .sec-dev_developer_name{
    text-align: left;
    margin-left: 0;
    margin-top: calc(18 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    text-align: center;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .sec-dev_developer_name p{
    font-size: calc(32 / 750 * 100vw);
    text-align: center;
  }
  .sec-dev_feature_list-item {
    flex-direction: column !important;
    column-gap: 0;
  }
  .sec-dev_feature_list-item_image{
    width: 100%;
  }
  .sec-dev_feature_list{
    width: 100%;
    margin: calc(58 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
    padding: 0 calc(60 / 750 * 100vw);
  }
  .sec-dev_feature_list-item_image p{
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
    text-align: right;
  }
  [data-feature="1"] .sec-dev_feature_list-item_description img {
    width: calc(487 / 750 * 100vw);
    margin: calc(48 / 750 * 100vw) auto 0;
    display: block;
  }
  .sec-dev_feature_list-item_description_image{
    padding-bottom: calc(34 / 750 * 100vw);
  }
  .sec-dev_feature_list-item_description p{
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(34 / 750 * 100vw);
    line-height: 1.615;
  }
  .sec-dev_feature_list-item_description p + p{
    margin-top: calc(40 / 750 * 100vw);
  }
  .sec-dev_feature_list-item:not(:first-child){
    margin-top: calc(55 / 750 * 100vw) !important;
  }
  [data-feature="2"] .sec-dev_feature_list-item_description img {
    width: calc(520 / 750 * 100vw);
    margin: calc(67 / 750 * 100vw) auto 0;
  }
  [data-feature="3"] .sec-dev_feature_list-item_description img {
    width: calc(550 / 750 * 100vw);
    margin: calc(31 / 750 * 100vw) auto 0;
  }
  [data-feature="4"] .sec-dev_feature_list-item_description img {
    width: calc(550 / 750 * 100vw);
    margin: calc(35 / 750 * 100vw) auto 0;
  }
  .sec-dev_challenge_heading{
    width: calc(602 / 750 * 100vw);
    height: auto;
  }
  .sec-dev_challenge_content{
    flex-direction: column;
    margin-top: calc(40 / 750 * 100vw);
    padding: 0 calc(60 / 750 * 100vw);
    width: 100%;
  }
  .sec-dev_challenge_image img{
    width: 100%;
  }
  .sec-dev_challenge_description {
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
  }
  .sec-dev_challenge_description p + p{
    margin-top: calc(58 / 750 * 100vw);
  }
  .sec-dev{
    padding: calc(14 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
  }
  .sec-dev_attention{
    padding: 0 calc(40 / 750 * 100vw) 0;
    transform: translateY(calc(30 / 750 * 100vw));
  }
  .sec-dev_attention__txt{
    font-size: calc(20 / 750 * 100vw);
    text-align: center;
    line-height: 1.3;
    font-feature-settings: "palt";
    letter-spacing: -0.06em;
  }
}

.sec-top-dev{
  position: relative;
  border-right: 1px solid #000;
}
.sec-top-dev [data-layout="green"]{
  padding: min(16px,calc((16 / var(--pc-width)) * 100 * 1vw)) 0 min(110px,calc((110 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-dev [data-layout="green"]::after {
  border: none;
}
.sec-top-dev-header{
  position: absolute;
  left: -5px;
  top: min(180px,calc((180 / var(--pc-width)) * 100 * 1vw));
}
.heading_dev{
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw))
}
.sec-top-dev::before {
  content: "";
  width: 100%;
  height: min(157px,calc((157 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  z-index: 1;
  pointer-events: none;
}
.sec-top-dev::after {
  content: "";
  width: 100%;
  height: calc(100% - min(495px,calc((495 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-top-dev-heading_title{
  height: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  display: block;
  margin: min(98px,calc((98 / var(--pc-width)) * 100 * 1vw)) auto 0;
}
img.sec-top-dev-heading_title {
  max-width: 100%;
  width: auto;
}
.sec-top-dev_list{
  margin: min(38px,calc((38 / var(--pc-width)) * 100 * 1vw)) auto 0;
  width: min(750px,calc((750 / var(--pc-width)) * 100 * 1vw));
  display: flex;
  column-gap: min(30px,calc((30 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-dev_developer_name{
  text-align: center;
  margin-top: 14px;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.sec-top-dev_developer_name p {
  font-size: 22px;
  line-height: 1.8;
}
.sec-top-dev-btn {
  display: flex;
  justify-content: center;
  margin: min(10px,calc((10 / var(--pc-width)) * 100 * 1vw)) 0 0;
}
.sec-top-dev-btn_image {
  width: min(845px,calc((845 / var(--pc-width)) * 100 * 1vw));
  height: auto;
  position: relative;
  left: max(-18px,calc((-18 / var(--pc-width)) * 100 * 1vw));
}
@media screen and (max-width:800px){
  .heading_dev{
    display: none;
  }
  .sec-top-dev{
    padding: calc(34 / 750 * 100vw) 0 0;
    border-right: none;
  }
  .sec-top-dev [data-layout="green"]{
    padding: calc(8 / 750 * 100vw) 0 calc(76 / 750 * 100vw);
  }
  .sec-top-dev::before{
    height: 100%;
  }
  .sec-top-dev::after{
    display: none;
  }
  .sec-top-dev-heading_title{
    height: calc(130 / 750 * 100vw);
    margin-top: calc(76 / 750 * 100vw);
  }
  .sec-top-dev_list {
    justify-content: space-between;
    margin: calc(50 / 750 * 100vw) auto 0;
    width: 100%;
    column-gap: 0;
    padding: 0 calc(50 / 750 * 100vw);
  }
  .sec-top-dev_list-item:nth-of-type(n+2){
  }
  .sec-top-dev_list-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: calc(22 / 750 * 100vw);
  }
  .sec-top-dev_developer{
    width: calc(190 / 750 * 100vw);
  }
  .sec-top-dev_developer_name{
    text-align: center;
    margin-top: 0;
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .sec-top-dev_developer_name p{
    font-size: calc(32 / 750 * 100vw);
    text-align: center;
    line-height: 1.3;
  }
  .sec-top-dev-btn_image {
    width: calc(606 / 750 * 100vw);
    height: auto;
    position: relative;
    left: calc(-16 / 750 * 100vw);
    margin-top: calc(53 / 750 * 100vw);
  }
}

.sec-qa{
  position: relative;
  padding-top: min(78px,calc((78 / var(--pc-width)) * 100 * 1vw));
  padding-bottom: min(18px,calc((18 / var(--pc-width)) * 100 * 1vw));
}
.sec-qa-header{
  position: absolute;
  left: -5px;
  top: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw))
}
.sec-qa-heading_title{
  height: min(110px,calc((110 / var(--pc-width)) * 100 * 1vw));
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}
.sec-qa_list{
  margin: min(40px,calc((40 / var(--pc-width)) * 100 * 1vw)) auto 0;
  padding-bottom: min(40px,calc((40 / var(--pc-width)) * 100 * 1vw));
  width: min(1100px,calc((1100 / var(--pc-width)) * 100 * 1vw));
}
.js-accordion-item:not(:first-child){
  margin-top: min(56px,calc((56 / var(--pc-width)) * 100 * 1vw));
}
.js-accordion-item_question{
  font-size: clamp(16px,18px,min(18px,calc((18 / var(--pc-width)) * 100 * 1vw))) ;
  background-color: #e2f5f1;
  border-radius: 9999px;
  height: 80px;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: -0.5px;
}
.js-accordion-item_question p,.js-accordion-item_question h3{
  padding-right: min(100px,calc((100 / var(--pc-width)) * 100 * 1vw));
}
.js-accordion-item_question::before{
  content: "";
  width: min(44px,calc((44 / var(--pc-width)) * 100 * 1vw));
  height: min(44px,calc((44 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  left: -12px;
  top: 0;
  background: url(../img/qa/Q.png) no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
#comparison > ul > li:nth-child(1) > div.js-accordion-item_question::before,
#comparison > ul > li:nth-child(2) > div.js-accordion-item_question::before{
  visibility: hidden;
}
.js-accordion-item_button{
  position: absolute;
  border-width: 0;
  right: min(44px,calc((44 / var(--pc-width)) * 100 * 1vw));
  top: calc((100% - 44px)/2);
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.js-accordion-item_button::before{
  content: "";
  width: 25px;
  height: 2px;
  position: absolute;
  right: 12px;
  top: calc((100% - 2px)/2);
  background: #000;
}
[data-question="open"] .js-accordion-item_button::after{
  content: "";
  width: 25px;
  height: 2px;
  position: absolute;
  right: 12px;
  top: calc((100% - 2px)/2);
  background: #000;
  transform: rotate(0deg);
  transition: all 300ms ease;
}
[data-question="close"] .js-accordion-item_button::after{
  content: "";
  width: 25px;
  height: 2px;
  position: absolute;
  right: 12px;
  top: calc((100% - 2px)/2);
  background: #000;
  transform: rotate(90deg);
  transition: all 300ms ease;
}
.sec-qa_answer{
  font-size: 16px;
  margin: min(22px,calc((22 / var(--pc-width)) * 100 * 1vw)) min(48px,calc((48 / var(--pc-width)) * 100 * 1vw)) 0;
  padding-left: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
  line-height: 1.65;
  letter-spacing: -0.2px;
  position: relative;
  transition: all 400ms ease;
}
[data-question="close"] .sec-qa_answer{
  transform: scaleY(0);
  height: 0;
}
.sec-qa_answer::before{
  content: "";
  width: min(44px,calc((44 / var(--pc-width)) * 100 * 1vw));
  height: min(44px,calc((44 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/qa/A.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width:800px){
  .sec-qa-header{
    display: none;
  }
  .sec-qa::before{
    height: 100%;
  }
  .sec-qa::after{
    display: none;
  }

  .sec-qa{
    padding-top: calc(47 / 750* 100vw);
    padding-bottom: calc(58 / 750* 100vw);
  }
  .sec-qa-heading_title{
    height: calc(130 / 750 * 100vw);
  }
  .sec-qa_list {
    margin-top: calc(40 / 750 * 100vw);
    padding-left: calc(30 / 750 * 100vw);
    padding-right: calc(30 / 750 * 100vw);
    padding-bottom: 0;
    width: 100%;
  }

  .js-accordion-item_question{
    font-size: calc(26 / 750 * 100vw);
    height: auto;
    padding-top: calc(20 / 750* 100vw);
    padding-bottom: calc(20 / 750* 100vw);
    padding-left: calc(55 / 750 * 100vw);
    padding-right: calc(74 / 750 * 100vw);
  }
  .sec-compare_list .js-accordion-item_question {
    padding-top: calc(16 / 750 * 100vw);
    padding-bottom: calc(14 / 750* 100vw);
    padding-left: calc(1 / 750* 100vw);
  }
  .js-accordion-item_question::before {
    width: calc(44 / 750 * 100vw);
    height: calc(44 / 750 * 100vw);
    left: calc(-22 / 750 * 100vw);
  }
  .sec-compare_list .js-accordion-item_question::before {
    width: calc(37 / 750 * 100vw);
  }
  .js-accordion-item_question p, .js-accordion-item_question h3 {
    padding-right: 0;
    line-height: 1.2;
  }
  .sec-qa_answer{
    font-size: calc(26 / 750 * 100vw);
    margin: calc(40 / 750 * 100vw) calc(30 / 750 * 100vw) calc(60 / 750 * 100vw);
    padding-left: calc(70 / 750 * 100vw);
  }
  .sec-qa_list .js-accordion-item:last-of-type .sec-qa_answer{
    margin-bottom: 0;
  }
  .sec-qa_answer::before{
    width: calc(44 / 750 * 100vw);
    height: calc(44 / 750 * 100vw);
  }

  .js-accordion-item_button {
    right: 0;
    /* top: calc(12 / 750 * 100vw);
    width: calc(25 / 750 * 100vw);
    height: calc(25 / 750 * 100vw); */
  }
  .js-accordion-item_button::before {
    width: calc(27 / 750* 100vw);
    right: calc(44 / 750* 100vw);
    top: calc((100% - 2px)/2);
    height: calc(2 / 750* 100vw);
  }
  [data-question="open"] .js-accordion-item_button::after {
    width: calc(27 / 750* 100vw);
    right: calc(44 / 750* 100vw);
    top: calc((100% - 2px)/2);
    height: calc(2 / 750* 100vw);
  }
  [data-question="close"] .js-accordion-item_button::after {
    width: calc(25 / 750 * 100vw);
    right: calc(44 / 750 * 100vw);
    height: calc(2 / 750* 100vw);
  }


}

.sec-top-compare{
  padding-top: min(88px,calc((88 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  border-right: 1px solid #000;
}
.sec-top-compare::before {
  content: "";
  width: 100%;
  height: min(117px,calc((117 / var(--pc-width)) * 100 * 1vw));
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  z-index: 1;
  pointer-events: none;
}
.sec-top-compare::after {
  content: "";
  width: 100%;
  height: calc(100% - min(350px,calc((350 / var(--pc-width)) * 100 * 1vw)));
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 1px solid #000;
  pointer-events: none;
}
.sec-top-compare-header{
  position: absolute;
  left: -5px;
  top: min(145px,calc((145 / var(--pc-width)) * 100 * 1vw));
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-compare-heading_title{
  height: min(172px,calc((172 / var(--pc-width)) * 100 * 1vw));
  display: block;
  margin: 0 auto;
  position: relative;
  left: -8px;
}
img.sec-top-compare-heading_title {
  max-width: 100%;
  width: auto;
}
.sec-top-compare-list{
  display: flex;
  justify-content: center;
  gap: min(40px,calc((40 / var(--pc-width)) * 100 * 1vw));
  margin-top: min(60px,calc((60 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-compare_image {
  width: min(435px,calc((435 / var(--pc-width)) * 100 * 1vw));
  position: relative;
  left: min(11px,calc((11 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-compare-title{
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.45;
  margin-top: min(95px,calc((95 / var(--pc-width)) * 100 * 1vw));
}
.sec-top-compare-description{
  font-size: 16px;
  margin-top: min(20px,calc((20 / var(--pc-width)) * 100 * 1vw));
  letter-spacing: 0.5px;
  line-height: 1.6;
}
.sec-top-compare-body .sec-btn {
  justify-content: flex-start;
  padding: 33px 0 20px;
}
@media screen and (max-width:800px){
  .sec-top-compare-header{
    display: none;
  }
  .sec-top-compare::before{
    height: 100%;
  }
  .sec-top-compare::after{
    display: none;
  }
  .sec-top-compare{
    padding-top: calc(90 / 750 * 100vw);
  }
  .sec-top-compare-heading_title{
    height: calc(234 / 750 * 100vw);
    left: calc(3 / 750 * 100vw);
  }
  .sec-top-compare-description{
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(22 / 750 * 100vw);
    padding: 0 calc(50 / 750 * 100vw);
    text-align: center;
  }
  .sec-top-compare-list{
    flex-direction: column-reverse;
    gap: calc(50 / 750 * 100vw);
    margin-top: calc(33 / 750 * 100vw);
  }
  .sec-top-compare-title {
    text-align: center;
    font-size: calc(36 / 750 * 100vw);
    margin-top: 0;
    letter-spacing: 0.01em;
  }
  .sec-top-compare-body .sec-btn {
    justify-content: center;
    padding: calc(528 / 750 * 100vw) 0 0;
  }
  .sec-top-compare-list_item {
    position: absolute;
    bottom: calc(147 / 750* 100vw);
    left: calc(133 / 750* 100vw);
  }
  .sec-top-compare_image {
    width: calc(426 / 750 * 100vw);
  }
}

.sec-compare{
  padding-top: min(62px,calc((62 / var(--pc-width)) * 100 * 1vw));
  position: relative;
}
.sec-compare-header{
  position: absolute;
  left: -5px;
  top: min(120px,calc((120 / var(--pc-width)) * 100 * 1vw));
  width: min(13px,calc((13 / var(--pc-width)) * 100 * 1vw));
}
.sec-compare-heading_title{
  height: min(173px,calc((173 / var(--pc-width)) * 100 * 1vw));
  display: block;
  margin: 0 auto;
  position: relative;
  left: max(-8px,calc((-8 / var(--pc-width)) * 100 * 1vw));
  width: auto;
  max-width: 100%;
}
.sec-compare-description{
  font-size: 16px;
  text-align: center;
  margin: min(28px,calc((28 / var(--pc-width)) * 100 * 1vw)) min(40px,calc((40 / var(--pc-width)) * 100 * 1vw)) 0;
  letter-spacing: 0.5px;
}
.sec-compare-attention{
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  letter-spacing: -1px;
}
.sec-compare_list{
  margin: min(45px,calc((45 / var(--pc-width)) * 100 * 1vw)) auto 0;
  width: min(1100px,calc((1100 / var(--pc-width)) * 100 * 1vw));
}
.sec-compare_table{
  margin-top: min(34px,calc((34 / var(--pc-width)) * 100 * 1vw));
  transition: all 100ms ease;
  border-collapse: separate;
}
.sec-compare_table_body{
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-collapse:collapse;
  font-size: 16px;
  width: 100%;
}
[data-question="close"] .sec-compare_table{
  height: 0;
  transform: scaleY(0);
}
.sec-compare_table_body:not(:nth-child(2)){
  border-top: 1px solid #000;
}
.sec-compare_table_body[data-column="3"]{
  width: calc((100% / 4)*3);
  margin: 0 auto;
}
.sec-compare_table_body tr {
  border-bottom: 1px solid #000;
}
.sec-compare_table_body tr[data-cell="recommend"] label,
.sec-compare_table_body tr[data-cell="material"] label{
  background-color: #f26738;
  display: block;
  width: 114px;
  height: 32px;
  margin-top: 9px;
  margin-bottom: 12px;
  text-align: center;
  line-height: 32px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: bold;
}
.sec-compare_table_body th{
  background-color: #ffefe2;
  font-weight: normal;
  text-align: center;
  padding: 16px 20px 14px;
  width: 22.7%;
}
.sec-compare_table_body td{
  border-left: 1px solid #000;
  background-color: #fff;
  padding: 16px 20px 14px;
  width: calc((100% - 22.7%)/3);
  text-align: center;
  position: relative;
  background-clip: padding-box;
  line-height: 1.6;
}
.sec-compare_table_body [data-cell="recommend"] td{
  padding: 20px 20px 14px;
}
.sec-compare_table_body [data-cell="product"] td{
  padding: 20px 20px 14px;

}
.sec-compare_table_body + .sec-compare_table_body th{
  text-align: left;
  padding: 16px 20px 14px min(72px,calc((72 / var(--pc-width)) * 100 * 1vw));

}
.sec-compare_table_body + .sec-compare_table_body thead th{
  padding: 16px 20px 14px;

}
[data-evaluation="good"]::after{
  content: "";
  width: 42px;
  height: 42px;
  background: url(../img/comparison/deco_good.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: calc((100% - 42px)/2);
  left: 50%;
  transform: translate(-50%);
}
[data-evaluation="excellent"]::after{
  content: "";
  width: 42px;
  height: 42px;
  background: url(../img/comparison/deco_excellent.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: calc((100% - 42px)/2);
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width:800px){
  [data-evaluation="good"]::after,
  [data-evaluation="excellent"]::after{
    width: calc(42 / 750 * 100vw);
    height: calc(42 / 750 * 100vw);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    .sec-compare_table_body {
      border-left: 1px solid #000;
      border-right: 1px solid #000;
      border-collapse: separate;
      border-spacing: 0;
    }
    .sec-compare_table_body td{
      border-bottom: 1px solid #000;
      border-left: 1px solid #000;
    }
    .sec-compare_table_body th{
      border-bottom: 1px solid #000;
    }
    .sec-compare_table_body:not(:nth-child(2)) {
      border-top: 1px solid #000;
    }
}
.sec-compare_table_body li {
  position: relative;
  padding-left: 1em;
}
.sec-compare_table_body li::before{
  content: "・";
  display: inline-block;
  border-radius: 9999px;
  position: absolute;
  left: 0;
}
.sec-compare_table_attention{
  font-size: 12px;
  letter-spacing: -1px;
}
.sec-compare_table_attention:first-of-type{
  margin-top: 22px;
}
.sec-compare_table_attention_box{
  width: calc((100% / 4)*3);
  margin: 0 auto ;
}
@media screen and (max-width:800px){
  .sec-compare-header{
    display: none;
  }
  .sec-compare::before{
    height: 100%;
  }
  .sec-compare::after{
    display: none;
  }
  .sec-compare{
    padding-top: calc(68 / 750 * 100vw);
  }
  .sec-compare-heading_title{
    height: calc(234 / 750 * 100vw);
    left: 0;
  }
  .sec-compare-description{
    font-size: calc(26 / 750 * 100vw);
    margin-top: calc(32 / 750 * 100vw);
    padding: 0 calc(50 / 750 * 100vw);
  }
  .sec-compare-attention{
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(25 / 750 * 100vw);
    padding: 0 calc(50 / 750 * 100vw);
  }
  .sec-compare_list{
    width: 100%;
    margin-top: calc(56 / 750 * 100vw);
    padding-left: calc(30 / 750 * 100vw);
    padding-right: calc(30 / 750 * 100vw);
    padding-bottom: 0;
  }
  .sec-compare_table {
    margin-top: calc(40 / 750 * 100vw);
    margin-bottom: calc(32 / 750 * 100vw);
    overflow-x: scroll;
    padding-bottom: calc(30 / 750 * 100vw);
  }
  .sec-compare_table_body{
    width: 100%;
    min-width: 750px;
  }
  .sec-compare_list .js-accordion-item:nth-of-type(2) 
  .sec-compare_table_body{
    width: 100%;
    min-width: 549px;
  }
  .sec-compare_table_body th,
  .sec-compare_table_body td{
    position: relative;
    border-bottom: 0;
  }
  .sec-compare_table_body th::before,
  .sec-compare_table_body td::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #000;
    transform: scaleY(0.5);
  }
  .sec-compare_table_body th{
    font-size: calc(24 / 750 * 100vw);
    padding: calc(10 / 750 * 100vw) calc(28 / 750 * 100vw) calc(10 / 750 * 100vw)!important;
    letter-spacing: -0.01em;
    min-width: calc(280 / 750 * 100vw);
  }
  .sec-compare_table_body td{
    font-size: calc(24 / 750 * 100vw);
    padding: calc(10 / 750 * 100vw) calc(15 / 750 * 100vw) calc(10 / 750 * 100vw)!important;
    min-width: calc(280 / 750 * 100vw);
    letter-spacing: -0.01em;
  }
  .sec-compare_table_body [data-cell="recommend"] td {
    padding: calc(16 / 750 * 100vw);
  }
  .sec-compare_table_body:nth-of-type(2) th{
    text-align: left;
  }
  .sec-compare_table_body tr[data-cell="material"] label{
    width: calc(170 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
    margin-top: calc(18 / 750 * 100vw);
  }
  .sec-compare_table_attention_box{
    width: 100%;
  }
  .sec-compare_table_attention{
    font-size: calc(20 / 750 * 100vw);
  }
  .sec-compare_table_attention:first-of-type{
    margin-top: calc(32 / 750 * 100vw);
  }
  .sec-compare_list .js-accordion-item:nth-of-type(2){
    margin-top: calc(64 / 750 * 100vw);
  }

  .scrollbar::-webkit-scrollbar {
    height: calc(20 / 750 * 100vw);
    background-color: #dbdbdb;
    border-radius: 9999px;
  }
  .scrollbar-thumb-rounded::-webkit-scrollbar-thumb {
    border-radius: 9999px;
  }
  .scrollbar-thumb-black::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background-color: #606060 !important;
  }
  .sec-compare_table_body tr[data-cell="recommend"] label,
  .sec-compare_table_body tr[data-cell="material"] label{
    width: calc(170 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    margin-top: calc(20 / 750 * 100vw);
    line-height: calc(40 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
  }
}

@media screen and (max-width:480px){
  .sec-compare_table_body{
    width: 100%;
    min-width: 600px;
  }
  .sec-compare_list .js-accordion-item:nth-of-type(2) 
  .sec-compare_table_body{
    width: 100%;
    min-width: 440px;
  }
}


.sec-footer{
  position: relative;
  padding-bottom: 150px;
}
.sec-footer::before{
  content: "";
  width: 66%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-footer::after{
  content: "";
  width: 5%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
}
.footer_calorie-off{
  position: absolute;
  top: min(-6px,calc((-6 / var(--pc-width)) * 100 * 1vw));
  right: 8%;
  width: 23%;
  height: auto;
}
@media screen and (max-width:767px){
  .sec-footer{
    padding-bottom: calc(240 / 750 * 100vw);
  }
  .mc-breadcrumb {
    margin-top: -70px;
  }
}

.sec-footer-btn {
  display: flex;
  justify-content: center;
  padding: 60px 0 130px;
}
.sec-footer-btn .c-button{
  background-color: #2eb395;
  width: 264px;
  height: 60px;
  font-size: 18px;
  border: 1px solid #000;
  font-weight: bold;
}
.sec-footer-btn .c-button::after {
  content: "";
  position: absolute;
  top: calc((100% - 11px) / 2);
  left: min(30px, calc((30 / var(--pc-width))* 100* 1vw));
  width: 7px;
  height: 12px;
  background: url(../img/common/arrow-white-left.svg) no-repeat left center;
  background-size: contain;
}

.sec-btn {
  display: flex;
  justify-content: center;
  padding: 42px 0 20px;
}
.sec-btn .c-button{
  background-color: #2eb395;
  width: 264px;
  height: 60px;
  font-size: 18px;
  border: 1px solid #000;
  font-weight: bold;
}
.sec-btn .c-button::after {
  content: "";
  position: absolute;
  top: calc((100% - 11px) / 2);
  right: min(30px, calc((30 / var(--pc-width))* 100* 1vw));
  width: 7px;
  height: 12px;
  background: url(../img/common/arrow-white.svg) no-repeat left center;
  background-size: contain;
}
@media screen and (max-width:800px){

  .sec-footer-btn {
    display: flex;
    justify-content: center;
    padding: calc(60 / 750 * 100vw) 0 calc(220 / 750 * 100vw);
  }
  .sec-btn .c-button{
    width: calc(396 / 750 * 100vw);
    height: calc(89 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    font-weight: 400;
  }
  .sec-btn .c-button::after {
    top: calc((100% - calc(19 / 750 * 100vw)) / 2);
    left: unset;
    right: calc(33 / 750 * 100vw);
    width: calc(11 / 750 * 100vw);
    height: calc(19 / 750 * 100vw);
    background: url(../img/common/arrow-white.svg) no-repeat left center;
    background-size: contain;
  }
  
  .sec-footer-btn .c-button{
    background-color: #2eb395;
    width: calc(396 / 750 * 100vw);
    height: calc(89 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    border: 1px solid #000;
    font-weight: bold;
  }
  .sec-footer-btn .c-button::after {
    content: "";
    position: absolute;
    left: calc(39 / 750 * 100vw);
    width: calc(11 / 750 * 100vw);
    height: calc(19 / 750 * 100vw);
    background: url(../img/common/arrow-white-left.svg) no-repeat left center;
    background-size: contain;
  }
}

@media screen and (min-width:768px) {
  .gfooter__inner {
    margin-top: 0;
  }
}