/* Mobile baseline: default rules apply below 768px. */
/* ボタン、本文ブロック、フォーム、スクロール演出などの再利用部品。 */
/*========================================
  ボタンボックスタイプ
========================================*/
.btn-box a {
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.08em;
  box-sizing: border-box;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 20px 15px 20px;
}

.btn-box--black a {
  color: #000;
  border: 1px solid ;
}

.btn-box--black a:hover {
  color: #fff;
  background: #000;
}

.btn-box--white a {
  color: #fff;
  border: 1px solid #fff;
}

.btn-box--white a:hover {
  color: #000;
  background: #fff;
}

.br_pc {
  display: block;
}

hr {
  border-top: 1px dotted #666666;
  margin: 40px 0;
}

.text-box-red {
  display: inline-block;
  color: #FFFFFF;
  font-size: 12px;
  background: #FF0004;
  border-radius: 5px;
  padding: 0px 4px;
}

/*========================================
  clearfix
========================================*/
.clearfix:after {
  visibility: hidden;
  height: 0;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
}

* html .clearfix {
  zoom: 1;
}

*:first-child + html .clearfix {
  zoom: 1;
}

/* Contact Form 7 が生成する内部フィールドを画面から隠す。 */
.hidden-fields-container {
    display: none !important;
}

/* ======================================
スクロール時の表示アニメーション
======================================*/

/* スタート時のスタイル */
.main__title.delighter.started,
.main__copy.delighter.started,
.main__lead.delighter.started,
.main__text.delighter.started,
.main-works__img.delighter {
  transform: none;
  opacity: 1;
}

/* エンド時のスタイル
.main__title.delighter.started.ended,
.main__copy.delighter.started.ended,
.main__lead.delighter.started.ended,
.main__text.delighter.started.ended,
.main-works__img.delighter {
}*/

/* スタート時のスタイル */
.unit-sticky-works__box.delighter.started,
.unit-single-works__logo.delighter.started,
.unit-single-works__copy.delighter.started,
.unit-single-works__lead.delighter.started,
.unit-single-works__text.delighter.started {
  transform: none;
  opacity: 1;
}

/* エンド時のスタイル
.unit-sticky-works__box.delighter.started.ended,
.unit-single-works__logo.delighter.started.ended,
.unit-single-works__copy.delighter.started.ended,
.unit-single-works__lead.delighter.started.ended,
.unit-single-works__text.delighter.started.ended{
}*/
/* 基本のスタイル */
.unit-sticky-works__img.delighter {
  transition: none;
  transform: none;
  opacity: 1;
}

/* スタート時のスタイル */
.unit-sticky-works__img.delighter.started {
  transform: none;
  opacity: 1;
}

/* エンド時のスタイル
.unit-sticky-works__img.delighter.started.ended {
}*/

