@charset "UTF-8";
.bg_black {
  background: var(--cl-black);
}

/*
========================================================================= */
/*  ロゴの大きさ調整
========================================================================= */
.header_logo {
  width: 23%;
}
.header_logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header_logo a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.drawer_logo {
  width: 40%;
}

/*
========================================================================= */
/*  header
========================================================================= */
header {
  margin-bottom: calc(var(--var-1) * -180);
  position: relative;
  z-index: 11;
}
header .headline {
  padding: calc(var(--var-1) * 20) calc(var(--var-1) * 16) calc(var(--var-1) * 16);
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
}
header .headline .header_logo {
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 32);
}
header .drawer .drawer_inner {
  background: var(--cl-black);
}
header .drawer .drawer_inner .drawer_logo {
  width: calc(var(--var-1) * 80);
  height: calc(var(--var-1) * 32);
  position: relative;
  z-index: 100;
}
header .drawer .drawer_inner .ht_btn {
  display: block;
  margin: 0 auto;
  width: calc(var(--var-1) * 32);
  height: calc(var(--var-1) * 32);
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer {
  padding: calc(var(--var-1) * 80) 0;
}
footer .footer_left {
  text-align: center;
}
footer .footer_left .footer_logo {
  width: calc(var(--var-1) * 56);
  height: calc(var(--var-1) * 104);
  margin: 0 auto;
}
footer .footer_left .ft_address {
  margin-top: calc(var(--var-1) * 40);
  line-height: 1;
}
footer .footer_left .ft_btn {
  margin: calc(var(--var-1) * 40) auto 0;
  position: relative;
  display: flex;
}
footer .footer_left .ft_btn::before {
  content: "";
  position: static;
  display: inline-block;
  width: calc(var(--var-1) * 30);
  height: calc(var(--var-1) * 30);
  margin-right: calc(var(--var-1) * 12);
  background: url(../img/sns/Instagram_Glyph_Gradient.svg) no-repeat top/100%;
}
footer .footer_right {
  margin-top: calc(var(--var-1) * 64);
}
footer .footer_right .footer_gnav .ft_list {
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(var(--var-1) * 48);
  height: calc(var(--var-1) * 288);
  padding: calc(var(--var-1) * 40) 0;
  border: 1px solid var(--cl-white);
  border-width: 1px 0;
}
footer .footer_right .footer_gnav .ft_list .ft_link {
  display: block;
  line-height: 1;
  letter-spacing: 0.04em;
}
footer .footer_right .footer_gnav_sub {
  margin-top: calc(var(--var-1) * 32);
}
footer .footer_right .footer_gnav_sub .ft_nav_list {
  flex-direction: column;
  flex-wrap: wrap;
  gap: calc(var(--var-1) * 28);
  height: calc(var(--var-1) * 88);
}
footer .footer_right .footer_gnav_sub .ft_nav_list .ft_nav_item .ft_nav_link {
  letter-spacing: 0.04em;
  font-size: calc(var(--var-1) * 12);
}
footer .copy {
  margin-top: calc(var(--var-1) * 64);
}

/*
========================================================================= */
/*  mv
========================================================================= */
.mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34));
  height: calc(var(--var-1) * 600);
  position: relative;
  z-index: 0;
}
.mv .mv_ttl {
  position: relative;
  top: calc(var(--var-1) * 279);
  right: calc(var(--var-1) * 16);
  margin: 0 0 0 auto;
  font: 400 calc(var(--var-1) * 24)/1.6 var(--family-base);
  letter-spacing: 0.18em;
  background: #000;
  padding: calc(var(--var-1) * 22) calc(var(--var-1) * 8) 0 calc(var(--var-1) * 4);
  color: var(--cl-green-light);
}
.mv video {
  display: block;
  width: auto;
  height: calc(var(--var-1) * 600);
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: calc(var(--var-1) * -100);
}

