@charset "UTF-8";
html {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media screen and (max-width: 1320px) {
  html {
    font-size: 0.7575757576vw;
  }
}
@media screen and (max-width: 1150px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 680px) {
  html {
    font-size: 2.6666666667vw;
  }
}

:root {
  --var-translate-val: 15px;
  --var-translate-negative-val: -15px;
  --var-animation-timing-function: cubic-bezier(.45,0,.55,1);
  --var-opacity-timing-function: cubic-bezier(.32,0,.66,.1);
}

#vatenf {
  color: #3F3F3F;
  box-sizing: border-box;
  position: relative;
  font-size: clamp(14px, 1.6rem, 16px) !important;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
  word-break: normal;
  font-family: "Noto Sans JP", sans-serif, sans-serif;
  overflow: hidden;
}
@media screen and (min-width: 1441px) {
  #vatenf {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 680px) {
  #vatenf {
    font-size: 1.4rem;
  }
}
#vatenf img,
#vatenf svg,
#vatenf picture,
#vatenf figure {
  display: block;
  max-width: 100%;
  height: auto;
}
#vatenf button {
  color: inherit;
}
#vatenf .pc-none {
  display: none;
}
@media screen and (max-width: 680px) {
  #vatenf .pc-none {
    display: block;
  }
}
@media screen and (max-width: 1320px) {
  #vatenf .notepc-none {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .sp-none {
    display: none;
  }
}
#vatenf .sp-block {
  display: none;
}
@media screen and (max-width: 680px) {
  #vatenf .sp-block {
    display: block;
  }
}
#vatenf .sec_inner {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 6rem;
  padding-left: 6rem;
  max-width: 1240px;
}
@media screen and (max-width: 680px) {
  #vatenf .sec_inner {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
#vatenf .sec_inner02 {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1920px;
}
#vatenf .sec_title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sec_title {
    gap: 1.3rem;
    margin-bottom: 2.5rem;
  }
}
#vatenf .sec_title .__en {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0;
  color: #BA891B;
}
@media screen and (max-width: 680px) {
  #vatenf .sec_title .__en {
    font-size: 1.6rem;
  }
}
#vatenf .sec_title .__ja {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 680px) {
  #vatenf .sec_title .__ja {
    font-size: 2.2rem;
    line-height: 1.5;
  }
}
#vatenf .sec_title .__icon {
  width: 14.5rem;
  height: 14.5rem;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 680px) {
  #vatenf .sec_title .__icon {
    width: 11.5rem;
    height: 11.5rem;
  }
}
#vatenf .sec_title .__icon img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#vatenf .section_title_en_img {
  padding-bottom: 1rem;
  text-align: center;
  width: auto;
  border-bottom: 5px solid var(--var-color-02);
}
@media screen and (max-width: 680px) {
  #vatenf .section_title_en_img {
    height: 2.9rem;
    padding-bottom: 0.9rem;
  }
}
#vatenf .text-hosoku {
  font-size: 1.5rem;
  margin-top: 0.75rem;
}
@media screen and (max-width: 680px) {
  #vatenf .text-hosoku {
    font-size: 1.3rem;
  }
}
#vatenf .text-small {
  font-size: 0.78em;
}
#vatenf .text-bold {
  font-weight: bold;
}
#vatenf .font-noto-sans {
  font-family: "Noto Sans JP", sans-serif;
}
#vatenf .opacity-05 {
  opacity: 0.5;
}
#vatenf .deco-marker {
  background: linear-gradient(transparent 50%, var(--var-color-04) 70%);
}
#vatenf .deco-border {
  padding-bottom: 0.5rem;
  background: linear-gradient(transparent 90%, var(--var-color-02) 0%);
  display: inline;
}
#vatenf .sec_btn_block {
  margin-top: 4rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sec_btn_block {
    margin-top: 1.5rem;
  }
}
#vatenf .sec_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 350px;
  height: 7.5rem;
  line-height: 1;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #BA891B;
  transition: all 0.3s ease;
  border: 1px solid #BA891B;
  border-radius: 3px;
}
@media screen and (max-width: 680px) {
  #vatenf .sec_btn {
    max-width: 100%;
    width: 90%;
    height: 5.5rem;
    font-size: 1.6rem;
    margin: 0 auto;
  }
  #vatenf .sec_btn .icon__arrow {
    right: 4rem;
  }
}
#vatenf .sec_btn .icon_arrow {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.1rem;
}
#vatenf .sec_btn .icon_arrow path {
  fill-rule: evenodd;
  stroke: rgb(255, 255, 255);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: miter;
  fill: none;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  #vatenf .sec_btn:hover {
    background-color: #3F3F3F;
    border: 1px solid #3F3F3F;
    color: #fff;
  }
  #vatenf .sec_btn:hover .icon_arrow path {
    stroke: #fff;
  }
}
#vatenf .return_btn_area {
  background-color: #fff;
  padding-top: 11.5rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 680px) {
  #vatenf .return_btn_area {
    padding-top: 7rem;
    padding-bottom: 5rem;
  }
}
#vatenf .return_btn {
  text-align: center;
}
#vatenf .return_btn_link {
  display: inline-block;
  width: 39rem;
  height: 8rem;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.3s ease-in;
  border: 1px solid #000;
  max-width: 100%;
}
@media screen and (max-width: 680px) {
  #vatenf .return_btn_link {
    width: 32.5rem;
    height: 6rem;
  }
}
#vatenf .return_btn_link .return_btn_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
#vatenf .return_btn_link .return_btn_text {
  font-size: 16px;
  text-align: center;
  transition: all 0.3s ease-in;
}
@media screen and (max-width: 680px) {
  #vatenf .return_btn_link .return_btn_text {
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  #vatenf .return_btn_link:hover {
    background-color: #000;
  }
  #vatenf .return_btn_link:hover .return_btn_text {
    color: #fff;
  }
}
#vatenf .set_listup {
  background: #fff;
  padding: 1rem 1.7rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .set_listup {
    margin-top: 1.5rem;
  }
}
#vatenf .set_listup .set_listup_title {
  font-size: 1.6rem;
}
#vatenf .set_listup .set_listup_text {
  font-size: 1.4rem;
}
#vatenf .fade-in {
  opacity: 0;
  transition: opacity 0.5s 0.3s var(--var-opacity-timing-function);
}
#vatenf .fade-in.is-animated {
  opacity: 1;
}
#vatenf .slide-up {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 0.3s 0.3s var(--var-opacity-timing-function), transform 1.2s 0.3s var(--var-animation-timing-function);
}
#vatenf .slide-up.is-animated {
  opacity: 1;
  transform: translateY(0);
}
#vatenf .slide-left {
  opacity: 0;
  transform: translateX(-2rem);
  transition: opacity 0.3s 0.3s var(--var-opacity-timing-function), transform 1.2s 0.3s var(--var-animation-timing-function);
}
#vatenf .slide-left.is-animated {
  opacity: 1;
  transform: translateX(0);
}
#vatenf .slide-right {
  opacity: 0;
  transform: translateX(2rem);
  transition: opacity 0.3s 0.3s var(--var-opacity-timing-function), transform 1.2s 0.3s var(--var-animation-timing-function);
}
#vatenf .slide-right.is-animated {
  opacity: 1;
  transform: translateX(0);
}
#vatenf .fade-in-blur {
  opacity: 0;
  filter: blur(5px);
  transition: opacity 0.8s 0.3s var(--var-animation-timing-function), filter 0.3s 0.3s var(--var-animation-timing-function);
}
#vatenf .fade-in-blur.is-animated {
  opacity: 1;
  filter: blur(0);
}
@keyframes move-left-to-right {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(200%);
  }
  50.0001% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pikopiko {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 0;
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
@keyframes yureru {
  0% {
    transform: translate(0px, 3px);
  }
  25% {
    transform: translate(0px, -3px);
  }
  50% {
    transform: translate(0px, 3px);
  }
  75% {
    transform: translate(0px, -3px);
  }
  100% {
    transform: translate(0px, 3px);
  }
}
@keyframes arrow_down_move {
  0% {
    transform: translate(-50%, -50%) translateY(-10px);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) translateY(10px);
    opacity: 0;
  }
}

