@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*naga add*/
/* 下からフェードイン(初期値) */
.js-fadeUp, .js-fadeUpSlow {
  opacity: 0;
  /* 最初は非表示 */
  transform: translateY(30px);
  /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 下からフェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: 0s;
  /*開始を遅らせる */
}

.js-fadeUpSlow.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: .5s;
  /* 開始を遅らせる */
}

/* 左からフェードイン(初期値) */
.js-fadeIn, .js-fadeInSlow {
  opacity: 0;
  /* 最初は非表示 */
  transform: translateX(-100px);
  /* 左に100pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 左からフェードイン(スクロールした後) */
.js-fadeIn.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: 0s;
  /* 開始を遅らせる */
}

.js-fadeInSlow.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: .5s;
  /* 開始を遅らせる */
}

/*ぽよよん*/
.poyoyon {
  animation: poyoyon 1.5s infinite;
}

@keyframes poyoyon {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
/*めくる誘導*/
.arrowPulse {
  animation: arrowPulse 1.2s ease-in-out infinite;
}

@keyframes arrowPulse {
  0%, 100% {
    transform: translateX(-8px);
  }
  50% {
    transform: translateX(0);
  }
}
/*タップして詳細*/
.hintBounce {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.85);
  padding: 4px 10px;
  font: 500 12px/1.2 "BIZ UDGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000000;
  border-radius: 12px;
  animation: hintBounce 1.2s infinite;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

@keyframes hintBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-5px);
  }
}
/*跳ねる*/
.js-bounce.is-inview {
  animation: bounce 2.5s;
  transform-origin: center bottom;
}

@keyframes bounce {
  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
/*ゆらゆら*/
.js-swing.is-inview {
  animation: swing 2.5s;
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/* 用紙サイズの指定（A4） */
@page {
  margin: 8mm;
  size: 210mm 297mm;
  /* A4縦 */
}
@media print {
  /* 全体設定 */
  body {
    -webkit-print-color-adjust: exact;
    /* 印刷時でも背景色や背景画像を表示 */
    width: 1400px;
    /* 印刷時の全ページ幅を統一 */
    zoom: 0.8;
    /* なるべく多くのブラウザで切れないようにするため */
    /*no animation*/
  }
  body header {
    position: absolute !important;
    max-width: 1400px;
    width: 1400px !important;
  }
  body .header--flex {
    width: 1400px !important;
  }
  body .btnBox {
    display: none;
  }
  body #btn_pagetop {
    display: none;
  }
  body .js-fadeUp,
  body .js-fadeIn {
    opacity: 1;
  }
  body .js-fadeIn {
    transform: translateX(0);
  }
  body .js-fadeUp {
    transform: translateY(0);
  }
  body .js-fadeUp.is-view,
  body .js-fadeIn.is-view {
    animation-name: none;
  }
}
.mv {
  width: 100%;
  height: 720px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  background-image: url("../img/tmv_about_bgimg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
@media screen and (max-width: 1279px) {
  .mv {
    height: 640px;
  }
}
@media screen and (max-width: 479px) {
  .mv {
    height: 480px;
  }
}
.mv__inner {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
.mv .logo-container {
  display: block;
}
.mv .logo-container__image {
  display: block;
  width: 326px;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .mv .logo-container__image {
    width: 300px;
    padding-top: 100px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 479px) {
  .mv .logo-container__image {
    width: 220px;
    padding-top: 80px;
  }
}
.mv .logo-container__image source, .mv .logo-container__image img {
  display: block;
  height: auto;
  max-width: 100%;
}
.mv .hl-container {
  width: 100%;
  height: auto;
  margin-top: 160px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .mv .hl-container {
    margin-top: 130px;
  }
}
@media screen and (max-width: 479px) {
  .mv .hl-container {
    margin-top: 90px;
  }
}
.mv .hl-container h2 {
  font: 700 40px/1.5 "BIZ UDGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #fff;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1279px) {
  .mv .hl-container h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .mv .hl-container h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 479px) {
  .mv .hl-container h2 {
    font-size: 24px;
  }
}

.cnts {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 80px 0 200px;
  background-image: url("../img/cnts_bgimg.jpg");
  background-size: auto;
  background-position: top left;
}
@media screen and (max-width: 479px) {
  .cnts {
    padding: 50px 0 150px;
  }
}
.cnts__inner {
  width: 100%;
  height: auto;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
.cnts__container {
  margin: 0 40px;
  padding: 80px 25px 140px;
  background-color: #fff;
}
@media screen and (max-width: 479px) {
  .cnts__container {
    margin: 0 15px;
    padding: 50px 15px 100px;
  }
}
.cnts__container__inner {
  max-width: 900px;
  margin: 0 auto;
}
.cnts__container__inner > h3 {
  font: 700 30px/1.5 "BIZ UDGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #24376f;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .cnts__container__inner > h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 479px) {
  .cnts__container__inner > h3 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    margin-bottom: 50px;
  }
}
.cnts__container__inner > p {
  font: 700 18px/1.5 "BIZ UDGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000000;
}
@media screen and (max-width: 479px) {
  .cnts__container__inner > p {
    font-size: 16px;
  }
}
.cnts__container__inner figure {
  margin: 80px 0 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .cnts__container__inner figure {
    margin-top: 50px;
  }
}
.cnts__container__inner figure img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.cnts__container__inner figure figcaption {
  font: 700 14px/1.5 "BIZ UDGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000000;
  margin-top: 10px;
}
@media screen and (max-width: 479px) {
  .cnts__container__inner figure figcaption {
    font-size: 13px;
  }
}
.cnts__container__inner .link {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 30px;
  margin-top: 100px;
}
@media screen and (max-width: 479px) {
  .cnts__container__inner .link {
    row-gap: 20px;
    margin-top: 80px;
  }
}
.cnts__container__inner .link__anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px;
  min-height: 70px;
  border: 2px solid #000000;
  text-decoration: none;
  color: #000000 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font: 700 18px/1.5 "BIZ UDGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #000000;
  /*@media (hover: hover) {*/
  /*}*/
}
@media screen and (max-width: 479px) {
  .cnts__container__inner .link__anchor {
    padding: 10px 20px;
    min-height: 50px;
    font-size: 16px;
  }
}
.cnts__container__inner .link__anchor svg {
  padding-right: 20px;
}
.cnts__container__inner .link__anchor:focus, .cnts__container__inner .link__anchor:hover {
  color: #fff !important;
  text-decoration: none;
}
.cnts__container__inner .link__anchor:focus svg path, .cnts__container__inner .link__anchor:hover svg path {
  fill: #fff;
}
.cnts__container__inner .link__anchor:focus, .cnts__container__inner .link__anchor:hover {
  background-color: #24376f;
  border: 2px solid #fff;
}