/*
========================================================================= */
/*  side
========================================================================= */
.side_btn {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--var-1) * 16);
  width: 100%;
  padding: calc(var(--var-1) * 14) 0;
  background: var(--cl-green-dark);
  color: var(--cl-black);
  font: 500 calc(var(--var-1) * 16)/1 var(--family-base);
  letter-spacing: 0.12em;
  writing-mode: horizontal-tb;
}
.side_btn::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 26);
  height: calc(var(--var-1) * 27);
  background: url(../img/cmn/side_icon.png) no-repeat top/100%;
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  padding: calc(var(--var-1) * 200) 0 calc(var(--var-1) * 64);
}
.sb_mv .sv_ttl {
  font: 500 calc(var(--var-1) * 24)/1 var(--family-base);
  text-align: center;
}

/*
========================================================================= */
/*  下層の背景設定
========================================================================= */
.about_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/about.png) no-repeat top/cover;
}

.personal_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/personal.png) no-repeat top/cover;
}

.business_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/business.png) no-repeat top/cover;
}

.family_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/family.png) no-repeat top/cover;
}

.faq_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/faq.png) no-repeat top/cover;
}

.farm_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/farm.png) no-repeat top/cover;
}

.news_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/news.png) no-repeat top/cover;
}

.contact_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/contact.png) no-repeat top/cover;
}

.complete_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/complete.png) no-repeat top/cover;
}

.privacy_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/privacy.png) no-repeat top/cover;
}

.site_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/site.png) no-repeat top/cover;
}

.notfound_mv {
  background: linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url(../img/sv/notfound.png) no-repeat top/cover;
}

/*
========================================================================= */
/*  top_about
========================================================================= */
.top_about {
  background: url(../img/top/about_bg.png);
}
.top_about .inner {
  position: relative;
}
.top_about .inner::after {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -124);
  right: 0;
  display: block;
  width: calc(var(--var-1) * 100);
  height: calc(var(--var-1) * 122);
  background: url(../img/top/about_melon2.png) no-repeat top/100%;
}
.top_about .top_about_desc {
  margin: calc(var(--var-1) * 56) auto 0;
}

/*
========================================================================= */
/*  top_diagnosis
========================================================================= */
.top_diagnosis {
  background: url(../img/top/chart_bg.png);
}
.top_diagnosis .top_diagnosis_ttl {
  color: var(--cl-black);
}
.top_diagnosis .top_diagnosis_desc {
  margin-top: calc(var(--var-1) * 32);
  color: var(--cl-black);
  text-align: center;
}