#vatenf .mv {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 49.8611111111%;
}
@media screen and (max-width: 680px) {
  #vatenf .mv {
    padding-top: 159.4666666667%;
  }
}
#vatenf .mv.visible::after,
#vatenf .mv.visible .mv_wrapper,
#vatenf .mv.visible .mv_copy,
#vatenf .mv.visible .mv_text,
#vatenf .mv.visible .mv_icon,
#vatenf .mv.visible .mv_note,
#vatenf .mv.visible .mv_mainv,
#vatenf .mv.visible .mv_slider,
#vatenf .mv.visible .scroll {
  opacity: 1;
  filter: blur(0);
}
#vatenf .mv.visible .mv_title {
  opacity: 1;
  filter: blur(0);
}
#vatenf .mv.visible .mv_lead {
  opacity: 1;
  transform: translateY(0);
  filter: none;
}
#vatenf .mv .mv_content {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
#vatenf .mv .mv_content_inner {
  width: 100%;
  height: 100%;
  padding: 9rem 8rem 7rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 680px) {
  #vatenf .mv .mv_content_inner {
    justify-content: flex-end;
    padding: 0 7rem;
    padding: 2rem 2rem 7.5rem;
  }
}
#vatenf .mv .mv_title {
  width: 27.6388888889vw;
  opacity: 0;
  transition: opacity 0.8s 1s var(--var-opacity-timing-function);
}
@media screen and (max-width: 680px) {
  #vatenf .mv .mv_title {
    width: 68.5%;
  }
}
#vatenf .mv .mv_title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#vatenf .mv .mv_copy {
  font-size: 2.0833333333vw;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.2em;
  color: #fff;
  font-family: "Noto Serif JP", serif, sans-serif;
  opacity: 0;
  transition: opacity 0.8s 0.8s var(--var-opacity-timing-function);
}
@media screen and (max-width: 680px) {
  #vatenf .mv .mv_copy {
    font-size: 1.8rem;
    margin-bottom: 4rem;
  }
}
#vatenf .mv_mainv {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s 0.4s var(--var-opacity-timing-function);
}
#vatenf .mv_image {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#vatenf .mv_image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: bottom;
     object-position: bottom;
}

#vatenf .intro {
  padding: 10rem 0 10rem;
}
@media screen and (max-width: 680px) {
  #vatenf .intro {
    padding: 8rem 0rem;
  }
}
#vatenf .intro_title {
  text-align: center;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .intro_title {
    margin-bottom: 2rem;
  }
}
#vatenf .intro_title .__en {
  letter-spacing: 0.1em;
}
#vatenf .intro_text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 680px) {
  #vatenf .intro_text {
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.8;
  }
}

#vatenf .about {
  position: relative;
  padding: 12rem 0 11.5rem;
  background-repeat: repeat;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 680px) {
  #vatenf .about {
    padding: 8rem 0rem 8rem;
  }
}
#vatenf .about .secTitle_en_img {
  text-align: left;
}
#vatenf .about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #FFF3D0 0%, #FDF9ED 100%);
}
#vatenf .about_title {
  gap: 2rem;
}
#vatenf .about_content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 9.5rem;
}
@media screen and (min-width: 1921px) {
  #vatenf .about_content {
    align-items: center;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .about_content {
    flex-direction: column-reverse;
    gap: 5rem;
  }
}
#vatenf .about_content + .about_content {
  margin-top: 15.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .about_content + .about_content {
    margin-top: 7.7rem;
  }
}
#vatenf .about_imgbox {
  position: relative;
  z-index: 1;
  width: 48.6111111111%;
}
@media screen and (max-width: 680px) {
  #vatenf .about_imgbox {
    width: 100%;
    padding-right: 2rem;
  }
}
#vatenf .about_deco01 {
  position: absolute;
  top: -7.6rem;
  left: -9.6rem;
  width: 118rem;
  height: 59rem;
  z-index: -1;
}
@media screen and (max-width: 680px) {
  #vatenf .about_deco01 {
    top: -7.4rem;
    left: 6.5rem;
    width: 46.2rem;
    height: 23.2rem;
  }
}
#vatenf .about_deco01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#vatenf .about_image {
  border-radius: 0 20px 20px 0;
  overflow: hidden;
}
@media screen and (min-width: 1921px) {
  #vatenf .about_image {
    border-radius: 20px;
  }
}
#vatenf .about_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#vatenf .about_imgbox02 {
  margin-top: 3.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .about_imgbox02 {
    margin-top: 1.5rem;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    display: flex;
    justify-content: center;
  }
}
#vatenf .about_image02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#vatenf .about_textbox {
  position: relative;
  z-index: 1;
  flex: 1;
  margin-top: 1rem;
  padding-right: 10.5%;
}
@media screen and (max-width: 680px) {
  #vatenf .about_textbox {
    width: 100%;
    margin-top: 0;
    padding: 0 2rem;
  }
}
#vatenf .about_deco02 {
  position: absolute;
  top: -11.3rem;
  right: -52.4rem;
  width: 79rem;
  height: 39rem;
  z-index: -1;
}
@media screen and (max-width: 680px) {
  #vatenf .about_deco02 {
    right: initial;
    left: -22.7rem;
    top: -4.2rem;
    width: 49.4rem;
    height: 24.8rem;
  }
}
#vatenf .about_deco02 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#vatenf .about_title-en {
  margin-bottom: 3.3rem;
}
@media screen and (max-width: 680px) {
  #vatenf .about_title-en {
    margin-bottom: 2.8rem;
  }
}
#vatenf .about_title {
  font-size: 3rem;
}
@media screen and (max-width: 680px) {
  #vatenf .about_title {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    line-height: 1.7;
  }
}
#vatenf .about_text {
  font-size: 1.8rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .about_text {
    font-size: 1.7rem;
    margin-top: 2rem;
  }
}

