@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;
  /* 開始を遅らせる */
}

/*ゆらゆら*/
.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);
  }
}
/*跳ねる*/
.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);
  }
}
/* 用紙サイズの指定（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,
  body .js-fadeUpSlow,
  body .js-fadeInSlow {
    opacity: 1;
  }
  body .js-fadeIn,
  body .js-fadeInSlow {
    transform: translateX(0);
  }
  body .js-fadeUp,
  body .js-fadeUpSlow {
    transform: translateY(0);
  }
  body .js-fadeUp.is-view,
  body .js-fadeIn.is-view,
  body .js-fadeUpSlow.is-view,
  body .js-fadeInSlow.is-view {
    animation-name: none;
  }
}
body {
  width: 100%;
  height: auto;
  background-image: url("../img/common/bg01.jpg");
  background-repeat: repeat;
  background-position: top left;
  background-attachment: fixed;
}

main {
  width: 100%;
  height: auto;
  background-image: url("../img/common/bg01.jpg");
  background-repeat: repeat;
  background-position: top left;
  background-attachment: fixed;
  display: flex;
  position: relative;
}
main:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/common/pc_img01.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-attachment: fixed;
}
@media screen and (max-width: 900px) {
  main:before {
    content: none;
  }
}
@media screen and (max-width: 1280px) {
  main {
    justify-content: space-evenly;
  }
}

.leftside {
  position: sticky;
  overflow-x: clip;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: calc(50% - 322px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 35px;
}
.leftside > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 100px auto 47px;
}
@media screen and (max-width: 1280px) {
  .leftside {
    display: none;
  }
}

.l-schedule__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.l-schedule__item {
  text-align: center;
  margin-bottom: 26px;
}
.l-schedule__item--anchor {
  width: 380px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 80px;
  border-radius: 999px;
  display: inline-flex;
  flex-direction: column;
  padding: 10px 50px;
  text-decoration: none;
  border: 3px solid #000;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  position: relative;
}
.l-schedule__item--anchor:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/common/icon_arrow.png");
  background-repeat: no-repeat;
  background-position: right 30px center;
}
.l-schedule__item--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .l-schedule__item--anchor:hover {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
.l-schedule__item .top,
.l-schedule__item .btm {
  display: block;
  font: 900 20px/1.4 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
.l-schedule__item:last-of-type {
  margin-bottom: 0;
}

.center {
  width: 648px;
  height: auto;
  margin: 0 auto;
  position: relative;
  background-color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*center-inner END*/
  /*サイトタイトルは非表示*/
}
@media screen and (max-width: 750px) {
  .center {
    width: calc(100% - 3%);
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    margin-top: 10px;
    height: calc(100% - 10px);
  }
}
@media screen and (max-width: 480px) {
  .center {
    padding-left: 2px;
    padding-right: 2px;
  }
}
.center__inner {
  padding: 0;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #fff;
  position: relative;
  /*殆どの画像*/
}
@media screen and (max-width: 750px) {
  .center__inner {
    margin-left: 0;
    margin-right: 0;
  }
}
.center__inner > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5.3%;
  padding-right: 5.3%;
}
.center__inner > img.mb40 {
  margin-bottom: 40px;
}
.center__inner > img.no-pad {
  padding-left: 0;
  padding-right: 0;
}
.center h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.center .c-topLine {
  width: 648px;
  height: 7px;
  background-image: url("../img/common/bg01.jpg");
  background-repeat: repeat;
  background-position: top left;
  background-attachment: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border-bottom: 4px solid #000;
}
@media screen and (max-width: 750px) {
  .center .c-topLine {
    display: none;
  }
}
.center .c-logo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 30px 0;
}
.center .c-mv {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 4% 0;
  max-width: 640px;
}
@media screen and (max-width: 750px) {
  .center .c-mv {
    max-width: 100%;
  }
}

