@charset "UTF-8";
.noto-sans-jp_regular,
.wf_r {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-jp_bold,
.wf_b {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

html {
  font-size: 10px;
  font-size: 62.5%;
}
html body {
  font-family: "Noto Sans JP", "游ゴシック", "meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 500;
  width: 100%;
  margin: 0 auto;
}
html body.sp_menu_opened {
  overflow: hidden;
}

/* 
body {
    opacity: 0;
}

body.loaded {
    opacity: 1;
} */
a {
  text-decoration: none;
  display: inline-block;
}
a a:hover {
  opacity: 0.7;
}

li {
  list-style: none;
}

.pd0 {
  padding: 0;
}

.mg0 {
  margin: 0;
}

.wmvr {
  writing-mode: vertical-rl;
}

.wf {
  width: 100%;
}

.mwf {
  max-width: 100%;
}

.hf {
  height: 100%;
}

.mhf {
  max-height: 100%;
}

.df {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: inherit;
}

.df.fww {
  flex-wrap: wrap;
}

.df.fwn {
  flex-wrap: nowrap;
}

.df.jcb {
  justify-content: baseline;
}

.df.jcfs {
  justify-content: flex-start;
}

.df.jcsb {
  justify-content: space-between;
}

.df.jcse {
  justify-content: space-evenly;
}

.df.aifs {
  align-items: flex-start;
}

.df.ais {
  align-items: stretch;
}

.df.fwn {
  flex-wrap: nowrap;
}

.df.fdc {
  flex-direction: column;
}

.df.fdr {
  flex-direction: row;
}

.df > .f1 {
  flex: 1;
}

.df > .asc {
  align-self: center;
}

.df > .asfs {
  align-self: flex-start;
}

.df > .jsfs {
  justify-self: flex-start;
}

.df > .jsc {
  justify-self: center;
}

.df > .fg1 {
  flex-grow: 1;
}

.df > .fg2 {
  flex-grow: 2;
}

.df > .fg3 {
  flex-grow: 3;
}

@media only screen and (max-width: 750px) {
  .df.jcb_s {
    justify-content: baseline;
  }
}

@media only screen and (max-width: 750px) {
  .df.jcsb_s {
    justify-content: space-between;
  }
}

@media only screen and (max-width: 750px) {
  .df.jcse_s {
    justify-content: space-evenly;
  }
}

@media only screen and (max-width: 750px) {
  .df.aifs_s {
    align-items: flex-start;
  }
}

@media only screen and (max-width: 750px) {
  .df.fwn_s {
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 750px) {
  .df.fdc_s {
    flex-direction: column;
  }
}

@media only screen and (max-width: 750px) {
  .df > .asc_s {
    align-self: center;
  }
}

@media only screen and (max-width: 750px) {
  .df > .asfs_s {
    align-self: flex-start;
  }
}

@media only screen and (max-width: 750px) {
  .df > .jsfs_s {
    justify-self: flex-start;
  }
}

@media only screen and (max-width: 750px) {
  .df > .jsc_s {
    justify-self: center;
  }
}

@media only screen and (max-width: 750px) {
  .df > .fg1_s {
    flex-grow: 1;
  }
}

@media only screen and (max-width: 750px) {
  .df > .fg2_s {
    flex-grow: 2;
  }
}

@media only screen and (max-width: 750px) {
  .df > .fg3_s {
    flex-grow: 3;
  }
}

.dg {
  display: grid;
  grid-template-rows: 100px 100px;
  grid-template-columns: 100px 1fr;
  /*
  grid-template-areas:
      "areaA areaB"
      "areaA areaC";
  */
}

/* ライン番号1から始めて、2つ先のラインまで伸ばす */
/* ライン番号3から始めて、1つ先のラインまで伸ばす */
.flex {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: baseline;
  height: auto;
  flex-wrap: inherit;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
  border: none;
}

.mc,
.ma {
  margin-left: auto;
  margin-right: auto;
}

.ovh {
  overflow: hidden;
}

.fwn {
  font-weight: normal;
}

.fwb {
  font-weight: bold;
}

.cb {
  clear: both;
}

.di {
  display: inline;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.taj {
  text-align: justify;
}

.bd {
  border: none;
  border-top: 1px solid #000;
}

.pa {
  position: absolute;
}

.pr {
  position: relative;
}

.pf {
  position: fixed;
}

.bcw {
  background-color: #fff;
}

.cw,
.cf {
  color: #fff;
}

.c0 {
  color: #000;
}

.tdu {
  text-decoration: underline;
}

/**/
button {
  background: none;
  border: none;
}

a.button {
  position: relative;
  background-color: blue;
  border-radius: 40px;
  text-align: center;
  width: 270px;
  height: 60px;
  align-items: center;
  justify-content: center;
  box-shadow: 3px 3px 9px rgba(46, 46, 46, 0.2588235294);
  cursor: pointer;
}
a.button span.text {
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}
a.button img.arrow {
  width: 8px;
  position: absolute;
  right: 20px;
}

#wrapper .sp {
  display: none;
}
@media only screen and (max-width: 750px) {
  #wrapper .sp {
    display: inherit !important;
  }
}

#wrapper .pc {
  display: inherit;
}
@media only screen and (min-width: 751px) and (max-width: 1120px) {
  #wrapper .pc {
    display: none !important;
  }
}
@media only screen and (max-width: 750px) {
  #wrapper .pc {
    display: none !important;
  }
}