#vatenf .mito {
  position: relative;
  padding: 12.5rem 0 11.5rem;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 680px) {
  #vatenf .mito {
    padding: 8rem 0 5.5rem;
  }
}
#vatenf .mito::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_mito01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#vatenf .mito_content {
  margin-top: 8rem;
  padding: 0 1rem;
}
@media screen and (max-width: 680px) {
  #vatenf .mito_content {
    padding: 0;
    margin-top: 5rem;
  }
}
#vatenf .mito_title {
  text-align: center;
}
@media screen and (max-width: 680px) {
  #vatenf .mito_title {
    margin-bottom: 3rem;
  }
}
#vatenf .mito_text {
  text-align: center;
}
@media screen and (max-width: 680px) {
  #vatenf .mito_text {
    text-align: left;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .mito_imgbox {
    margin: 0rem -2rem;
  }
}
#vatenf .mito_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#vatenf .product {
  position: relative;
  padding: 12rem 0 12rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product {
    padding: 8rem 0 8rem;
  }
}
#vatenf .product::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-image: url(../img/bg_img02.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  width: 115rem;
  height: 78.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product::before {
    width: 54.2rem;
    height: 37rem;
    right: inherit;
    left: -1.3rem;
  }
}
#vatenf .product::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #FFF 20%, #FDF9ED 70%, #F7EED2 100%);
}
#vatenf .product_inner {
  position: relative;
}
#vatenf .product_item:not(:last-child) {
  margin-bottom: 10rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_item:not(:last-child) {
    margin-bottom: 5rem;
  }
}
#vatenf .product_title {
  text-align: center;
  margin-bottom: 6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_title {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 681px) {
  #vatenf .product_title .__ja {
    font-size: 3.6rem;
  }
}
#vatenf .product_content {
  padding: 7rem 8rem 7.5rem;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 0 30px 0 rgba(99, 72, 13, 0.1);
}
@media screen and (max-width: 680px) {
  #vatenf .product_content {
    padding: 2.7rem 2.5rem 3rem;
    border-radius: 10px;
  }
}
#vatenf .product_wrap {
  display: flex;
  justify-content: space-between;
  gap: 8rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_wrap {
    flex-direction: column;
    gap: 3rem;
  }
}
#vatenf .product_imgbox {
  position: relative;
  width: 45.8333333333%;
}
@media screen and (max-width: 680px) {
  #vatenf .product_imgbox {
    width: 100%;
    padding-top: 0;
  }
}
#vatenf .product_image {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 680px) {
  #vatenf .product_image {
    border-radius: 10px;
  }
}
#vatenf .product_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#vatenf .product_textbox {
  flex: 1;
}
@media screen and (max-width: 680px) {
  #vatenf .product_textbox {
    width: 100%;
    padding-left: 0;
  }
}
#vatenf .product_text {
  font-size: 1.7rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_text {
    font-size: 1.6rem;
  }
}
#vatenf .product_priceBox {
  margin-top: 4rem;
  font-feature-settings: "palt";
}
#vatenf .product_name {
  font-size: 2.6rem;
  font-weight: 500;
  padding-bottom: 1rem;
  margin-bottom: 1.8rem;
  border-bottom: 1px solid rgba(63, 63, 63, 0.2);
}
@media screen and (max-width: 680px) {
  #vatenf .product_name {
    font-size: 2.4rem;
    margin-bottom: 2.3rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .product_name .__subtext {
    font-size: 1.5rem;
    letter-spacing: 0;
    margin-right: 1.2rem;
  }
}
#vatenf .product_priceInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 680px) {
  #vatenf .product_priceInfo {
    margin-left: 1rem;
    gap: 2rem;
  }
}
#vatenf .product_icons {
  width: 12.6rem;
  height: 6.6rem;
  position: relative;
  font-family: "Noto Sans JP", serif;
}
@media screen and (max-width: 680px) {
  #vatenf .product_icons {
    width: 6.6rem;
    height: 12.6rem;
  }
}
#vatenf .icon_counter {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6rem;
  height: 6.6rem;
  border: solid 1.5px #BA891B;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_counter {
    width: 6.6rem;
    height: 6.6rem;
  }
}
#vatenf .icon_counter .icon_counterText {
  color: #BA891B;
  line-height: 1;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