/*center END*/
.c-binder {
  padding-left: 5.3%;
  padding-right: 5.3%;
  padding-bottom: 20px;
}
.c-binder__wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 40px 80px;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  border-radius: 10px;
  background-image: url("../img/index/binder_top.jpg"), url("../img/index/binder_bottom.jpg"), url("../img/index/binder_bg.jpg");
  background-repeat: no-repeat,no-repeat,repeat;
  background-size: contain,contain,contain;
  background-position: top center, bottom center, 0 0;
}
@media screen and (max-width: 480px) {
  .c-binder__wrap {
    padding: 8px 20px 60px;
  }
}
@media screen and (max-width: 329px) {
  .c-binder__wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.c-binder__topImg {
  display: block;
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 8px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.c-binder__title {
  font: 900 36px/1.4 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  margin-top: 80px;
  margin-bottom: 24px;
}
@media screen and (max-width: 480px) {
  .c-binder__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 329px) {
  .c-binder__title {
    font-size: 24px;
  }
}
.c-binder__title > span {
  background: linear-gradient(transparent 60%, #fff27c 60%);
}
.c-binder__date {
  font: 900 30px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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;
  background-color: #000;
  padding: calc(10px - (30px * 1.6 - 30px) / 2) 10px;
  margin-bottom: 25px;
}
@media screen and (max-width: 480px) {
  .c-binder__date {
    font-size: 24px;
    padding: calc(10px - (24px * 1.6 - 24px) / 2) 10px;
  }
}
@media screen and (max-width: 329px) {
  .c-binder__date {
    padding: calc(10px - (20px * 1.6 - 20px) / 2) 10px;
    font-size: 20px;
  }
}
.c-binder__subtitle {
  text-align: left;
  font: 900 24px/1.4 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  margin-bottom: 33px;
}
@media screen and (max-width: 480px) {
  .c-binder__subtitle {
    font-size: 20px;
  }
}
@media screen and (max-width: 329px) {
  .c-binder__subtitle {
    font-size: 16px;
  }
}
.c-binder .hidden-content {
  display: none;
  border-top: 1px dotted #eee;
}
.c-binder .hidden-content.open {
  display: block;
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c-binder__text {
  display: flex;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .c-binder__text {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
.c-binder__text dt {
  font: 500 16px/1.5 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  text-align: center;
  padding: calc(7px - (16px * 1.5 - 16px) / 2) 10px;
  width: 111px;
  background-color: #fff;
  border: 1px solid #000;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .c-binder__text dt {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .c-binder__text dt {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
  }
}
.c-binder__text dd {
  margin-left: 30px;
  flex-grow: 1;
  font: 500 16px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  padding: calc(7px - (16px * 1.5 - 16px) / 2) 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .c-binder__text dd {
    margin-left: 10px;
  }
}
@media screen and (max-width: 480px) {
  .c-binder__text dd {
    margin-left: 0;
  }
}
.c-binder__text dd a {
  color: #007bff;
  text-underline-offset: 5px;
  text-decoration: underline;
}
.c-binder__text.map dd {
  display: block;
  height: 307px;
  max-width: 100%;
  overflow: hidden;
}
.c-binder__text.map dd iframe {
  max-width: 100%;
}
.c-binder__text.company .company__table {
  width: 100%;
  border-collapse: collapse;
}
.c-binder__text.company .company__table th, .c-binder__text.company .company__table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.c-binder__text.company .company__table th {
  background-color: #f2f2f2;
}
.c-binder__text.company .company__table--anchor {
  color: #007bff;
  text-underline-offset: 5px;
  text-decoration: underline;
}
.c-binder__text.benefits dd {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 480px) {
  .c-binder__text.benefits dd {
    flex-direction: column;
    gap: 10px;
  }
}
.c-binder__text.benefits dd div:nth-of-type(2) {
  flex-grow: 0;
}
@media screen and (max-width: 480px) {
  .c-binder__text.benefits dd div:nth-of-type(2) {
    text-align: right;
  }
}
@media screen and (max-width: 750px) {
  .c-binder__text.benefits dd div:nth-of-type(2) img {
    width: 90px;
  }
}
.c-binder .toggle-btn {
  width: 300px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 60px;
  border-radius: 999px;
  padding: 10px 40px;
  margin-top: 40px;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  border: 3px solid #000;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  position: relative;
  font: 500 16px/1.5 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
.c-binder .toggle-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/common/icon_bottom.png");
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.c-binder .toggle-btn.is-open::before {
  content: none;
}

/*.c-slide{
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 280px;
  background-image: url("../img/index/bg02.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 54px;

  &__row{
    display: flex;
    white-space: nowrap;
    position: absolute;
    width: 200%;
    inset: 0;
    animation: slideRightToLeft 30s linear infinite;

    img{
      flex: 0 0 50%;   
      width: 100%;
      height: auto; 
    }
  }
}
@keyframes slideRightToLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}*/
.c-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 280px;
  background-image: url("../img/index/bg02.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 54px;
}
@media screen and (max-width: 480px) {
  .c-slide {
    height: 140px;
  }
}
.c-slide__row {
  display: flex;
  position: absolute;
  inset: 0;
  /* 幅は内容に合わせる（重複した分も含めて “2セット分” の幅になる） */
  width: max-content;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 60s linear infinite;
}
.c-slide__row img {
  flex: 0 0 auto;
  /* 固定幅化（折り返し防止） */
  height: 100%;
  /* 高さに合わせる（必要なら） */
  width: auto;
  /* アスペクト維持 */
  display: block;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
  /* ちょうど1セット分だけ左へ */
}
.c-paragraph {
  padding: 45px 5.3% 40px;
  font: 500 18px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
@media screen and (max-width: 480px) {
  .c-paragraph {
    font-size: 16px;
  }
}

.c-paragraph.tac {
  text-align: center;
}

.c-number {
  text-align: center;
  margin-bottom: 70px;
}
.c-number__hl {
  font: 900 28px/1.4 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  padding-top: 25px;
  padding-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .c-number__hl {
    font-size: 22px;
  }
}
.c-number__people, .c-number__company {
  font: 500 28px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
@media screen and (max-width: 480px) {
  .c-number__people, .c-number__company {
    font-size: 22px;
  }
}
.c-number__people span, .c-number__company span {
  color: #eb1926;
}

.c-entry {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5.3%;
  padding-right: 5.3%;
  text-align: center;
  background: center/cover no-repeat url("../img/index/entry_bg.png");
  margin-top: 20px;
  margin-bottom: 75px;
}
.c-entry img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 20px;
  margin: 0 auto;
}
.c-entry__paragraph {
  font: 500 18px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
@media screen and (max-width: 480px) {
  .c-entry__paragraph {
    font-size: 16px;
  }
}
.c-entry__anchor {
  width: 300px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 60px;
  margin-top: 20px;
  margin-bottom: 40px;
  border-radius: 999px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 50px;
  text-decoration: none;
  border: 3px solid #000;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  position: relative;
}
.c-entry__anchor:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/common/icon_arrow.png");
  background-repeat: no-repeat;
  background-position: right 30px center;
}
.c-entry__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .c-entry__anchor:hover {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
.c-entry__anchor > span {
  display: block;
  font: 500 18px/1.4 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}

.c-guide {
  margin-top: 75px;
  padding-left: 5.3%;
  padding-right: 5.3%;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-guide img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
.c-guide__flex {
  display: flex;
  padding-bottom: 20px;
  gap: 4.8%;
}
@media screen and (max-width: 480px) {
  .c-guide__flex {
    gap: 2%;
  }
}
.c-guide__flex .left {
  flex: 1;
}
.c-guide__flex .left > p {
  font: 500 16px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
@media screen and (max-width: 329px) {
  .c-guide__flex .left > p {
    font-size: 14px;
  }
}
.c-guide__flex .right {
  flex-shrink: 0;
  text-align: center;
}
.c-guide__flex .right img {
  width: 137px;
  height: auto;
}
@media screen and (max-width: 480px) {
  .c-guide__flex .right img {
    width: 90px;
  }
}
.c-guide .note-box .custom-list {
  list-style: none;
  counter-reset: custom-counter;
  padding: 0;
}
.c-guide .note-box .custom-list li {
  counter-increment: custom-counter;
  position: relative;
  padding-left: 2em;
  font: 500 16px/1.6 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}
@media screen and (max-width: 329px) {
  .c-guide .note-box .custom-list li {
    font-size: 14px;
  }
}
.c-guide .note-box .custom-list li::before {
  content: "※" counter(custom-counter) " ";
  position: absolute;
  left: 0;
}

.c-induction {
  padding-left: 5.3%;
  padding-right: 5.3%;
  padding-bottom: 66px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-induction__inner {
  background-color: #fafcb0;
  padding: 45px 4.6% 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-induction__inner > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 25px;
}
.c-induction__flex {
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 35px;
  gap: 20px;
}
@media screen and (max-width: 480px) {
  .c-induction__flex {
    gap: 10px;
  }
}
.c-induction__flex .left {
  flex-shrink: 0;
  text-align: center;
}
.c-induction__flex .left > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .c-induction__flex .left > img {
    width: 80px;
  }
}
.c-induction__flex .right {
  flex: 1;
}
.c-induction__flex .right > p {
  font: 500 16px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
@media screen and (max-width: 329px) {
  .c-induction__flex .right > p {
    font-size: 14px;
  }
}

.c-voice {
  margin-top: 55px;
  padding-left: 5.3%;
  padding-right: 5.3%;
  padding-bottom: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.c-voice img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 45px;
}
.c-voice__paragraph {
  font: 500 18px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  margin-bottom: 60px;
}
@media screen and (max-width: 480px) {
  .c-voice__paragraph {
    font-size: 16px;
  }
}
.c-voice__wrap {
  border: 3px solid #000;
  padding: 25px 40px 50px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 55px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .c-voice__wrap {
    padding-right: 20px;
  }
}
@media screen and (max-width: 329px) {
  .c-voice__wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.c-voice__wrap:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  background: bottom left/100% 10px no-repeat url(../img/index/img14.jpg);
}
.c-voice__flex {
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  gap: 25px;
}
@media screen and (max-width: 480px) {
  .c-voice__flex {
    gap: 15px;
  }
}
.c-voice__flex .left {
  flex-shrink: 0;
  text-align: center;
}
.c-voice__flex .left > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .c-voice__flex .left > img {
    width: 90px;
  }
}
@media screen and (max-width: 329px) {
  .c-voice__flex .left > img {
    width: 80px;
  }
}
.c-voice__flex .right {
  flex: 1;
}
.c-voice__flex .right > p:not(.name) {
  font: 500 16px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
@media screen and (max-width: 329px) {
  .c-voice__flex .right > p:not(.name) {
    font-size: 14px;
  }
}
.c-voice__flex .right > p.name {
  font: 500 18px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  margin-bottom: 30px;
}
@media screen and (max-width: 329px) {
  .c-voice__flex .right > p.name {
    font-size: 16px;
  }
}

.c-qanda {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5.3%;
  padding-right: 5.3%;
  padding-bottom: 70px;
}
.c-qanda .faq {
  padding-top: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #ccc;
}
.c-qanda .faq__q, .c-qanda .faq__a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.c-qanda .faq__q p, .c-qanda .faq__a p {
  flex-grow: 1;
}
.c-qanda .faq__q {
  padding-bottom: 20px;
}
.c-qanda .faq__q p {
  font: 500 20px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
.c-qanda .faq__q::before {
  content: 'Q';
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #000;
  font: 500 18px/1.5 "Noto Sans JP", "ヒラギノ角ゴ 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;
  border-radius: 50%;
  flex-shrink: 0;
}
.c-qanda .faq__a p {
  font: 500 16px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
.c-qanda .faq__a::before {
  content: 'A';
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #ffe500;
  font: 500 18px/1.5 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  border-radius: 50%;
  font-weight: bold;
  flex-shrink: 0;
}
.c-qanda .faq:first-of-type {
  margin-top: 35px;
}
.c-qanda .faq:last-of-type {
  border-bottom: none;
}

.c-footer {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.c-footer img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 20px;
}
.c-footer .name {
  margin-top: 10px;
  font: 500 18px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
.c-footer address {
  margin-top: 30px;
  font-style: normal;
}
.c-footer address .add,
.c-footer address .tel,
.c-footer address .fax {
  font: 500 18px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
}
.c-footer .link {
  margin-top: 15px;
}
@media screen and (max-width: 329px) {
  .c-footer .link span {
    display: none;
  }
}
.c-footer .link a {
  font: 500 18px/1.6 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  text-decoration: underline;
  text-underline-offset: 6px;
  color: #000 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 329px) {
  .c-footer .link a {
    display: inline-block;
  }
}
@media (hover: hover) {
  .c-footer .link a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.c-footer .sns {
  margin-top: 30px;
}
.c-footer .sns a {
  display: inline-block;
  margin: 0 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-footer .sns a img {
  width: 60px;
  height: auto;
}
@media (hover: hover) {
  .c-footer .sns a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

.c-copyright {
  text-align: center;
  word-break: break-word;
  min-height: 60px;
  background-color: #000;
  padding: 24px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 500 13px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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;
  overflow: hidden;
}

.fixed-box {
  display: none;
  position: sticky;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 998;
}
@media screen and (max-width: 900px) {
  .fixed-box {
    display: block;
  }
}
.fixed-box .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 25px 9.3%;
}
@media screen and (max-width: 480px) {
  .fixed-box .flex {
    gap: 5px;
    padding: 10px 15px;
  }
}
.fixed-box .flex .left p.emp {
  font: 900 32px/1.5 "Noto Sans JP", "ヒラギノ角ゴ 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;
}
@media screen and (max-width: 480px) {
  .fixed-box .flex .left p.emp {
    font-size: 20px;
  }
}
.fixed-box .flex .left p:not(.emp) {
  font: 500 14px/1.6 "Noto Sans JP", "ヒラギノ角ゴ 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;
}
@media screen and (max-width: 329px) {
  .fixed-box .flex .left p:not(.emp) {
    font-size: 13px;
  }
}
.fixed-box .flex .middle img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 329px) {
  .fixed-box .flex .middle {
    display: none;
  }
}
.fixed-box .flex .right__anchor {
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 230px;
  min-height: 50px;
  border-radius: 999px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 35px;
  text-decoration: none;
  border: 3px solid #000;
  background-color: #ffff00;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 480px) {
  .fixed-box .flex .right__anchor {
    min-width: 160px;
  }
}
@media screen and (max-width: 329px) {
  .fixed-box .flex .right__anchor {
    min-width: 125px;
    padding: 10px 25px;
  }
}
.fixed-box .flex .right__anchor:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/common/icon_arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
@media screen and (max-width: 329px) {
  .fixed-box .flex .right__anchor:before {
    background-position: right 5px center;
  }
}
.fixed-box .flex .right__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .fixed-box .flex .right__anchor:hover {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
.fixed-box .flex .right__anchor > span {
  display: block;
  font: 500 16px/1.4 "Noto Sans JP", "ヒラギノ角ゴ 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: #000;
  padding-bottom: 2px;
}

.rightside {
  position: sticky;
  overflow-x: clip;
  top: 0px;
  right: 0px;
  height: 100vh;
  width: calc(50% - 322px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 35px;
}
@media screen and (max-width: 1280px) {
  .rightside {
    width: 30%;
  }
}
@media screen and (max-width: 900px) {
  .rightside {
    display: none;
  }
}
.rightside > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 109px auto 46px;
}
.rightside .r-gNav {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.rightside .r-gNav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  row-gap: 15px;
}
.rightside .r-gNav__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  height: 100%;
  padding: 0;
  position: relative;
}
.rightside .r-gNav__item a {
  width: 330px;
  height: auto;
  min-height: 40px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 60px;
  background-color: #000;
  margin: 0 auto;
  padding: 13px 10px;
  transition: .3s linear;
  font: 700 18px/1.2 "Noto Sans JP", "ヒラギノ角ゴ 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 !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  .rightside .r-gNav__item a {
    padding: 5px 10px;
    font-size: 18px;
    min-height: 30px;
  }
}
.rightside .r-gNav__item a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .rightside .r-gNav__item a:hover {
    color: #fef100 !important;
    background-color: #4E4E4E;
  }
}
.rightside .r-gNav__item a.extLink {
  background-color: #ed1c28;
}
.rightside .r-gNav__item a.extLink:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .rightside .r-gNav__item a.extLink:hover {
    color: #fef100 !important;
    background-color: #F05861;
  }
}