@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 infinite;
}

@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;
  }
}
main {
  width: 100%;
  height: auto;
  background-color: #0063b1;
  background-image: url("../img/common/img02.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: fixed;
  display: flex;
}
@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% - 280px);
}
.leftside > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 75px auto 50px;
}
@media screen and (max-width: 1280px) {
  .leftside {
    display: none;
  }
}

.center {
  width: 560px;
  height: auto;
  margin: 0 auto;
  position: relative;
  /*center-inner END*/
  /*サイトタイトルは非表示*/
}
@media screen and (max-width: 1280px) {
  .center {
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  .center {
    width: 100%;
  }
}
.center__inner {
  padding: 0 10px;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 750px) {
  .center__inner {
    padding-left: 0;
    padding-right: 0;
    background-color: inherit;
  }
}
.center h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.center .c-whiteLine {
  width: 560px;
  height: 10px;
  background-color: #fff;
  position: sticky;
}
@media screen and (max-width: 750px) {
  .center .c-whiteLine {
    display: none;
  }
}
.center .c-whiteLine.top {
  top: 0;
  left: 0;
}
.center .c-illust {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .center .c-illust {
    height: 250px;
    position: absolute;
  }
}
@media screen and (max-width: 600px) {
  .center .c-illust {
    height: 125px;
  }
}
@media screen and (max-width: 329px) {
  .center .c-illust {
    height: 100px;
  }
}
.center .c-illust__image {
  display: inline-block;
  height: auto;
  max-width: 100%;
  position: absolute;
}
.center .c-illust__image:nth-of-type(1) {
  top: 20px;
  left: 10px;
}
@media screen and (max-width: 750px) {
  .center .c-illust__image:nth-of-type(1) {
    width: 14.3% !important;
    top: 10.4%;
    left: 0;
  }
}
.center .c-illust__image:nth-of-type(2) {
  top: 95px;
  left: 60px;
}
@media screen and (max-width: 750px) {
  .center .c-illust__image:nth-of-type(2) {
    width: 20.4% !important;
    top: 51.2%;
    left: 8.5%;
  }
}
.center .c-illust__image:nth-of-type(3) {
  top: 0;
  left: 156px;
}
@media screen and (max-width: 750px) {
  .center .c-illust__image:nth-of-type(3) {
    width: 13.3% !important;
    top: 0;
    left: 27.4%;
  }
}
.center .c-illust__image:nth-of-type(4) {
  top: 70px;
  left: 253px;
}
@media screen and (max-width: 750px) {
  .center .c-illust__image:nth-of-type(4) {
    width: 12.8% !important;
    top: 39.2%;
    left: 45%;
  }
}
.center .c-illust__image:nth-of-type(5) {
  top: 0;
  left: 335px;
}
@media screen and (max-width: 750px) {
  .center .c-illust__image:nth-of-type(5) {
    width: 15.6% !important;
    top: 0;
    left: 60.5%;
  }
}
.center .c-illust__image:nth-of-type(6) {
  top: 80px;
  left: 426px;
}
@media screen and (max-width: 750px) {
  .center .c-illust__image:nth-of-type(6) {
    width: 15.3% !important;
    top: 43.6%;
    left: 77.6%;
  }
}
.center .c-mv {
  display: block;
  height: auto;
  max-width: 540px;
}
@media screen and (max-width: 750px) {
  .center .c-mv {
    max-width: 100%;
  }
}

/*center END*/
.c-intro {
  background-color: #ebf5df;
  padding-bottom: 94px;
  background-image: url("../img/index/bg01.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
}
.c-intro__emp {
  padding: 22px 4.8% 0;
  font: 900 40px/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: #047a69;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .c-intro__emp {
    font-size: 30px;
  }
}
.c-intro__paragraph {
  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: #333;
  padding: 46px 4.8% 30px;
}
@media screen and (max-width: 480px) {
  .c-intro__paragraph {
    font-size: 18px;
    padding-top: 20px;
  }
}
.c-intro .c-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 450px;
}
@media screen and (max-width: 480px) {
  .c-intro .c-slide {
    height: 225px;
  }
}
.c-intro .c-slide__row {
  display: flex;
  white-space: nowrap;
  position: absolute;
  width: 2220px;
  height: 50%;
}
@media screen and (max-width: 480px) {
  .c-intro .c-slide__row {
    width: 1110px;
  }
}
.c-intro .c-slide__row img {
  flex-shrink: 0;
  width: 50%;
  height: 100%;
  object-fit: contain;
}
.c-intro .c-slide__row.row-1 {
  top: 0;
  left: 0;
  animation: slideRightToLeft 60s linear infinite;
}
.c-intro .c-slide__row.row-2 {
  bottom: 0;
  left: 0;
  animation: slideLeftToRight 60s linear infinite;
}