#vatenf .icon_counter .counter_text {
  display: block;
}
#vatenf .icon_counter .counter_num {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_counter .counter_num {
    font-size: 2.2rem;
  }
}
#vatenf .icon_counter .counter_word {
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 0.2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_counter .counter_word {
    font-size: 1.1rem;
  }
}
#vatenf .icon_counter .counter_subtext {
  font-size: 1.2rem;
  display: block;
  text-align: center;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_counter .counter_subtext {
    font-size: 1.2rem;
  }
}
#vatenf .icon_souryou_zero {
  position: absolute;
  right: 0;
  width: 6.6rem;
  height: 6.6rem;
  border: solid 1.5px #BA891B;
  background-color: #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_souryou_zero {
    width: 6.6rem;
    height: 6.6rem;
    bottom: 0;
  }
}
#vatenf .icon_souryou_zero .text_souryou {
  font-size: 1.6rem;
  display: block;
  text-align: center;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_souryou_zero .text_souryou {
    font-size: 2rem;
  }
}
#vatenf .icon_souryou_zero .icon_peroffText {
  color: #BA891B;
  line-height: 1;
  letter-spacing: 0.05rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_souryou_zero .icon_peroffText {
    gap: 0.3rem;
  }
}
#vatenf .icon_souryou_zero .souryou_zero_yen {
  display: block;
}
#vatenf .icon_souryou_zero .souryou_text {
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 0.2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_souryou_zero .souryou_text {
    font-size: 1.1rem;
  }
}
#vatenf .icon_souryou_zero .souryou_num {
  font-size: 2.2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_souryou_zero .souryou_num {
    font-size: 2rem;
  }
}
#vatenf .icon_souryou_zero .souryou_yen {
  font-size: 1.2rem;
  margin-left: 0.2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_souryou_zero .souryou_yen {
    font-size: 1.1rem;
  }
}
#vatenf .icon_peroff {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.6rem;
  height: 6.6rem;
  border: solid 1.5px #BA891B;
  background-color: #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_peroff {
    width: 6.6rem;
    height: 6.6rem;
    top: initial;
    bottom: 0;
  }
}
#vatenf .icon_peroff .icon_peroffText {
  color: #BA891B;
  line-height: 1;
  letter-spacing: 0.05rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_peroff .icon_peroffText {
    gap: 0.3rem;
  }
}
#vatenf .icon_peroff .numperoff {
  display: block;
}
#vatenf .icon_peroff .peroff_num {
  font-size: 2.2rem;
  font-weight: 500;
}
#vatenf .icon_peroff .peroff_percent {
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 0.2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_peroff .peroff_percent {
    font-weight: 500;
  }
}
#vatenf .icon_peroff .peroff_off {
  font-size: 1.2rem;
  font-weight: 500;
  display: block;
  text-align: center;
}
#vatenf .product_priceInfo_textBlock_l {
  display: flex;
  align-items: flex-end;
  gap: 0 0.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_priceInfo_textBlock_l {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1.5rem;
  }
}
#vatenf .product_priceInfo_textBlock {
  font-size: 1.5rem;
  line-height: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 680px) {
  #vatenf .product_priceInfo_textBlock {
    margin-left: 0;
    gap: 0.5rem;
  }
}
#vatenf .product_priceInfo_text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  letter-spacing: 0;
  font-size: 1.4rem;
}
#vatenf .product_priceLabel {
  color: #BA891B;
}
#vatenf .product_tsujo {
  position: relative;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: line-through;
}
#vatenf .product_tsujo::after {
  content: "";
  width: 15rem;
  height: 1px;
  background-color: var(--var-color-01);
  position: absolute;
  top: 50%;
  left: 0.4em;
}
#vatenf .product_pricebox {
  margin-top: 3rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_pricebox {
    margin-top: 2rem;
  }
}
#vatenf .product_price {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
#vatenf .product_price-block {
  display: flex;
  align-items: center;
}
#vatenf .product_priceNum {
  font-size: 4.5rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 680px) {
  #vatenf .product_priceNum {
    margin-left: 0rem;
  }
}
#vatenf .product_priceTaxYen {
  display: flex;
  flex-direction: column-reverse;
  line-height: 1;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}