.chart {
  margin-top: calc(var(--var-1) * 56);
}
.chart .chart_inbox {
  padding: calc(var(--var-1) * 40) calc(var(--var-1) * 16);
  background: var(--cl-black);
}
.chart .chart_inbox .chart_question .chart_question_title {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 calc(var(--var-1) * 18)/1.6 var(--family-base);
  letter-spacing: 0.12em;
}
.chart .chart_inbox .chart_question .chart_question_title .question_title_icon {
  color: var(--cl-green-dark);
  flex-shrink: 0;
  margin-right: calc(var(--var-1) * 4);
}
.chart .chart_inbox .chart_question .chart_question_inner {
  margin-top: calc(var(--var-1) * 48);
}
.chart .chart_inbox .chart_question .chart_question_inner .chart_question_button_list {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
}
.chart .chart_inbox .chart_question .chart_question_inner .chart_question_button_list .chart_question_button_item {
  margin: 0 auto;
}
.chart .chart_inbox .chart_question .chart_question_inner .chart_question_button_list .chart_question_button_item .chart_question_next_button {
  width: calc(var(--var-1) * 280);
}
.chart .chart_inbox .chart_question .chart_back_button::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 20);
  right: calc(var(--var-1) * -24);
  left: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 64);
  height: calc(var(--var-1) * 1);
  background-image: repeating-linear-gradient(90deg, #fff, #fff 1px, transparent 1px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
.chart .chart_inbox .chart_result {
  position: relative;
}
.chart .chart_inbox .chart_result .chart_result_title {
  text-align: center;
}
.chart .chart_inbox .chart_result .chart_result_title .chart_result_title_icon {
  position: absolute;
  top: calc(var(--var-1) * -70);
  left: 0;
  width: calc(var(--var-1) * 64);
  height: calc(var(--var-1) * 64);
  padding-top: calc(var(--var-1) * 26);
  background: var(--cl-green-dark);
  border-radius: 50%;
  color: var(--cl-black);
  font: 500 calc(var(--var-1) * 12)/1 var(--family-base);
  text-align: center;
}
.chart .chart_inbox .chart_result .chart_result_title .chart_result_title_deco {
  position: absolute;
  display: block;
  top: calc(var(--var-1) * -50);
  right: calc(var(--var-1) * 12);
  margin: 0 auto;
  color: var(--cl-green-dark);
  font: 500 calc(var(--var-1) * 16)/1 var(--family-base);
  text-align: center;
}
.chart .chart_inbox .chart_result .chart_result_title .chart_result_title_sub {
  font-size: calc(var(--var-1) * 14);
  line-height: 1;
}
.chart .chart_inbox .chart_result .chart_result_title .chart_result_title_main {
  display: block;
  margin-top: calc(var(--var-1) * 14);
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 18)/1 var(--family-base);
}
.chart .chart_inbox .chart_result .chart_result_inner {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
  margin-top: calc(var(--var-1) * 50);
}
.chart .chart_inbox .chart_result .chart_result_inner .chart_result_image {
  flex-shrink: 0;
  width: 100%;
  height: calc(var(--var-1) * 233);
}
.chart .chart_inbox .chart_result .chart_result_inner .chart_result_price {
  margin-top: calc(var(--var-1) * 40);
}
.chart .chart_inbox .chart_result .chart_result_inner .chart_result_price .price_info {
  display: block;
}
.chart .chart_inbox .chart_result .chart_result_inner .chart_result_price .price_info dd {
  font: 400 calc(var(--var-1) * 18)/1 var(--family-base);
  letter-spacing: 0.12em;
  color: var(--cl-green-light);
  text-align: right;
}
.chart .chart_inbox .chart_result .chart_result_inner .chart_result_price .price_info dd small {
  font-size: calc(var(--var-1) * 14);
}
.chart .chart_inbox .chart_result .chart_result_button_list {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
  align-items: center;
  margin-top: calc(var(--var-1) * 48);
}
.chart .chart_inbox .chart_back_button {
  margin-top: calc(var(--var-1) * 48);
  font: 400 calc(var(--var-1) * 12)/1 var(--family-base);
  position: relative;
}
.chart .chart_inbox .chart_back_button::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 16);
  height: calc(var(--var-1) * 16);
  margin-right: calc(var(--var-1) * 8);
  background: url(../img/cmn/arw_l.png) no-repeat top/100%;
}
.chart .chart_inbox .chart_back_button::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 20);
  right: calc(var(--var-1) * -24);
  left: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 64);
  height: calc(var(--var-1) * 1);
  background-image: repeating-linear-gradient(90deg, #fff, #fff 1px, transparent 1px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}

/*
========================================================================= */
/*  top_cultivation
========================================================================= */
.top_cultivation {
  background: url(../img/top/cultivation_bg.png);
}
.top_cultivation .top_cultivation_content {
  flex-direction: column;
  gap: calc(var(--var-1) * 48);
  margin-top: calc(var(--var-1) * 56);
}
.top_cultivation .top_cultivation_content .top_cultivation_figure {
  flex-shrink: 0;
  height: calc(var(--var-1) * 284);
}
.top_cultivation .top_cultivation_content .top_cultivation_txt .top_cultivation_list {
  gap: calc(var(--var-1) * 48);
}
.top_cultivation .top_cultivation_content .top_cultivation_txt .top_cultivation_list .top_cultivation_item .top_cultivation_lead {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 18)/1.4 var(--family-base);
  position: relative;
}
.top_cultivation .top_cultivation_content .top_cultivation_txt .top_cultivation_list .top_cultivation_item .top_cultivation_lead::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 32);
  margin-right: calc(var(--var-1) * 12);
  background: url(../img/cmn/melon.png) no-repeat top/100%;
}
.top_cultivation .top_cultivation_content .top_cultivation_txt .top_cultivation_list .top_cultivation_item .top_cultivation_desc {
  margin-top: calc(var(--var-1) * 18);
}
.top_cultivation .top_cultivation_content .top_cultivation_txt .top_cultivation_btn {
  margin: calc(var(--var-1) * 48) 0 0 auto;
}

