#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  -webkit-mask-image: url("../img/icon/loader.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  mask-image: url("../img/icon/loader.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #EBA03B;
  z-index: 20;
}
#loader.fixed {
  position: fixed;
}

#footer {
  margin-top: auto;
}

#header {
  position: sticky;
  top: 0;
  background: linear-gradient(to bottom, #FBC065 0%, #EBA03B 100%);
  padding: 0.5em;
  z-index: 5;
}
#header .header_inner {
  text-align: center;
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header .header_inner .logo {
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 1.5em;
}

#menu_btn {
  position: relative;
  width: 50px;
  height: 45px;
  z-index: 7;
  cursor: pointer;
}
#menu_btn:before, #menu_btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 3px;
  background: white;
  left: 10%;
  transition: 0.3s;
}
#menu_btn:before {
  top: 15px;
  transform-origin: 12px 4px;
}
#menu_btn:after {
  bottom: 15px;
  transform-origin: 13px 0;
}
#menu_btn.is_close {
  margin-top: 3em;
}
#menu_btn.is_close:before {
  transform: rotate(45deg);
}
#menu_btn.is_close:after {
  transform: rotate(-45deg);
}

#menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#menu .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #FBC065 0%, #EBA03B 100%);
  opacity: 0;
  transition: opacity 0.2s;
}
#menu nav {
  width: 80%;
  max-width: 900px;
  padding-top: 10em;
  position: relative;
  z-index: 6;
  display: inline-flex;
  flex-direction: column;
}
#menu nav a {
  font-weight: bold;
  color: white;
  text-decoration: none;
  display: inline-flex;
  flex-direction: column;
  line-height: 1.4;
  margin-bottom: 1.5em;
  align-items: flex-start;
  transform: translateY(15px);
  opacity: 0;
  font-size: 1.6em;
}
#menu nav a:after {
  content: attr(data-en);
  font-size: 0.9rem;
}
#menu.is_open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#menu.is_open .bg {
  opacity: 1;
}
#menu.is_open nav a {
  animation: slideY 0.7s ease-in-out forwards, opacity1 0.8s ease-in forwards;
}
#menu.is_open nav a:nth-child(1) {
  animation-delay: 0.3s;
}
#menu.is_open nav a:nth-child(2) {
  animation-delay: 0.4s;
}
#menu.is_open nav a:nth-child(3) {
  animation-delay: 0.5s;
}
#menu.is_open nav a:nth-child(4) {
  animation-delay: 0.6s;
}
#menu.is_open nav a:nth-child(5) {
  animation-delay: 0.7s;
}
#menu.is_open nav a:nth-child(6) {
  animation-delay: 0.8s;
}
#menu.is_open nav a:nth-child(7) {
  animation-delay: 0.9s;
}
#menu.is_open nav a:nth-child(8) {
  animation-delay: 1s;
}
#menu.is_open nav a:nth-child(9) {
  animation-delay: 1.1s;
}
#menu.is_open nav a:nth-child(10) {
  animation-delay: 1.2s;
}

@keyframes opacity1 {
  100% {
    opacity: 1;
  }
}
@keyframes slideY {
  100% {
    transform: translateY(0);
  }
}
#footer {
  background: #EBA03B;
  text-align: center;
}
#footer p {
  color: white;
}

.fs07 {
  font-size: 0.7em;
}

.fs08 {
  font-size: 0.8em;
}

.fs09 {
  font-size: 0.9em;
}

.fs11 {
  font-size: 1.1em;
}

.fs12 {
  font-size: 1.2em;
}

.fs13 {
  font-size: 1.3em;
}

.fs14 {
  font-size: 1.4em;
}

.fs15 {
  font-size: 1.5em;
}

.fs16 {
  font-size: 1.6em;
}

.fs17 {
  font-size: 1.7em;
}

.fs18 {
  font-size: 1.8em;
}

.fs19 {
  font-size: 1.9em;
}

.fs4 {
  font-size: 4em;
}

.fs5 {
  font-size: 5em;
}

.f_bld {
  font-weight: bold;
}

.c_link {
  color: #007bff;
}

.c_wht {
  color: white;
}

.c_err {
  color: #f55852;
}

.c_red {
  color: red;
}

.c_red2 {
  color: #b90e0e;
}

.c_bs_d2 {
  color: #AE5E05;
}

.c_bs2 {
  color: #B73D19;
}

.c_grn {
  color: #36e336;
}

.tx_c {
  text-align: center;
}

.tx_r {
  text-align: right;
}

.tx_l {
  text-align: left;
}

.b_gry {
  background: silver;
}

.b_ptm {
  background: #dadad9;
}

.b_lg_gry {
  background: #fdfdfd;
}

.b_slv {
  background: #a1a5a9;
}