#vatenf .product_priceTax {
  font-size: 1.2rem;
}
#vatenf .product_priceYen {
  font-size: 2rem;
}
#vatenf .product_btn {
  max-width: 540px;
  margin: 2.5rem auto 0;
  line-height: 0;
}
@media screen and (max-width: 680px) {
  #vatenf .product_btn {
    max-width: 100%;
  }
}
#vatenf .product_btn_link {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}
#vatenf .product_btn_link:hover, #vatenf .product_btn_link:focus-visible {
  opacity: 0.7;
}
#vatenf .product_btn_bg {
  display: block;
}
#vatenf .product_btn_bg img {
  display: block;
  width: 100%;
  height: auto;
}
#vatenf .product_btn_text {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 2.75rem;
  font-size: 2.2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_btn_text {
    font-size: 1.6rem;
  }
}
#vatenf .product_btn_icon {
  position: absolute;
  top: 50%;
  right: 2.8rem;
  transform: translateY(-50%);
  display: inline-flex;
  width: 12px;
  height: 18px;
  pointer-events: none;
}
#vatenf .product_btn_icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  #vatenf .product_btn_icon svg {
    transition: none;
  }
}
#vatenf .product_info {
  padding: 3rem 3rem;
  border: 1px solid rgba(63, 63, 63, 0.2);
  border-radius: 20px;
  margin-top: 6rem;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
}
@media screen and (max-width: 680px) {
  #vatenf .product_info {
    flex-direction: column;
    font-size: 1.2rem;
    padding: 2.2rem 2rem 2.7rem;
    border-radius: 10px;
    margin-top: 3rem;
  }
}
#vatenf .eiyou_date {
  width: 42.5%;
  justify-content: space-between;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 2rem;
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 680px) {
  #vatenf .eiyou_date {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    width: 100%;
    display: block;
    padding-right: 0;
    padding-bottom: 1.5rem;
  }
}
#vatenf .eiyou_date + .product_infoText {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 680px) {
  #vatenf .eiyou_date + .product_infoText {
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
  }
}
#vatenf .eiyou_list {
  flex: 1;
}
@media screen and (max-width: 680px) {
  #vatenf .eiyou_list {
    width: 100%;
    margin-top: 0.3rem;
  }
}
#vatenf .eiyou_li {
  align-items: center;
  display: flex;
  line-height: 1.6;
}
@media screen and (max-width: 680px) {
  #vatenf .eiyou_li {
    line-height: 1.5;
  }
}
#vatenf .tensen {
  display: flex;
  flex: 1 1 auto;
  height: 2px;
  margin: 0 1rem;
  background-image: linear-gradient(to right, #66240B 2px, transparent 1px);
  background-size: 5px 3px;
  background-repeat: repeat-x;
}
#vatenf .quantity {
  text-align: right;
}
#vatenf .product_infoText {
  width: 60%;
  padding-left: 2.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .product_infoText {
    width: 100%;
    padding-top: 2rem;
    padding-left: 0;
  }
}
#vatenf .product_info_text {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (max-width: 680px) {
  #vatenf .product_info_text {
    font-size: 1.2rem;
  }
}
#vatenf .sbsc_title {
  text-align: center;
  margin-bottom: 6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbsc_title {
    margin-bottom: 2.8rem;
  }
}
#vatenf .sbscCourse_title {
  text-align: center;
  margin-bottom: 6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscCourse_title {
    margin-bottom: 2.8rem;
  }
}
#vatenf .sbscCourse_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscCourse_wrap {
    flex-direction: column;
    justify-content: center;
    gap: 5rem;
  }
}
#vatenf .sbscCourse_item {
  width: calc((100% - 6rem) / 2);
}
@media screen and (max-width: 680px) {
  #vatenf .sbscCourse_item {
    width: 100%;
  }
}
#vatenf .sbscCourse_itemImgbox {
  position: relative;
  margin-bottom: 2.6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscCourse_itemImgbox {
    margin-bottom: 2.6rem;
  }
}
#vatenf .sbscCourse_item_image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 71.1111111111%;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscCourse_item_image {
    border-radius: 10px;
    padding-top: 100%;
  }
}
#vatenf .sbscCourse_item_image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#vatenf .sbscCourse_itemImg_icon {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  width: 5.1rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscCourse_itemImg_icon {
    width: 4.3rem;
    top: 1.1rem;
    left: 1.3rem;
  }
}
#vatenf .sbscItem_priceBox {
  margin-top: 4rem;
}
#vatenf .sbscItem_name {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 500;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(63, 63, 63, 0.2);
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_name {
    font-size: 2.6rem;
    padding-bottom: 0.7rem;
    margin-bottom: 3.3rem;
  }
}
#vatenf .sbscItem_name_sub {
  font-size: 0.5em;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_name_sub {
    font-size: 0.47em;
  }
}
#vatenf .sbscItem_priceInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_priceInfo {
    margin-left: 1rem;
    gap: 1.5rem;
  }
}
#vatenf .sbscItem_peroff {
  width: 6.6rem;
  height: 6.6rem;
  border: solid 1px #BA891B;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_peroff {
    width: 6.6rem;
    height: 6.6rem;
  }
}
#vatenf .sbscItem_peroff .sbscItem_peroffText {
  color: #BA891B;
  line-height: 1;
  display: flex;
  flex-direction: column;
}
#vatenf .sbscItem_peroff .numperoff {
  display: block;
}
#vatenf .sbscItem_peroff .peroff_num {
  font-size: 2.2rem;
  font-weight: 500;
}
#vatenf .sbscItem_peroff .peroff_percent {
  font-size: 1.2rem;
  margin-left: 0.2rem;
  font-weight: 500;
}
#vatenf .sbscItem_peroff .peroff_off {
  font-size: 1.2rem;
  font-weight: 500;
  display: block;
  text-align: center;
}
#vatenf .sbscItem_priceInfo_textBox {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  margin-left: 1rem;
}
#vatenf .sbscItem_souryou {
  color: #BA891B;
  font-size: 1.4rem;
  line-height: 1;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_souryou {
    font-size: 1.2rem;
  }
}
#vatenf .sbscItem_tsujo {
  font-size: 1.4rem;
  text-decoration: line-through;
  text-decoration-color: var(--var-color-01);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_tsujo {
    font-size: 1.2rem;
  }
}
#vatenf .sbscItem_priceInfo_textBlock_l {
  display: flex;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_priceInfo_textBlock_l {
    flex-direction: column;
  }
}
#vatenf .sbscItem_priceInfo_textBlock_01 {
  color: var(--var-color-01);
  margin-left: 0.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_priceInfo_textBlock_01 {
    text-align: left;
    display: flex;
    align-items: center;
    margin-left: 0;
    gap: 1rem;
  }
}
#vatenf .sbscItem_priceInfo_textBlock_02 {
  color: var(--var-color-01);
}
#vatenf .sbscItem_price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_price {
    align-items: flex-end;
    gap: 1rem;
  }
}
#vatenf .sbscItem_priceNum {
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_priceNum {
    font-size: 4.3rem;
  }
}
#vatenf .sbscItem_priceTaxYen {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.2;
}
#vatenf .sbscItem_priceTax {
  font-size: 1.2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_priceTax {
    font-size: 1.2rem;
  }
}
#vatenf .sbscItem_priceYen {
  font-size: 2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscItem_priceYen {
    font-size: 2.4rem;
  }
}
#vatenf .sbscCourse_btn {
  margin-top: 5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .sbscCourse_btn {
    margin-top: 2.5rem;
  }
}

#vatenf .brandv {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 45.1388888889%;
}
@media screen and (max-width: 680px) {
  #vatenf .brandv {
    padding-top: 53.3333333333%;
  }
}
#vatenf .brandv_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#vatenf .brandv_image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

#vatenf .concern {
  position: relative;
  padding: 12rem 0 12rem;
}
@media screen and (max-width: 680px) {
  #vatenf .concern {
    padding: 8rem 0 8rem;
  }
}
#vatenf .concern::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_mito02.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 680px) {
  #vatenf .concern::before {
    background-image: url(../img/sp/bg_mito02.png);
  }
}
#vatenf .concern_title {
  text-align: center;
}
@media screen and (min-width: 681px) {
  #vatenf .concern_title {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .concern_title {
    margin-bottom: 3rem;
  }
}
#vatenf .concern_content {
  position: relative;
  display: flex;
  gap: 6rem;
  padding: 0rem 6rem 6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_content {
    padding: 3rem 2.5rem 0rem;
    flex-direction: column;
    gap: 3rem;
  }
}
#vatenf .concern_content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 5rem);
  background-color: #EDEDEB;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_content::before {
    height: calc(100% - 18.3rem);
    top: 0;
    bottom: auto;
  }
}
#vatenf .concern_textbox {
  position: relative;
  flex: 1;
  padding-top: 10rem;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_textbox {
    padding-top: 0;
  }
}
#vatenf .concern_title02 {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(63, 63, 63, 0.6);
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_title02 {
    font-size: 1.8rem;
  }
}
#vatenf .checkList_item {
  padding: 2rem 0 1.5rem;
  border-bottom: 1px dashed #B8B5B5;
}
@media screen and (max-width: 680px) {
  #vatenf .checkList_item {
    padding: 1rem 0 1rem;
  }
}
#vatenf .checkList_item_inner {
  display: flex;
  gap: 1rem;
}
#vatenf .checkList_iconbox {
  --check-icon-color: #B8B5B5;
  flex-shrink: 0;
  width: 2.3rem;
  height: 2.3rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(0.5rem);
}
@media screen and (max-width: 680px) {
  #vatenf .checkList_iconbox {
    width: 2.1rem;
    height: 2.1rem;
  }
}
#vatenf .checkList_iconbox::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.3rem;
  background-color: var(--check-icon-color);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13' fill='none'%3E%3Cpath d='M1.06065 5.56055L5.56065 10.0605L14.5607 1.06055' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13' fill='none'%3E%3Cpath d='M1.06065 5.56055L5.56065 10.0605L14.5607 1.06055' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