/*
========================================================================= */
/*  top_scene
========================================================================= */
.top_scene {
  background: url(../img/top/scene_bg.png);
}
.top_scene .top_scene_list {
  gap: calc(var(--var-1) * 72);
  margin-top: calc(var(--var-1) * 56);
}
.top_scene .top_scene_list .top_scene_item {
  position: relative;
  flex-direction: column;
  gap: calc(var(--var-1) * 40);
}
.top_scene .top_scene_list .top_scene_item .top_scene_figure {
  width: 88%;
  height: calc(var(--var-1) * 220);
  margin: 0 auto;
}
.top_scene .top_scene_list .top_scene_item .top_scene_txt {
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 16);
  border: 1px solid var(--cl-green-light);
}
.top_scene .top_scene_list .top_scene_item .top_scene_txt .top_scene_lead {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 18)/1 var(--family-base);
}
.top_scene .top_scene_list .top_scene_item .top_scene_txt .top_scene_desc {
  margin-top: calc(var(--var-1) * 32);
}
.top_scene .top_scene_list .top_scene_item .top_scene_txt .top_scene_btn {
  margin: calc(var(--var-1) * 48) 0 0 auto;
}

/*
========================================================================= */
/*  top_grade
========================================================================= */
.top_grade .top_grade_list {
  flex-direction: column;
  gap: calc(var(--var-1) * 64);
  margin-top: calc(var(--var-1) * 56);
}
.top_grade .top_grade_list .top_grade_item {
  padding-top: calc(var(--var-1) * 32);
  border-top: 1px solid var(--cl-green-light);
}
.top_grade .top_grade_list .top_grade_item:nth-child(2) {
  border-top: 1px solid var(--cl-green);
}
.top_grade .top_grade_list .top_grade_item:nth-child(2) .top_grade_txt .top_grade_item_ttl {
  color: var(--cl-green);
}
.top_grade .top_grade_list .top_grade_item:nth-child(3) {
  border-top: 1px solid var(--cl-green-dark);
}
.top_grade .top_grade_list .top_grade_item:nth-child(3) .top_grade_txt .top_grade_item_ttl {
  color: var(--cl-green-dark);
}
.top_grade .top_grade_list .top_grade_item .top_grade_txt {
  text-align: center;
}
.top_grade .top_grade_list .top_grade_item .top_grade_txt .top_grade_item_ttl {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 24)/1 var(--family-base);
}
.top_grade .top_grade_list .top_grade_item .top_grade_txt .top_grade_item_lead {
  margin-top: calc(var(--var-1) * 24);
  font: 400 calc(var(--var-1) * 16)/1.636 var(--family-base);
}
.top_grade .top_grade_list .top_grade_item .top_grade_txt .top_grade_item_desc {
  margin-top: calc(var(--var-1) * 24);
  line-height: 2;
}
.top_grade .top_grade_list .top_grade_item .top_grade_txt .top_grade_btn {
  margin: calc(var(--var-1) * 48) auto 0;
}

/*
========================================================================= */
/*  top_bnr
========================================================================= */
.top_bnr_wrap .top_bnr {
  width: 88%;
  margin: 0 auto;
}
.top_bnr_wrap .top_bnr .top_bnr_list {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
}
.top_bnr_wrap .top_bnr .top_bnr_list .top_bnr_item {
  width: 100%;
  overflow: hidden;
}
.top_bnr_wrap .top_bnr .top_bnr_list .top_bnr_item .top_bnr_link {
  display: block;
  padding: calc(var(--var-1) * 100) 0;
  position: relative;
}
.top_bnr_wrap .top_bnr .top_bnr_list .top_bnr_item .top_bnr_link::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: calc(100% - var(--var-1) * 20);
  height: calc(100% - var(--var-1) * 20);
  border: 1px solid var(--cl-white);
  transition: 0.3s;
}
.top_bnr_wrap .top_bnr .top_bnr_list .top_bnr_item .top_bnr_link .top_bnr_ttl {
  font-size: calc(var(--var-1) * 24);
}
.top_bnr_wrap .top_bnr .top_bnr_list .top_bnr_item .top_bnr_link .top_bnr_ttl .top_bnr_ttl_sub {
  font-size: calc(var(--var-1) * 18);
  color: var(--cl-green-light);
}
.top_bnr_wrap .top_bnr .faq_link {
  background: url(../img/top/bnr_faq_bg.png) center;
}
.top_bnr_wrap .top_bnr .info_link {
  background: url(../img/top/bnr_info_bg.png) center;
}