#wrapper .tab {
  display: none;
}
@media only screen and (min-width: 751px) and (max-width: 1120px) {
  #wrapper .tab {
    display: inherit !important;
  }
}
@media only screen and (max-width: 750px) {
  #wrapper .tab {
    display: none !important;
  }
}

.animateTarget {
  opacity: 0;
}

.animeDownToTopType01 {
  animation-name: keyframes__animeDownToTopType01;
  animation-duration: 0.62s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: ease-in-out;
}

@keyframes keyframes__animeDownToTopType01 {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animeLeftToRight01 {
  animation-name: keyframes__animeLeftToRight01;
  animation-duration: 0.62s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: linear;
}

@keyframes keyframes__animeLeftToRight01 {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animeRightToLeft01 {
  animation-name: keyframes__animeRightToLeft01;
  animation-duration: 0.62s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: ease-in-out;
}

.appearing_block {
  animation-name: appearing_block;
  animation-duration: 0.62s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: ease-in-out;
}

.hiding_block {
  animation-name: hiding_block;
  animation-duration: 0.62s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: ease-in-out;
}

.appearing {
  animation-name: appearing;
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: ease-in-out;
}

.hiding {
  animation-name: hiding;
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: ease-in-out;
}

.appearing_top_mv {
  animation-name: appearing_top_mv;
  animation-duration: 4.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: linear;
}

.zooming {
  animation-name: zooming;
  animation-duration: 4.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: linear;
}

.zooming_first {
  animation-name: zooming_first;
  animation-duration: 9s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: none;
  animation-timing-function: linear;
}

@keyframes keyframes__animeRightToLeft01 {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zooming_first {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.3, 1.3);
  }
}
@keyframes zooming {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.15, 1.15);
  }
}
@keyframes appearing_block {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes appearing_top_mv {
  0% {
    display: none;
    opacity: 0;
    transform: scale(1, 1);
  }
  1% {
    display: flex;
    opacity: 0;
  }
  20% {
    display: flex;
    opacity: 1;
  }
  100% {
    display: flex;
    opacity: 1;
    transform: scale(1.15, 1.15);
  }
}
@keyframes appearing {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
@keyframes hiding_block {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes hiding {
  0% {
    display: flex;
    opacity: 1;
  }
  99% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes slide_show {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide_hide {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}/*# sourceMappingURL=style_base.css.map */