@media screen and (max-width: 680px) {
  #vatenf .checkList_iconbox::before {
    width: 1.4rem;
    height: 1.1rem;
    transform: translate(0rem, 0.1rem);
  }
}
#vatenf .checkList_text {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 680px) {
  #vatenf .checkList_text {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
#vatenf .concern_imgbox {
  position: relative;
  width: 48.2%;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_imgbox {
    width: 29.7rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: -4.5rem;
  }
}
#vatenf .concern_image {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_image {
    border-radius: 20px 0 0 20px;
  }
}
#vatenf .concern_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#vatenf .concern_answer {
  text-align: center;
  margin-top: 4.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_answer {
    margin-top: 0rem;
  }
}
#vatenf .concern_answer_lead {
  position: relative;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.1em;
  padding-top: 5.2rem;
  padding-bottom: 4.5rem;
  z-index: 1;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_answer_lead {
    font-size: 1.6rem;
    padding-top: 4.5rem;
  }
}
#vatenf .concern_answer_lead::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/deco_polygon.png);
  width: 68.4rem;
  height: 16rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#vatenf .concern_answer_text {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: 3rem;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_answer_text {
    font-size: 1.8rem;
  }
}
#vatenf .concern_answer_text .__subtext {
  display: block;
  margin-bottom: 1rem;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_answer_text .__subtext {
    margin-bottom: 0;
  }
}
#vatenf .concern_answer_text .__maintext {
  display: block;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_answer_text .__maintext {
    display: inline-flex;
    flex-direction: column;
    gap: 0.2rem;
  }
}
#vatenf .concern_answer_text .__large {
  font-size: 4rem;
  font-weight: 700;
  color: #BA891B;
  border-bottom: 2px solid #BA891B;
}
@media screen and (max-width: 680px) {
  #vatenf .concern_answer_text .__large {
    font-size: 3rem;
  }
}

#vatenf .feature {
  position: relative;
  padding: 12.5rem 0 10.5rem;
  background-color: #FDF9ED;
}
@media screen and (max-width: 680px) {
  #vatenf .feature {
    padding: 8rem 0 8rem;
  }
}
#vatenf .feature_title {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_title {
    margin-bottom: 8.5rem;
  }
}
#vatenf .feature_content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8rem;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_content {
    flex-direction: column-reverse;
    gap: 3rem;
  }
}
#vatenf .feature_content + .feature_content {
  margin-top: 10rem;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_content + .feature_content {
    margin-top: 8.5rem;
  }
}
#vatenf .feature_textbox {
  position: relative;
  z-index: auto;
  flex: 1;
  padding-top: 1rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_textbox {
    position: static;
    width: 100%;
    padding-top: 0;
    line-height: 1.8;
  }
}
#vatenf .feature_deco01 {
  position: absolute;
  top: -9rem;
  left: -61rem;
  width: 106.3rem;
  height: 53.3rem;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_deco01 {
    top: -8rem;
    left: -42.5rem;
    width: 65.9rem;
    height: 33rem;
  }
}
#vatenf .feature_deco02 {
  position: absolute;
  top: -8.5rem;
  right: -51.5rem;
  width: 106.3rem;
  height: 53.3rem;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_deco02 {
    top: -13rem;
    right: -23rem;
    width: 51.3rem;
    height: 25.7rem;
  }
}
#vatenf .feature_deco03 {
  position: absolute;
  top: 1rem;
  left: -44rem;
  width: 106.3rem;
  height: 53.3rem;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_deco03 {
    top: -7rem;
    left: -17rem;
    width: 51.9rem;
    height: 26rem;
  }
}
#vatenf .feature_textbody {
  position: relative;
  z-index: 3;
}
#vatenf .feature_titlebox_s {
  position: relative;
  z-index: 4;
  margin-bottom: 4rem;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_titlebox_s {
    position: static;
    margin-bottom: 2.8rem;
  }
}
#vatenf .feature_title_s {
  position: relative;
  font-size: 3rem;
  color: var(--var-color-01);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_title_s {
    font-size: 2rem;
  }
}
#vatenf .feature_title_s::before {
  content: "";
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  width: 3rem;
  height: 1px;
  background-color: #BA891B;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_title_s::before {
    bottom: -1.2rem;
    width: 2.4rem;
  }
}
#vatenf .feature_title_num {
  position: relative;
  z-index: 5;
  display: inline-block;
  font-size: 12rem;
  font-weight: 100;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  color: #BA891B;
  line-height: 1;
  margin-bottom: 5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_title_num {
    position: absolute;
    z-index: 5;
    font-size: 10rem;
    margin-bottom: 3rem;
    top: -5rem;
  }
}
#vatenf .feature_text {
  font-size: 1.6rem;
  letter-spacing: 0;
}
#vatenf .feature_imgbox {
  position: relative;
  z-index: 3;
  width: 51.875%;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_imgbox {
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: -2.5rem;
  }
}
#vatenf .feature_image {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_image {
    border-radius: 20px 0 0 20px;
  }
}
#vatenf .feature_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#vatenf .feature_content.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_content.reverse {
    flex-direction: column-reverse;
  }
}
#vatenf .feature_content.reverse .feature_imgbox {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 680px) {
  #vatenf .feature_content.reverse .feature_imgbox {
    margin-left: -2.5rem;
    margin-right: auto;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .feature_content.reverse .feature_image {
    border-radius: 0 20px 20px 0;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .feature_content.reverse .feature_title_num {
    right: 0;
  }
}

#vatenf .evidence {
  padding: 12.5rem 0 12rem;
  background-repeat: repeat;
  background-size: cover;
}
@media screen and (max-width: 680px) {
  #vatenf .evidence {
    padding: 8rem 0 8rem;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .evidence_inner {
    padding: 0 1rem;
  }
}
#vatenf .evidence_title {
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 680px) {
  #vatenf .evidence_title {
    margin-bottom: 3rem;
  }
}
#vatenf .evidence_text {
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 680px) {
  #vatenf .evidence_text {
    font-size: 1.2rem;
  }
}
#vatenf .evidence_btn_block {
  margin-top: 3rem;
}
#vatenf .evidence_btn {
  margin: 0 auto;
}