/*
========================================================================= */
/*  top_news
========================================================================= */
.top_news .top_news_right {
  flex-wrap: wrap;
  gap: calc(var(--var-1) * 24);
  margin-top: calc(var(--var-1) * 56);
}
.top_news .top_news_right .top_news_content {
  width: 46%;
}
.top_news .top_news_right .top_news_content .top_news_figure .top_news_img {
  width: 100%;
  height: calc(var(--var-1) * 119.41);
  -o-object-fit: cover;
     object-fit: cover;
}
.top_news .top_news_right .top_news_content .top_news_top {
  margin-top: calc(var(--var-1) * 12);
  line-height: 1.75;
  font-size: calc(var(--var-1) * 10);
}
.top_news .top_news_right .top_news_content .top_news_top time {
  flex-shrink: 0;
  padding-top: calc(var(--var-1) * 4);
}
.top_news .top_news_right .top_news_content .top_news_top .top_news_tag_list {
  margin-top: calc(var(--var-1) * 4);
}
.top_news .top_news_right .top_news_content .top_news_top .top_news_tag_list .top_news_tag_item {
  margin-left: calc(var(--var-1) * 8);
  color: var(--cl-green-light);
  font-size: calc(var(--var-1) * 10);
}
.top_news .top_news_right .top_news_content .top_news_lead {
  margin-top: calc(var(--var-1) * 8);
  line-height: 1.75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top_news .top_news_btn {
  margin: calc(var(--var-1) * 48) auto 0;
}

/*
========================================================================= */
/*  cmn_shop
========================================================================= */
.cmn_shop {
  background: url(../img/top/chart_bg.png);
}
.cmn_shop .cmn_shop_content {
  background: url(../img/top/shop_bg.png) no-repeat top right 22%;
  padding: calc(var(--var-1) * 56) calc(var(--var-1) * 24);
}
.cmn_shop .cmn_shop_content .cmn_shop_txt {
  padding: calc(var(--var-1) * 32) 0;
  color: var(--cl-white);
  background: rgba(0, 0, 0, 0.6);
}
.cmn_shop .cmn_shop_content .cmn_shop_txt .cmn_shop_btn {
  margin: calc(var(--var-1) * 40) auto 0;
  color: var(--cl-white);
  border: 1px solid var(--cl-white);
}

/*
========================================================================= */
/*  cmn_contact
========================================================================= */
.cmn_contact .cmn_contact_content {
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 16);
  margin: 0 auto;
  background: var(--cl-black-light);
}
.cmn_contact .cmn_contact_content .cmn_contact_desc {
  margin-top: calc(var(--var-1) * 32);
  line-height: 2;
  text-align: center;
}
.cmn_contact .cmn_contact_content .cmn_contact_btn {
  margin: calc(var(--var-1) * 40) auto 0;
}
.cmn_contact .cmn_contact_content .cmn_contact_btn::before {
  content: "";
  position: static;
  display: inline-block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 14);
  margin-right: calc(var(--var-1) * 12);
  background: url(../img/cmn/mail_icon.png) no-repeat top/100%;
  transform: translateY(calc(var(--var-1) * 2));
}
.cmn_contact .parallax::before {
  background: url(../img/cmn/contact_bg_para.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

/*
========================================================================= */
/*  about_op
========================================================================= */
.about_op {
  background: url(../img/about/op_bg.png);
}
.about_op .inner {
  position: relative;
}
.about_op .inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: calc(var(--var-1) * 400);
  height: calc(var(--var-1) * 400);
  background: url(../img/about/op_deco.png) no-repeat top/100%;
}
.about_op .about_op_lead {
  margin: calc(var(--var-1) * 56) auto 0;
  color: var(--cl-green-light);
  font: 500 calc(var(--var-1) * 20)/1.7 var(--family-base);
  letter-spacing: 0.2em;
}
.about_op .about_op_desc {
  margin-top: calc(var(--var-1) * 32);
  text-align: center;
}

/*
========================================================================= */
/*  about_feat
========================================================================= */
.about_feat .about_feat_list {
  gap: calc(var(--var-1) * 64);
  margin-top: calc(var(--var-1) * 56);
  counter-reset: number 0;
}
.about_feat .about_feat_list .about_feat_item {
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 16);
  border: 1px solid var(--cl-green-light);
  position: relative;
}
.about_feat .about_feat_list .about_feat_item::before {
  counter-increment: number 1;
  content: "0" counter(number);
  position: absolute;
  top: calc(var(--var-1) * -18);
  left: calc(var(--var-1) * 12);
  display: block;
  width: calc(var(--var-1) * 56);
  height: calc(var(--var-1) * 50);
  background: var(--cl-black);
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 28)/1 var(--family-base);
  text-align: center;
}
.about_feat .about_feat_list .about_feat_item .about_feat_txt .about_feat_lead {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 18)/1.6 var(--family-base);
}
.about_feat .about_feat_list .about_feat_item .about_feat_txt .about_feat_desc {
  margin-top: calc(var(--var-1) * 24);
}

