@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&family=Noto+Sans+JP:wght@100..900&family=Poppins:wght@400;500;600;700;800;900&display=swap";
:root {
  font-size: 62.5% !important;
  --yellow: #f4df4b;
  --black: #000;
  --navy: #0e2735;
  --white: #fff;
  --blue: #17618c;
  --font-color: #0e2735;
  --point-font: "Caveat", cursive
}
@media(max-width: 1280px) {
  :root {
    font-size: .78125vw !important
  }
}
@media(max-width: 768px) {
  :root {
    font-size: 2.6666666667vw !important
  }
}
.c-en-text {
  font-family: var(--point-font)
}
.c-color {
  color: var(--blue)
}
.for_sp {
  display: none
}
.for_pc {
  display: inline-block
}
.flex {
  display: flex;
  align-items: center
}
@media screen and (max-width: 1200px) {
  .for_sp {
    display: inline-block
  }
  .for_pc {
    display: none
  }
}
html, body {
  width: 100%
}
html {
  scroll-behavior: smooth
}
body {
  position: relative;
  background-color: #fff;
  font-size: 1.6rem;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  color: var(--font-color)
}
@media screen and (min-width: 1001px) {
  a {
    transition: .3s ease-in-out
  }
  img {
    transition: .3s ease-in-out
  }
  a:active, a:hover, a:hover img {
    opacity: .5
  }
  .showup {
    opacity: 0;
    transition: 1s;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px)
  }
  .upview {
    -moz-animation: showup .6s linear 0s 1 normal forwards;
    -webkit-animation: showup .6s linear 0s 1 normal forwards;
    -o-animation: showup .6s linear 0s 1 normal forwards;
    -ms-animation: showup .6s linear 0s 1 normal forwards
  }
  .upview.uv2 {
    -moz-animation: showup .6s linear .3s 1 normal forwards;
    -webkit-animation: showup .6s linear .3s 1 normal forwards;
    -o-animation: showup .6s linear .3s 1 normal forwards;
    -ms-animation: showup .6s linear .3s 1 normal forwards
  }
  .upview.uv3 {
    -moz-animation: showup .6s linear .6s 1 normal forwards;
    -webkit-animation: showup .6s linear .6s 1 normal forwards;
    -o-animation: showup .6s linear .6s 1 normal forwards;
    -ms-animation: showup .6s linear .6s 1 normal forwards
  }
  .upview.uv4 {
    -moz-animation: showup .6s linear .9s 1 normal forwards;
    -webkit-animation: showup .6s linear .9s 1 normal forwards;
    -o-animation: showup .6s linear .9s 1 normal forwards;
    -ms-animation: showup .6s linear .9s 1 normal forwards
  }
  .upview.uv5 {
    -moz-animation: showup .6s linear 1.2s 1 normal forwards;
    -webkit-animation: showup .6s linear 1.2s 1 normal forwards;
    -o-animation: showup .6s linear 1.2s 1 normal forwards;
    -ms-animation: showup .6s linear 1.2s 1 normal forwards
  }
  .showdown {
    opacity: 0;
    transition: 1s;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px)
  }
  .downview {
    -moz-animation: showdown .6s linear 0s 1 normal forwards;
    -webkit-animation: showdown .6s linear 0s 1 normal forwards;
    -o-animation: showdown .6s linear 0s 1 normal forwards;
    -ms-animation: showdown .6s linear 0s 1 normal forwards
  }
  .downview.dv2 {
    -moz-animation: showdown .6s linear .3s 1 normal forwards;
    -webkit-animation: showdown .6s linear .3s 1 normal forwards;
    -o-animation: showdown .6s linear .3s 1 normal forwards;
    -ms-animation: showdown .6s linear .3s 1 normal forwards
  }
  .downview.dv3 {
    -moz-animation: showdown .6s linear .6s 1 normal forwards;
    -webkit-animation: showdown .6s linear .6s 1 normal forwards;
    -o-animation: showdown .6s linear .6s 1 normal forwards;
    -ms-animation: showdown .6s linear .6s 1 normal forwards
  }
  .downview.dv4 {
    -moz-animation: showdown .6s linear .9s 1 normal forwards;
    -webkit-animation: showdown .6s linear .9s 1 normal forwards;
    -o-animation: showdown .6s linear .9s 1 normal forwards;
    -ms-animation: showdown .6s linear .9s 1 normal forwards
  }
  .showleft {
    opacity: 0;
    transition: 1s;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px)
  }
  .leftview {
    -moz-animation: showleft 1s linear 0s 1 normal forwards;
    -webkit-animation: showleft 1s linear 0s 1 normal forwards;
    -o-animation: showleft 1s linear 0s 1 normal forwards;
    -ms-animation: showleft 1s linear 0s 1 normal forwards
  }
  .showright {
    opacity: 0;
    transition: 1s;
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px)
  }
  .rightview {
    -moz-animation: showright 1s linear 0s 1 normal forwards;
    -webkit-animation: showright 1s linear 0s 1 normal forwards;
    -o-animation: showright 1s linear 0s 1 normal forwards;
    -ms-animation: showright 1s linear 0s 1 normal forwards
  }
  .wrap, #page {
    width: 100%;
    position: relative
  }
  .mainw, .mainw_pc {
    max-width: 104rem;
    margin: 0 auto;
    padding: 0 2rem
  }
  .img100 {
    width: 100%
  }
  .img100 img {
    width: 100%
  }
  @-webkit-keyframes imgfade {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  @-webkit-keyframes showup {
    0% {
      opacity: 0;
      transform: translateY(20px)
    }
    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }
  @-webkit-keyframes showdown {
    0% {
      opacity: 0;
      transform: translateY(-20px)
    }
    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }
  @-webkit-keyframes showleft {
    0% {
      opacity: 0;
      transform: translateX(-20px)
    }
    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }
  @-webkit-keyframes showright {
    0% {
      opacity: 0;
      transform: translateX(20px)
    }
    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }
}
@media screen and (max-width: 1200px) {
  body {
    font-size: 1.6rem;
    line-height: 1.75
  }
  a {
    transition: .3s ease-in-out
  }
  img {
    transition: .3s ease-in-out
  }
  a:active, a:hover, a:hover img {
    opacity: .7
  }
  .wrap, #page {
    width: 100%;
    position: relative
  }
  .for_pc {
    display: none !important
  }
  .for_tab {
    display: none
  }
  .for_pcnotab {
    display: none !important
  }
  .for_nw {
    display: none !important
  }
  .showup {
    opacity: 0;
    transition: 1s;
    transform: translateY(4vw);
    -webkit-transform: translateY(4vw);
    -moz-transform: translateY(4vw);
    -ms-transform: translateY(4vw);
    -o-transform: translateY(4vw)
  }
  .upview {
    -moz-animation: showup 1s linear 0s 1 normal forwards;
    -webkit-animation: showup 1s linear 0s 1 normal forwards;
    -o-animation: showup 1s linear 0s 1 normal forwards;
    -ms-animation: showup 1s linear 0s 1 normal forwards
  }
  .showdown {
    opacity: 0;
    transition: 1s;
    transform: translateY(-4vw);
    -webkit-transform: translateY(-4vw);
    -moz-transform: translateY(-4vw);
    -ms-transform: translateY(-4vw);
    -o-transform: translateY(-4vw)
  }
  .downview {
    -moz-animation: showup 1s linear 0s 1 normal forwards;
    -webkit-animation: showup 1s linear 0s 1 normal forwards;
    -o-animation: showup 1s linear 0s 1 normal forwards;
    -ms-animation: showup 1s linear 0s 1 normal forwards
  }
  .showleft {
    opacity: 0;
    transition: 1s;
    transform: translateX(-4vw);
    -webkit-transform: translateX(-4vw);
    -moz-transform: translateX(-4vw);
    -ms-transform: translateX(-4vw);
    -o-transform: translateX(-4vw)
  }
  .leftview {
    -moz-animation: showleft 1s linear 0s 1 normal forwards;
    -webkit-animation: showleft 1s linear 0s 1 normal forwards;
    -o-animation: showleft 1s linear 0s 1 normal forwards;
    -ms-animation: showleft 1s linear 0s 1 normal forwards
  }
  .showright {
    opacity: 0;
    transition: 1s;
    transform: translateX(4vw);
    -webkit-transform: translateX(4vw);
    -moz-transform: translateX(4vw);
    -ms-transform: translateX(4vw);
    -o-transform: translateX(4vw)
  }
  .rightview {
    -moz-animation: showright 1s linear 0s 1 normal forwards;
    -webkit-animation: showright 1s linear 0s 1 normal forwards;
    -o-animation: showright 1s linear 0s 1 normal forwards;
    -ms-animation: showright 1s linear 0s 1 normal forwards
  }
  .mainw {
    width: 93.3333333333vw;
    max-width: 100%;
    margin: 0 auto;
    padding: 0
  }
  @-webkit-keyframes showup {
    0% {
      opacity: 0;
      transform: translateY(4vw)
    }
    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }
  @-webkit-keyframes txtfade {
    0% {
      opacity: 0;
      transform: translateY(4vw)
    }
    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }
  @-webkit-keyframes showleft {
    0% {
      opacity: 0;
      transform: translateX(-20px)
    }
    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }
  @-webkit-keyframes showright {
    0% {
      opacity: 0;
      transform: translateX(20px)
    }
    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }
}
.footer-inr {
  position: relative;
}
.kyoka {
  display: block;
  position: absolute;
  right: 160px;
  font-size: 12px;
  width: 300px;
  top: 100px;
}
@media screen and (max-width:520px) {
  .kyoka {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    right: 0px;
  }
} /*# sourceMappingURL=common.css.map */