#vatenf .faq {
  padding: 12rem 0 16rem;
  background-color: #F8F8F6;
}
@media screen and (max-width: 680px) {
  #vatenf .faq {
    padding: 8rem 0 8rem;
  }
}
#vatenf .faq_title {
  text-align: center;
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .faq_title {
    margin-bottom: 2.7rem;
  }
}
#vatenf .faq_ul {
  border-top: solid 1px #DCDCDC;
  border-bottom: solid 1px #DCDCDC;
}
#vatenf .faq_li {
  cursor: pointer;
  list-style-type: none;
}
#vatenf .faq_li + .faq_li {
  border-top: solid 1px #DCDCDC;
}
#vatenf .faq_li_question {
  padding: 4rem 3rem 4rem 5rem;
  position: relative;
  line-height: 1.8;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 680px) {
  #vatenf .faq_li_question {
    padding: 2rem 4rem 2rem 4rem;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
  }
}
#vatenf .faq_li_question::before {
  position: absolute;
  content: "Q";
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  color: #BA891B;
  top: 4rem;
  left: 0.4rem;
}
@media screen and (max-width: 680px) {
  #vatenf .faq_li_question::before {
    font-size: 3.2rem;
    top: 1.5rem;
    left: 0rem;
  }
}
#vatenf .faq_li.open .faq_li_answer {
  max-height: 50rem;
  opacity: 1;
  margin-bottom: 4rem;
}
#vatenf .faq_li.open .faq_li_question .faq_toggle::after {
  top: 35%;
  transform: rotate(-45deg);
  transition: all 0.3s ease-in;
}
#vatenf .faq_toggle::after {
  border-right: solid 2px #3F3F3F;
  border-top: solid 2px #3F3F3F;
  content: "";
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  right: 3.5rem;
  top: calc(50% - 0.7rem);
  transform: rotate(135deg);
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
@media screen and (max-width: 680px) {
  #vatenf .faq_toggle::after {
    width: 0.8rem;
    height: 0.8rem;
    top: calc(50% - 0.6rem);
    right: 2rem;
  }
}
#vatenf .faq_li_answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-bottom: 0;
  background-color: #fff;
  border-radius: 20px;
  transition: max-height 0.5s ease, opacity 0.3s ease, margin-bottom 0.4s ease;
}
#vatenf .faq_li_answer_inner {
  position: relative;
  padding: 3rem 2.5rem 3rem 8.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .faq_li_answer_inner {
    padding: 2rem 2.4rem 2rem 5.2rem;
  }
}
#vatenf .faq_li_answer_inner::before {
  position: absolute;
  content: "A";
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  color: #BA891B;
  left: 3rem;
  top: 3rem;
}
@media screen and (max-width: 680px) {
  #vatenf .faq_li_answer_inner::before {
    font-size: 3.2rem;
    top: 2rem;
    left: 2rem;
  }
}
@media screen and (max-width: 680px) {
  #vatenf .answer_text {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}

#vatenf .answer_text + .answer_text {
  margin-top: 2rem;
}




#vatenf .fixed-bnr {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem 2rem;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr {
    padding: 1rem 1.8rem;
  }
}
#vatenf .fixed-bnr.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
#vatenf .fixed-bnr_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr_wrapper {
    gap: 1.8rem;
  }
}
#vatenf .fixed-bnr_content {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#vatenf .fixed-bnr-image {
  width: 3rem;
  height: 6.5rem;
  flex-shrink: 0;
}
#vatenf .fixed-bnr-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#vatenf .fixed-bnr_title-head-text {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr_title-head-text {
    font-size: 1.2rem;
    display: none;
  }
}
#vatenf .fixed-bnr-title {
  font-size: 1.6rem;
  color: #3f3f3f;
  font-weight: 700;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr-title {
    font-size: 1.3rem;
    flex-direction: column;
    gap: 0.8rem;

  }
}
#vatenf .fixed-bnr-title .icon_tamen_text {
  width: 13.6rem;
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr-title .icon_tamen_text {
    width: 12.4rem;
    
  }
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr-title .--small {
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    line-height: 1;
  }
}
#vatenf .fixed-bnr-btn_block {
  margin-top: 0;
  width: 30rem;
  max-width: 300px;
  flex-shrink: 0;
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr-btn_block {
    width: 15rem;
    max-width: initial;
  }
}
#vatenf .fixed-bnr-btn {
  width: 100%;
  max-width: 100%;
  height: 6.8rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 680px) {
  #vatenf .fixed-bnr-btn {
    width: 15rem;
    height: 6rem;
  }
}
#vatenf .fixed-bnr-btn .sec_btn_text {
  margin-right: 1rem;
}