.b_grn {
  background: green;
}

.b_blue {
  background: #0303d7;
}

.b_yel {
  background: #dcda18;
}

.b_red {
  background: #d5001c;
}

.b_org {
  background: #cbb12e;
}

.b_cyn {
  background: #2ecbc6;
}

.b_pp {
  background: purple;
}

.b_pnk {
  background: #f3aeb5;
}

.b_gld {
  background: #CAA846;
}

.b_bs {
  background: #EBA03B;
}

.b_bs2 {
  background: #B73D19;
}

.b_bs2_d {
  background: #A12B0B;
}

.b_bs2_d2 {
  background: #8B1F04;
}

.wAuto {
  width: auto;
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.w100 {
  width: 100%;
}

.w15 {
  width: 15%;
}

.w25 {
  width: 25%;
}

.w35 {
  width: 35%;
}

.w45 {
  width: 45%;
}

.w55 {
  width: 55%;
}

.w65 {
  width: 65%;
}

.w75 {
  width: 75%;
}

.w48 {
  width: 48%;
}

.w96 {
  width: 96%;
}

.w1em {
  width: 1em;
}

.w2em {
  width: 2em;
}

.w3em {
  width: 3em;
}

.w4em {
  width: 4em;
}

.w5em {
  width: 5em;
}

.w6em {
  width: 6em;
}

.w7em {
  width: 7em;
}

.w8em {
  width: 8em;
}

.w9em {
  width: 9em;
}

.w10em {
  width: 10em;
}

.w11em {
  width: 11em;
}

.w12em {
  width: 12em;
}

.w13em {
  width: 13em;
}

.w14em {
  width: 14em;
}

.w15em {
  width: 15em;
}

.w30px {
  width: 30px;
}

.w40px {
  width: 40px;
}

.w50px {
  width: 50px;
}

.w60px {
  width: 60px;
}

.w70px {
  width: 70px;
}

.w80px {
  width: 80px;
}

.w90px {
  width: 90px;
}

.w100px {
  width: 100px;
}

.w200px {
  width: 200px;
}

.w300px {
  width: 300px;
}

.w400px {
  width: 400px;
}

.w500px {
  width: 500px;
}

.w600px {
  width: 600px;
}

.w700px {
  width: 700px;
}

.w800px {
  width: 800px;
}

.w900px {
  width: 900px;
}

.w1000px {
  width: 1000px;
}

.w1100px {
  width: 1100px;
}

.w1200px {
  width: 1200px;
}

.w150px {
  width: 150px;
}

.w250px {
  width: 250px;
}

.w350px {
  width: 350px;
}

.w450px {
  width: 450px;
}

.w550px {
  width: 550px;
}

.w650px {
  width: 650px;
}

.w750px {
  width: 750px;
}

.w850px {
  width: 850px;
}

.wmax180px {
  max-width: 180px;
}

.wmax200px {
  max-width: 200px;
}

.wmax300px {
  max-width: 300px;
}

.wmax400px {
  max-width: 400px;
}

.wmax500px {
  max-width: 500px;
}

.wmax600px {
  max-width: 600px;
}

.wmax700px {
  max-width: 700px;
}

.wmax800px {
  max-width: 800px;
}

.wmax900px {
  max-width: 900px;
}

.wmax1000px {
  max-width: 1000px;
}

.wmax1100px {
  max-width: 1100px;
}

.wmax1200px {
  max-width: 1200px;
}

.wmax150px {
  max-width: 150px;
}

.wmax250px {
  max-width: 250px;
}

.wmax350px {
  max-width: 350px;
}

.wmax450px {
  max-width: 450px;
}

.wmax550px {
  max-width: 550px;
}

.wmax650px {
  max-width: 650px;
}

.wmax750px {
  max-width: 750px;
}

.wmax850px {
  max-width: 850px;
}

.wmin200px {
  min-width: 200px;
}

.wmin300px {
  min-width: 300px;
}

.wmin400px {
  min-width: 400px;
}

.wmin500px {
  min-width: 500px;
}

.wmin600px {
  min-width: 600px;
}

.wmin700px {
  min-width: 700px;
}

.wmin800px {
  min-width: 800px;
}

.wmin900px {
  min-width: 900px;
}

.wmin1000px {
  min-width: 1000px;
}

.wmin1100px {
  min-width: 1100px;
}

.wmin1200px {
  min-width: 1200px;
}

.wmin250px {
  min-width: 250px;
}

.wmin350px {
  min-width: 350px;
}

.wmin450px {
  min-width: 450px;
}

.wmin550px {
  min-width: 550px;
}

.wmin650px {
  min-width: 650px;
}

.wmin750px {
  min-width: 750px;
}

.wmin850px {
  min-width: 850px;
}

.wmin950px {
  min-width: 950px;
}

.wmin1050px {
  min-width: 1050px;
}

.wmin1150px {
  min-width: 1150px;
}

.wmin1250px {
  min-width: 1250px;
}

.mgn {
  margin: auto;
}

.mgn_h {
  margin: 0 auto;
}

.mgn_v {
  margin: auto 0;
}

.mt0 {
  margin-top: 0;
}

.mt05 {
  margin-top: 0.5em;
}

.mt01 {
  margin-top: .1em;
}

.mt02 {
  margin-top: .2em;
}

.mt03 {
  margin-top: .3em;
}

.mt04 {
  margin-top: .4em;
}

.mt05 {
  margin-top: .5em;
}

.mt1 {
  margin-top: 1em;
}

.mt2 {
  margin-top: 2em;
}

.mt3 {
  margin-top: 3em;
}

.mt4 {
  margin-top: 4em;
}

.mt5 {
  margin-top: 5em;
}

.mt15 {
  margin-top: 1.5em;
}

.mt25 {
  margin-top: 2.5em;
}

.mt35 {
  margin-top: 3.5em;
}

.mt45 {
  margin-top: 4.5em;
}

.mt55 {
  margin-top: 5.5em;
}

.mr01 {
  margin-right: 0.1em;
}

.mr02 {
  margin-right: 0.2em;
}

.mr03 {
  margin-right: 0.3em;
}

.mr04 {
  margin-right: 0.4em;
}

.mr05 {
  margin-right: 0.5em;
}

.mr06 {
  margin-right: 0.6em;
}

.mr07 {
  margin-right: 0.7em;
}

.mr08 {
  margin-right: 0.8em;
}

.mr09 {
  margin-right: 0.9em;
}

.mr1 {
  margin-right: 1em;
}

.mr15 {
  margin-right: 1.5em;
}

.mr2 {
  margin-right: 2em;
}

.mr25 {
  margin-right: 2.5em;
}

.mb01 {
  margin-bottom: 0.1em;
}

.mb02 {
  margin-bottom: 0.2em;
}

.mb03 {
  margin-bottom: 0.3em;
}

.mb04 {
  margin-bottom: 0.4em;
}

.mb05 {
  margin-bottom: 0.5em;
}

.mb06 {
  margin-bottom: 0.6em;
}

.mb07 {
  margin-bottom: 0.7em;
}

.mb08 {
  margin-bottom: 0.8em;
}

.mb09 {
  margin-bottom: 0.9em;
}

.mb1 {
  margin-bottom: 1em;
}

.mb2 {
  margin-bottom: 2em;
}

.mb3 {
  margin-bottom: 3em;
}

.mb4 {
  margin-bottom: 4em;
}

.mb5 {
  margin-bottom: 5em;
}

.mb10 {
  margin-bottom: 1.0em;
}

.mb15 {
  margin-bottom: 1.5em;
}

.mb20 {
  margin-bottom: 2.0em;
}

.mb25 {
  margin-bottom: 2.5em;
}

.mb35 {
  margin-bottom: 3.5em;
}

.mb45 {
  margin-bottom: 4.5em;
}

.mb55 {
  margin-bottom: 5.5em;
}

.ml_auto {
  margin-left: auto;
}

.ml02 {
  margin-left: 0.2em;
}

.ml03 {
  margin-left: 0.3em;
}

.ml04 {
  margin-left: 0.4em;
}

.ml05 {
  margin-left: 0.5em;
}

.ml06 {
  margin-left: 0.6em;
}

.ml07 {
  margin-left: 0.7em;
}

.ml08 {
  margin-left: 0.8em;
}

.ml09 {
  margin-left: 0.9em;
}

.ml1 {
  margin-left: 1em;
}

.ml15 {
  margin-left: 1.5em;
}

.ml2 {
  margin-left: 1em;
}

.ml20 {
  margin-left: 2.0em;
}

.ml25 {
  margin-left: 2.5em;
}

label, .is_block {
  display: block;
}

.is_open {
  display: block;
  visibility: visible;
}

.is_show {
  opacity: 1;
}

.is_hidden {
  display: none;
}

.pc_none, .pcTb_none {
  display: none;
}

.tbSp_none {
  display: block;
}

.fx {
  display: flex;
  align-items: center;
}

.fx_c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fx_b {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fx_grow {
  flex-grow: 1;
}

.fx_start {
  display: flex;
  align-items: flex-start;
}

.fx_stretch {
  display: flex;
  align-items: stretch;
}

.fx_end {
  display: flex;
  align-items: flex-end;
}

.fx_wrap {
  flex-wrap: wrap;
}

.fixed_bottom {
  position: sticky;
  bottom: 0;
}