@charset "UTF-8";
body {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "Zen Kaku Gothic New", system-ui;
  font-weight: 500;
  word-wrap: break-all;
  word-wrap: break-word;
  width: 100%;
  min-width: 1260px;
  color: #222;
  background: #fcfdeb;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 28px;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  body {
    font-size: 16.4705882353px;
  }
}

.col-wht {
  color: #fff !important;
}
.col-blk {
  color: #222 !important;
}
.col-main {
  color: #017a4f !important;
}
.col-sub {
  color: #22b234 !important;
}
.col-accent {
  color: #f39700 !important;
}
.col-bg {
  color: #fcfdeb !important;
}
.col-bdr {
  color: #ddd !important;
}
.col-red {
  color: #dd1010 !important;
}
.col-ylw1 {
  color: #fdd23c !important;
}
.col-ylw2 {
  color: #fefa95 !important;
}
.col-ylw3 {
  color: #fefcca !important;
}

.bg-wht {
  background-color: #fff !important;
}
.bg-blk {
  background-color: #222 !important;
}
.bg-main {
  background-color: #017a4f !important;
}
.bg-sub {
  background-color: #22b234 !important;
}
.bg-accent {
  background-color: #f39700 !important;
}
.bg-bg {
  background-color: #fcfdeb !important;
}
.bg-bdr {
  background-color: #ddd !important;
}
.bg-red {
  background-color: #dd1010 !important;
}
.bg-ylw1 {
  background-color: #fdd23c !important;
}
.bg-ylw2 {
  background-color: #fefa95 !important;
}
.bg-ylw3 {
  background-color: #fefcca !important;
}