#vatenf .icon_logo_text {
  display: block;
  width: 13.6rem;
  aspect-ratio: 399/75.3;
  background-color: #BA891B;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20399%2075.3%22%3E%3Cpath%20fill%3D%22%23ba891b%22%20d%3D%22M191.5%2C1.9h52.7v2.6h-42v30.8h36.5v2.9h-36.5v31.1h41.9v2.8h-52.7V1.9ZM315.2%2C1.9v70.2c-18.7-21.2-37.2-42-56-63.3v63.2h-2.7V1.9h8.4c.7%2C0%2C1.4%2C1.1%2C1.9%2C1.8%2C13.8%2C15.5%2C27.6%2C31.1%2C41.4%2C46.6%2C1.3%2C1.4%2C2.6%2C2.9%2C4.2%2C4.7V1.9h2.7ZM93.7%2C3.7c-.5-1.1-1-1.9-2.5-1.8-1.4%2C0-2.1.6-2.6%2C1.9-10.1%2C22.1-30.9%2C67.6-31.2%2C68.3%2C2.1%2C0%2C3.4.2%2C4.3-2%2C2.1-5.1%2C4.6-10.1%2C6.8-15.2.5-1.2%2C1.2-1.7%2C2.5-1.7%2C10.7%2C0%2C21.4%2C0%2C32%2C0%2C1.4%2C0%2C2.1.5%2C2.7%2C1.8%2C2.3%2C5.3%2C4.7%2C10.5%2C7.2%2C15.7.3.6%2C1%2C1.3%2C1.5%2C1.3h10.5c-.4-.9-21.1-46.1-31.2-68.3ZM70.6%2C50.2c5.5-12.1%2C10.9-23.8%2C16.4-35.9%2C5.5%2C12.1%2C9.8%2C21.4%2C16.4%2C35.9h-32.9ZM36.3%2C70.6c-.5%2C1.2-1.1%2C1.7-2.5%2C1.8-1.4%2C0-1.9-.6-2.5-1.8C21.3%2C48.4.4%2C2.8%2C0%2C1.9h10.6c.5%2C0%2C1%2C.7%2C1.3%2C1.4%2C7.6%2C16.4%2C24.8%2C54%2C26%2C56.5.5-1.1%2C17.3-37.7%2C25.3-55.2.9-2.1%2C1.3-2.6%2C4.7-2.6-.2.5-21.4%2C46.4-31.5%2C68.7ZM114.3%2C1.9h67.7v2.6h-28.3v67.5h-10.8V4.6h-28.6V1.9Z%22%2F%3E%3Cpath%20fill%3D%22%23ba891b%22%20d%3D%22M360.2%2C27.3c0-4.6-.1-9.2-.3-13.6-.1-4.5-.3-9.1-.5-13.7%2C3.2.1%2C6.3.3%2C9.4.4%2C3.2%2C0%2C6.3.1%2C9.5.1s6.4%2C0%2C9.6-.1c3.2-.1%2C6.7-.3%2C10.5-.4-.2%2C1.1-.3%2C2.1-.3%2C3.2s.1%2C2.1.3%2C3.2c-1.9-.2-4.2-.4-6.8-.5-2.7-.2-5.4-.4-8.2-.4-2.7-.1-5.4-.2-8-.3-2.5%2C0-4.6-.1-6.3-.1%2C0%2C2.5-.1%2C4.8-.2%2C7.1v13.6c0%2C2%2C.1%2C4.2.1%2C6.4%2C4.6%2C0%2C9.2%2C0%2C13.7-.2%2C4.6-.1%2C9.1-.4%2C13.5-.8-.3%2C1.1-.4%2C2.1-.4%2C3.2s.1%2C2.1.4%2C3.2c-1.8-.2-3.8-.4-6-.4-2.2-.1-4.5-.2-6.8-.3-2.4%2C0-4.8-.1-7.3-.1h-7.1v9c0%2C4.6%2C0%2C9.2.2%2C13.7.2%2C4.5.4%2C8.9.6%2C13.3-1.6-.1-3.3-.2-5.2-.2s-3.5%2C0-5.2.2c.2-4.4.4-8.8.5-13.3.2-4.5.3-9.1.3-13.7v-18.1Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20399%2075.3%22%3E%3Cpath%20fill%3D%22%23ba891b%22%20d%3D%22M191.5%2C1.9h52.7v2.6h-42v30.8h36.5v2.9h-36.5v31.1h41.9v2.8h-52.7V1.9ZM315.2%2C1.9v70.2c-18.7-21.2-37.2-42-56-63.3v63.2h-2.7V1.9h8.4c.7%2C0%2C1.4%2C1.1%2C1.9%2C1.8%2C13.8%2C15.5%2C27.6%2C31.1%2C41.4%2C46.6%2C1.3%2C1.4%2C2.6%2C2.9%2C4.2%2C4.7V1.9h2.7ZM93.7%2C3.7c-.5-1.1-1-1.9-2.5-1.8-1.4%2C0-2.1.6-2.6%2C1.9-10.1%2C22.1-30.9%2C67.6-31.2%2C68.3%2C2.1%2C0%2C3.4.2%2C4.3-2%2C2.1-5.1%2C4.6-10.1%2C6.8-15.2.5-1.2%2C1.2-1.7%2C2.5-1.7%2C10.7%2C0%2C21.4%2C0%2C32%2C0%2C1.4%2C0%2C2.1.5%2C2.7%2C1.8%2C2.3%2C5.3%2C4.7%2C10.5%2C7.2%2C15.7.3.6%2C1%2C1.3%2C1.5%2C1.3h10.5c-.4-.9-21.1-46.1-31.2-68.3ZM70.6%2C50.2c5.5-12.1%2C10.9-23.8%2C16.4-35.9%2C5.5%2C12.1%2C9.8%2C21.4%2C16.4%2C35.9h-32.9ZM36.3%2C70.6c-.5%2C1.2-1.1%2C1.7-2.5%2C1.8-1.4%2C0-1.9-.6-2.5-1.8C21.3%2C48.4.4%2C2.8%2C0%2C1.9h10.6c.5%2C0%2C1%2C.7%2C1.3%2C1.4%2C7.6%2C16.4%2C24.8%2C54%2C26%2C56.5.5-1.1%2C17.3-37.7%2C25.3-55.2.9-2.1%2C1.3-2.6%2C4.7-2.6-.2.5-21.4%2C46.4-31.5%2C68.7ZM114.3%2C1.9h67.7v2.6h-28.3v67.5h-10.8V4.6h-28.6V1.9Z%22%2F%3E%3Cpath%20fill%3D%22%23ba891b%22%20d%3D%22M360.2%2C27.3c0-4.6-.1-9.2-.3-13.6-.1-4.5-.3-9.1-.5-13.7%2C3.2.1%2C6.3.3%2C9.4.4%2C3.2%2C0%2C6.3.1%2C9.5.1s6.4%2C0%2C9.6-.1c3.2-.1%2C6.7-.3%2C10.5-.4-.2%2C1.1-.3%2C2.1-.3%2C3.2s.1%2C2.1.3%2C3.2c-1.9-.2-4.2-.4-6.8-.5-2.7-.2-5.4-.4-8.2-.4-2.7-.1-5.4-.2-8-.3-2.5%2C0-4.6-.1-6.3-.1%2C0%2C2.5-.1%2C4.8-.2%2C7.1v13.6c0%2C2%2C.1%2C4.2.1%2C6.4%2C4.6%2C0%2C9.2%2C0%2C13.7-.2%2C4.6-.1%2C9.1-.4%2C13.5-.8-.3%2C1.1-.4%2C2.1-.4%2C3.2s.1%2C2.1.4%2C3.2c-1.8-.2-3.8-.4-6-.4-2.2-.1-4.5-.2-6.8-.3-2.4%2C0-4.8-.1-7.3-.1h-7.1v9c0%2C4.6%2C0%2C9.2.2%2C13.7.2%2C4.5.4%2C8.9.6%2C13.3-1.6-.1-3.3-.2-5.2-.2s-3.5%2C0-5.2.2c.2-4.4.4-8.8.5-13.3.2-4.5.3-9.1.3-13.7v-18.1Z%22%2F%3E%3C%2Fsvg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
#vatenf .icon_arrow--right {
  width: 1.2rem;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.125%206.75H0V5.25H9.125L4.9375%201.0625L6%200L12%206L6%2012L4.9375%2010.9375L9.125%206.75Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
@media screen and (max-width: 680px) {
  #vatenf .icon_arrow--right {
    width: 1.2rem;
  }
}