/*
========================================================================= */
/*  about_cultivation
========================================================================= */
.about_cultivation {
  background: url(../img/about/cultivation_bg.png);
}
.about_cultivation .about_cultivation_list {
  gap: calc(var(--var-1) * 64);
  margin-top: calc(var(--var-1) * 50);
  counter-reset: number 0;
}
.about_cultivation .about_cultivation_list .about_cultivation_item {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_figure {
  flex-shrink: 0;
  width: 88%;
  height: calc(var(--var-1) * 215);
  margin: 0 auto;
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt {
  position: relative;
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 18);
  left: calc(var(--var-1) * 84);
  display: block;
  width: calc(var(--var-1) * 230);
  height: calc(var(--var-1) * 1);
  background: var(--cl-green-light);
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt .about_cultivation_txt_deco {
  position: absolute;
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt .about_cultivation_txt_deco::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 32);
  margin-right: calc(var(--var-1) * 4);
  background: url(../img/cmn/melon.png) no-repeat top/100%;
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt .about_cultivation_txt_deco::after {
  counter-increment: number 1;
  content: "0" counter(number);
  margin-left: calc(var(--var-1) * 8);
  padding-top: calc(var(--var-1) * 4);
  display: inline-block;
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 24)/1 var(--family-base);
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt .about_cultivation_lead {
  padding-top: calc(var(--var-1) * 48);
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 20)/1.6 var(--family-base);
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt .about_cultivation_desc {
  margin-top: calc(var(--var-1) * 24);
}
.about_cultivation .about_cultivation_list .about_cultivation_item .about_cultivation_txt .about_cultivation_desc span {
  display: block;
  margin-top: calc(var(--var-1) * -4);
}

/*
========================================================================= */
/*  cmn_rec
========================================================================= */
.cmn_rec {
  background: url(../img/cmn/rec_bg.png);
}
.cmn_rec .cmn_rec_list {
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 56);
}
.cmn_rec .cmn_rec_list .cmn_rec_item {
  flex-direction: column;
  border: 1px solid var(--cl-green-light);
  gap: calc(var(--var-1) * 40);
  padding: calc(var(--var-1) * 16) calc(var(--var-1) * 16) calc(var(--var-1) * 24);
}
.cmn_rec .cmn_rec_list .cmn_rec_item .cmn_rec_figure {
  flex-shrink: 0;
  width: 100%;
  height: calc(var(--var-1) * 198);
  margin: 0 auto;
}
.cmn_rec .cmn_rec_list .cmn_rec_item .cmn_rec_txt .cmn_rec_lead {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 22)/1 var(--family-base);
}
.cmn_rec .cmn_rec_list .cmn_rec_item .cmn_rec_txt .cmn_rec_desc {
  margin-top: calc(var(--var-1) * 34);
}
.cmn_rec .cmn_rec_list .cmn_rec_item .cmn_rec_txt .cmn_rec_btn {
  margin: calc(var(--var-1) * 48) 0 0 auto;
}
.cmn_rec .cmn_rec_list .select {
  border: 1px solid var(--cl-green);
}
.cmn_rec .cmn_rec_list .select .cmn_rec_txt .cmn_rec_lead {
  color: var(--cl-green);
}
.cmn_rec .cmn_rec_list .special {
  border: 1px solid var(--cl-green-dark);
}
.cmn_rec .cmn_rec_list .special .cmn_rec_txt .cmn_rec_lead {
  color: var(--cl-green-dark);
}