.btn-subsc__link {
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-subsc__link:hover {
  box-shadow: 0 0 10px rgb(255, 230, 100), 0 0 20px rgba(255, 220, 80, 0.9), 0 0 35px rgba(255, 200, 50, 0.7);
  transform: scale(1.01) translateY(-3px);
}
.btn-subsc__link:hover .arw-wht::before {
  transform: translateX(-2px);
}
.btn-subsc__link:hover .btn-subsc__txt {
  color: rgba(34, 34, 34, 0.8);
}
.btn-subsc__link:hover .btn-subsc__eng {
  color: rgba(255, 255, 255, 0.8);
}
.btn-subsc__txt, .btn-subsc__eng {
  font-weight: bold;
  line-height: 1;
  justify-content: center;
  transition: 0.3s;
}
.btn-subsc__txt {
  background: #fdd23c;
  padding: 18px 0 10px 0;
}
.btn-subsc__eng {
  background: #f39700;
  color: #fff;
  padding: 12px 0;
}
.btn-totop {
  display: none;
}
.btn-01__link, .btn-03__link, .btn-04__link, .btn-05__link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-align: center;
  border-radius: 50rem;
  background: #f39700;
  color: #fff;
  line-height: 1;
}
.btn-01__link:hover, .btn-03__link:hover, .btn-04__link:hover, .btn-05__link:hover {
  color: rgba(255, 255, 255, 0.8);
}
.btn-02__link {
  line-height: 1;
  font-weight: bold;
  color: #017a4f;
  border-bottom: solid 2px #017a4f;
  padding-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-02__link:hover {
  color: rgba(1, 122, 79, 0.8);
}
.btn-03, .btn-04 {
  margin-bottom: 6px;
}
.btn-03__link, .btn-04__link {
  font-weight: bold;
  box-shadow: 0 6px #f37800;
}
.btn-04__link {
  background: #017a4f;
  box-shadow: 0 6px #03603f;
}
.btn-05__link {
  background: #017a4f;
}

.ic-truck {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.ic-truck::before {
  content: "";
  display: block;
  width: 36px;
  aspect-ratio: 36/32;
  background-image: url("/img/icon/ic-truck.png");
  background-size: 100%;
}

.arw-wht {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.arw-wht::before {
  content: "";
  display: block;
  width: 10px;
  min-width: 10px;
  aspect-ratio: 10/12;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #fff;
  transition: 0.3s;
}
.arw-wht:hover::before {
  transform: translateX(-2px);
}
.arw-single-grn, .arw-single-wht {
  position: relative;
}
.arw-single-grn::before, .arw-single-wht::before {
  content: "";
  display: block;
  width: 18px;
  aspect-ratio: 18/20;
  background-image: url("/img/common/arrow-grn.png");
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translate(0, -50%);
  transition: 0.3s;
}
.arw-single-grn:hover::before, .arw-single-wht:hover::before {
  transform: translate(-2px, -50%);
}
.arw-single-wht::before {
  background-image: url("/img/common/arrow-wht.png");
}
.arw-single-grn__flx {
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
.arw-single-grn__flx::before {
  content: "";
  display: block;
  width: 18px;
  aspect-ratio: 18/20;
  background-image: url("/img/common/arrow-grn.png");
  background-size: 100%;
  transition: 0.3s;
}
.arw-single-grn__flx:hover::before {
  transform: translateX(-2px);
}
.arw-triple-grn__flx {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.arw-triple-grn__flx::before {
  content: "";
  display: block;
  width: 78px;
  aspect-ratio: 78/20;
  background-image: url("/img/common/arw-triple-grn.png");
  background-size: 100%;
  transition: 0.3s;
}
.arw-triple-grn__flx:hover::before {
  transform: translateX(-2px);
}
.arw-triple-grn__btm::after {
  content: "";
  display: block;
  width: 78px;
  aspect-ratio: 78/20;
  background-image: url("/img/common/arw-triple-grn.png");
  background-size: 100%;
  margin: 20px auto 0 auto;
  transition: 0.3s;
}
.arw-triple-grn__btm:hover::after {
  transform: translateX(-2px);
}

.obj-geometric-01, .obj-geometric-02, .obj-geometric-03, .obj-geometric-04, .obj-geometric-05, .obj-geometric-06, .obj-geometric-07, .obj-geometric-08, .obj-geometric-09 {
  position: relative;
  z-index: 1;
}
.obj-geometric-01::before, .obj-geometric-02::after, .obj-geometric-03::before, .obj-geometric-04::after, .obj-geometric-05::after, .obj-geometric-06::before, .obj-geometric-07::after, .obj-geometric-08::before, .obj-geometric-09::after {
  content: "";
  display: block;
  background-size: 100%;
  position: absolute;
  z-index: -1;
}
.obj-geometric-01::before {
  width: 649px;
  max-width: 33.8020833333%;
  aspect-ratio: 649/949;
  background-image: url("/img/common/geometric-01.png");
  top: 0;
  right: 0;
}
.obj-geometric-02::after {
  width: 712px;
  max-width: 37.0833333333%;
  aspect-ratio: 712/897;
  background-image: url("/img/common/geometric-02.png");
  top: 0;
  left: 0;
  transform: translateY(315px);
}
.obj-geometric-03::before {
  width: 613px;
  max-width: 31.9270833333%;
  aspect-ratio: 613/473;
  background-image: url("/img/common/geometric-03.png");
  top: 0;
  right: 0;
}
.obj-geometric-04::after {
  width: 1434px;
  max-width: 74.6875%;
  aspect-ratio: 1434/622;
  background-image: url("/img/common/geometric-04.png");
  left: 0;
  bottom: 0;
}
.obj-geometric-05::after {
  width: 366px;
  max-width: 19.0625%;
  aspect-ratio: 366/695;
  background-image: url("/img/common/geometric-05.png");
  left: 0;
  bottom: 0;
}
.obj-geometric-06::before {
  width: 550px;
  max-width: 28.6458333333%;
  aspect-ratio: 550/416;
  background-image: url("/img/common/geometric-06.png");
  top: 50%;
  left: 2.08%;
  transform: translateY(-50%);
}
.obj-geometric-07::after {
  width: 464px;
  max-width: 24.1666666667%;
  aspect-ratio: 464/702;
  background-image: url("/img/common/geometric-07.png");
  top: 50%;
  right: 6.51%;
  transform: translateY(-50%);
}
.obj-geometric-08::before {
  width: 590px;
  max-width: 30.7291666667%;
  aspect-ratio: 590/999;
  background-image: url("/img/common/geometric-08.png");
  top: 50%;
  left: 2.08%;
  transform: translateY(-50%);
}
.obj-geometric-09::after {
  width: 464px;
  max-width: 24.1666666667%;
  aspect-ratio: 464/1217;
  background-image: url("/img/common/geometric-09.png");
  top: 50%;
  right: 6.51%;
  transform: translateY(-50%);
}

.obj-onion, .obj-tomato, .obj-sweetpotato, .obj-potato, .obj-bell, .obj-carrot, .obj-eggplant, .obj-eggplant2 {
  position: relative;
  z-index: 1;
}
.obj-onion::before, .obj-tomato::after, .obj-sweetpotato::before, .obj-potato::before, .obj-bell::before, .obj-carrot::before, .obj-eggplant::before, .obj-eggplant2::after {
  content: "";
  display: block;
  background-size: 100%;
  position: absolute;
  z-index: -1;
}
.obj-onion::before {
  width: 114px;
  aspect-ratio: 114/113;
  background-image: url("/img/common/illust-onion.png");
}
.obj-tomato::after {
  width: 132px;
  aspect-ratio: 132/121;
  background-image: url("/img/common/illust-tomato.png");
}
.obj-sweetpotato::before {
  width: 91px;
  aspect-ratio: 91/151;
  background-image: url("/img/common/illust-sweet_potato.png");
}
.obj-potato::before {
  width: 99px;
  aspect-ratio: 99/103;
  background-image: url("/img/common/illust-potato.png");
}
.obj-onion_tomato::before {
  content: "";
  display: block;
  width: 271px;
  aspect-ratio: 271/121;
  background-image: url("/img/common/illust-onion_tomato.png");
  background-size: 100%;
  margin: 0 auto;
}
.obj-bell::before {
  width: 166px;
  aspect-ratio: 166/154;
  background-image: url("/img/common/illust-bell_pepper.png");
}
.obj-carrot::before {
  width: 86px;
  aspect-ratio: 86/197;
  background-image: url("/img/common/illust-carrot.png");
}
.obj-eggplant::before {
  width: 132px;
  aspect-ratio: 132/151;
  background-image: url("/img/common/illust-eggplant.png");
}
.obj-eggplant2::after {
  width: 132px;
  aspect-ratio: 132/151;
  background-image: url("/img/common/illust-eggplant2.png");
}
.obj-pickup {
  position: relative;
  z-index: 1;
}
.obj-pickup::before, .obj-pickup::after {
  content: "";
  display: block;
  width: 36px;
  aspect-ratio: 36/55;
  background-image: url("/img/common/obj-i.png");
  background-size: 100%;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.obj-pickup::before {
  right: 100%;
  transform: translate(-20px, -50%);
}
.obj-pickup::after {
  left: 100%;
  transform: translate(20px, -50%) scaleX(-1);
}
.obj-shine__lft, .obj-shine__rt {
  position: relative;
  z-index: 1;
}
.obj-shine__lft::before, .obj-shine__rt::after {
  content: "";
  display: block;
  width: 159px;
  aspect-ratio: 159/164;
  background-image: url("/img/common/obj-shine.png");
  background-size: 100%;
  position: absolute;
  z-index: -1;
}
.obj-shine__lft::before {
  transform: scaleX(-1);
}
.obj-dot::after {
  content: "";
  display: block;
  width: 60px;
  height: 6px;
  border-bottom: dotted 6px #fdd23c;
  margin: 20px 0 0;
}

.bg-layer-ylw2 {
  position: relative;
  z-index: 1;
}
.bg-layer-ylw2:after {
  content: "";
  display: block;
  width: 1030px;
  height: 100%;
  border-radius: 20px;
  background: #fefa95;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.hov-opa a:hover {
  opacity: 0.8;
}
.hov-img a:hover img {
  opacity: 0.8;
}
.hov-scale a img, .hov-up a img {
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.hov-scale a:hover img, .hov-up a:hover img {
  transform: scale(0.98);
}
.hov-up a:hover img {
  transform: translateY(-3px);
}

.tbl {
  width: 100%;
}
.tbl td {
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
.tbl-01 {
  background: #fff;
}
.tbl-01 th, .tbl-01 td {
  font-weight: 500;
  padding: 10px 4%;
  vertical-align: middle;
}
.tbl-01 th {
  width: 35%;
  background: #22b234;
  color: #fff;
  text-align: center;
}
.tbl-01 td {
  color: #017a4f;
}
.tbl-01 tr:not(:first-child) th {
  border-top: solid 1px rgba(255, 255, 255, 0.4);
}
.tbl-01 tr:not(:first-child) td {
  border-top: solid 1px rgba(34, 178, 52, 0.4);
}
.tbl-02 th, .tbl-02 td {
  padding: 30px 0;
}
.tbl-02 th {
  width: 20%;
  color: #017a4f;
  font-weight: bold;
  text-align: right;
}
.tbl-02 td {
  font-weight: 500;
  padding-left: 4%;
}
.tbl-02 tr:nth-child(odd) th, .tbl-02 tr:nth-child(odd) td {
  background: #fefcca;
}

[class^=cts-] {
  margin: 0 auto;
}

.cts-1080 {
  width: 100%;
  max-width: 1080px;
}
.cts-1280 {
  width: 100%;
  max-width: 1280px;
}
.cts-1820 {
  width: 1820px;
  max-width: 94.7916666667%;
}

.layout-clm-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.layout-clm-2 .list-item,
.layout-clm-2 .layout-item {
  width: calc((100% - 40px) / 2);
}
.layout-clm-2-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.layout-clm-2-c .list-item,
.layout-clm-2-c .layout-item {
  width: calc((100% - 40px) / 2);
}
.layout-clm-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.layout-clm-3 .list-item,
.layout-clm-3 .layout-item {
  width: calc((100% - 120px) / 3);
}
.layout-clm-3-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
}
.layout-clm-3-c .list-item,
.layout-clm-3-c .layout-item {
  width: calc((100% - 120px) / 3);
}
.layout-clm-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.layout-clm-4 .list-item,
.layout-clm-4 .layout-item {
  width: calc((100% - 120px) / 4);
}
.layout-clm-4-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.layout-clm-4-c .list-item,
.layout-clm-4-c .layout-item {
  width: calc((100% - 120px) / 4);
}

[class^=list-] .txt-plain {
  line-height: 1.7777777778;
}

.list-blog .list-item, .list-news .list-item, .list-privacy .list-item, .list-commit .list-item, .list-flow .list-item, .list-voice-lower .list-item, .list-faq .list-item, .list-dot .list-item {
  width: 100%;
}
.list-news time {
  display: block;
  line-height: 1;
}
.list-news .tag-sub {
  margin-bottom: 15px;
}
.list-news__link {
  display: flex;
  align-items: center;
}
.list-news__bx {
  border-left: solid 3px #22b234;
  padding-left: 25px;
  margin-left: 25px;
}
.list-sns__item {
  width: 64px;
  aspect-ratio: 1/1;
}
.list-sns__link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50rem;
}
.list-sns__link.mail {
  background: #f39700 !important;
  border: none !important;
}
.list-sns__link:hover {
  transform: scale(0.96);
}
.list-subsc__item {
  display: grid;
  row-gap: 15px;
}
.list-subsc__item:nth-child(odd) {
  margin-top: 60px;
}
.list-subsc__ttl {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.5384615385;
  text-align: center;
  color: #017a4f;
  border-bottom: dotted 6px #fdd23c;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .list-subsc__ttl {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-subsc__ttl {
    font-size: 21.1764705882px;
  }
}
.list-voice__item {
  position: relative;
  display: flex;
  flex-direction: column;
}
.list-voice__ic {
  text-align: center;
  margin: 0 0 -40px 0;
  position: relative;
  z-index: 1;
}
.list-voice__bx {
  height: 100%;
  background: #fcfdeb;
  border-radius: 20px;
  padding: 70px 20px 30px 20px;
}
.list-voice__ttl {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  color: #017a4f;
}
@media screen and (max-width: 768px) {
  .list-voice__ttl {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-voice__ttl {
    font-size: 21.1764705882px;
  }
}
.list-voice__ttl::after {
  content: "";
  display: block;
  width: 60px;
  height: 6px;
  border-bottom: dotted 6px #fdd23c;
  margin: 20px auto;
}
.list-bnr .ttl-marker {
  align-items: center;
  margin: -25px 0 0;
}
.list-bnr__link {
  display: block;
  padding-bottom: 25px;
}
.list-bnr__link:hover .list-bnr__bx {
  background: #fefa95;
}
.list-bnr__link:hover .list-bnr__ttl, .list-bnr__link:hover .list-bnr img {
  opacity: 0.8;
}
.list-bnr__bx {
  background: #fff;
  border: solid 6px #f39700;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  row-gap: 20px;
  transition: 0.3s;
}
.list-bnr__ttl {
  display: grid;
  transition: 0.3s;
}
.list-bnr__ttl-ruby {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 38px;
  font-size: 3.8rem;
  color: #22b234;
}
@media screen and (max-width: 768px) {
  .list-bnr__ttl-ruby {
    font-size: 48px;
    font-size: 6.25vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-bnr__ttl-ruby {
    font-size: 28.2352941176px;
  }
}
.list-bnr__ttl-eng {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .list-bnr__ttl-eng {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-bnr__ttl-eng {
    font-size: 15.2941176471px;
  }
}
.list-bnr__item {
  background: #f39700;
  border-radius: 20px;
}
.list-bnr__item-l .list-bnr__bx {
  position: relative;
  z-index: 1;
}
.list-bnr__item-l .list-bnr__illust {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-170px, -50%);
  z-index: -1;
}
.list-reason__item:nth-child(odd) {
  margin-top: 100px;
}
.list-reason__ic {
  text-align: center;
}
.list-reason__ttl {
  font-size: 25px;
  font-size: 2.5rem;
  text-align: center;
  color: #017a4f;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .list-reason__ttl {
    font-size: 35px;
    font-size: 4.5572916667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-reason__ttl {
    font-size: 20.5882352941px;
  }
}
.list-rcm__item {
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 20px;
  border: solid 4px #22b234;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  row-gap: 20px;
  position: relative;
}
.list-rcm__item::before {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  background-image: url("/img/about/arw-orn.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(6px, 6px);
}
.list-rcm__ttl {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.5384615385;
  color: #017a4f;
}
@media screen and (max-width: 768px) {
  .list-rcm__ttl {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-rcm__ttl {
    font-size: 21.1764705882px;
  }
}
.list-set {
  row-gap: 60px;
}
.list-set__item, .list-set__img, .list-set__bx {
  border-radius: 20px;
  overflow: hidden;
}
.list-set__item {
  padding: 45px 40px;
  background: #fff;
  border: solid 4px #22b234;
  display: grid;
  row-gap: 20px;
}
.list-set__price {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #dd1010;
  white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
  .list-set__price {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-set__price {
    font-size: 17.6470588235px;
  }
}
.list-set__memo {
  border-top: solid 2px #f39700;
  padding-top: 10px;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.list-set__memo-ttl {
  color: #f39700;
  white-space: nowrap;
}
.list-set__memo-data {
  line-height: 1.4444444444;
  white-space: pre-wrap;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .list-set__memo-data {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-set__memo-data {
    font-size: 15.2941176471px;
  }
}
.list-set__bx {
  background: #fefcca;
  padding: 15px 30px;
}
.list-set__bx-ttl {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #22b234;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .list-set__bx-ttl {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-set__bx-ttl {
    font-size: 17.6470588235px;
  }
}
.list-set__bx-txt {
  line-height: 1.4444444444;
  white-space: pre-wrap;
}
.list-set__btn {
  width: 100%;
  display: grid;
  row-gap: 20px;
}
.list-set .ttl-dot {
  font-size: 26px;
  font-size: 2.6rem;
  color: #017a4f;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .list-set .ttl-dot {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-set .ttl-dot {
    font-size: 21.1764705882px;
  }
}
.list-set .btn a {
  width: 100%;
  height: 60px;
}
.list-step {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-weight: bold;
  display: flex;
}
.list-step__ttl {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .list-step__ttl {
    font-size: 25px;
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-step__ttl {
    font-size: 14.7058823529px;
  }
}
.list-step__ttl-num {
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .list-step__ttl-num {
    font-size: 40px;
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-step__ttl-num {
    font-size: 23.5294117647px;
  }
}
.list-step__ttl::after {
  content: "";
  display: block;
  width: 2px;
  height: 80px;
  border-right: dotted 3px rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 100%;
  transform: rotate(45deg);
  z-index: -1;
}
.list-step__item {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
.list-step__item:not(:last-child) {
  clip-path: polygon(0% 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%);
  border-left: solid 10px;
}
.list-step__item:first-child {
  background: #fdd23c;
  border-left-color: #fee17c;
}
.list-step__item:nth-child(2) {
  background: #fdc03c;
  border-left-color: #fed57c;
}
.list-step__item:nth-child(3) {
  background: #fdb23c;
  border-left-color: #fecb7c;
}
.list-step__item:last-child {
  background: #fff;
  border-bottom: solid 10px #f39700;
}
.list-step__item:last-child .list-step__txt {
  font-size: 20px;
  font-size: 2rem;
  color: #017a4f;
}
@media screen and (max-width: 768px) {
  .list-step__item:last-child .list-step__txt {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-step__item:last-child .list-step__txt {
    font-size: 17.6470588235px;
  }
}
.list-step__txt.ft-20 {
  line-height: 1.25;
}
.list-voice-lower__item {
  background: #fefa95;
  border-radius: 30px;
  padding: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.list-voice-lower__bx {
  width: 780px;
  max-width: 100%;
  background: #fcfdeb;
  border-radius: 30px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.list-voice-lower__ttl {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #017a4f;
}
@media screen and (max-width: 768px) {
  .list-voice-lower__ttl {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-voice-lower__ttl {
    font-size: 21.1764705882px;
  }
}
.list-voice-lower__ttl-inner {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.list-voice-lower__txt {
  white-space: pre-wrap;
}
.list-voice-lower .wrp-tbl {
  border-radius: 10px;
  overflow: hidden;
}
.list-faq__ttl, .list-faq__txt {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.list-faq__ttl::before, .list-faq__txt::before {
  display: block;
  width: 40px;
  min-width: 40px;
  aspect-ratio: 1/1;
  border-radius: 50rem;
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 3px 0;
}
@media screen and (max-width: 768px) {
  .list-faq__ttl::before, .list-faq__txt::before {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-faq__ttl::before, .list-faq__txt::before {
    font-size: 21.1764705882px;
  }
}
.list-faq__ttl {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #017a4f;
  border-bottom: solid 4px #22b234;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .list-faq__ttl {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .list-faq__ttl {
    font-size: 21.1764705882px;
  }
}
.list-faq__ttl::before {
  content: "Q";
  background: #22b234;
}
.list-faq__txt {
  white-space: pre-wrap;
}
.list-faq__txt::before {
  content: "A";
  background: #f39700;
}
.list-dot__item {
  display: flex;
  align-items: flex-start;
}
.list-dot__item::before {
  content: "・";
  color: #017a4f;
}

.com-gmap {
  max-width: 100%;
}
.com-gmap iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.com-layout {
  display: flex;
}
.com-tel .tel {
  line-height: 1;
}
.com-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.com-youtube iframe {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.tag-main__list, .tag-sub__list {
  display: flex;
  flex-wrap: wrap;
}
.tag-main__link, .tag-sub__item {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.tag-main__link::before, .tag-sub__item::before {
  content: "";
  display: block;
  width: 28px;
  min-width: 28px;
  aspect-ratio: 28/20;
  background-image: url("/img/icon/ic-tag.png");
  background-size: 100%;
}
.tag-main__list {
  font-weight: bold;
  justify-content: center;
  gap: 5px;
}
.tag-main__link {
  background: #fff;
  color: #017a4f;
  border: solid 2px #017a4f;
  padding: 10px 20px;
  border-radius: 4px;
}
.tag-main__link:hover {
  opacity: 0.8;
}
.tag-sub__list {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  gap: 5px 10px;
}
@media screen and (max-width: 768px) {
  .tag-sub__list {
    font-size: 25px;
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .tag-sub__list {
    font-size: 14.7058823529px;
  }
}
.tag-sub__item {
  line-height: 1;
  color: #017a4f;
}

.ttl-top {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-weight: 800;
}
.ttl-eng {
  font-family: "Zen Kaku Gothic New", system-ui;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.025em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .ttl-eng {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-eng {
    font-size: 15.2941176471px;
  }
}
.ttl-eng span {
  background: #222;
  color: #fff;
  padding: 5px 10px;
}
.ttl-marker {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.ttl-marker__txt {
  background: #fdd23c;
  color: #017a4f;
  padding: 5px 10px;
}
.ttl-lower {
  text-align: center;
  margin-bottom: 50px;
}
.ttl-lower h3 {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 54px;
  font-size: 5.4rem;
  font-weight: 800;
  color: #017a4f;
}
@media screen and (max-width: 768px) {
  .ttl-lower h3 {
    font-size: 64px;
    font-size: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-lower h3 {
    font-size: 37.6470588235px;
  }
}
.ttl-dot {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-weight: bold;
  border-bottom: dotted 6px #fdd23c;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.ttl-bdr {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-weight: 800;
  color: #22b234;
  border-bottom: solid 4px #22b234;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.ttl-sub {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  border-left: solid #22b234 6px;
  background: #fff;
  padding: 10px 20px 15px 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .ttl-sub {
    font-size: 34px;
    font-size: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .ttl-sub {
    font-size: 20px;
  }
}

.txt-plain {
  line-height: 2;
}

#com-campaign .cts-1280 {
  padding: 120px 0 100px 0;
}
#com-campaign .campaign-ttl {
  padding: 15px 20px;
}
#com-campaign .campaign-ttl__main {
  padding: 0 10px;
}
#com-campaign .ttl-top {
  margin-bottom: 50px;
  line-height: 1.3;
}
#com-campaign .ttl-top em {
  text-shadow: 5px 5px #fff;
}
#com-campaign .price-bx__txt-01, #com-campaign .price-bx__txt-02 {
  width: 300px;
  max-width: 100%;
  aspect-ratio: 300/80;
  background: #fff;
  border: solid 4px #22b234;
  border-radius: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#com-campaign .price-bx__txt-02, #com-campaign .price-bx__txt-03 {
  position: relative;
  z-index: 1;
}
#com-campaign .price-bx__txt-02::before, #com-campaign .price-bx__txt-03::before {
  display: block;
  color: #22b234;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  font-size: 6rem;
}
@media screen and (max-width: 768px) {
  #com-campaign .price-bx__txt-02::before, #com-campaign .price-bx__txt-03::before {
    font-size: 70px;
    font-size: 9.1145833333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  #com-campaign .price-bx__txt-02::before, #com-campaign .price-bx__txt-03::before {
    font-size: 41.1764705882px;
  }
}
#com-campaign .price-bx__txt-02::before {
  content: "+";
}
#com-campaign .price-bx__txt-03 {
  line-height: 80px;
}
#com-campaign .price-bx__txt-03::before {
  content: "=";
}
#com-campaign .graph-main {
  border-left: solid 6px #017a4f;
  border-bottom: solid 6px #017a4f;
  padding-left: 80px;
}
#com-campaign .graph-main__bx-01, #com-campaign .graph-main__bx-02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 30px;
}
#com-campaign .graph-main__bx-01::after, #com-campaign .graph-main__bx-02::after {
  content: "";
  width: 120px;
  max-width: 100%;
}
#com-campaign .graph-main__bx-01::after {
  height: 400px;
  background: #017a4f;
}
#com-campaign .graph-main__bx-02::after {
  height: 120px;
  background: #f39700;
}
#com-campaign .graph-main__bx-02-txt {
  border-bottom: solid 4px #fdd23c;
  padding-bottom: 15px;
}
#com-campaign h4 {
  padding: 5px 20px;
}
#com-campaign .h5-txt-01, #com-campaign .h5-txt-02 {
  padding: 5px 20px;
  border-top: solid 2px #fdd23c;
  border-bottom: solid 2px #fdd23c;
}
#com-campaign small {
  display: block;
  text-indent: -1rem;
  padding-left: 1rem;
}
#com-campaign .obj-arw, #com-campaign .obj-point, #com-campaign .obj-man, #com-campaign .obj-basket, #com-campaign .obj-shine {
  position: relative;
  z-index: 1;
}
#com-campaign .obj-arw::before {
  content: "";
  display: block;
  width: 108px;
  aspect-ratio: 108/105;
  background-image: url("/img/top/campaign-arw.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(45px, 40px);
  z-index: -1;
}
#com-campaign .obj-point::before {
  content: "";
  display: block;
  width: 159px;
  aspect-ratio: 159/164;
  background-image: url("/img/top/campaign-obj.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-35%, -60%);
  z-index: -1;
}
#com-campaign .obj-man::after {
  content: "";
  display: block;
  width: 225px;
  aspect-ratio: 225/388;
  background-image: url("/img/top/campaign-illust-03.png");
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, -60px);
  z-index: -1;
}
#com-campaign .obj-sideline {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
#com-campaign .obj-sideline::before, #com-campaign .obj-sideline::after {
  content: "";
  display: block;
  width: 36px;
  aspect-ratio: 36/55;
  background-image: url("/img/top/campaign-sideline.png");
  background-size: 100%;
}
#com-campaign .obj-sideline::after {
  transform: scaleX(-1);
}
#com-campaign .obj-sideline span {
  max-width: calc(100% - 56px);
}
#com-campaign .obj-basket::before {
  content: "";
  display: block;
  width: 125px;
  aspect-ratio: 125/150;
  background-image: url("/img/top/campaign-illust-01.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(60px, 170px);
  z-index: -1;
}
#com-campaign .obj-shine::after {
  content: "";
  display: block;
  width: 80px;
  aspect-ratio: 80/115;
  background-image: url("/img/top/campaign-illust-02.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-120px, 170px);
  z-index: -1;
}

