@charset "UTF-8";
/* 画像パス（HTMLファイル名 = img/sass/css のページ名）
   index.html   → img/top/   sass/pages/top.scss   css/top.css
   service.html → img/service/ sass/pages/service.scss css/service.css
--------------------------------------------------*/
/* 変数の定義
--------------------------------------------------*/
/* section bleed（下層ページ共通フルブリード背景）
--------------------------------------------------*/
/* 色の定義
--------------------------------------------------*/
/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* page_main
--------------------------------------------------*/
.page_main {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 80px 0 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
  .page_main {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1000px) {
  .page_main {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 50px;
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  .page_main {
    display: block;
    padding: 0 20px;
  }
}

.page_menu_wrap {
  padding-bottom: 100px;
}

.page_contents {
  min-width: 0;
  max-width: 1000px;
}
@media screen and (max-width: 999px) {
  .page_contents {
    max-width: none;
  }
}
@media screen and (min-width: 1000px) {
  .page_contents {
    grid-column: 2;
    grid-row: 1;
  }
}

/* page_faq
--------------------------------------------------*/
.page_faq {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .page_faq {
    padding: 40px 0;
  }
}
.page_faq:first-child {
  padding-top: 120px;
}
@media screen and (max-width: 999px) {
  .page_faq:first-child {
    padding-top: 60px;
  }
}
.page_faq--bg {
  position: relative;
  isolation: isolate;
}
.page_faq--bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  width: 100vw;
  pointer-events: none;
  left: calc(50% - 50vw);
}
@media screen and (min-width: 1000px) {
  .page_faq--bg::before {
    left: calc(50% - 50vw - 125px);
  }
}
@media screen and (min-width: 1200px) {
  .page_faq--bg::before {
    left: calc(50% - 50vw - 110px);
  }
}
@media screen and (min-width: 1400px) {
  .page_faq--bg::before {
    left: calc(50% - 50vw - 100px);
  }
}
.page_faq--bg::before {
  background-color: #ffedc3;
}
.page_faq__box {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page_faq__box {
    margin-top: 30px;
    gap: 20px;
  }
}
.page_faq__item {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .page_faq__item {
    padding: 20px;
  }
}
.page_faq__q {
  position: relative;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .page_faq__q {
    padding-left: 35px;
  }
}
.page_faq__q-icon {
  position: absolute;
  top: -1px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background-color: #fedf76;
  font-size: 2.4rem;
  font-weight: 900;
  color: #3b2e1b;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .page_faq__q-icon {
    width: 30px;
    height: 30px;
    font-size: 2rem;
  }
}
.page_faq__q-text {
  font-size: clamp(2rem, 1.714vw, 2.4rem);
  font-weight: 700;
  color: #3b2e1b;
  letter-spacing: 5%;
  line-height: 1.4;
}
.page_faq__a {
  margin-top: 30px;
  padding-left: 50px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #3b2e1b;
  letter-spacing: 5%;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .page_faq__a {
    margin-top: 20px;
    padding-left: 0;
    font-size: 1.5rem;
  }
}
.page_faq--recruit {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .page_faq--recruit {
    padding-bottom: 60px;
  }
}
.page_faq__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  padding: 5px 40px 5px 20px;
  border: 1px solid #3b2e1b;
  border-radius: 100px;
  background-color: #7fd67c;
  font-size: 1.6rem;
  font-weight: 700;
  color: #3b2e1b;
  letter-spacing: 5%;
  line-height: 1.8;
  text-decoration: none;
  position: relative;
  transition: background-color 0.35s ease;
}
.page_faq__btn .c-icon-arrow.c-icon-arrow--sm {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
}
.page_faq__btn .c-icon-arrow.c-icon-arrow--sm::before, .page_faq__btn .c-icon-arrow.c-icon-arrow--sm::after {
  transition: background-color 0.4s ease-out;
}
.page_faq__btn .c-icon-arrow.c-icon-arrow--sm::before {
  display: block;
  border-radius: 50%;
  background-color: #fff;
}
.page_faq__btn .c-icon-arrow.c-icon-arrow--sm::after {
  inset: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 10px;
  background-color: #7fd67c;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20d%3D%22M11.7874%205.50609L7.46811%209.79049C7.33288%209.92464%207.14945%2010%206.9582%2010C6.76695%2010%206.58353%209.92464%206.44829%209.79049C6.31305%209.65635%206.23708%209.47441%206.23708%209.2847C6.23708%209.09498%206.31305%208.91304%206.44829%208.7789L9.53835%205.71496H0.719876C0.528953%205.71496%200.34585%205.63973%200.210847%205.50581C0.0758439%205.3719%200%205.19027%200%205.00089C0%204.81151%200.0758439%204.62988%200.210847%204.49597C0.34585%204.36206%200.528953%204.28683%200.719876%204.28683H9.53835L6.44949%201.2211C6.31425%201.08696%206.23827%200.905015%206.23827%200.715305C6.23827%200.525594%206.31425%200.343653%206.44949%200.209508C6.58472%200.0753621%206.76815%200%206.9594%200C7.15065%200%207.33407%200.0753621%207.46931%200.209508L11.7886%204.49391C11.8557%204.56033%2011.9089%204.63926%2011.9452%204.72615C11.9815%204.81305%2012.0001%204.90619%2012%205.00025C11.9999%205.0943%2011.981%205.1874%2011.9446%205.27421C11.9081%205.36102%2011.8546%205.43982%2011.7874%205.50609Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2010%22%3E%3Cpath%20d%3D%22M11.7874%205.50609L7.46811%209.79049C7.33288%209.92464%207.14945%2010%206.9582%2010C6.76695%2010%206.58353%209.92464%206.44829%209.79049C6.31305%209.65635%206.23708%209.47441%206.23708%209.2847C6.23708%209.09498%206.31305%208.91304%206.44829%208.7789L9.53835%205.71496H0.719876C0.528953%205.71496%200.34585%205.63973%200.210847%205.50581C0.0758439%205.3719%200%205.19027%200%205.00089C0%204.81151%200.0758439%204.62988%200.210847%204.49597C0.34585%204.36206%200.528953%204.28683%200.719876%204.28683H9.53835L6.44949%201.2211C6.31425%201.08696%206.23827%200.905015%206.23827%200.715305C6.23827%200.525594%206.31425%200.343653%206.44949%200.209508C6.58472%200.0753621%206.76815%200%206.9594%200C7.15065%200%207.33407%200.0753621%207.46931%200.209508L11.7886%204.49391C11.8557%204.56033%2011.9089%204.63926%2011.9452%204.72615C11.9815%204.81305%2012.0001%204.90619%2012%205.00025C11.9999%205.0943%2011.981%205.1874%2011.9446%205.27421C11.9081%205.36102%2011.8546%205.43982%2011.7874%205.50609Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.page_faq__btn:hover {
  opacity: 1;
  background-color: #fff;
}
.page_faq__btn:hover .c-icon-arrow.c-icon-arrow--sm::before {
  background-color: #7fd67c;
}
.page_faq__btn:hover .c-icon-arrow.c-icon-arrow--sm::after {
  background-color: #fff;
}
.page_faq__flow {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
  padding: 30px 50px;
  border-radius: 10px;
  background-color: #ddf4dc;
}
@media screen and (max-width: 768px) {
  .page_faq__flow {
    margin-top: 20px;
    padding: 20px;
  }
}
.page_faq__flow-step {
  position: relative;
  padding: 20px;
  border: 2px solid #7fd67c;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page_faq__flow-step {
    padding: 20px 10px;
  }
}
.page_faq__flow-step--highlight {
  background-color: #fedf76;
}
.page_faq__flow > .page_faq__flow-step:not(:first-child)::before, .page_faq__flow-split .page_faq__flow-step::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  background-image: url(../img/faq/flow-arrow-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.page_faq__flow-ttl {
  font-size: clamp(2rem, 1.714vw, 2.4rem);
  font-weight: 700;
  color: #3b2e1b;
  letter-spacing: 5%;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .page_faq__flow-ttl {
    font-size: clamp(1.7rem, 2.604vw, 2rem);
  }
}
.page_faq__flow-desc {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #3b2e1b;
  letter-spacing: 5%;
  line-height: 1.4;
}
.page_faq__flow-tel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #fedf76;
  text-decoration: none;
}
.page_faq__flow-tel:hover {
  opacity: 1;
}
.page_faq__flow-tel img {
  width: 26px;
  height: 26px;
}
.page_faq__flow-tel-num {
  font-size: clamp(2.4rem, 2.142vw, 3rem);
  font-weight: 900;
  color: #3b2e1b;
  letter-spacing: 5%;
  line-height: 1;
}
.page_faq__flow-split {
  display: flex;
  gap: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_faq__flow-split {
    gap: 10px;
  }
}
.page_faq__flow-split .page_faq__flow-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  #flow .page_faq__item {
    padding: 0;
  }
  #flow .page_faq__q {
    margin: 20px;
  }
}

.sec_contact__wave {
  background-color: #ffedc3;
}
/*# sourceMappingURL=faq.css.map */