@charset "UTF-8";
/* ==========================================================================
 *
 * 複製用ページcss
 * このファイルを複製して頭のアンダーバーを取ってリネームする。該当固定ページのスラッグと同じ名前に変更すると自動的にそのページで読み込まれる
========================================================================== */
/* ==========================================================================
 * import
========================================================================== */
/* ==========================================================================
 *
 * 関数定義ファイル
 *
========================================================================== */
/* ==========================================================================
 * ディレクトリパス
 *
 * 呼び出し方：
 * map-get($paths, 'webfont')
========================================================================== */
/* ==========================================================================
break points
========================================================================== */
/* メディアクエリー
-------------------------------------*/
/* ==========================================================================
 * サイト幅
 *
 * 呼び出し方：
 * map-get($media, 'default')
========================================================================== */
/* inner
 * サイトの基本幅を定義するスペーサー
-------------------------------------*/
/* line 80, shared/src/css/_variables.scss */
.inner {
  /* end less SP */
}

@media screen and (max-width: 768px) {
  /* line 80, shared/src/css/_variables.scss */
  .inner {
    padding: 0 8%;
  }
  /* line 84, shared/src/css/_variables.scss */
  .inner .inner {
    padding: 0;
  }
}

/* line 94, shared/src/css/_variables.scss */
.inner--default {
  max-width: 980px;
  margin: 0 auto;
}

/* line 104, shared/src/css/_variables.scss */
.inner--small {
  max-width: 600px;
  margin: 0 auto;
}

/* line 112, shared/src/css/_variables.scss */
.inner--medium {
  max-width: 1120px;
  margin: 0 auto;
}

/* line 120, shared/src/css/_variables.scss */
.inner--large {
  max-width: 980px;
  margin: 0 auto;
}

/* マージンルール
-------------------------------------*/
/* ==========================================================================
 * typography
 *
 * 呼び出し方：
 * map-get($font, 'base')
========================================================================== */
/* ==========================================================================
 * colors
 *
 * 呼び出し方：
 * map-get($font, 'base')
========================================================================== */
/* ==========================================================================
 * mixin
========================================================================== */
/* utility
-------------------------------------*/
/* line 195, shared/src/css/_variables.scss */
.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

/* セットプロパティ
-------------------------------------*/
/* ==========================================================================
 * page styles
========================================================================== */
/* end less SP */
/* end less SP */
/* line 22, shared/src/css/page/thanks.scss */
select, input, textarea {
  width: 640px;
  padding: 16px;
  border: 1px solid #d3d3d4;
}

@media screen and (max-width: 768px) {
  /* line 22, shared/src/css/page/thanks.scss */
  select, input, textarea {
    width: 84vw;
    font-size: 1.4rem;
  }
}

/* line 33, shared/src/css/page/thanks.scss */
.required {
  position: relative;
}

/* line 36, shared/src/css/page/thanks.scss */
.required:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #ff0000;
}

/* line 49, shared/src/css/page/thanks.scss */
.input-phase, .confirm-phase {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 53, shared/src/css/page/thanks.scss */
  .heading--Lv1 {
    width: 84%;
    margin: 0 auto;
  }
}

/* line 60, shared/src/css/page/thanks.scss */
.contact-form {
  padding: 120px 0;
  background: #eeeeee;
}

@media screen and (max-width: 768px) {
  .contact-form {
  background: #ffffff;
}
}

/* line 64, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 120px 0;
  border-radius: 8px;
  background: #fff;
}

/* line 71, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container > * {
  margin: 0 auto;
}

/* line 75, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .status {
  display: flex;
  justify-content: space-between;
  width: 400px;
  font-size: 2.0rem;
}

@media screen and (max-width: 768px) {
  /* line 75, shared/src/css/page/thanks.scss */
  .contact-form > .wp-block-group__inner-container .status {
    width: 260px;
  }
}

/* line 85, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .status li {
  position: relative;
  width: 80px;
  height: 80px;
  border: 1px solid #000;
  border-radius: 8px;
  text-align: center;
  line-height: 80px;
}

/* line 94, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .status li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(100%);
  width: 80px;
  height: 1px;
  background: #000;
}

@media screen and (max-width: 768px) {
  /* line 94, shared/src/css/page/thanks.scss */
  .contact-form > .wp-block-group__inner-container .status li:after {
    transform: translateX(150%);
    width: 40px;
  }
}

/* line 110, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .status li:nth-child(3) {
  color: #fff;
  background: #111111;
}

/* line 115, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .status li:last-child:after {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 85, shared/src/css/page/thanks.scss */
  .contact-form > .wp-block-group__inner-container .status li {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 1.5rem;
  }
}

/* line 128, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .heading--Lv2 {
  max-width: 800px;
  /* padding: 80px 0 0; */
}

/* line 132, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .heading--Lv2 .heading__title {
  position: relative;
  margin-bottom: 56px;
  padding-bottom: 16px;
  font-size: 2.6rem;
  text-align: left;
}

/* line 139, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .heading--Lv2 .heading__title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;
  height: 1px;
  background: #000;
}

@media screen and (max-width: 768px) {
  /* line 139, shared/src/css/page/thanks.scss */
  .contact-form > .wp-block-group__inner-container .heading--Lv2 .heading__title:after {
    width: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 132, shared/src/css/page/thanks.scss */
  .contact-form > .wp-block-group__inner-container .heading--Lv2 .heading__title {
    margin-bottom: 32px;
    padding-top: 0;
    font-size: 1.8rem;
  }
}

/* line 160, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .heading--Lv2 .heading__sub {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 64, shared/src/css/page/thanks.scss */
  .contact-form > .wp-block-group__inner-container {
    width: 84%;
  }
}

@media screen and (max-width: 768px) {
  /* line 64, shared/src/css/page/thanks.scss */
  .contact-form > .wp-block-group__inner-container {
    /* padding: 56px 0 24px; */
    padding: 0;
  }
}

/* line 173, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .thanks-phase {
  max-width: 800px;
}

/* line 177, shared/src/css/page/thanks.scss */
.contact-form > .wp-block-group__inner-container .contact-inner {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 60, shared/src/css/page/thanks.scss */
  .contact-form {
    padding: 56px 0;
  }
}

.thanks-content{
  display: block;
  width: 800px;
  margin: 0 auto;
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
    .thanks-content{
      width: 315px;
      margin: 0 auto;
  }
}

.thanks-text{
  font-size: 1.8rem;
  line-height: 2;
}

@media screen and (max-width: 768px) {
    .thanks-text{
    font-size: 1.5rem;
    width: 315px;
  }
}

/* ==========================================================================
* コメントテンプレート
========================================================================== */
/* コメントテンプレート
-------------------------------------*/