#header-bar {
  width: 100%;
  position: fixed;
  top: 20px;
  left: 0;
  padding: 0 2.08%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  transition: opacity 0.5s ease, top 0.5s ease, bottom 0.5s ease;
  opacity: 1;
  z-index: 99;
}
#header-bar .com-logo {
  margin-right: auto;
}
#header-bar.is-hidden {
  opacity: 0;
  pointer-events: none;
}
#header-bar.is-bottom {
  position: fixed;
  top: inherit;
  bottom: 20px;
  -moz-column-gap: 2.08%;
       column-gap: 2.08%;
}
#header-bar.is-bottom .com-logo {
  order: 1;
  min-width: 222px;
}
#header-bar.is-bottom .btn-subsc {
  order: 2;
  width: 100%;
  border: solid 2px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}
#header-bar.is-bottom .drawer {
  order: 3;
  min-width: 50px;
}
#header-bar.is-bottom .btn-totop {
  order: 4;
  display: block;
  min-width: 64px;
}

#header {
  padding-top: 150px;
}
#header .list-sns {
  position: absolute;
  top: 30px;
  right: 20px;
  z-index: 1;
}
#header .list-sns__link {
  border: solid 2px #fff;
}

.header-nav__link:hover,
.drawer-nav__link:hover {
  color: #f39700;
}
.header-nav__link:hover::before,
.drawer-nav__link:hover::before {
  transform: translateY(-2px);
}
.header-nav__link::before,
.drawer-nav__link::before {
  content: "";
  display: block;
  background-size: 100%;
  transition: 0.3s;
}
.header-nav__item:first-child .header-nav__link::before,
.header-nav__item:first-child .drawer-nav__link::before,
.drawer-nav__item:first-child .header-nav__link::before,
.drawer-nav__item:first-child .drawer-nav__link::before {
  width: 18px;
  aspect-ratio: 18/40;
  background-image: url("/img/navi/ic-01.png");
}
.header-nav__item:nth-child(2) .header-nav__link::before,
.header-nav__item:nth-child(2) .drawer-nav__link::before,
.drawer-nav__item:nth-child(2) .header-nav__link::before,
.drawer-nav__item:nth-child(2) .drawer-nav__link::before {
  width: 35px;
  aspect-ratio: 35/40;
  background-image: url("/img/navi/ic-02.png");
}
.header-nav__item:nth-child(3) .header-nav__link::before,
.header-nav__item:nth-child(3) .drawer-nav__link::before,
.drawer-nav__item:nth-child(3) .header-nav__link::before,
.drawer-nav__item:nth-child(3) .drawer-nav__link::before {
  width: 40px;
  aspect-ratio: 40/30;
  background-image: url("/img/navi/ic-03.png");
}
.header-nav__item:nth-child(4) .header-nav__link::before,
.header-nav__item:nth-child(4) .drawer-nav__link::before,
.drawer-nav__item:nth-child(4) .header-nav__link::before,
.drawer-nav__item:nth-child(4) .drawer-nav__link::before {
  width: 33px;
  aspect-ratio: 33/40;
  background-image: url("/img/navi/ic-04.png");
}
.header-nav__item:nth-child(5) .header-nav__link::before,
.header-nav__item:nth-child(5) .drawer-nav__link::before,
.drawer-nav__item:nth-child(5) .header-nav__link::before,
.drawer-nav__item:nth-child(5) .drawer-nav__link::before {
  width: 37px;
  aspect-ratio: 37/40;
  background-image: url("/img/navi/ic-05.png");
}
.header-nav__item:nth-child(6) .header-nav__link::before,
.header-nav__item:nth-child(6) .drawer-nav__link::before,
.drawer-nav__item:nth-child(6) .header-nav__link::before,
.drawer-nav__item:nth-child(6) .drawer-nav__link::before {
  width: 34px;
  aspect-ratio: 34/40;
  background-image: url("/img/navi/ic-06.png");
}
.header-nav__item:last-child .header-nav__link::before,
.header-nav__item:last-child .drawer-nav__link::before,
.drawer-nav__item:last-child .header-nav__link::before,
.drawer-nav__item:last-child .drawer-nav__link::before {
  width: 40px;
  aspect-ratio: 1/1;
  background-image: url("/img/navi/ic-07.png");
}

