@charset "UTF-8";

:root {
  --header-height: min(400px, calc(100/750*100vw));
  --margin-between-header: 15px;
}

/* ========== ========== ==========
変数定義
========== ========== ========== */
/* ========== ========== ==========
共通部
========== ========== ========== */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

body {
  line-height: 1.7;
  font-family: "Shippori Antique B1", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.pageTop {
  padding-top: 100px;
}

.pageTop2 {
  padding-top: 200px;
}

#html #body .sp-show,
#html #body .sp-show-flex {
  display: none;
}

@media screen and (max-width: 750px) {
  #html #body .sp-show {
    display: block;
  }

  #html #body .sp-show-flex {
    display: flex;
  }

  #html #body .sp-hide {
    display: none;
  }
}

#html #body .tb-show,
#html #body .tb-show-flex {
  display: none;
}

@media screen and (max-width: 1000px) {
  #html #body .tb-show {
    display: block;
  }

  #html #body .tb-show-flex {
    display: flex;
  }

  #html #body .tb-hide {
    display: none;
  }
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.center {
  text-align: center;
}

.sectionWrap {
  width: 80%;
  padding: 0 20px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .sectionWrap {
    width: 100%;
    padding: 0 clamp(20px, 5.9895833333vw, 46px);
  }
}

.sectionTitle {
  display: flex;
  position: relative;
  margin-bottom: 15px;
  width: 100%;
}

.sectionTitle_image {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  max-height: initial;
  -o-object-fit: contain;
  object-fit: contain;
}

.sectionTitle_text {
  font-size: 20px;
  line-height: 1;
  margin-left: auto;
}

.section_subtitle {
  font-size: 12px;
  line-height: 1;
}

.section_title {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 7px;
}

.section_text {
  font-size: 14px;
  line-height: 2.2142857143;
}

.sectionTitle span,
.section_subtitle span,
.section_title span,
.section_text span {
  display: inline-block;
}

.sectionPhrase_title {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.sectionPhrase_title_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(133.33px, 26.67vw, 200px);
  max-height: initial;
}