/*
========================================================================= */
/*  cmn_scene
========================================================================= */
.cmn_scene .cmn_scene_list {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--var-1) * 48) 0;
  margin-top: calc(var(--var-1) * 50);
}
.cmn_scene .cmn_scene_list .cmn_scene_item {
  width: 46%;
}
.cmn_scene .cmn_scene_list .cmn_scene_item .cmn_scene_img_wrap .cmn_scene_figure {
  width: 88%;
  height: calc(var(--var-1) * 127.5);
}
.cmn_scene .cmn_scene_list .cmn_scene_item .cmn_scene_img_wrap .cmn_scene_figure_txt {
  text-align: center;
}
.cmn_scene .cmn_scene_list .cmn_scene_item .cmn_scene_img_wrap .cmn_scene_figure_txt .cmn_scene_lead {
  margin-top: calc(var(--var-1) * 12);
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 15)/1.545 var(--family-base);
}
.cmn_scene .cmn_scene_list .cmn_scene_item .cmn_scene_img_wrap .cmn_scene_figure_txt .cmn_scene_desc {
  margin-top: calc(var(--var-1) * 8);
  font-size: calc(var(--var-1) * 12);
}

/*
========================================================================= */
/*  cmn_review
========================================================================= */
.cmn_review {
  background: url(../img/cmn/review_bg.png);
}
.cmn_review .cmn_review_list {
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 56);
}
.cmn_review .cmn_review_list .cmn_review_item {
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 16);
  border: 1px solid var(--cl-green-light);
}
.cmn_review .cmn_review_list .cmn_review_item .cmn_review_lead {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 22)/1 var(--family-base);
}
.cmn_review .cmn_review_list .cmn_review_item .cmn_review_desc {
  margin-top: calc(var(--var-1) * 28);
  line-height: 2;
}

/*
========================================================================= */
/*  faq
========================================================================= */
.faq {
  background: url(../img/faq/bg.png);
}
.faq .faq_list {
  gap: calc(var(--var-1) * 72);
  margin-top: calc(var(--var-1) * 56);
}
.faq .faq_list .faq_item .faq_lead {
  font: 400 calc(var(--var-1) * 18)/1.8 var(--family-base);
  padding-bottom: calc(var(--var-1) * 12);
  border-bottom: 1px solid var(--cl-green-light);
}
.faq .faq_list .faq_item .faq_desc {
  margin-top: calc(var(--var-1) * 24);
}
.faq .faq_list .faq_item .faq_desc em {
  color: var(--cl-green-dark);
  transform: translateY(calc(var(--var-1) * -12));
}
.faq .faq_list .faq_item em {
  flex-shrink: 0;
  margin-right: calc(var(--var-1) * 16);
  color: var(--cl-green-light);
  font: 500 calc(var(--var-1) * 22)/2 var(--family-base);
}