.header-nav__list {
  font-size: 16px;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .header-nav__list {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .header-nav__list {
    font-size: 15.2941176471px;
  }
}
.header-nav__item {
  position: relative;
  z-index: 1;
}
.header-nav__item:not(:first-child)::before {
  content: "";
  display: block;
  width: 4px;
  height: 54px;
  border-left: dotted 4px #f39700;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.header-nav__link {
  height: 75px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.wrp-mv_sv {
  margin-top: 35px;
  position: relative;
}

.mv, .sv {
  position: relative;
  z-index: 1;
}
.mv img, .sv img {
  display: block;
  width: 100%;
}
.mv-img, .sv-img {
  border: solid 6px #017a4f;
}
.mv-cc, .sv-cc {
  position: absolute;
  z-index: 1;
}
.mv-cc__main, .sv-cc__main {
  width: 100%;
}
.mv-cc__eng, .sv-cc__eng {
  font-size: 16px;
  font-size: 0.8333333333vw;
  line-height: 1.5;
  font-weight: bold;
  color: #017a4f;
  margin-top: 0.8vw;
}
@media screen and (max-width: 1120px) {
  .mv-cc__eng, .sv-cc__eng {
    font-size: 9.4117647059px;
  }
}
@media screen and (min-width: 1920px) {
  .mv-cc__eng, .sv-cc__eng {
    font-size: 16px;
  }
}

.mv {
  padding-bottom: 100px;
}
.mv-cc {
  width: 532px;
  max-width: 27.7083333333%;
  top: 0;
  left: 4.69%;
  transform: translateY(10%);
}
.mv-img {
  position: relative;
  z-index: 0;
  width: 1200px;
  max-width: 62.5%;
  margin-left: auto;
  border-right: none;
  border-radius: 60px 0 0 60px;
  overflow: hidden;
}
.mv .obj-onion::before {
  width: 21.43%;
  top: 0;
  left: 0;
  transform: translate(-45%, -15%);
}
.mv .obj-tomato::after {
  width: 24.81%;
  right: 0;
  bottom: 0;
  transform: translate(90%, -95%);
}

.sv {
  display: flex;
  justify-content: space-between;
}
.sv-cc {
  width: 560px;
  max-width: 29.1666666667%;
  top: 50%;
  left: 16.67%;
  transform: translateY(-50%);
}
.sv-cc__main {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 42px;
  font-size: 2.1875vw;
  font-weight: 800;
  text-align: center;
  color: #017a4f;
  position: relative;
}
@media screen and (max-width: 1120px) {
  .sv-cc__main {
    font-size: 24.7058823529px;
  }
}
@media screen and (min-width: 1920px) {
  .sv-cc__main {
    font-size: 42px;
  }
}
.sv-cc__main::after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 50rem;
  background: #017a4f;
  margin-top: 1vw;
}
.sv-img {
  width: 750px;
  max-width: 39.0625%;
  border-radius: 60px;
  border: solid 6px #017a4f;
  overflow: hidden;
  margin: 0 13.02% 0 auto;
}
.sv .obj-onion::before {
  width: 20.36%;
  bottom: 100%;
  left: 0;
  transform: translate(-45%, -15%);
}
.sv .obj-tomato::after {
  width: 23.57%;
  top: 100%;
  right: 0;
  transform: translate(50%, -20%);
}

.top-plan, .top-voice, .top-subsc, .top-feature, .top-news {
  padding: 120px 0;
}
.top-repertorie .ttl-top, .top-subsc .ttl-top, .top-sns .ttl-top {
  margin-bottom: 40px;
}
.top-plan .ttl-top, .top-voice .ttl-top, .top-feature .ttl-top {
  margin-bottom: 50px;
}
.top-plan .btn, .top-voice .btn, .top-news .btn {
  margin-top: 60px;
}

.top-miniset {
  padding: 20px 0 0;
  position: relative;
  z-index: 1;
}
.top-miniset .miniset-bnr {
  width: 980px;
  max-width: 100%;
  height: 360px;
  margin: 0 auto;
  background: #fff;
  border: solid 6px #f39700;
  border-radius: 20px;
  overflow: hidden;
}
.top-miniset .miniset-bnr__link {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.top-miniset .miniset-bnr__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 70px;
  background: #f39700;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.top-miniset .miniset-bnr__link:hover {
  background: rgba(254, 250, 149, 0.6);
}
.top-miniset .miniset-bnr__link:hover .miniset-bnr__btn {
  opacity: 0.8;
}
.top-miniset .miniset-bnr__link:hover .arw-triple-grn__flx::before {
  transform: translateX(-2px);
}
.top-miniset .miniset-bnr__img {
  position: absolute;
  top: 50%;
  left: 70px;
  transform: translateY(-50%);
}
.top-miniset .miniset-bnr__ttl, .top-miniset .miniset-bnr__price, .top-miniset .miniset-bnr__btn {
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  line-height: 1;
}
.top-miniset .miniset-bnr__ttl {
  font-size: 54px;
  font-size: 5.4rem;
  font-weight: 800;
  color: #017a4f;
}
@media screen and (max-width: 768px) {
  .top-miniset .miniset-bnr__ttl {
    font-size: 64px;
    font-size: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-miniset .miniset-bnr__ttl {
    font-size: 37.6470588235px;
  }
}
.top-miniset .miniset-bnr__price {
  color: #dd1010;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.top-miniset .miniset-bnr__price-txt1 {
  font-size: 90px;
  font-size: 9rem;
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  .top-miniset .miniset-bnr__price-txt1 {
    font-size: 100px;
    font-size: 13.0208333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-miniset .miniset-bnr__price-txt1 {
    font-size: 58.8235294118px;
  }
}
.top-miniset .miniset-bnr__price-txt2 {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  .top-miniset .miniset-bnr__price-txt2 {
    font-size: 52px;
    font-size: 6.7708333333vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-miniset .miniset-bnr__price-txt2 {
    font-size: 30.5882352941px;
  }
}
.top-miniset .miniset-bnr__price-txt3 {
  font-size: 28px;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .top-miniset .miniset-bnr__price-txt3 {
    font-size: 38px;
    font-size: 4.9479166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-miniset .miniset-bnr__price-txt3 {
    font-size: 22.3529411765px;
  }
}
.top-miniset .miniset-bnr__price-txt4 {
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .top-miniset .miniset-bnr__price-txt4 {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-miniset .miniset-bnr__price-txt4 {
    font-size: 15.2941176471px;
  }
}
.top-miniset .miniset-bnr__btn {
  height: 70px;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  padding-right: 190px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .top-miniset .miniset-bnr__btn {
    font-size: 36px;
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-miniset .miniset-bnr__btn {
    font-size: 21.1764705882px;
  }
}
.top-miniset .obj-illust {
  position: relative;
  z-index: 1;
}
.top-miniset .obj-illust::before {
  content: "";
  display: block;
  width: 208px;
  aspect-ratio: 208/159;
  background-image: url("/img/top/miniset-bnr-illust.png");
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-5px, 20px);
  z-index: -1;
}
.top-miniset::after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background: #fdd23c;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.top-campaign {
  padding: 120px 0 0;
}

.top-repertoire {
  padding: 120px 0;
}
.top-repertoire #slider-gallery {
  margin-top: 100px;
}
.top-repertoire .obj-eggplant::before {
  top: 0;
  left: 0;
  transform: translateY(50px);
}

.top-subsc .ttl-top__txt1 {
  border-bottom: solid 4px #017a4f;
  padding-bottom: 15px;
}
.top-subsc .img-01, .top-subsc .img-02 {
  position: absolute;
  top: 0;
  z-index: -1;
}
.top-subsc .img-01 {
  left: 0;
  transform: translate(-290px, -70px);
}
.top-subsc .img-02 {
  right: 0;
  transform: translate(420px, -190px);
}
.top-subsc .ttl-comment {
  margin: 40px 0;
}
.top-subsc .btn {
  margin-top: 50px;
}
.top-subsc .obj-sweetpotato::before {
  top: 0;
  right: 0;
  transform: translateY(40px);
}
.top-subsc.obj-geometric-a::before, .top-subsc.obj-geometric-b::after {
  content: "";
  display: block;
  background-size: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.top-subsc.obj-geometric-a::before {
  width: 590px;
  max-width: 30.7291666667%;
  aspect-ratio: 590/1351;
  background-image: url("/img/top/subscription-geometric-01.png");
  left: 0;
  transform: translateY(280px);
}
.top-subsc.obj-geometric-b::after {
  width: 589px;
  max-width: 30.6770833333%;
  aspect-ratio: 589/1597;
  background-image: url("/img/top/subscription-geometric-02.png");
  right: 0;
  transform: translateY(50px);
}

.top-plan .ttl-comment {
  margin-bottom: 50px;
}
.top-plan .img {
  margin-top: 30px;
}
.top-plan h5 {
  line-height: 1.6666666667;
  margin-top: 50px;
}
.top-plan h5 img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.top-plan h5 .inner {
  border-top: solid 2px #017a4f;
  border-bottom: solid 2px #017a4f;
  padding: 15px 40px;
}
.top-plan .illust {
  margin: 30px -40px 0 0;
}
.top-plan .obj-carrot::before {
  top: 0;
  left: 0;
  transform: translate(265px, -50px) scaleX(-1);
}
.top-plan .obj-shine__rt::after {
  top: 0;
  right: 0;
  transform: translate(35%, -35%);
}

.top-voice .ttl-comment {
  margin-bottom: 40px;
}
.top-voice .obj-potato::before {
  top: 0;
  right: 0;
  transform: translate(-265px, -15px);
}

.top-feature ruby {
  position: relative;
}
.top-feature ruby rt {
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #017a4f;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .top-feature ruby rt {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .top-feature ruby rt {
    font-size: 17.6470588235px;
  }
}
.top-feature.obj-geometric-05::after {
  transform: translateY(-230px);
}

.top-news .wrp-ttl {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.top-news .wrp-list {
  width: 100vw;
  min-height: 220px;
  width: 1220px;
  max-width: 63.5416666667%;
  border-radius: 20px 0 0 20px;
  padding: 40px;
  background: #fcfdeb;
}
.top-news .obj-bell::before {
  left: 0;
  bottom: 0;
  transform: translate(-265px, 50%);
}
.top-news .btn {
  margin-left: 20px;
}

.top-sns {
  padding: 80px 0 0;
}
.top-sns .ttl-marker {
  margin-bottom: 40px;
}
.top-sns .wrp-youtube {
  border: solid 3px #017a4f;
}
.top-sns .btn {
  margin-top: 30px;
}
.top-sns .list-sns {
  margin-top: 60px;
}
.top-sns .list-sns__link {
  background: #fff;
}
.top-sns .obj-illust {
  position: relative;
  z-index: 1;
}
.top-sns .obj-illust::after {
  content: "";
  display: block;
  width: 300px;
  max-width: 100%;
  aspect-ratio: 300/237;
  background-image: url("/img/top/sns-illust.png");
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100px, -25%);
  z-index: -1;
}

#ctn-lower article {
  padding: 120px 0;
}
#ctn-lower [class^=list-] .txt-plain {
  line-height: 1.7777777778;
}

.lower-about .wrp-illust {
  background: url("/img/about/about-obj-illust-bg.png") center center no-repeat;
  background-size: auto;
  min-height: 364px;
  padding: 30px 0;
}
.lower-about .wrp-illust__comment {
  width: 285px;
  aspect-ratio: 285/214;
  background: url("/img/about/about-obj-comment.png") center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.7;
  font-weight: bold;
  text-align: center;
  color: #017a4f;
}
@media screen and (max-width: 768px) {
  .lower-about .wrp-illust__comment {
    font-size: 30px;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .lower-about .wrp-illust__comment {
    font-size: 17.6470588235px;
  }
}
.lower-about .wrp-illust__comment-inner {
  transform: translateY(-10%);
}
.lower-about .wrp-illust__img {
  margin-top: 40px;
}
.lower-about .wrp-illust__item {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.lower-about .wrp-illust__item:nth-child(even) .wrp-illust__comment {
  transform: scaleX(-1);
}
.lower-about .wrp-illust__item:nth-child(even) .wrp-illust__comment-inner {
  transform: translateY(-10%) scaleX(-1);
}
.lower-about .img-a-01, .lower-about .img-a-02, .lower-about .img-b-01, .lower-about .img-b-02 {
  position: absolute;
  z-index: -1;
}
.lower-about .img-a-01 {
  top: 0;
  left: 0;
  transform: translate(-180px, 125px);
}
.lower-about .img-a-02 {
  top: 0;
  right: 0;
  transform: translate(240px, 235px);
}
.lower-about .img-b-01 {
  bottom: 0;
  left: 0;
  transform: translate(-290px, -30px);
}
.lower-about .img-b-02 {
  bottom: 0;
  right: 0;
  transform: translate(190px, -15px);
}
.lower-about.obj-geometric-03::before {
  top: 50%;
  transform: translateY(-20%);
}

.lower-reason .obj-onion::before {
  top: 0;
  left: 0;
  transform: translateY(120px);
}

.lower-recommend .obj-tomato::after {
  top: 0;
  right: 0;
  transform: translateY(-160px);
}

.lower-commit .obj-bell::before {
  top: 0;
  left: 0;
  transform: translateY(-200px);
}
.lower-commit.obj-geometric-05::after {
  transform: translateY(-30%);
}

.lower-choose .ttl-lower {
  line-height: 0.8888888889;
}

.lower-repertorie .obj-eggplant::before {
  top: 0;
  left: 0;
  transform: translate(0, 40px);
}

.lower-hitbox .ttl-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(-150px);
  z-index: 1;
}
.lower-hitbox .obj-carrot:before {
  top: 0;
  right: 0;
  transform: translateX(-100px);
}
.lower-hitbox .obj-shine__lft::before {
  left: 0;
  bottom: 100%;
  transform: translate(-100px, 15%) scaleX(-1);
}
.lower-hitbox .obj-shine__rt::after {
  right: 0;
  bottom: 100%;
  transform: translate(100px, 15%);
}

.lower-crowd .img-01, .lower-crowd .img-02 {
  position: absolute;
  top: 0;
  z-index: -1;
}
.lower-crowd .img-01 {
  left: 0;
  transform: translate(-180px, 0);
}
.lower-crowd .img-02 {
  right: 0;
  transform: translate(240px, 95px);
}
.lower-crowd .obj-shine__lft::before {
  top: 0;
  left: 0;
  transform: translate(110px, -60px) scaleX(-1);
}
.lower-crowd .obj-shine__rt::after {
  top: 0;
  right: 0;
  transform: translate(-110px, -120px);
}

.lower-greeting .img-inner {
  aspect-ratio: 480/640;
  border: solid 4px #22b234;
}
.lower-greeting .img img {
  -o-object-position: top;
     object-position: top;
}
.lower-greeting .obj-eggplant2::after {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
  z-index: 1;
}
.lower-greeting .obj-potato::before {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 1;
}

#footer {
  padding: 50px 0 150px 0;
}
#footer .cts-1820 {
  padding: 60px 0 120px 0;
  background: #fff;
  border-radius: 40px;
  border: solid 6px #017a4f;
}
#footer .com-logo {
  margin-bottom: 40px;
}
#footer .list-sns__link {
  background: #fcfdeb;
}

.footer-nav {
  position: relative;
}
.footer-nav__list {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .footer-nav__list {
    font-size: 26px;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .footer-nav__list {
    font-size: 15.2941176471px;
  }
}
.footer-nav__item {
  line-height: 1;
}
.footer-nav__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.footer-nav__link::before {
  content: "";
  display: block;
  width: 10px;
  min-width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50rem;
  background: #f39700;
}
.footer-nav__link:hover {
  opacity: 0.8;
}
.footer-nav__list {
  display: grid;
}
.footer-nav__list:first-child {
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  grid-template-columns: 200px 160px;
  row-gap: 20px;
}
.footer-nav__list:last-child {
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  bottom: 0;
  row-gap: 10px;
}
@media screen and (max-width: 768px) {
  .footer-nav__list:last-child {
    font-size: 24px;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .footer-nav__list:last-child {
    font-size: 14.1176470588px;
  }
}
.footer-nav__list:last-child .footer-nav__link {
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.footer-nav__list:last-child .footer-nav__link::before {
  width: 6px;
  min-width: 6px;
}/*# sourceMappingURL=style.css.map */