@keyframes slideRightToLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes slideLeftToRight {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.c-news {
  background-color: #cbe4ab;
  padding-bottom: 94px;
  background-image: url("../img/index/bg02.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
}
@media screen and (max-width: 480px) {
  .c-news {
    padding-top: 20px;
  }
}
.c-news h2 {
  text-align: center;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 110px 15px 53px;
  background-image: url("../img/index/icon01.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 109px;
}
@media screen and (max-width: 480px) {
  .c-news h2 {
    padding-top: 60px;
    padding-bottom: 30px;
    background-size: 14.3%;
    /*c-illust のスマホ版サイズから取ってきた*/
  }
}
.c-news h2 .ja {
  display: block;
  font: 900 50px/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: #033;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .c-news h2 .ja {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-news h2 .ja {
    font-size: 36px;
  }
}
.c-news h2 .en {
  display: block;
  font: 700 20px/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: #033;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .c-news h2 .en {
    font-size: 16px;
  }
}
.c-news__list {
  list-style: none;
  padding: 0 3.3%;
  margin: 0;
}
.c-news__item {
  margin-bottom: 56px;
}
@media screen and (max-width: 480px) {
  .c-news__item {
    margin-bottom: 30px;
  }
}
.c-news__item--anchor {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #033 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-news__item--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .c-news__item--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
}
.c-news__item .top {
  display: block;
  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: #033;
  padding-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .c-news__item .top {
    font-size: 15px;
  }
}
.c-news__item .btm {
  display: block;
  font: 500 24px/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: #033;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media screen and (max-width: 480px) {
  .c-news__item .btm {
    font-size: 20px;
  }
}
.c-news__sns {
  text-align: center;
  padding-top: 40px;
}
.c-news__sns--hl {
  padding: 0 30px 27px;
  font: 900 26px/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: #033;
}
.c-news__sns--hl span {
  position: relative;
  padding: 0 40px;
}
.c-news__sns--hl span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(55deg);
  display: block;
  width: 28px;
  /* 線の高さ */
  height: 2px;
  /* 線の太さ */
  background-color: #033;
}
.c-news__sns--hl span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-55deg);
  display: block;
  width: 28px;
  /* 線の高さ */
  height: 2px;
  /* 線の太さ */
  background-color: #033;
}

.gray-box {
  padding-left: 3.3%;
  padding-right: 3.3%;
}
.gray-box__inner {
  width: 100%;
  height: 420px;
  background-color: #909090;
}

.c-stage {
  background-color: #e9f3fc;
  padding-top: 40px;
  padding-bottom: 94px;
  background-image: url("../img/index/bg03.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom -1px left;
}
.c-stage h2 {
  text-align: center;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 120px 15px 53px;
  background-image: url("../img/index/icon06.png");
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 480px) {
  .c-stage h2 {
    padding-top: 80px;
    padding-bottom: 30px;
    background-size: 14.3%;
    /*c-illust のスマホ版サイズから取ってきた*/
  }
}
.c-stage h2 .ja {
  display: block;
  font: 900 50px/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: #069;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .c-stage h2 .ja {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-stage h2 .ja {
    font-size: 30px;
    /*本来36pxだが、単語が長いので*/
  }
}
.c-stage h2 .en {
  display: block;
  font: 700 20px/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: #069;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .c-stage h2 .en {
    font-size: 16px;
  }
}