/* スタート時のスタイル */
.circle-right-hidden-r.delighter.started,
.circle-right-hidden-l.delighter.started {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* エンド時のスタイル
.circle-right-hidden-r.delighter.started.ended,
.circle-right-hidden-l.delighter.started.ended {
}*/

/* スタート時のスタイル */
.circle-left-hidden-r.delighter.started,
.circle-left-hidden-l.delighter.started {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* エンド時のスタイル
.circle-left-hidden-r.delighter.started.ended,
.circle-left-hidden-l.delighter.started.ended{
}*/
/* 基本のスタイル */
.unit-double-shop__line-horizon-r.delighter,
.unit-double-shop__line-horizon-l.delighter {
  transition: none;
  transform: none;
  opacity: 1;
}

/* スタート時のスタイル */
.unit-double-shop__line-horizon-r.delighter.started,
.unit-double-shop__line-horizon-l.delighter.started {
  transform: none;
  opacity: 1;
}

/* エンド時のスタイル
.unit-double-shop__line-horizon-r.delighter.started.ended,
.unit-double-shop__line-horizon-l.delighter.started.ended{
}*/
/* 基本のスタイル */
.unit-double-shop__title-right.delighter,
.unit-double-shop__title-left.delighter,
.unit-double-shop__text-right.delighter,
.unit-double-shop__text-left.delighter,
.unit-double-shop__table-right.delighter {
  transition: none;
  transform: none;
  opacity: 1;
}

/* スタート時のスタイル */
.unit-double-shop__title-right.delighter.started,
.unit-double-shop__title-left.delighter.started,
.unit-double-shop__text-right.delighter.started,
.unit-double-shop__text-left.delighter.started,
.unit-double-shop__table-right.delighter.started {
  transform: none;
  opacity: 1;
}

/* エンド時のスタイル
.unit-double-shop__title-right.delighter.started.ended,
.unit-double-shop__title-left.delighter.started.ended,
.unit-double-shop__text-right.delighter.started.ended,
.unit-double-shop__text-left.delighter.started.ended,
.unit-double-shop__table-right.delighter.started.ended {
}*/
/* 基本のスタイル */
.unit-products__card.delighter {
  transition: none;
  transform: none;
  opacity: 1;
}

/* スタート時のスタイル */
.unit-products__card.delighter.started {
  transform: none;
  opacity: 1;
}

/* エンド時のスタイル
.unit-products__card.delighter.started.ended{
}*/

/* Cloudflare Turnstile (セキュリティ) */
.wpcf7-turnstile {
  /* Turnstileウィジェットを中央揃えにする */
  display: flex;
  justify-content: center;
  margin: 20px 0;
  padding: 10px 0;
}

.table-set-inq__submit {
  /* 送信ボタンの親要素のズレを補正する */
  text-align: center;
  width: 100%;
}

.wpcf7-submit {
  margin: 0 auto !important;
  display: block !important;
}

.wpcf7-acceptance input[type="checkbox"] {
  /* チェックボックス自体のサイズを大きくする */
  transform: scale(1.5);
  margin-right: 10px;
  vertical-align: middle;
}

.wpcf7-list-item-label {
  /* ラベルテキストの調整 */
  font-size: 1.05rem;
  vertical-align: middle;
  cursor: pointer;
}

/* Tablet and larger overrides (768px and wider). */
@media screen and (min-width: 768px) {

/* 基本のスタイル */

  .main__title.delighter,
  .main__copy.delighter,
  .main__lead.delighter,
  .main__text.delighter,
  .main-works__img.delighter {
    transition: all 1s ease-out;
    opacity: 0;
  }
/* 基本のスタイル */

  .unit-sticky-works__box.delighter,
  .unit-single-works__logo.delighter,
  .unit-single-works__copy.delighter,
  .unit-single-works__lead.delighter,
  .unit-single-works__text.delighter {
    transition: all 1s ease-out;
    opacity: 0;
  }

  .unit-sticky-works__img.delighter {
    transition: all 1s ease-out;
    transform: translateY(10%);
    opacity: 0;
  }
/* サークルアニメーション */
/* 基本のスタイル */

  .circle-right-hidden-r.delighter,
  .circle-right-hidden-l.delighter {
    transition: all 2s ease-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
/* 基本のスタイル */

  .circle-left-hidden-r.delighter,
  .circle-left-hidden-l.delighter {
    transition: all 2s ease-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .unit-double-shop__line-horizon-r.delighter,
  .unit-double-shop__line-horizon-l.delighter {
    transition: all 1s ease-out;
    transform: scaleX(0);
    opacity: 0;
  }

  .unit-double-shop__title-right.delighter,
  .unit-double-shop__title-left.delighter,
  .unit-double-shop__text-right.delighter,
  .unit-double-shop__text-left.delighter,
  .unit-double-shop__table-right.delighter {
    transition: all 1s ease-out;
    transform: translateY(10%);
    opacity: 0;
  }

  .unit-products__card.delighter {
    transition: all 1s ease-out;
    transform: translateY(10%);
    opacity: 0;
  }
}

/* PC refinements (960px and wider). */
@media screen and (min-width: 960px) {


  .unit-products__card.delighter {
    transition: all 1s ease-out;
    transform: translateY(10%);
    opacity: 0;
  }
  .unit-products__card.delighter:nth-child(2) {
    transition-delay: .2s;
  }
  .unit-products__card.delighter:nth-child(3) {
    transition-delay: .3s;
  }
  .unit-products__card.delighter:nth-child(5) {
    transition-delay: .2s;
  }
  .unit-products__card.delighter:nth-child(6) {
    transition-delay: .3s;
  }
  .unit-products__card.delighter:nth-child(8) {
    transition-delay: .2s;
  }
  .unit-products__card.delighter:nth-child(9) {
    transition-delay: .3s;
  }
  .unit-products__card.delighter:nth-child(11) {
    transition-delay: .2s;
  }
  .unit-products__card.delighter:nth-child(12) {
    transition-delay: .3s;
  }
  .unit-products__card.delighter:nth-child(14) {
    transition-delay: .2s;
  }
  .unit-products__card.delighter:nth-child(15) {
    transition-delay: .3s;
  }
}