/*
========================================================================= */
/*  farm_greeting
========================================================================= */
.farm_greeting {
  background: url(../img/farm/bg.png) top/cover;
}
.farm_greeting .farm_greeting_content {
  flex-direction: column;
  margin-top: calc(var(--var-1) * 56);
  gap: calc(var(--var-1) * 48);
}
.farm_greeting .farm_greeting_content .farm_greeting_img_wrap .farm_greeting_figure {
  flex-shrink: 0;
  width: 88%;
  margin: 0 auto;
}
.farm_greeting .farm_greeting_content .farm_greeting_img_wrap .farm_greeting_figure_desc {
  margin-top: calc(var(--var-1) * 32);
  font: 400 calc(var(--var-1) * 20)/1 var(--family-base);
  text-align: center;
}
.farm_greeting .farm_greeting_content .farm_greeting_img_wrap .farm_greeting_figure_desc em {
  margin-right: calc(var(--var-1) * 16);
  color: var(--cl-green-dark);
  font-size: calc(var(--var-1) * 18);
}
.farm_greeting .farm_greeting_content .farm_greeting_txt .farm_greeting_lead {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 22)/1 var(--family-base);
  position: relative;
}
.farm_greeting .farm_greeting_content .farm_greeting_txt .farm_greeting_lead::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 32);
  margin-right: calc(var(--var-1) * 4);
  background: url(../img/cmn/melon.png) no-repeat top/100%;
}
.farm_greeting .farm_greeting_content .farm_greeting_txt .farm_greeting_lead::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 16);
  right: 0;
  display: block;
  width: calc(var(--var-1) * 196);
  height: 1px;
  background: var(--cl-green-light);
}
.farm_greeting .farm_greeting_content .farm_greeting_txt .farm_greeting_desc {
  margin-top: calc(var(--var-1) * 22);
}
.farm_greeting .farm_greeting_interview {
  margin-top: calc(var(--var-1) * 80);
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_ttl {
  color: var(--cl-green-light);
  font: 400 calc(var(--var-1) * 22)/1 var(--family-base);
  text-align: center;
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_ttl::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 32);
  margin: 0 auto calc(var(--var-1) * 18);
  background: url(../img/cmn/melon.png) no-repeat top/100%;
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list {
  gap: calc(var(--var-1) * 32);
  margin-top: calc(var(--var-1) * 56);
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item .farm_greeting_interview_lead {
  display: flex;
  align-items: center;
  font: 400 calc(var(--var-1) * 16)/1.5 var(--family-base);
  padding-bottom: calc(var(--var-1) * 16);
  border-bottom: 1px solid var(--cl-green-light);
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item .farm_greeting_interview_lead em {
  flex-shrink: 0;
  padding-top: calc(var(--var-1) * 2);
  margin-right: calc(var(--var-1) * 8);
  color: var(--cl-green-light);
  font: 500 calc(var(--var-1) * 18)/1 var(--family-base);
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item .farm_greeting_interview_content {
  flex-direction: column;
  gap: calc(var(--var-1) * 32);
  margin-top: calc(var(--var-1) * 30);
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item .farm_greeting_interview_content .farm_greeting_interview_txt {
  border: 1px solid var(--cl-white);
  padding: calc(var(--var-1) * 24);
  position: relative;
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item .farm_greeting_interview_content .farm_greeting_interview_txt::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -35.2);
  left: calc(var(--var-1) * 190);
  display: block;
  width: calc(var(--var-1) * 32);
  height: calc(var(--var-1) * 40);
  transform: rotate(90deg);
  background: url(../img/farm/interview_deco.png) no-repeat top/100%, url(../img/faq/bg.png) no-repeat top;
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item .farm_greeting_interview_content .farm_greeting_interview_txt .farm_greeting_interview_desc span {
  display: block;
  margin-top: calc(var(--var-1) * 14);
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item .farm_greeting_interview_content .farm_greeting_interview_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 88);
  height: calc(var(--var-1) * 88);
  margin: 0 0 0 auto;
}
.farm_greeting .farm_greeting_interview .farm_greeting_interview_list .farm_greeting_interview_item:nth-child(3) .farm_greeting_interview_content .farm_greeting_interview_figure {
  padding-top: 0;
}

/*
========================================================================= */
/*  company
========================================================================= */
.company .info_table {
  gap: calc(var(--var-1) * 50);
  margin-top: calc(var(--var-1) * 50);
  flex-direction: column;
}
.company .info_table .company_table .table_txt {
  gap: calc(var(--var-1) * 20);
  padding: calc(var(--var-1) * 12) 0;
  border-bottom: 1px solid var(--cl-green-light);
  font: 400 calc(var(--var-1) * 14)/1.667 var(--family-base);
}
.company .info_table .company_table .table_txt .table_label {
  width: calc(var(--var-1) * 80);
}
.company .info_table .company_iframe {
  margin: 0 auto;
}
.company .info_table .company_iframe iframe {
  width: calc(var(--var-1) * 312);
  height: calc(var(--var-1) * 280);
  border: none;
}

/*
========================================================================= */
/*  jsパララックス
========================================================================= */
.mv,
.top_cultivation_content,
.top_scene_list {
  overflow: hidden;
}