.popup {
  padding-left: 3.3%;
  padding-right: 3.3%;
  margin-bottom: 40px;
}
.popup:last-of-type {
  margin-bottom: 0;
}
.popup__date {
  padding: 20px 0;
  text-align: center;
  font: 500 34px/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;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 480px) {
  .popup__date {
    font-size: 28px;
  }
}
.popup__inner {
  background-color: #fff;
}
.popup__grid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 35px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 30px;
}
@media screen and (max-width: 480px) {
  .popup__grid {
    padding: 40px 30px 30px;
    gap: 30px 20px;
  }
}
@media screen and (max-width: 329px) {
  .popup__grid {
    padding-left: 15px;
    padding-right: 15px;
    gap: 30px 10px;
  }
}
.popup__grid__item {
  position: relative;
  margin: 0 auto;
}
.popup__grid__item .news-icon {
  width: 94px;
  height: 94px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ff3333;
  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;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 10;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .popup__grid__item .news-icon {
    width: 60px;
    height: 60px;
    font-size: 14px;
    padding-top: 6px;
    padding-left: 5px;
  }
}
@media screen and (max-width: 480px) {
  .popup__grid__item .news-icon {
    width: 45px;
    height: 45px;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 1px;
  }
}
.popup__grid__item figure {
  width: 100%;
  height: auto;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .popup__grid__item figure: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);
  }
}
.popup__grid__item figure .expansion-icon {
  position: relative;
}
.popup__grid__item figure .expansion-icon:before {
  content: "+";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 5px;
  font: 500 60px/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: #000;
  background-color: #fff;
  border-radius: 50%;
  border: 4px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .popup__grid__item figure .expansion-icon:before {
    width: 30px;
    height: 30px;
    padding-bottom: 4px;
    font-size: 30px;
    border: 1px solid #000;
  }
}
.popup__grid__item figure img {
  display: block;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.popup__grid__item figure figcaption {
  padding-top: 10px;
}
.popup__grid__item figure figcaption .cc {
  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: #069;
  padding-bottom: 10px;
}
.popup__grid__item figure figcaption .title {
  font: 500 20px/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: #000;
}
.popup .timetable {
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
}
@media screen and (max-width: 480px) {
  .popup .timetable {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 329px) {
  .popup .timetable {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.popup .timetable__inner {
  padding: 35px 30px 40px 30px;
  background-color: #069;
}
@media screen and (max-width: 480px) {
  .popup .timetable__inner {
    padding: 30px 25px 40px 25px;
  }
}
.popup .timetable__hl {
  font: 500 28px/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;
  padding-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .popup .timetable__hl {
    font-size: 22px;
  }
}
.popup .timetable__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.popup .timetable__item dl {
  display: flex;
  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: #fff;
  column-gap: 50px;
  margin-bottom: 20px;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .popup .timetable__item dl {
    column-gap: 30px;
  }
}
@media screen and (max-width: 480px) {
  .popup .timetable__item dl {
    font-size: 16px;
    display: block;
  }
}
.popup .timetable__item dl dt {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
}
.popup .timetable__item dl dd {
  margin: 0;
  padding: 0;
}

/*ステージ1日目*/
.popup.date01 .popup__date, .popup.date01 .timetable__inner {
  background-color: #069;
}
.popup.date01 .popup__inner {
  border: 3px #069 solid;
}
.popup.date01 .popup__grid__item figure figcaption .cc {
  color: #069;
}

/*ステージ2日目*/
.popup.date02 .popup__date, .popup.date02 .timetable__inner {
  background-color: #f33;
}
.popup.date02 .popup__inner {
  border: 3px #f33 solid;
}
.popup.date02 .popup__grid__item figure figcaption .cc {
  color: #f33;
}

/*イベント*/
.c-event .popup .popup__date, .c-event .popup .timetable__inner {
  background-color: #2c5858;
}
.c-event .popup .popup__inner {
  border: 3px #2c5858 solid;
}
.c-event .popup .popup__grid__item figure figcaption .cc {
  color: #2c5858;
}

/*グルメ*/
.c-gourmet .popup .popup__date, .c-gourmet .popup .timetable__inner {
  background-color: #c0071e;
}
.c-gourmet .popup .popup__inner {
  border: 3px #c0071e solid;
}
.c-gourmet .popup .popup__grid__item figure figcaption .cc {
  color: #c0071e;
}

/*ブース*/
.c-booth .popup .popup__date, .c-booth .popup .timetable__inner {
  background-color: #340608;
}
.c-booth .popup .popup__inner {
  border: 3px #340608 solid;
}
.c-booth .popup .popup__grid__item figure figcaption .cc {
  color: #340608;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  flex-direction: column;
  overflow-y: scroll;
}
.modal__inner {
  width: 100%;
  max-width: 660px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 45px;
}
@media screen and (min-width: 751px) {
  .modal__inner {
    max-width: 900px;
  }
}
@media screen and (max-width: 480px) {
  .modal__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.modal__container {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 50px 30px 80px;
}
@media screen and (min-width: 751px) {
  .modal__container {
    padding: 50px 60px 80px;
  }
}
@media screen and (max-width: 480px) {
  .modal__container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 329px) {
  .modal__container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.modal__cc {
  font: 500 28px/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: #adadad;
  padding-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .modal__cc {
    font-size: 20px;
  }
}
.modal__cc.stage01-color {
  color: #069;
}
.modal__cc.stage02-color {
  color: #f33;
}
.modal__cc.events-color {
  color: #2c5858;
}
.modal__cc.gourmet-color {
  color: #c2091e;
}
.modal__cc.booth-color {
  color: #340608;
}
.modal__title {
  font: 500 50px/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: #000;
  padding-bottom: 30px;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .modal__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .modal__title {
    font-size: 30px;
  }
}
.modal__image {
  overflow: hidden;
  padding-bottom: 40px;
}
.modal__image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 600 / 467;
  object-fit: cover;
}
.modal__close {
  width: 105px;
  height: 105px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font: 500 72px/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;
  position: fixed;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 0;
}
@media screen and (max-width: 750px) {
  .modal__close {
    width: 80px;
    height: 80px;
    font-size: 60px;
    top: 15px;
    right: 15px;
  }
}
.modal .modal__close:hover,
.modal .modal__close:focus {
  color: #ccc;
  text-decoration: none;
}

.c-event {
  background-color: #2c5858;
  padding-top: 40px;
  padding-bottom: 94px;
  background-image: url("../img/index/bg04.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom -1px left;
}
.c-event h2 {
  text-align: center;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 130px 15px 53px;
  background-image: url("../img/index/icon03.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 90px;
}
@media screen and (max-width: 480px) {
  .c-event h2 {
    padding-top: 100px;
    padding-bottom: 30px;
    background-size: 14.3%;
    /*c-illust のスマホ版サイズから取ってきた*/
  }
}
.c-event h2 .ja {
  display: block;
  font: 900 50px/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 (min-width: 751px), screen and (max-width: 540px) {
  .c-event h2 .ja {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-event h2 .ja {
    font-size: 36px;
  }
}
.c-event h2 .en {
  display: block;
  font: 700 20px/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;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .c-event h2 .en {
    font-size: 16px;
  }
}

.c-gourmet {
  background-color: #fcf7e9;
  padding-top: 40px;
  padding-bottom: 94px;
  background-image: url("../img/index/bg05.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom -1px left;
}
.c-gourmet h2 {
  text-align: center;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 130px 15px 53px;
  background-image: url("../img/index/icon02.png");
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 480px) {
  .c-gourmet h2 {
    padding-top: 70px;
    padding-bottom: 30px;
    background-size: 20%;
    /*c-illust のスマホ版サイズから取ってきた*/
  }
}
.c-gourmet h2 .ja {
  display: block;
  font: 900 50px/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: #c0071e;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .c-gourmet h2 .ja {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-gourmet h2 .ja {
    font-size: 30px;
    /*本来は36px 長いので小さく*/
  }
}
.c-gourmet h2 .en {
  display: block;
  font: 700 20px/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: #c0071e;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .c-gourmet h2 .en {
    font-size: 16px;
  }
}
.c-gourmet__paragraph {
  font: 500 24px/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: 0 3.3% 40px;
}
.c-gourmet__paragraph:first-of-type {
  padding-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .c-gourmet__paragraph {
    font-size: 18px;
    /*padding-top: 20px; */
  }
}
.c-gourmet__paragraph a {
  text-decoration: underline;
  text-underline-offset: 6px;
  color: #000 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .c-gourmet__paragraph a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}

.c-booth {
  background-color: #ededed;
  padding-top: 40px;
  padding-bottom: 94px;
  background-image: url("../img/index/bg06.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom -1px left;
}
.c-booth h2 {
  text-align: center;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 130px 15px 53px;
  background-image: url("../img/index/icon06_1.png");
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 480px) {
  .c-booth h2 {
    padding-top: 50px;
    padding-bottom: 30px;
    background-size: 24%;
    /*c-illust のスマホ版サイズから取ってきた*/
  }
}
.c-booth h2 .ja {
  display: block;
  font: 900 50px/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: #300002;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .c-booth h2 .ja {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-booth h2 .ja {
    font-size: 36px;
  }
}
.c-booth h2 .en {
  display: block;
  font: 700 20px/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: #300002;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .c-booth h2 .en {
    font-size: 16px;
  }
}

.c-map {
  background-color: #c6e3a9;
  padding-top: 40px;
  padding-bottom: 94px;
  background-image: url("../img/index/bg07.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom -1px left;
  text-align: center;
  /*lightbox using*/
}
.c-map h2 {
  text-align: center;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 130px 15px 53px;
  background-image: url("../img/index/icon07.png");
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 480px) {
  .c-map h2 {
    padding-top: 70px;
    padding-bottom: 30px;
    background-size: 14.3%;
    /*c-illust のスマホ版サイズから取ってきた*/
  }
}
.c-map h2 .ja {
  display: block;
  font: 900 50px/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: #300002;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .c-map h2 .ja {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-map h2 .ja {
    font-size: 36px;
  }
}
.c-map h2 .en {
  display: block;
  font: 700 20px/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: #300002;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .c-map h2 .en {
    font-size: 16px;
  }
}
.c-map__anchor {
  margin-left: 3.3%;
  margin-right: 3.3%;
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-map__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .c-map__anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.c-map__anchor:before {
  content: "+";
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 5px;
  font: 500 60px/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: #000;
  background-color: #fff;
  border-radius: 50%;
  border: 4px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .c-map__anchor:before {
    width: 30px;
    height: 30px;
    padding-bottom: 4px;
    font-size: 30px;
    border: 1px solid #000;
  }
}
.c-map__anchor img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 700px;
  margin: 0 auto;
}
.c-map__paragraph {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 3.3%;
  margin-right: 3.3%;
  font: 500 20px/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: #000;
}
@media screen and (max-width: 480px) {
  .c-map__paragraph {
    font-size: 16px;
  }
}

.c-access {
  background-color: #ebf5df;
  padding-top: 40px;
  padding-bottom: 94px;
  background-image: url("../img/index/bg08.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom -1px left;
  text-align: center;
}
.c-access h2 {
  text-align: center;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 100px 15px 53px;
  background-image: url("../img/index/icon08.png");
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 480px) {
  .c-access h2 {
    padding-top: 70px;
    padding-bottom: 30px;
    background-size: 18%;
    /*c-illust のスマホ版サイズから取ってきた*/
  }
}
.c-access h2 .ja {
  display: block;
  font: 900 50px/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: #300002;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .c-access h2 .ja {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .c-access h2 .ja {
    font-size: 36px;
  }
}
.c-access h2 .en {
  display: block;
  font: 700 20px/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: #300002;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .c-access h2 .en {
    font-size: 16px;
  }
}
.c-access__inner {
  padding-left: 3.3%;
  padding-right: 3.3%;
}
.c-access__wrap {
  text-align: center;
  border: 1px solid #000;
  margin-bottom: 30px;
  padding: 20px 15px 30px;
}
.c-access__wrap p {
  font: 500 24px/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-access__wrap p {
    font-size: 20px;
  }
}
.c-access__wrap p span {
  display: inline-block;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  .c-access__wrap p span {
    font-size: 16px;
  }
}
.c-access iframe {
  display: block;
  margin-bottom: 20px;
}
.c-access__paragraph {
  font: 500 20px/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: left;
}
@media screen and (max-width: 480px) {
  .c-access__paragraph {
    font-size: 16px;
  }
}
.c-access__paragraph span {
  color: #ff0000;
}
.c-access .flex {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  margin-top: 50px;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .c-access .flex {
    margin-top: 60px;
    flex-direction: column;
  }
}
.c-access .flex .left {
  flex-shrink: 0;
  padding-left: 10px;
}
@media screen and (max-width: 480px) {
  .c-access .flex .left {
    padding-left: 0;
    margin: 0 auto;
  }
}
.c-access .flex .left img {
  width: 95px;
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 480px) {
  .c-access .flex .left img {
    width: 65px;
  }
}
.c-access .flex .right {
  flex: 1;
  padding-top: 25px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .c-access .flex .right {
    padding-top: 0;
  }
}
.c-access .flex .right__hl {
  font: 500 30px/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: #000;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .c-access .flex .right__hl {
    text-align: center;
  }
}
.c-access .flex .right__paragraph {
  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;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .c-access .flex .right__paragraph {
    font-size: 16px;
  }
}
.c-access .flex .right__emp {
  font: 700 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;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .c-access .flex .right__emp {
    font-size: 16px;
  }
}
.c-access .flex .right__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.c-access .flex .right__table caption {
  font: 500 20px/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: left;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .c-access .flex .right__table caption {
    font-size: 16px;
  }
}
.c-access .flex .right__table th, .c-access .flex .right__table td {
  border: 1px solid #cecece;
  padding: 15px;
  text-align: left;
  vertical-align: baseline;
}
.c-access .flex .right__table th {
  background-color: #e1e1e1;
  width: 35%;
  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-access .flex .right__table th {
    font-size: 16px;
  }
}
.c-access .flex .right__table td {
  background-color: #fff;
  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-access .flex .right__table td {
    font-size: 16px;
  }
}
.c-access .accessLink {
  text-align: center;
}
.c-access .accessLink a {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 414px;
  min-height: 70px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 1px solid #000;
  background-color: #000;
  font: 500 20px/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;
  text-decoration: none;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
  position: relative;
}
@media screen and (max-width: 480px) {
  .c-access .accessLink a {
    font-size: 18px;
    padding: 10px 40px;
  }
}
.c-access .accessLink a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: rotate(45deg) translateY(-50%);
}
.c-access .accessLink a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .c-access .accessLink a:hover {
    background-color: #fff;
    color: #000;
  }
  .c-access .accessLink a:hover::after {
    border-top: 3px solid #000;
    border-right: 3px solid #000;
  }
}

.c-kyosan {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 94px;
  background-image: url("../img/index/bg09.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom -1px left;
  text-align: center;
}
.c-kyosan .hl {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 6%;
  padding-right: 6%;
  margin-top: 20px;
  margin-bottom: 50px;
  font: 500 30px/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: #000;
  position: relative;
}
@media screen and (max-width: 480px) {
  .c-kyosan .hl {
    font-size: 20px;
  }
}
.c-kyosan .hl span {
  width: 200px;
  height: auto;
  display: inline-block;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .c-kyosan .hl span {
    width: 100px;
  }
}
.c-kyosan .hl:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #000;
  max-width: 54.6%;
}
.c-kyosan .logo-large {
  padding-left: 6%;
  padding-right: 6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 50px;
}
@media screen and (max-width: 480px) {
  .c-kyosan .logo-large {
    row-gap: 30px;
  }
}
.c-kyosan .logo-large a {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.c-kyosan .logo-large a img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 314px;
}
.c-kyosan .logo-large a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .c-kyosan .logo-large a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.c-kyosan .logo-middle {
  padding-left: 6%;
  padding-right: 6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px 15px;
}
@media screen and (max-width: 480px) {
  .c-kyosan .logo-middle {
    grid-template-columns: 1fr 1fr;
    gap: 15px 10px;
  }
}
@media screen and (max-width: 329px) {
  .c-kyosan .logo-middle {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.c-kyosan .logo-middle a {
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.c-kyosan .logo-middle a img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 220px;
}
.c-kyosan .logo-middle a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .c-kyosan .logo-middle a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.c-kyosan .logo-small {
  padding-left: 6%;
  padding-right: 6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.c-kyosan .logo-small a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
  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 !important;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.c-kyosan .logo-small a:after {
  content: "／";
  position: absolute;
  top: 0;
  right: 0;
}
.c-kyosan .logo-small a:last-of-type::after {
  content: none;
}
.c-kyosan .logo-small a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .c-kyosan .logo-small a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}

.c-contact {
  background-color: #37a182;
  padding-top: 40px;
  padding-bottom: 260px;
  background-image: url("../img/common/img02.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  text-align: center;
}
@media screen and (min-width: 751px), screen and (max-width: 540px) {
  .c-contact {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 480px) {
  .c-contact {
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 329px) {
  .c-contact {
    padding-bottom: 150px;
  }
}
.c-contact h3 {
  font: 500 24px/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;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .c-contact h3 {
    font-size: 20px;
  }
}
.c-contact 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: #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .c-contact p {
    font-size: 16px;
  }
}
.c-contact .copyright {
  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;
}

.rightside {
  position: sticky;
  overflow-x: clip;
  top: 0px;
  right: 0px;
  height: 100vh;
  width: calc(50% - 280px);
}
@media screen and (max-width: 1280px) {
  .rightside {
    width: 30%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }
}
@media screen and (max-width: 900px) {
  .rightside {
    display: none;
  }
}
.rightside > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 75px auto 5px;
}
.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 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -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;
  /*a END*/
}
.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: #4c7ac7;
  margin: 0 auto;
  padding: 13px 10px;
  transition: .3s linear;
  font: 700 20px/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: #6A95DD;
  }
}