.sectionPhrase_title_catchphrase {
  width: clamp(200px, 40vw, 300px);
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

.mb-170 {
  margin-bottom: 170px !important;
}

.mb-180 {
  margin-bottom: 180px !important;
}

.mb-190 {
  margin-bottom: 190px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.color-red {
  color: red;
}

.btn-entry {
  border-radius: 999px;
  background-color: #69BF69;
  height: clamp(30px, 8vw, 60px);
  margin-left: auto;
  margin-right: calc(min(9.3333333333vw, 70px) + 10px);
  display: flex;
  align-items: center;
}

@media screen and (min-width: 751px) {
  .btn-entry {
    height: 40px;
    margin-right: calc(clamp(26.67px, 5.33vw, 40px) + 20px);
  }
}

.btn-entry_a {
  display: block;
  padding-inline: clamp(20px, 5.3333333333vw, 40px);
  font-size: clamp(12px, 3.4666666667vw, 26px);
  text-decoration: none;
  color: white;
}

@media screen and (min-width: 751px) {
  .btn-entry_a {
    padding-inline: 25px;
    font-size: 20px;
  }
}

.btn-viewMore {
  /* font-size: min(clamp(20px, 4vw, 30px), 30px); */
  font-size: 18px;
  color: #AA925D;
  text-decoration: none;
  border: solid 2px #AA925D;
  border-radius: 999px;
  padding: 5px min(14.6666666667vw, 110px);
}

.btn-viewMoreWrap {
  display: block;
  display: flex;
}

@media screen and (max-width:1000px) {
  .btn-viewMoreWrap {
    justify-content: center;
  }
}

.font-mincho,
.footer_copyRight,
.btn-entry_a {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}

.header {
  position: fixed;
  z-index: 80;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  padding: 41px clamp(20px, 4.2666666667vw, 50px) 0 clamp(20px, 5.7333333333vw, 50px);
}

.header_logo {
  display: flex;
  align-items: flex-start;
  max-width: 300px;
  width: clamp(100px, 33.3333333333vw, 300px);
  position: absolute;
  left: clamp(20px, 5.7333333333vw, 50px);
  top: 41px;
}

@media screen and (min-width: 751px) {
  .header_logo {
    width: 150px;
  }
}

.header_logo img {
  -o-object-fit: contain;
  object-fit: contain;
}

.header_nav {
  margin-left: auto;
}

@media screen and (max-width: 1000px) {
  .header_nav {
    display: none;
  }
}

.header_nav_ul {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0 50px;
}

.header_nav_li_link-main {
  color: black;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  height: var(--header-height);
  line-height: var(--header-height);
}

.header_sp_hamburger {
  position: relative;
  position: fixed;
  z-index: 81;
  right: clamp(20px, 4.2666666667vw, 50px);
  height: clamp(30px, 8vw, 60px);
  width: clamp(35px, 8vw, 60px);
}

@media screen and (min-width: 751px) {
  .header_sp_hamburger {
    height: 40px;
    width: 40px;
  }
}

.header_sp_hamburger span {
  display: block;
  height: clamp(2px, 0.6666666667vw, 5px);
  width: 100%;
  background-color: white;
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.7s;
}

.header_sp_hamburger span:nth-of-type(1) {
  top: 5px;
  transform: translate(0, -50%);
}

.header_sp_hamburger span:nth-of-type(2) {
  top: 50%;
  transform: translate(0, -50%);
}

.header_sp_hamburger span:nth-of-type(3) {
  top: calc(100% - 5px);
  transform: translate(0, -50%);
}

.header_sp_hamburger.-active span:nth-of-type(1) {
  top: 50%;
  transform: rotate(45deg);
}

.header_sp_hamburger.-active span:nth-of-type(2) {
  top: 50%;
  transform: rotate(225deg);
}

.header_sp_hamburger.-active span:nth-of-type(3) {
  top: 50%;
  transform: rotate(-45deg);
}

.header_sp_nav {
  position: fixed;
  inset: 0;
  padding-top: 13.3333333333vw;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateX(100vw);
  transition: all 0.4s;
  visibility: hidden;
  opacity: 0;
}

.header_sp_nav.-active {
  transform: translate(0);
  visibility: visible;
  opacity: 1;
}

.header_sp_ul {
  padding-top: 50px;
  max-width: 500px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 20px;
}

.header_sp_li {
  width: calc(50% - 20px);
}

.header_sp_li a {
  display: block;
  color: white;
  text-underline-offset: 7px;
  text-align: center;
  font-size: 24px;
}

.footer {
  background-color: #1F3443;
  padding: min(12vw, 90px) min(clamp(64px, 12.8vw, 96px), 96px);
}

@media screen and (min-width: 751px) {
  .footer_main {
    display: flex;
    align-items: flex-start;
    gap: 200px;
  }
}

.footer_linkGroup {
  margin-bottom: min(15.6vw, 117px);
  width: 100%;
}

.footer_logo {
  width: min(29.4666666667vw, 221px);
  margin-bottom: clamp(35.33px, 7.07vw, 53px);
}

@media screen and (min-width: 751px) {
  .footer_logo {
    width: 150px;
  }
}

.footer_groupLogoWrap {
  display: flex;
  align-items: center;
  gap: min(13.3333333333vw, 100px);
  margin-bottom: 14.9333333333vw;
  height: 100%;
}

@media screen and (min-width: 751px) {
  .footer_groupLogoWrap {
    gap: 50px;
    margin-bottom: 50px;
  }

  .footer_groupLogoWrap img {
    max-height: 80px;
  }
}

.footer_sns {
  width: 44px;
}

.footer_snsWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(46.67px, 9.33vw, 70px);
}

@media screen and (min-width: 751px) {
  .footer_snsWrap {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 751px) {
  .footer_sns {
    width: 30px;
  }
}

.footer_copyRight {
  color: white;
  font-size: clamp(14.67px, 2.93vw, 22px);
}

@media screen and (min-width: 751px) {
  .footer_copyRight {
    display: block;
    text-align: center;
    font-size: 14px;
  }
}

/* ----- よくある質問 ----- */
.conditions {
  display: flex;
  justify-content: center;
  background-color: #CBCBCB;
  padding-block: clamp(46.67px, 9.33vw, 70px) clamp(50px, 13.3333333333vw, 100px);
}

.conditions .form_title_text {
  margin-bottom: 50px;
}

@media screen and (max-width: 1000px) {
  .conditions>.sectionWrap {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

.conditions_lists {
  width: 100%;
}

.conditions_list {
  margin-bottom: 20px;
  margin-inline: 25px;
}

.conditions_list:hover {
  cursor: pointer;
}

.conditions_list:not(.-active) {
  border-top: solid 1px #A4A4A4;
  border-bottom: solid 1px #A4A4A4;
}

.conditions_textQ,
.conditions_textA {
  font-size: 22px;
  line-height: 1.5;
  padding: 25px 5px;
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.conditions_textA_dl {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

.conditions_textA_dt,
.conditions_textA_dd {
  margin-bottom: 30px;
  width: 100%;
  font-size: min(2.6666666667vw, 20px);
}

@media screen and (min-width: 1001px) {

  .conditions_textA_dt,
  .conditions_textA_dd {
    font-size: 14px;
  }
}

.conditions_textA_dd {
  padding: 0 30px 30px;
}

.conditions_textA_dd:not(:last-of-type) {
  border-bottom: dashed 5px #aaa;
}

.conditions_plusMinus {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: auto;
}

.conditions_plusMinus::before,
.conditions_plusMinus::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 3px;
  background-color: black;
}

.conditions_plusMinus::after {
  transform: translate(-50%, -50%) rotate(270deg);
  transition: all 0.5s;
}

.conditions_list.-active .conditions_plusMinus::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.conditions_question {
  font-size: min(3.4666666667vw, 26px);
}

@media screen and (min-width: 1001px) {
  .conditions_question {
    font-size: 16px;
  }
}

.conditions_question span {
  display: inline-block;
}

.conditions_answer {
  display: none;
}

.conditions .color-red {
  color: inherit;
}

/* ----- スライダー ----- */
.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto !important;
}

* {
  min-width: 0;
  min-height: 0;
}

.slider_ul {
  margin-bottom: 100px;
}

.slider_li {
  border: solid 1px #B8B8B8;
  padding: 0 0 clamp(12px, 2vw, 18px);
  margin: 0 9px;
}

.slider_link {
  text-decoration: none;
  color: black;
}

.slider_link:visited {
  color: black;
}

.slider_images {
  display: flex;
  margin-bottom: clamp(15px, 3vw, 32px);
  width: 100%;
}

.slider_images img {
  width: 100%;
}

/* 共通部ここまで
---------- ---------- */
/* ========== ========== ==========
アニメーション
========== ========== ========== */
/* ----- ホバー ----- */
@media screen and (min-width: 500px) {
  .css-hover {
    transition: all 0.3s;
  }

  .css-hover:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

/* ----- ズーム付のホバー ----- */
@media screen and (min-width: 500px) {
  .css-hover-zoom {
    transition: all 0.5s;
  }

  .css-hover-zoom:hover {
    transform: scale(1.08);
  }
}

/* ----- 遅延 ----- */
.css-delay05 {
  /* 0.5秒遅らせる */
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}

.css-delay1 {
  /* 1秒遅らせる */
  -webkit-animation-delay: 1s !important;
  animation-delay: 1s !important;
}

.css-delay2 {
  -webkit-animation-delay: 2s !important;
  animation-delay: 2s !important;
}

.css-delay3 {
  -webkit-animation-delay: 3s !important;
  animation-delay: 3s !important;
}

.css-delay4 {
  -webkit-animation-delay: 4s !important;
  animation-delay: 4s !important;
}

.css-delay5 {
  -webkit-animation-delay: 5s !important;
  animation-delay: 5s !important;
}

/* ----- フェードイン ----- */
.js-fadeIn {
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 1s;
}

.js-fadeIn.-active {
  opacity: 1;
  transform: translate(0, 0);
}

/* ----- ぼかしが消えながらフェードイン ----- */
.js-fadeIn-blurry {
  overflow: hidden;
}

.js-fadeIn-blurry:not(:has(.animation)),
.js-fadeIn-blurry .animation {
  opacity: 0;
  transition: all 1s;
  filter: blur(100px);
}

.js-fadeIn-blurry.-active:not(:has(.animation)),
.js-fadeIn-blurry.-active .animation {
  opacity: 1;
  -webkit-animation: animation-blurry 1s ease-in forwards;
  animation: animation-blurry 1s ease-in forwards;
}

@-webkit-keyframes animation-blurry {
  0% {
    filter: blur(5px);
    transform: scale(1.02);
  }

  100% {
    filter: blur(0);
    transform: scale(1);
  }
}

@keyframes animation-blurry {
  0% {
    filter: blur(5px);
    transform: scale(1.02);
  }

  100% {
    filter: blur(0);
    transform: scale(1);
  }
}

.css-fadeLoop {
  overflow: hidden;
}

.css-fadeLoop:has(.animation) .animation,
.css-fadeLoop:not(:has(.animation)) {
  -webkit-animation: animation-fadeLoop 10s ease-in-out infinite;
  animation: animation-fadeLoop 10s ease-in-out infinite;
}

@-webkit-keyframes animation-fadeLoop {
  0% {
    opacity: 0;
    /* 透明から始まる */
    transform: scale(1.2);
    /* 大きいサイズから始まる */
  }

  20% {
    opacity: 1;
    /* 徐々に見えるようになる */
    transform: scale(1);
    /* 通常サイズになる */
  }

  70% {
    opacity: 1;
    /* その状態で維持 */
    transform: scale(0.9);
    /* 少し小さくなる */
  }

  90% {
    opacity: 0;
    /* 徐々に透明になる */
    transform: scale(0.8);
    /* 小さくなりながら消える */
  }

  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

@keyframes animation-fadeLoop {
  0% {
    opacity: 0;
    /* 透明から始まる */
    transform: scale(1.2);
    /* 大きいサイズから始まる */
  }

  20% {
    opacity: 1;
    /* 徐々に見えるようになる */
    transform: scale(1);
    /* 通常サイズになる */
  }

  70% {
    opacity: 1;
    /* その状態で維持 */
    transform: scale(0.9);
    /* 少し小さくなる */
  }

  90% {
    opacity: 0;
    /* 徐々に透明になる */
    transform: scale(0.8);
    /* 小さくなりながら消える */
  }

  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

/* ----- 画像クリックで拡大 ----- */
#modal-container {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
}

#modal-container>div {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

#modal-container>div>img {
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

img.popup {
  cursor: pointer;
}

/* ----- FVの下につくスクロールを促すアニメーション ----- */
.scrollLine {
  padding-left: 0;
  writing-mode: vertical-lr;
  display: flex;
  align-items: center;
}

.scrollLine span {
  display: inline-block;
  width: 1px;
  height: 70px;
  background-color: black;
  margin-bottom: 20px;
  -webkit-animation: scrollAnimation 2s linear infinite;
  animation: scrollAnimation 2s linear infinite;
}

@-webkit-keyframes scrollAnimation {
  0% {
    transform: translateY(-30px);
    /* 上から始まる */
    opacity: 0;
    /* フェードイン開始 */
  }

  50% {
    transform: translateY(0);
    /* 元の位置まで移動 */
    opacity: 1;
    /* フェードイン完了 */
  }

  100% {
    transform: translateY(30px);
    /* 下に移動して消える */
    opacity: 0;
    /* フェードアウト */
  }
}

@keyframes scrollAnimation {
  0% {
    transform: translateY(-30px);
    /* 上から始まる */
    opacity: 0;
    /* フェードイン開始 */
  }

  50% {
    transform: translateY(0);
    /* 元の位置まで移動 */
    opacity: 1;
    /* フェードイン完了 */
  }

  100% {
    transform: translateY(30px);
    /* 下に移動して消える */
    opacity: 0;
    /* フェードアウト */
  }
}

/* アニメーション
---------- ---------- */
/* ========== ========== ==========
個別部
========== ========== ========== */
.mainVisual {
  position: relative;
  height: min(150.9333333333vw, 1200px) !important;
}

.mainVisual_bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.mainVisual_catchphrase {
  display: block;
  margin-inline: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: contain;
  object-fit: contain;
  max-width: initial;
  max-height: initial;
  height: clamp(133.33px, 26.67vw, 200px);
}

@media screen and (min-width: 751px) {
  .mainVisual_catchphrase {
    height: clamp(70px, 10vw, 120px);
  }
}

.mainVisual_catchphraseWrap {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: initial;
  text-align: center;
}

.mainVisual_catchphrase_logo {
  max-height: initial;
  width: clamp(180px, 36vw, 270px);
}

@media screen and (min-width: 751px) {
  .mainVisual_catchphrase_logo {
    width: min(35vw, 200px);
  }
}

.mainVisual_texts {
  position: absolute;
  bottom: 5%;
  right: 5%;
}

@media screen and (min-width: 751px) {
  .mainVisual_texts {
    right: initial;
    bottom: 0%;
    right: 5%;
    width: 100%;
    text-align: right;
  }
}

.mainVisual_text01 {
  width: min(37.7333333333vw, 500px);
  margin-bottom: 1.7333333333vw;
}

@media screen and (min-width: 751px) {
  .mainVisual_text01 {
    width: min(6.6666666667vw, 150px);
    display: none;
  }
}

.mainVisual_text02 {
  text-align: right;
  font-size: min(4vw, 50px);
  color: white;
}

.messages {
  position: relative;
}

.messages_ul {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 751px) {
  .messages_ul {
    flex-direction: row;
  }
}

.messages_li {
  position: relative;
  height: min(106.6666666667vw, 800px);
}

@media screen and (min-width: 751px) {
  .messages_li {
    width: 33.3333333333%;
    height: clamp(500px, 66.6666666667vw, 1000px);
  }
}

.messages_li_mainImage {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.messages_li_text {
  text-align: center;
  color: white;
  font-size: clamp(15.33px, 3.07vw, 23px);
}

.messages_li_texts {
  position: absolute;
}

@media screen and (min-width: 751px) {
  .messages_li_texts {
    right: initial !important;
    bottom: initial !important;
    top: 60% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    text-align: center;
  }
}

.messages_li_text02 {
  width: clamp(200px, 46.6666666667vw, 350px) !important;
}

.messages_li_text .name {
  margin-left: clamp(18.67px, 3.73vw, 28px);
  font-size: clamp(20px, 4vw, 30px);
}

.messages_li.-li01 .messages_li_texts {
  top: 70%;
  left: 60%;
  transform: translate(-50%, -50%);
}

.messages_li.-li02 .messages_li_texts {
  top: 75%;
  left: 35%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
  .messages_li.-li03 {
    height: min(150.9333333333vw, 1200px);
  }
}

@media screen and (min-width: 751px) {
  .messages_li.-li04 {
    width: 100%;
    height: clamp(400px, 53.3333333333vw, 800px);
  }

  .messages_li.-li04 img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}

.messages_li.-li04 .messages_li_texts {
  top: 4% !important;
  left: 4% !important;
  transform: none !important;
}

.messages_li.-li01 .messages_li_mainImage {
  width: 100%;
}

.messages_li.-li02 .messages_li_mainImage {
  width: 100%;
}

.messages_li.-li01 .messages_li_catchphrase {
  height: clamp(100px, 20vw, 150px);
}

@media screen and (min-width: 751px) {
  .messages_li.-li01 .messages_li_catchphrase {
    height: clamp(70px, 8.3333333333vw, 100px);
  }
}

.messages_li.-li02 .messages_li_catchphrase {
  height: clamp(166.67px, 33.33vw, 250px);
}

@media screen and (min-width: 751px) {
  .messages_li.-li02 .messages_li_catchphrase {
    height: clamp(100px, 13.3333333333vw, 160px);
  }
}

.messages_li_logo {
  max-height: initial;
  width: clamp(180px, 36vw, 270px);
}

@media screen and (min-width: 751px) {
  .messages_li_logo {
    width: min(35vw, 200px);
  }
}

.messages_li_catchphrase {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: clamp(70px, 8.3333333333vw, 100px);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: initial;
}

.messages_text-pc {
  display: none;
}

@media screen and (min-width: 751px) {
  .messages_text-pc {
    display: block;
    position: absolute;
    right: calc(2% + 50px);
    bottom: 3%;
    text-align: right;
  }

  .messages_text-pc img {
    width: clamp(105px, 14vw, 150px);
    margin-bottom: 5px;
  }

  .messages_text-pc p {
    font-size: clamp(12px, 1.6666666667vw, 20px);
    color: white;
    font-weight: normal;
  }
}

.messages2 {
  margin-bottom: clamp(66.67px, 13.33vw, 100px);
}

.introduction {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(66.67px, 13.33vw, 100px);
  text-align: center;
}

.introduction .sectionTitle {
  margin-top: clamp(66.67px, 13.33vw, 100px);
}

@media screen and (min-width: 751px) {
  .introduction .sectionTitle {
    margin-top: 70px;
  }
}

.introduction .sectionTitle_image {
  left: -8vw;
  width: max(13.3333333333vw, 200px);
}

@media screen and (min-width: 601px) {
  .introduction .sectionTitle_image {
    left: -6.6666666667vw;
  }
}

@media screen and (min-width: 1001px) {
  .introduction .sectionTitle_image {
    left: -4vw;
  }
}

.introduction_logo {
  margin-bottom: 19px;
}

.introduction_logo img {
  width: 293px;
}

.introduction_text1 {
  font-size: 21px;
  line-height: 1.5;
  margin-bottom: 19px;
}

.introduction_text2 {
  font-size: 14px;
}

.introduction_slider {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(33.33px, 6.67vw, 50px) 20px;
}

@media screen and (min-width: 751px) {
  .introduction_slider {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.introduction_slider_item {
  padding: 0 0 clamp(12px, 2vw, 18px);
  display: flex;
  flex-direction: column;
}

.introduction_slider_item a {
  text-decoration: none;
  color: black;
}

@media screen and (min-width: 751px) {
  .introduction_slider_item {
    width: calc((100% - 20px) / 2);
  }
}

.introduction_slider_images {
  display: flex;
  margin-bottom: clamp(15px, 3vw, 32px);
  width: 100%;
}

.introduction_slider_images img {
  width: 50%;
  margin-bottom: clamp(10px, 2vw, 15px);
}

.introduction_slider_company {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  padding: 0 5px;
}

.introduction_slider_company_logo {
  height: clamp(53.33px, 10.67vw, 80px);
  max-width: 90%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: clamp(13.33px, 2.67vw, 20px);
}

.introduction_slider_company_title {
  font-size: min(clamp(20px, 4vw, 30px), 30px);
  line-height: 1.4444444444;
  margin-bottom: 5px;
}

@media screen and (min-width: 751px) {
  .introduction_slider_company_title {
    font-size: 18px;
  }
}

.introduction_slider_company_text1 {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: min(6.6666666667vw, 50px);
  margin-top: auto;
}

@media screen and (min-width: 751px) {
  .introduction_slider .btn-viewMore {
    padding: 5px clamp(20px, 5.3333333333vw, 100px);
  }
}

.features {
  margin-bottom: 120px;
}

@media screen and (max-width: 1000px) {
  .features>.sectionWrap {
    margin: 0;
    padding: 0;
    width: initial;
  }
}

.features_ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(52.67px, 10.53vw, 79px) 20px;
}

.features_li_imageWrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

@media screen and (min-width: 1001px) {
  .features_li_imageWrap {
    flex-direction: row;
  }
}

.features_li_image {
  flex: 1;
}

.features_li_text {
  display: block;
  font-size: clamp(17.33px, 3.47vw, 26px);
  line-height: 1.9615384615;
}

@media screen and (min-width: 1001px) {
  .features_li_text {
    text-align: center;
    font-size: 16px;
  }

  .features_li_text.sectionWrap {
    margin: 0;
    padding: 0;
    width: initial;
  }
}

.features_li:nth-of-type(2) .features_li_text {
  text-align: right;
}

@media screen and (min-width: 1001px) {
  .features_li:nth-of-type(2) .features_li_text {
    text-align: center;
  }
}

@media screen and (max-width:1000px) {
  .chef .sectionWrap {
    padding-inline: 6.1333333333vw;
    margin-inline: 0;
    width: 100%;
  }
}

.chef .sectionTitle_image {
  top: initial;
  bottom: -4.6666666667vw;
  left: 0;
  transform: none;
  width: max(16vw, 200px);
  z-index: 1;
}

@media screen and (max-width: 700px) {
  .chef .sectionTitle_image {
    bottom: -8vw;
  }
}

@media screen and (min-width: 1001px) {
  .chef .sectionTitle_image {
    bottom: -4vw;
    left: -2.6666666667vw;
  }
}

.chef .slick-track {
  gap: 25px;
}

.chef_li {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* padding-inline: 25px; */
  max-width: calc((100% - 50px*2)/3);
}

@media screen and (max-width:1200px) {
  .chef_li {
    max-width: calc(100% - 50px);
  }
}

@media screen and (max-width:600px) {
  .chef_li {
    max-width: calc(2/3*100vw);
  }
}

.chef_li_image {
  width: 100%;
  height: clamp(250px, calc(490/1200*100vw), 490px);
  object-fit: cover;
  margin-bottom: 30px;
}

@media screen and (max-width:600px) {
  .chef_li_image {

    /* height: calc(80vw); */
  }
}

.chef_li_texts {
  flex-grow: 1;
  padding-inline: clamp(10px, calc(30/1000*100vw), 30px);
}

.chef_li_position {
  font-size: 14px;
  margin-bottom: 7px;
}

.chef_li_position span{
  display: inline-block;
}

.chef_li_nameWrap {
  /* display: flex; */
  margin-bottom: 20px;
}

.chef_li_name {
  font-size: 16px;
}

.chef_li_birth {
  margin-left: 10px;
  font-size: 12px;
}

.chef_li_message {
  font-size: 16px;
  margin-bottom: 25px;
}

.chef_li_awardWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.chef_li_award {
  display: inline-block;
  width: fit-content;
  border: solid 1px #AA925D;
  /* padding: 5px 20px; */
  padding: 2px 10px;
  color: #AA925D;
  /* font-size: clamp(12px, calc(14/1000*100vw), 14px); */
  font-size: 10px;
}


.interview {
  margin-bottom: 14.5333333333vw;
}

@media screen and (max-width:1000px) {
  .interview .slick-track {
    gap: 25px;
  }
}

.interview .sectionTitle {
  margin-top: 30.6666666667vw;
  padding-right: 10px;
}

@media screen and (min-width: 1001px) {
  .interview .sectionTitle {
    margin-top: 150px;
  }
}

@media screen and (max-width: 700px) {
  .interview .sectionTitle {
    margin-top: 37vw;
  }
}

.interview .sectionTitle_image {
  top: initial;
  bottom: -4.6666666667vw;
  left: 0;
  transform: none;
  width: max(16vw, 200px);
  z-index: 1;
}

@media screen and (max-width: 700px) {
  .interview .sectionTitle_image {
    bottom: -2vw;
  }
}

@media screen and (min-width: 1001px) {
  .interview .sectionTitle_image {
    bottom: -4vw;
    left: -2.6666666667vw;
  }
}

.interview_li>.sectionWrap {
  /* height: 100%; */
  flex-grow: 1;
}

@media screen and (max-width: 1000px) {
  /* .interview>.sectionWrap {
    margin: 0;
    padding: 0;
    width: initial;
  } */

  .interview_li>.sectionWrap {
    /* height: clamp(100% - 400px - 22px, calc(100% - 800/1000*100vw - 22px), 100% - 800px - 22px); */
    display: flex;
    flex-direction: column;
  }
}

.interview_li {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1001px) {
  .interview_li {
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    width: 95%;
    margin-inline: auto;
    gap: 20px;
  }
}

@media screen and (max-width:600px) {
  .interview_li {
    max-width: calc(2/3*100vw);
  }
}

.interview_li_person {
  /* padding-left: 6.1333333333vw; */
  margin-bottom: 22px;
  width: 100%;
  /* height: clamp(400px, calc(800/1000*100vw), 800px); */
  height: clamp(250px, calc(490/1200*100vw), 490px);
}

@media screen and (min-width: 1001px) {
  .interview_li_person {
    padding-left: 0;
    margin-bottom: 0;
    /* height: clamp(500px, calc(800/1000*100vw), 800px); */
  }
}

.interview_li_texts {
  padding-inline: clamp(10px, calc(30/1000*100vw), 30px);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.interview_li_catchphrase {
  /* width: 63.7333333333vw; */
  /* width: max(16vw, 250px); */
  width: max(16vw, 200px);
  margin-bottom: 21px;
  margin-left: -.9vw;
}


.interview_li_belong {
  display: block;
  font-size: clamp(15.33px, 3.07vw, 23px);
  margin-bottom: 25px;
  font-size: 14px;
}

@media screen and (max-width:600px) {
  .interview_li_belong {
    font-size: 14px;
  }
}

.interview_li_belong .name {
  margin-left: clamp(6px, calc(20/1000*100vw), 12px);
  /* font-size: clamp(20px, 4vw, 30px); */
  font-size: 16px;
}

@media screen and (max-width:600px) {
  .interview_li_belong .name {
    font-size: 16px;
  }
}

@media screen and (min-width: 1001px) {
  .interview_li_belong {
    /* font-size: clamp(20px, 2vw, 30px); */
  }

  .interview_li_belong .name {
    /* font-size: clamp(26px, 2.6vw, 36px); */
  }
}

.interview_li_text {
  display: block;
  /* font-size: clamp(15.33px, 3.07vw, 23px); */
  font-size: 14px;
  line-height: 2.2173913043;
  margin-bottom: 39px;
  flex-grow: 1;
}

.interview .btn-viewMoreWrap {
  justify-content: center;
}

@media screen and (min-width: 1001px) {
  .interview .btn-viewMore {
    padding: 5px clamp(20px, 5.3333333333vw, 100px);
  }
}

.training {
  margin-bottom: 53px;
}

@media screen and (max-width: 1200px) {
  .training>.sectionWrap {
    margin: 0;
    padding: 0;
    width: initial;
  }
}

.training .sectionTitle {
  margin-top: 50vw;
}

@media screen and (min-width: 1201px) {
  .training .sectionTitle {
    margin-top: 300px;
  }
}

.training .sectionTitle_image {
  left: initial;
  top: initial;
  right: 30px;
  bottom: -10px;
  transform: none;
  width: max(13.3333333333vw, 200px);
}

@media screen and (min-width: 1201px) {
  .training .sectionTitle_image {
    left: -4vw;
    bottom: -30px;
    right: initial;
  }
}

.training .sectionTitle_text {
  margin-right: 80px;
}

@media screen and (min-width: 1201px) {
  .training .sectionTitle_text {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 1201px) {
  .training_pcFlex {
    display: flex;
    gap: 20px;
  }
}

.training_firstImage {
  max-width: 100%;
  padding-right: min(8vw, 60px);
  margin-bottom: clamp(45.33px, 9.07vw, 68px);
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 1201px) {
  .training_firstImage {
    padding-right: 0;
    margin-bottom: 0;
  }
}

.training_ul {
  display: flex;
  flex-direction: column;
  gap: 70px 20px;
}

@media screen and (min-width: 1201px) {
  .training_ul {
    gap: 40px;
  }
}

.training_li {
  max-width: 450px;
}

.training_li_title {
  /* font-size: clamp(20px, 4vw, 30px); */
  font-size: 22px;
  border-bottom: solid clamp(3.33px, 0.67vw, 5px) #AA925D;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1201px) {
  .training_li_title {
    /* font-size: 26px; */
  }
}

.training_li_text {
  /* font-size: clamp(17.33px, 3.47vw, 26px); */
  font-size: 16px;
}

@media screen and (min-width: 1201px) {
  .training_li_text {
    /* font-size: 20px; */
  }
}