@charset "UTF-8";
*:not(input), *:not(select), *:not(textarea), *:before, *:after {
  margin: 0;
  padding: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 100px;
}
@media only screen and (max-width: 479px) {
  html {
    font-size: 86px;
  }
}

html, body {
  height: 100%;
  text-align: center;
}

body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
  font-size: 0.16rem;
  line-height: 1;
  color: #000;
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
@media only screen and (max-width: 479px) {
  img {
    width: 100%;
  }
}

.fwb {
  font-weight: bold;
}

.table {
  display: table;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
}

@media only screen and (max-width: 479px) {
  .tblock {
    display: block !important;
  }
  .tblock tbody, .tblock tr, .tblock th, .tblock td {
    display: block !important;
  }
}

.m0a {
  margin: 0 auto;
}

.mbss {
  margin-bottom: 0.2rem;
}

.mbs {
  margin-bottom: 0.4rem;
}

.mbm {
  margin-bottom: 0.6rem;
}

.mbl {
  margin-bottom: 0.8rem;
}

.mbll {
  margin-bottom: 1rem;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

.op a img,
.op2 {
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}

.op a img:hover,
.op2:hover {
  opacity: 0.7;
}

.cf:after {
  display: block;
  clear: both;
  content: "";
}

.show_pc {
  display: block;
}
@media only screen and (max-width: 979px) {
  .show_pc {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .show_pc {
    display: none;
  }
}

img.show_pc, span.show_pc {
  display: inline;
}
@media only screen and (max-width: 979px) {
  img.show_pc, span.show_pc {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  img.show_pc, span.show_pc {
    display: none;
  }
}

.show_pctb {
  display: block;
}
@media only screen and (max-width: 979px) {
  .show_pctb {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .show_pctb {
    display: none;
  }
}

img.show_pctb, span.show_pctb {
  display: inline;
}
@media only screen and (max-width: 979px) {
  img.show_pctb, span.show_pctb {
    display: inline;
  }
}
@media only screen and (max-width: 479px) {
  img.show_pctb, span.show_pctb {
    display: none;
  }
}

.show_tbsp {
  display: none;
}
@media only screen and (max-width: 979px) {
  .show_tbsp {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .show_tbsp {
    display: block;
  }
}

img.show_tbsp, span.show_tbsp {
  display: none;
}
@media only screen and (max-width: 979px) {
  img.show_tbsp, span.show_tbsp {
    display: inline;
  }
}
@media only screen and (max-width: 479px) {
  img.show_tbsp, span.show_tbsp {
    display: inline;
  }
}

.show_tb {
  display: none;
}
@media only screen and (max-width: 979px) {
  .show_tb {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .show_tb {
    display: none;
  }
}

img.show_tb, span.show_tb {
  display: none;
}
@media only screen and (max-width: 979px) {
  img.show_tb, span.show_tb {
    display: inline;
  }
}
@media only screen and (max-width: 479px) {
  img.show_tb, span.show_tb {
    display: none;
  }
}

.show_sp {
  display: none;
}
@media only screen and (max-width: 979px) {
  .show_sp {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .show_sp {
    display: block;
  }
}

img.show_sp, span.show_sp {
  display: none;
}
@media only screen and (max-width: 979px) {
  img.show_sp, span.show_sp {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  img.show_sp, span.show_sp {
    display: inline;
  }
}

.delay01 {
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}

.delay02 {
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}

.delay03 {
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}

.delay04 {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}

.delay05 {
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}

.delay06 {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}

.delay07 {
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}

.delay08 {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}

.delay09 {
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}

.delay10 {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

.delay11 {
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}

.delay12 {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}

.delay13 {
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}

.delay14 {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}

.delay15 {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

.delay16 {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}

.delay17 {
  -webkit-animation-delay: 1.7s !important;
          animation-delay: 1.7s !important;
}

.delay18 {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}

.delay19 {
  -webkit-animation-delay: 1.9s !important;
          animation-delay: 1.9s !important;
}

.delay20 {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}

.delay21 {
  -webkit-animation-delay: 2.1s !important;
          animation-delay: 2.1s !important;
}

.delay22 {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
}

.delay23 {
  -webkit-animation-delay: 2.3s !important;
          animation-delay: 2.3s !important;
}

.delay24 {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important;
}

.delay25 {
  -webkit-animation-delay: 2.5s !important;
          animation-delay: 2.5s !important;
}

.delay26 {
  -webkit-animation-delay: 2.6s !important;
          animation-delay: 2.6s !important;
}

.delay27 {
  -webkit-animation-delay: 2.7s !important;
          animation-delay: 2.7s !important;
}

.delay28 {
  -webkit-animation-delay: 2.8s !important;
          animation-delay: 2.8s !important;
}

.delay29 {
  -webkit-animation-delay: 2.9s !important;
          animation-delay: 2.9s !important;
}

.delay30 {
  -webkit-animation-delay: 3s !important;
          animation-delay: 3s !important;
}

.duration01 {
  -webkit-animation-duration: 0.1s !important;
          animation-duration: 0.1s !important;
}

.duration02 {
  -webkit-animation-duration: 0.2s !important;
          animation-duration: 0.2s !important;
}

.duration03 {
  -webkit-animation-duration: 0.3s !important;
          animation-duration: 0.3s !important;
}

.duration04 {
  -webkit-animation-duration: 0.4s !important;
          animation-duration: 0.4s !important;
}

.duration05 {
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
}

.duration06 {
  -webkit-animation-duration: 0.6s !important;
          animation-duration: 0.6s !important;
}

.duration07 {
  -webkit-animation-duration: 0.7s !important;
          animation-duration: 0.7s !important;
}

.duration08 {
  -webkit-animation-duration: 0.8s !important;
          animation-duration: 0.8s !important;
}

.duration09 {
  -webkit-animation-duration: 0.9s !important;
          animation-duration: 0.9s !important;
}

.duration10 {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}

.duration11 {
  -webkit-animation-duration: 1.1s !important;
          animation-duration: 1.1s !important;
}

.duration12 {
  -webkit-animation-duration: 1.2s !important;
          animation-duration: 1.2s !important;
}

.duration13 {
  -webkit-animation-duration: 1.3s !important;
          animation-duration: 1.3s !important;
}

.duration14 {
  -webkit-animation-duration: 1.4s !important;
          animation-duration: 1.4s !important;
}

.duration15 {
  -webkit-animation-duration: 1.5s !important;
          animation-duration: 1.5s !important;
}

.duration16 {
  -webkit-animation-duration: 1.6s !important;
          animation-duration: 1.6s !important;
}

.duration17 {
  -webkit-animation-duration: 1.7s !important;
          animation-duration: 1.7s !important;
}

.duration18 {
  -webkit-animation-duration: 1.8s !important;
          animation-duration: 1.8s !important;
}

.duration19 {
  -webkit-animation-duration: 1.9s !important;
          animation-duration: 1.9s !important;
}

.duration20 {
  -webkit-animation-duration: 2s !important;
          animation-duration: 2s !important;
}

.duration21 {
  -webkit-animation-duration: 2.1s !important;
          animation-duration: 2.1s !important;
}

.duration22 {
  -webkit-animation-duration: 2.2s !important;
          animation-duration: 2.2s !important;
}

.duration23 {
  -webkit-animation-duration: 2.3s !important;
          animation-duration: 2.3s !important;
}

.duration24 {
  -webkit-animation-duration: 2.4s !important;
          animation-duration: 2.4s !important;
}

.duration25 {
  -webkit-animation-duration: 2.5s !important;
          animation-duration: 2.5s !important;
}

.duration26 {
  -webkit-animation-duration: 2.6s !important;
          animation-duration: 2.6s !important;
}

.duration27 {
  -webkit-animation-duration: 2.7s !important;
          animation-duration: 2.7s !important;
}

.duration28 {
  -webkit-animation-duration: 2.8s !important;
          animation-duration: 2.8s !important;
}

.duration29 {
  -webkit-animation-duration: 2.9s !important;
          animation-duration: 2.9s !important;
}

.duration30 {
  -webkit-animation-duration: 3s !important;
          animation-duration: 3s !important;
}

.fade {
  opacity: 0;
  transform: translateY(10%);
}

.fade_cntinuous > * {
  opacity: 0;
  transform: translateY(10%);
}

.rightleft {
  transform: translateX(-100vw);
}

.leftright {
  transform: translateX(100vw);
}

.leftrightsmallbig {
  transform: translate(-3000px, 0) scale(0.1);
  opacity: 0;
}

.chakuchi {
  transform: scale(0.8, 1.4) translate(0%, -100%);
  opacity: 0;
}

.chakuchi_ecopink {
  transform: scale(-1, 1) scale(0.8, 1.4) translate(0%, -100%);
  opacity: 0;
}

.updown {
  transform: scale(0.8, 1.1) translate(0, -1000px);
  opacity: 0;
}

.bigsmall {
  transform: scale(2);
  opacity: 0;
}

.gatagata {
  -webkit-animation: gatagata 0.3s ease infinite;
          animation: gatagata 0.3s ease infinite;
}

.track_gas {
  -webkit-animation: gas 0.4s linear infinite;
          animation: gas 0.4s linear infinite;
}

.purupuru {
  opacity: 0;
}

.kakukaku {
  transform: translate(0%, 0%);
  opacity: 0;
}

.wasawasa {
  opacity: 0;
}

.hanabi {
  transform: scale(0, 0) translate(0, 1000px);
  opacity: 0;
}

.bigsmallrepeat {
  -webkit-animation: bigsmallrepeat 1.5s linear infinite;
          animation: bigsmallrepeat 1.5s linear infinite;
}

.jumprepeat {
  -webkit-animation: jumprepeat 1s ease-in-out infinite;
          animation: jumprepeat 1s ease-in-out infinite;
}

.downuprepeat {
  -webkit-animation: downuprepeat 1s ease infinite;
          animation: downuprepeat 1s ease infinite;
}

.yurikago {
  -webkit-animation: yurikago 3s linear infinite;
          animation: yurikago 3s linear infinite;
}

.downrotate {
  transform-origin: left;
  opacity: 0;
  transform: rotate(-4deg) translate(0, -1000px);
}

.trigger_child.on .fade {
  -webkit-animation: fadein 0.6s ease-in-out forwards;
          animation: fadein 0.6s ease-in-out forwards;
}
.trigger_child.on .fade_cntinuous > * {
  -webkit-animation: fadein 0.6s ease-in-out forwards;
          animation: fadein 0.6s ease-in-out forwards;
}
.trigger_child.on .fade_cntinuous > *:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(11) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(12) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(13) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(14) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(15) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(16) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(17) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(18) {
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(19) {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(20) {
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(21) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(22) {
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(23) {
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(24) {
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(25) {
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(26) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(27) {
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(28) {
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(29) {
  -webkit-animation-delay: 5.6s;
          animation-delay: 5.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(30) {
  -webkit-animation-delay: 5.8s;
          animation-delay: 5.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(31) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(32) {
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(33) {
  -webkit-animation-delay: 6.4s;
          animation-delay: 6.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(34) {
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(35) {
  -webkit-animation-delay: 6.8s;
          animation-delay: 6.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(36) {
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(37) {
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(38) {
  -webkit-animation-delay: 7.4s;
          animation-delay: 7.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(39) {
  -webkit-animation-delay: 7.6s;
          animation-delay: 7.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(40) {
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(41) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(42) {
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(43) {
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(44) {
  -webkit-animation-delay: 8.6s;
          animation-delay: 8.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(45) {
  -webkit-animation-delay: 8.8s;
          animation-delay: 8.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(46) {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(47) {
  -webkit-animation-delay: 9.2s;
          animation-delay: 9.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(48) {
  -webkit-animation-delay: 9.4s;
          animation-delay: 9.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(49) {
  -webkit-animation-delay: 9.6s;
          animation-delay: 9.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(50) {
  -webkit-animation-delay: 9.8s;
          animation-delay: 9.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(51) {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(52) {
  -webkit-animation-delay: 10.2s;
          animation-delay: 10.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(53) {
  -webkit-animation-delay: 10.4s;
          animation-delay: 10.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(54) {
  -webkit-animation-delay: 10.6s;
          animation-delay: 10.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(55) {
  -webkit-animation-delay: 10.8s;
          animation-delay: 10.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(56) {
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(57) {
  -webkit-animation-delay: 11.2s;
          animation-delay: 11.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(58) {
  -webkit-animation-delay: 11.4s;
          animation-delay: 11.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(59) {
  -webkit-animation-delay: 11.6s;
          animation-delay: 11.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(60) {
  -webkit-animation-delay: 11.8s;
          animation-delay: 11.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(61) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(62) {
  -webkit-animation-delay: 12.2s;
          animation-delay: 12.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(63) {
  -webkit-animation-delay: 12.4s;
          animation-delay: 12.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(64) {
  -webkit-animation-delay: 12.6s;
          animation-delay: 12.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(65) {
  -webkit-animation-delay: 12.8s;
          animation-delay: 12.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(66) {
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(67) {
  -webkit-animation-delay: 13.2s;
          animation-delay: 13.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(68) {
  -webkit-animation-delay: 13.4s;
          animation-delay: 13.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(69) {
  -webkit-animation-delay: 13.6s;
          animation-delay: 13.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(70) {
  -webkit-animation-delay: 13.8s;
          animation-delay: 13.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(71) {
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(72) {
  -webkit-animation-delay: 14.2s;
          animation-delay: 14.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(73) {
  -webkit-animation-delay: 14.4s;
          animation-delay: 14.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(74) {
  -webkit-animation-delay: 14.6s;
          animation-delay: 14.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(75) {
  -webkit-animation-delay: 14.8s;
          animation-delay: 14.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(76) {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(77) {
  -webkit-animation-delay: 15.2s;
          animation-delay: 15.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(78) {
  -webkit-animation-delay: 15.4s;
          animation-delay: 15.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(79) {
  -webkit-animation-delay: 15.6s;
          animation-delay: 15.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(80) {
  -webkit-animation-delay: 15.8s;
          animation-delay: 15.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(81) {
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(82) {
  -webkit-animation-delay: 16.2s;
          animation-delay: 16.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(83) {
  -webkit-animation-delay: 16.4s;
          animation-delay: 16.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(84) {
  -webkit-animation-delay: 16.6s;
          animation-delay: 16.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(85) {
  -webkit-animation-delay: 16.8s;
          animation-delay: 16.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(86) {
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(87) {
  -webkit-animation-delay: 17.2s;
          animation-delay: 17.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(88) {
  -webkit-animation-delay: 17.4s;
          animation-delay: 17.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(89) {
  -webkit-animation-delay: 17.6s;
          animation-delay: 17.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(90) {
  -webkit-animation-delay: 17.8s;
          animation-delay: 17.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(91) {
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(92) {
  -webkit-animation-delay: 18.2s;
          animation-delay: 18.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(93) {
  -webkit-animation-delay: 18.4s;
          animation-delay: 18.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(94) {
  -webkit-animation-delay: 18.6s;
          animation-delay: 18.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(95) {
  -webkit-animation-delay: 18.8s;
          animation-delay: 18.8s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(96) {
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(97) {
  -webkit-animation-delay: 19.2s;
          animation-delay: 19.2s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(98) {
  -webkit-animation-delay: 19.4s;
          animation-delay: 19.4s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(99) {
  -webkit-animation-delay: 19.6s;
          animation-delay: 19.6s;
}
.trigger_child.on .fade_cntinuous > *:nth-child(100) {
  -webkit-animation-delay: 19.8s;
          animation-delay: 19.8s;
}
.trigger_child.on .wasawasa {
  -webkit-animation: wasawasa 1s linear forwards;
          animation: wasawasa 1s linear forwards;
}
.trigger_child.on .rightleft {
  -webkit-animation: rightleft 0.6s linear forwards;
          animation: rightleft 0.6s linear forwards;
}
.trigger_child.on .leftright {
  -webkit-animation: leftright 0.6s linear forwards;
          animation: leftright 0.6s linear forwards;
}
.trigger_child.on .leftrightsmallbig {
  -webkit-animation: leftrightsmallbig 1.2s linear forwards;
          animation: leftrightsmallbig 1.2s linear forwards;
}
.trigger_child.on .chakuchi {
  -webkit-animation: chakuchi 1s linear forwards;
          animation: chakuchi 1s linear forwards;
}
.trigger_child.on .chakuchi_ecopink {
  -webkit-animation: chakuchi_ecopink 1s linear forwards;
          animation: chakuchi_ecopink 1s linear forwards;
}
.trigger_child.on .updown {
  -webkit-animation: updown 0.6s linear forwards;
          animation: updown 0.6s linear forwards;
}
.trigger_child.on .bigsmall {
  -webkit-animation: bigsmall 0.2s linear forwards;
          animation: bigsmall 0.2s linear forwards;
}
.trigger_child.on .purupuru {
  -webkit-animation: purupuru 0.6s linear forwards;
          animation: purupuru 0.6s linear forwards;
}
.trigger_child.on .kakukaku {
  -webkit-animation: kakukaku 1.2s linear infinite;
          animation: kakukaku 1.2s linear infinite;
}
.trigger_child.on .hanabi {
  -webkit-animation: hanabi 2.4s linear forwards;
          animation: hanabi 2.4s linear forwards;
}
.trigger_child.on .nobiru {
  -webkit-animation: nobiru 0.6s linear 0s forwards;
          animation: nobiru 0.6s linear 0s forwards;
}
.trigger_child.on .downrotate {
  -webkit-animation: downrotate 1s linear forwards;
          animation: downrotate 1s linear forwards;
}

.trigger.on.fade {
  -webkit-animation: fadein 0.6s ease-in-out forwards;
          animation: fadein 0.6s ease-in-out forwards;
}
.trigger.on.fade_cntinuous > * {
  -webkit-animation: fadein 0.6s ease-in-out forwards;
          animation: fadein 0.6s ease-in-out forwards;
}
.trigger.on.fade_cntinuous > *:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.trigger.on.fade_cntinuous > *:nth-child(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(11) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.trigger.on.fade_cntinuous > *:nth-child(12) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(13) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(14) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(15) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(16) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.trigger.on.fade_cntinuous > *:nth-child(17) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(18) {
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(19) {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(20) {
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(21) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.trigger.on.fade_cntinuous > *:nth-child(22) {
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(23) {
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(24) {
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(25) {
  -webkit-animation-delay: 4.8s;
          animation-delay: 4.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(26) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.trigger.on.fade_cntinuous > *:nth-child(27) {
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(28) {
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(29) {
  -webkit-animation-delay: 5.6s;
          animation-delay: 5.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(30) {
  -webkit-animation-delay: 5.8s;
          animation-delay: 5.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(31) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
.trigger.on.fade_cntinuous > *:nth-child(32) {
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(33) {
  -webkit-animation-delay: 6.4s;
          animation-delay: 6.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(34) {
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(35) {
  -webkit-animation-delay: 6.8s;
          animation-delay: 6.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(36) {
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.trigger.on.fade_cntinuous > *:nth-child(37) {
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(38) {
  -webkit-animation-delay: 7.4s;
          animation-delay: 7.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(39) {
  -webkit-animation-delay: 7.6s;
          animation-delay: 7.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(40) {
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(41) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
.trigger.on.fade_cntinuous > *:nth-child(42) {
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(43) {
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(44) {
  -webkit-animation-delay: 8.6s;
          animation-delay: 8.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(45) {
  -webkit-animation-delay: 8.8s;
          animation-delay: 8.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(46) {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
.trigger.on.fade_cntinuous > *:nth-child(47) {
  -webkit-animation-delay: 9.2s;
          animation-delay: 9.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(48) {
  -webkit-animation-delay: 9.4s;
          animation-delay: 9.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(49) {
  -webkit-animation-delay: 9.6s;
          animation-delay: 9.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(50) {
  -webkit-animation-delay: 9.8s;
          animation-delay: 9.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(51) {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.trigger.on.fade_cntinuous > *:nth-child(52) {
  -webkit-animation-delay: 10.2s;
          animation-delay: 10.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(53) {
  -webkit-animation-delay: 10.4s;
          animation-delay: 10.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(54) {
  -webkit-animation-delay: 10.6s;
          animation-delay: 10.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(55) {
  -webkit-animation-delay: 10.8s;
          animation-delay: 10.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(56) {
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
.trigger.on.fade_cntinuous > *:nth-child(57) {
  -webkit-animation-delay: 11.2s;
          animation-delay: 11.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(58) {
  -webkit-animation-delay: 11.4s;
          animation-delay: 11.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(59) {
  -webkit-animation-delay: 11.6s;
          animation-delay: 11.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(60) {
  -webkit-animation-delay: 11.8s;
          animation-delay: 11.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(61) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
.trigger.on.fade_cntinuous > *:nth-child(62) {
  -webkit-animation-delay: 12.2s;
          animation-delay: 12.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(63) {
  -webkit-animation-delay: 12.4s;
          animation-delay: 12.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(64) {
  -webkit-animation-delay: 12.6s;
          animation-delay: 12.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(65) {
  -webkit-animation-delay: 12.8s;
          animation-delay: 12.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(66) {
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
}
.trigger.on.fade_cntinuous > *:nth-child(67) {
  -webkit-animation-delay: 13.2s;
          animation-delay: 13.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(68) {
  -webkit-animation-delay: 13.4s;
          animation-delay: 13.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(69) {
  -webkit-animation-delay: 13.6s;
          animation-delay: 13.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(70) {
  -webkit-animation-delay: 13.8s;
          animation-delay: 13.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(71) {
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
}
.trigger.on.fade_cntinuous > *:nth-child(72) {
  -webkit-animation-delay: 14.2s;
          animation-delay: 14.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(73) {
  -webkit-animation-delay: 14.4s;
          animation-delay: 14.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(74) {
  -webkit-animation-delay: 14.6s;
          animation-delay: 14.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(75) {
  -webkit-animation-delay: 14.8s;
          animation-delay: 14.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(76) {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}
.trigger.on.fade_cntinuous > *:nth-child(77) {
  -webkit-animation-delay: 15.2s;
          animation-delay: 15.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(78) {
  -webkit-animation-delay: 15.4s;
          animation-delay: 15.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(79) {
  -webkit-animation-delay: 15.6s;
          animation-delay: 15.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(80) {
  -webkit-animation-delay: 15.8s;
          animation-delay: 15.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(81) {
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}
.trigger.on.fade_cntinuous > *:nth-child(82) {
  -webkit-animation-delay: 16.2s;
          animation-delay: 16.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(83) {
  -webkit-animation-delay: 16.4s;
          animation-delay: 16.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(84) {
  -webkit-animation-delay: 16.6s;
          animation-delay: 16.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(85) {
  -webkit-animation-delay: 16.8s;
          animation-delay: 16.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(86) {
  -webkit-animation-delay: 17s;
          animation-delay: 17s;
}
.trigger.on.fade_cntinuous > *:nth-child(87) {
  -webkit-animation-delay: 17.2s;
          animation-delay: 17.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(88) {
  -webkit-animation-delay: 17.4s;
          animation-delay: 17.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(89) {
  -webkit-animation-delay: 17.6s;
          animation-delay: 17.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(90) {
  -webkit-animation-delay: 17.8s;
          animation-delay: 17.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(91) {
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}
.trigger.on.fade_cntinuous > *:nth-child(92) {
  -webkit-animation-delay: 18.2s;
          animation-delay: 18.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(93) {
  -webkit-animation-delay: 18.4s;
          animation-delay: 18.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(94) {
  -webkit-animation-delay: 18.6s;
          animation-delay: 18.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(95) {
  -webkit-animation-delay: 18.8s;
          animation-delay: 18.8s;
}
.trigger.on.fade_cntinuous > *:nth-child(96) {
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
}
.trigger.on.fade_cntinuous > *:nth-child(97) {
  -webkit-animation-delay: 19.2s;
          animation-delay: 19.2s;
}
.trigger.on.fade_cntinuous > *:nth-child(98) {
  -webkit-animation-delay: 19.4s;
          animation-delay: 19.4s;
}
.trigger.on.fade_cntinuous > *:nth-child(99) {
  -webkit-animation-delay: 19.6s;
          animation-delay: 19.6s;
}
.trigger.on.fade_cntinuous > *:nth-child(100) {
  -webkit-animation-delay: 19.8s;
          animation-delay: 19.8s;
}
.trigger.on.wasawasa {
  -webkit-animation: wasawasa 1s linear forwards;
          animation: wasawasa 1s linear forwards;
}
.trigger.on.rightleft {
  -webkit-animation: rightleft 0.8s linear forwards;
          animation: rightleft 0.8s linear forwards;
}
.trigger.on.leftright {
  -webkit-animation: leftright 0.8s linear forwards;
          animation: leftright 0.8s linear forwards;
}
.trigger.on.leftrightsmallbig {
  -webkit-animation: leftrightsmallbig 1.2s linear forwards;
          animation: leftrightsmallbig 1.2s linear forwards;
}
.trigger.on.chakuchi {
  -webkit-animation: chakuchi 1s linear forwards;
          animation: chakuchi 1s linear forwards;
}
.trigger.on.chakuchi_ecopink {
  -webkit-animation: chakuchi_ecopink 1s linear forwards;
          animation: chakuchi_ecopink 1s linear forwards;
}
.trigger.on.updown {
  -webkit-animation: updown 0.6s linear forwards;
          animation: updown 0.6s linear forwards;
}
.trigger.on.bigsmall {
  -webkit-animation: bigsmall 0.3s linear forwards;
          animation: bigsmall 0.3s linear forwards;
}
.trigger.on.purupuru {
  -webkit-animation: purupuru 0.6s linear forwards;
          animation: purupuru 0.6s linear forwards;
}
.trigger.on.kakukaku {
  -webkit-animation: kakukaku 1.2s linear infinite;
          animation: kakukaku 1.2s linear infinite;
}
.trigger.on.hanabi {
  -webkit-animation: hanabi 2.4s linear forwards;
          animation: hanabi 2.4s linear forwards;
}
.trigger.on.nobiru {
  -webkit-animation: nobiru 0.6s linear 0s forwards;
          animation: nobiru 0.6s linear 0s forwards;
}
.trigger.on.downrotate {
  -webkit-animation: downrotate 1s linear forwards;
          animation: downrotate 1s linear forwards;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes pagetop {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 5px);
  }
  50% {
    transform: translate(5px, 0);
  }
  75% {
    transform: translate(0, 5px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes pagetop {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 5px);
  }
  50% {
    transform: translate(5px, 0);
  }
  75% {
    transform: translate(0, 5px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes leftrightsmallbig {
  0% {
    transform: translate(-3000px, 0) scale(0.1);
    opacity: 0;
  }
  1% {
    transform: translate(-3000px, 0) scale(0.1);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes leftrightsmallbig {
  0% {
    transform: translate(-3000px, 0) scale(0.1);
    opacity: 0;
  }
  1% {
    transform: translate(-3000px, 0) scale(0.1);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes gatagata {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 3px);
  }
  50% {
    transform: translate(3px, 0);
  }
  75% {
    transform: translate(0, 3px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes gatagata {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 3px);
  }
  50% {
    transform: translate(3px, 0);
  }
  75% {
    transform: translate(0, 3px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes gas {
  0% {
    transform: scale(0, 0) translate(-30, -30px);
    opacity: 0;
  }
  50% {
    transform: scale(0.5, 0.5) translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translate(30px, -30px);
    opacity: 0;
  }
}
@keyframes gas {
  0% {
    transform: scale(0, 0) translate(-30, -30px);
    opacity: 0;
  }
  50% {
    transform: scale(0.5, 0.5) translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translate(30px, -30px);
    opacity: 0;
  }
}
@-webkit-keyframes bigsmall {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes bigsmall {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes chakuchi {
  0% {
    transform: scale(0.8, 1.4) translate(0%, -100%);
    opacity: 0;
  }
  10% {
    transform: scale(0.8, 1.4) translate(0%, -15%);
    opacity: 1;
  }
  20% {
    transform: scale(1.4, 0.6) translate(0%, 30%);
    opacity: 1;
  }
  30% {
    transform: scale(0.9, 1.1) translate(0%, -10%);
    opacity: 1;
  }
  40% {
    transform: scale(0.95, 1.2) translate(0%, -30%);
    opacity: 1;
  }
  50% {
    transform: scale(0.95, 1.2) translate(0%, -10%);
    opacity: 1;
  }
  60% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
    opacity: 1;
  }
  70% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes chakuchi {
  0% {
    transform: scale(0.8, 1.4) translate(0%, -100%);
    opacity: 0;
  }
  10% {
    transform: scale(0.8, 1.4) translate(0%, -15%);
    opacity: 1;
  }
  20% {
    transform: scale(1.4, 0.6) translate(0%, 30%);
    opacity: 1;
  }
  30% {
    transform: scale(0.9, 1.1) translate(0%, -10%);
    opacity: 1;
  }
  40% {
    transform: scale(0.95, 1.2) translate(0%, -30%);
    opacity: 1;
  }
  50% {
    transform: scale(0.95, 1.2) translate(0%, -10%);
    opacity: 1;
  }
  60% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
    opacity: 1;
  }
  70% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
}
@-webkit-keyframes chakuchi_ecopink {
  0% {
    transform: scale(-1, 1) scale(0.8, 1.4) translate(0%, -100%);
    opacity: 0;
  }
  10% {
    transform: scale(-1, 1) scale(0.8, 1.4) translate(0%, -15%);
    opacity: 1;
  }
  20% {
    transform: scale(-1, 1) scale(1.4, 0.6) translate(0%, 30%);
    opacity: 1;
  }
  30% {
    transform: scale(-1, 1) scale(0.9, 1.1) translate(0%, -10%);
    opacity: 1;
  }
  40% {
    transform: scale(-1, 1) scale(0.95, 1.2) translate(0%, -30%);
    opacity: 1;
  }
  50% {
    transform: scale(-1, 1) scale(0.95, 1.2) translate(0%, -10%);
    opacity: 1;
  }
  60% {
    transform: scale(-1, 1) scale(1.1, 0.9) translate(0%, 5%);
    opacity: 1;
  }
  70% {
    transform: scale(-1, 1) scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
  100% {
    transform: scale(-1, 1) scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes chakuchi_ecopink {
  0% {
    transform: scale(-1, 1) scale(0.8, 1.4) translate(0%, -100%);
    opacity: 0;
  }
  10% {
    transform: scale(-1, 1) scale(0.8, 1.4) translate(0%, -15%);
    opacity: 1;
  }
  20% {
    transform: scale(-1, 1) scale(1.4, 0.6) translate(0%, 30%);
    opacity: 1;
  }
  30% {
    transform: scale(-1, 1) scale(0.9, 1.1) translate(0%, -10%);
    opacity: 1;
  }
  40% {
    transform: scale(-1, 1) scale(0.95, 1.2) translate(0%, -30%);
    opacity: 1;
  }
  50% {
    transform: scale(-1, 1) scale(0.95, 1.2) translate(0%, -10%);
    opacity: 1;
  }
  60% {
    transform: scale(-1, 1) scale(1.1, 0.9) translate(0%, 5%);
    opacity: 1;
  }
  70% {
    transform: scale(-1, 1) scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
  100% {
    transform: scale(-1, 1) scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
}
@-webkit-keyframes updown {
  0% {
    opacity: 0;
    transform: scale(0.8, 1.1) translate(0, -1000px);
  }
  1% {
    opacity: 1;
    transform: scale(0.8, 1.1) translate(0, -1000px);
  }
  85% {
    opacity: 1;
    transform: scale(1.1, 0.9) translate(0, 30px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(0, 0);
  }
}
@keyframes updown {
  0% {
    opacity: 0;
    transform: scale(0.8, 1.1) translate(0, -1000px);
  }
  1% {
    opacity: 1;
    transform: scale(0.8, 1.1) translate(0, -1000px);
  }
  85% {
    opacity: 1;
    transform: scale(1.1, 0.9) translate(0, 30px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(0, 0);
  }
}
@-webkit-keyframes purupuru {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 0;
  }
  20% {
    transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
    opacity: 1;
  }
  65% {
    transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
    opacity: 1;
  }
  80% {
    transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes purupuru {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 0;
  }
  20% {
    transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
    opacity: 1;
  }
  65% {
    transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
    opacity: 1;
  }
  80% {
    transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
    opacity: 1;
  }
}
@-webkit-keyframes kakukaku {
  0% {
    transform: translate(0%, 0%);
    opacity: 0;
  }
  5% {
    transform: translate(10%, 0%) rotate(10deg);
    opacity: 1;
  }
  25% {
    transform: translate(20%, 0%) rotate(20deg);
    opacity: 1;
  }
  30% {
    transform: translate(-10%, 0%) rotate(-10deg);
    opacity: 1;
  }
  35% {
    transform: translate(-15%, 0%) rotate(-15deg);
    opacity: 1;
  }
  45% {
    transform: translate(10%, 0%) rotate(10deg);
    opacity: 1;
  }
  50% {
    transform: translate(15%, 0%) rotate(15deg);
    opacity: 1;
  }
  60% {
    transform: translate(-5%, 0%) rotate(-5deg);
    opacity: 1;
  }
  65% {
    transform: translate(-7%, 0%) rotate(-7deg);
    opacity: 1;
  }
  75% {
    transform: translate(0%, 0%) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%) rotate(0deg);
    opacity: 1;
  }
}
@keyframes kakukaku {
  0% {
    transform: translate(0%, 0%);
    opacity: 0;
  }
  5% {
    transform: translate(10%, 0%) rotate(10deg);
    opacity: 1;
  }
  25% {
    transform: translate(20%, 0%) rotate(20deg);
    opacity: 1;
  }
  30% {
    transform: translate(-10%, 0%) rotate(-10deg);
    opacity: 1;
  }
  35% {
    transform: translate(-15%, 0%) rotate(-15deg);
    opacity: 1;
  }
  45% {
    transform: translate(10%, 0%) rotate(10deg);
    opacity: 1;
  }
  50% {
    transform: translate(15%, 0%) rotate(15deg);
    opacity: 1;
  }
  60% {
    transform: translate(-5%, 0%) rotate(-5deg);
    opacity: 1;
  }
  65% {
    transform: translate(-7%, 0%) rotate(-7deg);
    opacity: 1;
  }
  75% {
    transform: translate(0%, 0%) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes hanabi {
  0% {
    transform: scale(0, 0) translate(0, 5000px);
    opacity: 0;
  }
  90% {
    transform: scale(0.2, 0.2) translate(0, 300px);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1) translate(0, 0);
    opacity: 1;
  }
}
@keyframes hanabi {
  0% {
    transform: scale(0, 0) translate(0, 5000px);
    opacity: 0;
  }
  90% {
    transform: scale(0.2, 0.2) translate(0, 300px);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1) translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes bigsmallrepeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bigsmallrepeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes jumprepeat {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.2, 0.5) translate(0, 260px);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@keyframes jumprepeat {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.2, 0.5) translate(0, 260px);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@-webkit-keyframes nobiru {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes nobiru {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@-webkit-keyframes downuprepeat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes downuprepeat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes yurikago {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes yurikago {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes downrotate {
  0% {
    opacity: 0;
    transform: rotate(-4deg) translate(0, -1000px);
  }
  80% {
    opacity: 1;
    transform: rotate(-4deg) translate(0, 0);
  }
  90% {
    opacity: 1;
    transform: rotate(-4deg) translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: rotate(0) translate(0, 0);
  }
}
@keyframes downrotate {
  0% {
    opacity: 0;
    transform: rotate(-4deg) translate(0, -1000px);
  }
  80% {
    opacity: 1;
    transform: rotate(-4deg) translate(0, 0);
  }
  90% {
    opacity: 1;
    transform: rotate(-4deg) translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: rotate(0) translate(0, 0);
  }
}
@-webkit-keyframes wasawasa {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  10% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  20% {
    transform: scale(1, 1);
    opacity: 1;
  }
  30% {
    transform: scale(0.99, 0.99);
    opacity: 1;
  }
  40% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  60% {
    transform: scale(1, 1);
    opacity: 1;
  }
  70% {
    transform: scale(0.99, 0.99);
    opacity: 1;
  }
  80% {
    transform: scale(1, 1);
    opacity: 1;
  }
  90% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes wasawasa {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  10% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  20% {
    transform: scale(1, 1);
    opacity: 1;
  }
  30% {
    transform: scale(0.99, 0.99);
    opacity: 1;
  }
  40% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  60% {
    transform: scale(1, 1);
    opacity: 1;
  }
  70% {
    transform: scale(0.99, 0.99);
    opacity: 1;
  }
  80% {
    transform: scale(1, 1);
    opacity: 1;
  }
  90% {
    transform: scale(1.01, 1.01);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes rightleft {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rightleft {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes leftright {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes leftright {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}
#wrap {
  max-width: 100%;
  overflow: hidden;
}

.en, #faq dl dt::before, .num, .tel a {
  font-family: "Oswald", sans-serif;
  font-weight: bold;
}

.inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1rem 0;
}
@media only screen and (max-width: 479px) {
  .inner {
    padding: 0.6rem 0;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ttl {
  font-weight: bold;
  font-size: 0.45rem;
  letter-spacing: 0.01rem;
  line-height: 1.2;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
  .ttl {
    font-size: 0.35rem;
    margin-bottom: 0.4rem;
  }
}
.ttl.w {
  color: #fff;
}
.ttl.b {
  color: #00c3e5;
}

.btn {
  width: 3.1rem;
  border-radius: 0.3rem;
  background: #222222;
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.6rem;
  display: block;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s;
  max-width: 100%;
}
.btn.line {
  background: #00b900;
}
.btn.l {
  width: 4rem;
}
.btn:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 479px) {
  .btn {
    margin: 0 auto;
  }
}

.tel a {
  font-weight: bold;
  font-size: 0.4rem;
  padding-left: 0.4rem;
  background: url("../img/ico_tel.png?2") left center/0.27rem auto no-repeat;
}
.tel p {
  font-size: 0.14rem;
  margin-top: 0.1rem;
}
@media only screen and (max-width: 479px) {
  .tel p {
    font-size: 0.15rem;
  }
}

.cvarea {
  background: #fff100;
  position: relative;
}
.cvarea::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 110px 100vw;
  border-color: transparent transparent #fff100 transparent;
  position: absolute;
  left: 0;
  bottom: 100%;
}
@media only screen and (max-width: 479px) {
  .cvarea::before {
    border-width: 0 0 10vw 100vw;
  }
}
.cvarea .inner {
  padding: 0 0 0.4rem;
}
@media only screen and (max-width: 479px) {
  .cvarea .inner {
    padding: 0.3rem 0 0.4rem;
    text-align: left;
  }
}
.cvarea .inner h2 {
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 1.333;
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 479px) {
  .cvarea .inner h2 {
    font-size: 5.8vw;
    display: inline-block;
    text-align: center;
    padding-left: 2%;
    margin-bottom: 6%;
  }
}
.cvarea .inner .box {
  background: #fff;
  border-radius: 0.05rem;
  padding: 0.3rem 0.3rem 0.3rem 0.35rem;
  position: relative;
  border: solid 1px #cccccc;
}
@media only screen and (max-width: 479px) {
  .cvarea .inner .box {
    display: block;
    padding: 0.3rem 0.2rem;
    text-align: center;
  }
}
.cvarea .inner .box figure {
  position: absolute;
  left: 100px;
  bottom: 100%;
}
@media only screen and (max-width: 479px) {
  .cvarea .inner .box figure {
    left: auto;
    right: 0;
    width: 42%;
  }
}
.cvarea .inner .box ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
}
@media only screen and (max-width: 479px) {
  .cvarea .inner .box ul {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .cvarea .inner .box ul li {
    margin-bottom: 0.15rem;
  }
  .cvarea .inner .box ul li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 479px) {
  .cvarea .inner .box ul li .btn {
    width: 100%;
  }
}

.form dl {
  margin-bottom: 0.3rem;
}
.form dl dt, .form dl dd {
  text-align: left;
}
.form dl dt {
  font-size: 0.18rem;
  padding-left: 0.55rem;
  position: relative;
  margin-bottom: 0.2rem;
}
.form dl dt span {
  background: #fff100;
  font-weight: bold;
  font-size: 0.12rem;
  line-height: 0.2rem;
  width: 0.4rem;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form dl dd {
  margin-bottom: 0.2rem;
}
.form dl dd:last-child {
  margin-bottom: 0;
}
.form .error {
  font-size: 0.14rem;
  margin-top: 1em;
  color: #00c3e5;
}
.form input[type=text], .form textarea {
  width: 100%;
  background: #f6f6f6;
  border: solid 1px #cccccc;
  border-radius: 0.03rem;
  padding: 0.1rem;
  font-size: 0.16rem;
  line-height: 1.75;
}
.form textarea {
  resize: none;
  height: 1.5rem;
}
.form .privacy {
  border: solid 1px #cccccc;
  overflow: scroll;
  height: 1.5rem;
  margin-bottom: 0.3rem;
}
.form .privacy * {
  line-height: 1.75;
}
.form .privacy .scroll {
  padding: 0.2rem;
}
.form .privacy .scroll p, .form .privacy .scroll ul {
  margin-bottom: 1em;
}
.form .privacy .scroll h4 {
  font-size: 0.18rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
.form .privacy .scroll h5 {
  font-weight: bold;
  margin: 2em 0 1em;
}
.form .agree {
  text-align: center;
  margin-bottom: 0.3rem;
}
.form .agree input {
  margin-right: 0.1rem;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .logo {
  padding-left: 0.3rem;
}
@media only screen and (max-width: 479px) {
  header .logo {
    padding: 0.2rem 18%;
  }
}
@media only screen and (max-width: 479px) {
  header .btn {
    display: none;
  }
}

#mv {
  background: url("../img/mv_bg_01.png?2") center top/100% auto no-repeat;
}
@media only screen and (max-width: 479px) {
  #mv {
    background: none;
  }
}
#mv .logo {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
}
@media only screen and (max-width: 479px) {
  #mv .logo {
    display: none;
  }
}
#mv .box_1 {
  background: url("../img/mv_bg_02.png?2") center top no-repeat;
  padding-top: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 {
    background: url("../img/mv_bg_02_sp.png?2") center top/100% auto no-repeat;
    padding-top: 4vw;
  }
}
#mv .box_1 .txt {
  display: inline-block;
  position: relative;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 .txt {
    margin-bottom: 37vw;
  }
}
#mv .box_1 .txt h1 {
  padding-left: 0.9rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 .txt h1 {
    padding: 0;
  }
}
#mv .box_1 .txt h1 span {
  display: block;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 .txt h1 span.ttl_1 {
    width: 68%;
    margin: 0 auto;
  }
}
#mv .box_1 .txt h1 span.ttl_2 {
  margin-top: -0.25rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 .txt h1 span.ttl_2 {
    width: 86%;
    margin: -4vw auto 0;
  }
}
#mv .box_1 .txt .txt_1 {
  position: absolute;
  top: 10px;
  left: 70px;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 .txt .txt_1 {
    width: 30%;
    top: 62vw;
    left: 5vw;
  }
}
#mv .box_1 .txt .txt_2 {
  position: absolute;
  top: -40px;
  right: -14px;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 .txt .txt_2 {
    width: 35%;
    right: 0;
    top: 57vw;
  }
}
#mv .box_1 ul {
  display: flex;
  gap: 0.08rem;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  #mv .box_1 ul {
    width: 90%;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 1.8vw 0;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 479px) {
  #mv .box_1 ul li {
    width: 32%;
    box-shadow: 0px 0px 15px -5px #777777;
    border-radius: 2vw;
  }
}
#mv .box_2 {
  background: #fff100;
  padding-top: 0.3rem;
  position: relative;
  padding-bottom: 0.4rem;
}
#mv .box_2::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 130px 100vw;
  border-color: transparent transparent #fff100 transparent;
  position: absolute;
  left: 0;
  bottom: 100%;
}
#mv .box_2 .slide {
  margin-bottom: 0.2rem;
}
#mv .box_2 .slide li {
  margin: 0 0.1rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_2 .slide li {
    width: 68vw;
  }
}
#mv .box_2 p {
  font-size: 0.13rem;
  line-height: 1.4;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_2 p {
    font-size: 0.12rem;
    width: 92%;
    margin: 0 auto 0.2rem;
    text-align: left;
  }
}
@media only screen and (max-width: 479px) {
  #mv .box_2 p br {
    display: none;
  }
}
#mv .box_2 dl {
  max-width: 700px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  margin: 0 auto;
  padding: 0.1rem 0 0.15rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_2 dl {
    width: 92%;
    margin: 0 auto;
    padding: 0.15rem;
    gap: 0;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 479px) {
  #mv .box_2 dl dt {
    width: 29%;
  }
}
#mv .box_2 dl dd {
  font-size: 0.16rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  padding-top: 0.2rem;
}
@media only screen and (max-width: 479px) {
  #mv .box_2 dl dd {
    padding-top: 0.1rem;
    font-size: 0.13rem;
    width: 66%;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 479px) {
  #mv .box_2 dl dd br {
    display: none;
  }
}

#worry {
  background: #222222 url("../img/worry_bg.png?2") center top no-repeat;
}
#worry .inner {
  padding: 0.6rem 0;
}
@media only screen and (max-width: 479px) {
  #worry .inner {
    padding: 0.4rem 0 0.3rem;
  }
}
#worry h2 {
  text-align: left;
  padding-left: 1.9rem;
  margin-bottom: 0.4rem;
}
@media only screen and (max-width: 479px) {
  #worry h2 {
    padding: 0;
    width: 62%;
    margin: 0 0 0.2rem auto;
  }
}
#worry .box {
  background: #222222;
  border: solid 0.04rem #fff;
  border-radius: 0.05rem;
  padding: 0.5rem 0;
  position: relative;
}
@media only screen and (max-width: 479px) {
  #worry .box {
    padding: 0.3rem 4%;
  }
}
#worry .box figure {
  position: absolute;
  bottom: calc(100% + 0.04rem);
  right: 2.2rem;
}
@media only screen and (max-width: 479px) {
  #worry .box figure {
    width: 28%;
    right: auto;
    left: 3%;
  }
}
#worry .box ul {
  display: inline-block;
  text-align: left;
}
#worry .box ul li {
  font-size: 0.25rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.1rem;
  color: #fff;
  padding-left: 0.45rem;
  position: relative;
}
@media only screen and (max-width: 479px) {
  #worry .box ul li {
    font-size: 0.18rem;
    line-height: 1.3;
  }
}
#worry .box ul li:last-child {
  margin-bottom: 0;
}
#worry .box ul li::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background: #fff100 url("../img/worry_ico.png?2") center no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#worry .box ul li em {
  color: #fff100;
}

#solution {
  position: relative;
  overflow: hidden;
}
#solution::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 50vw 0 50vw;
  border-color: #222222 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  #solution::after {
    border-width: 15vw 50vw 0 50vw;
  }
}
#solution::before {
  content: "";
  background: #00c3e5;
  width: 100%;
  height: 100%;
  opacity: 0.88;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#solution .bg {
  position: absolute;
  left: 0;
  top: 0;
}
#solution .inner {
  padding-top: 2rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 479px) {
  #solution .inner {
    padding-top: calc(15vw + 0.4rem);
  }
}
#solution h2 {
  text-align: left;
  padding-left: 0.36rem;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
  #solution h2 {
    padding: 0;
    width: 79%;
    margin-bottom: 6%;
  }
}
#solution .box {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 0.4rem;
}
@media only screen and (max-width: 479px) {
  #solution .box {
    margin-bottom: 0.2rem;
  }
}
#solution .box figure {
  position: absolute;
  bottom: 100%;
  right: 0.36rem;
}
@media only screen and (max-width: 479px) {
  #solution .box figure {
    right: -2%;
    width: 28%;
  }
}
@media only screen and (max-width: 479px) {
  #solution .box .txt_1 {
    width: 56%;
  }
}
@media only screen and (max-width: 479px) {
  #solution .box .txt_2 {
    width: 43%;
  }
}
#solution .attention {
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
  #solution .attention {
    margin-bottom: 0.4rem;
  }
}
#solution .txt {
  font-weight: bold;
  font-size: 0.25rem;
  line-height: 1.4;
  color: #fff;
}
@media only screen and (max-width: 479px) {
  #solution .txt {
    font-size: 0.18rem;
  }
  #solution .txt .mb {
    margin-bottom: 1em;
  }
}

#case {
  background: #eef9fb url("../img/case_bg.png?2") center top repeat-y;
}
#case h2 {
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
  #case h2 {
    width: 88%;
    margin: 0 auto 0.4rem;
  }
}
#case .box_1 {
  margin-bottom: 0.8rem;
}
#case .box_1 ul li {
  margin-bottom: 0.6rem;
}
#case .box_1 ul li:last-child {
  margin-bottom: 0;
}
#case .box_1 ul li h3 {
  display: flex;
  gap: 0.1rem;
  text-align: left;
  margin-bottom: 0.3rem;
}
#case .box_1 ul li h3 .en, #case .box_1 ul li h3 #faq dl dt::before, #faq dl #case .box_1 ul li h3 dt::before {
  font-weight: bold;
  width: 0.8rem;
  line-height: 0.3rem;
  color: #fff;
  background: #00c3e5;
  border-radius: 0.15rem;
  text-align: center;
}
#case .box_1 ul li h3 .txt {
  font-size: 0.3rem;
  font-weight: bold;
}
#case .box_1 ul li .box {
  background: #fff;
  padding: 0.4rem;
  border: solid 1px #cccccc;
  border-radius: 0.05rem;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 479px) {
  #case .box_1 ul li .box {
    padding: 0.2rem;
    display: block;
  }
}
#case .box_1 ul li .box figure {
  width: 300px;
  border: solid 1px #cccccc;
}
@media only screen and (max-width: 479px) {
  #case .box_1 ul li .box figure {
    width: auto;
    margin-bottom: 0.3rem;
  }
}
#case .box_1 ul li .box .txt {
  width: 580px;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  #case .box_1 ul li .box .txt {
    width: auto;
  }
}
#case .box_1 ul li .box .txt .sbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}
#case .box_1 ul li .box .txt .sbox dl {
  width: 285px;
  background: #eef9fb;
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.2rem 0;
}
@media only screen and (max-width: 479px) {
  #case .box_1 ul li .box .txt .sbox dl {
    width: 48%;
    text-align: center;
    display: block;
  }
}
#case .box_1 ul li .box .txt .sbox dl dt {
  font-size: 0.2rem;
  line-height: 1.1;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #case .box_1 ul li .box .txt .sbox dl dt {
    font-size: 0.18rem;
    margin-bottom: 0.05rem;
  }
}
#case .box_1 ul li .box .txt .sbox dl dd {
  font-size: 0.3rem;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #case .box_1 ul li .box .txt .sbox dl dd {
    font-size: 0.26rem;
  }
}
#case .box_1 ul li .box .txt .sbox dl dd .num, #case .box_1 ul li .box .txt .sbox dl dd .tel a, .tel #case .box_1 ul li .box .txt .sbox dl dd a {
  font-size: 0.6rem;
  color: #00c3e5;
}
@media only screen and (max-width: 479px) {
  #case .box_1 ul li .box .txt .sbox dl dd .num, #case .box_1 ul li .box .txt .sbox dl dd .tel a, .tel #case .box_1 ul li .box .txt .sbox dl dd a {
    font-size: 0.5rem;
  }
}
#case .box_1 ul li .box .txt h4 {
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
#case .box_1 ul li .box .txt p {
  line-height: 1.75;
  margin-bottom: 0.2rem;
}
#case .box_1 ul li .box .txt p:last-child {
  margin-bottom: 0;
}
#case .box_2 h3 {
  font-size: 0.3rem;
  line-height: 1.333;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
#case .box_2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.1rem 0;
}
@media only screen and (max-width: 479px) {
  #case .box_2 ul {
    gap: 0.08rem 2%;
  }
}
#case .box_2 ul li {
  width: 240px;
  background: #fff;
  border: solid 1px #cccccc;
  border-radius: 0.05rem;
  padding: 0.15rem;
}
@media only screen and (max-width: 479px) {
  #case .box_2 ul li {
    width: 49%;
  }
}
#case .box_2 ul li h4 {
  font-weight: bold;
  line-height: 0.3rem;
  background: #eeeeee;
  border-radius: 0.05rem;
  margin-bottom: 0.15rem;
}
#case .box_2 ul li dl dt {
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.08rem;
}
#case .box_2 ul li dl dd {
  font-size: 0.3rem;
  font-weight: bold;
}
#case .box_2 ul li dl dd .num, #case .box_2 ul li dl dd .tel a, .tel #case .box_2 ul li dl dd a {
  font-size: 0.6rem;
  color: #00c3e5;
}

#fukugyo {
  background: url("../img/service_bg.png?2");
}
#fukugyo h2 {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #fukugyo h2 {
    margin-bottom: 0.4rem;
  }
}
#fukugyo ul {
  max-width: 680px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0.5rem;
}
@media only screen and (max-width: 479px) {
  #fukugyo ul {
    margin-bottom: 0.4rem;
  }
}
#fukugyo ul li {
  width: 31%;
  border: solid 1px #cccccc;
  border-radius: 0.05rem;
  overflow: hidden;
}
#fukugyo p {
  line-height: 1.75;
}
@media only screen and (max-width: 479px) {
  #fukugyo p {
    text-align: left;
  }
}

#about h2 {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #about h2 {
    margin-bottom: 0.4rem;
  }
}
#about .txt {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #about .txt {
    margin-bottom: 0.4rem;
  }
}
#about p {
  line-height: 1.75;
}
@media only screen and (max-width: 479px) {
  #about p {
    text-align: left;
  }
}
#about ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 479px) {
  #about ul {
    display: block;
  }
}
#about ul li {
  width: 30.6%;
}
@media only screen and (max-width: 479px) {
  #about ul li {
    width: auto;
    margin-bottom: 0.4rem;
  }
  #about ul li:last-child {
    margin-bottom: 0;
  }
}
#about ul li .txt {
  display: flex;
  gap: 0.1rem;
  align-items: center;
}
@media only screen and (max-width: 479px) {
  #about ul li .txt {
    justify-content: center;
    margin-bottom: 0.2rem;
  }
}
#about ul li .txt .step {
  width: 0.6rem;
  height: 0.6rem;
  color: #fff;
  background: #00c3e5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 2;
}
#about ul li .txt .step .en, #about ul li .txt .step #faq dl dt::before, #faq dl #about ul li .txt .step dt::before {
  font-size: 0.12rem;
}
#about ul li .txt .step .num, #about ul li .txt .step .tel a, .tel #about ul li .txt .step a {
  font-size: 0.25rem;
}
#about ul li .txt p {
  font-size: 0.2rem;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  #about ul li figure {
    width: 66%;
    margin: 0 auto;
  }
}

#strength {
  background: #00c3e5 url("../img/strength_bg.png?2") center top/100% auto;
}
#strength h2 {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #strength h2 {
    margin-bottom: 0.4rem;
  }
}
#strength .box {
  background: #fff;
  border-radius: 0.05rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.4rem;
  margin-bottom: 0.1rem;
  min-height: 200px;
}
@media only screen and (max-width: 479px) {
  #strength .box {
    display: block;
    padding: 0.3rem;
  }
}
#strength .box:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  #strength .box figure {
    width: 42%;
    margin: 0 auto 0.2rem;
  }
}
#strength .box .txt {
  width: 710px;
  padding: 0.3rem 0;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  #strength .box .txt {
    width: auto;
    padding: 0;
  }
}
#strength .box .txt h3 {
  font-size: 0.3rem;
  line-height: 1.333;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
  #strength .box .txt h3 {
    text-align: center;
    font-size: 0.24rem;
  }
}
#strength .box .txt h3 em {
  color: #00c3e5;
}
#strength .box .txt p {
  line-height: 1.75;
}

#service {
  background: url("../img/service_bg.png?2");
}
#service h2 {
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
  #service h2 {
    width: 88%;
    margin: 0 auto 0.4rem;
  }
}
#service .pic_txt_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem 0;
}
@media only screen and (max-width: 479px) {
  #service .pic_txt_box {
    display: block;
  }
}
#service .pic_txt_box .box {
  width: 48%;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  #service .pic_txt_box .box {
    width: auto;
    margin-bottom: 0.3rem;
  }
  #service .pic_txt_box .box:last-child {
    margin-bottom: 0;
  }
}
#service .pic_txt_box .box h3 {
  margin: 0.2rem 0 0.15rem;
  font-size: 0.3rem;
  line-height: 1.666;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #service .pic_txt_box .box h3 {
    text-align: center;
    font-size: 0.28rem;
    margin: 0.15rem 0 0.1rem;
  }
}
#service .pic_txt_box .box h3 em {
  background: #00c3e5;
  color: #fff;
  padding: 0.1rem;
}
#service .pic_txt_box .box p {
  line-height: 1.75;
}
#service .pic_txt_box .box:last-child {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 479px) {
  #service .pic_txt_box .box:last-child {
    display: block;
  }
}
#service .pic_txt_box .box:last-child figure {
  width: 48%;
}
@media only screen and (max-width: 479px) {
  #service .pic_txt_box .box:last-child figure {
    width: auto;
  }
}
#service .pic_txt_box .box:last-child .txt {
  width: 48%;
}
@media only screen and (max-width: 479px) {
  #service .pic_txt_box .box:last-child .txt {
    width: auto;
  }
  #service .pic_txt_box .box:last-child .txt h3 {
    font-size: 0.22rem;
  }
  #service .pic_txt_box .box:last-child .txt h3 em {
    font-size: 0.18rem;
  }
  #service .pic_txt_box .box:last-child .txt h3 span {
    font-size: 0.26rem;
  }
}

#technic h2 {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #technic h2 {
    margin-bottom: 0.4rem;
  }
}
#technic .txt_1 {
  line-height: 1.75;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
  #technic .txt_1 {
    text-align: left;
    margin-bottom: 0.4rem;
  }
}
#technic .pic_txt_box {
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box {
    margin-bottom: 0.4rem;
  }
}
#technic .pic_txt_box .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box .box {
    display: block;
    margin-bottom: 0.4rem;
  }
}
#technic .pic_txt_box .box:nth-child(even) figure {
  order: 1;
}
#technic .pic_txt_box .box:nth-child(even) .txt {
  order: 0;
}
#technic .pic_txt_box .box:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box .box figure {
    margin-bottom: 0.2rem;
  }
}
#technic .pic_txt_box .box .txtbox {
  width: 48%;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box .box .txtbox {
    width: auto;
  }
}
#technic .pic_txt_box .box .txtbox h3 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  text-align: left;
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box .box .txtbox h3 {
    margin-bottom: 0.2rem;
    gap: 0.15rem;
  }
}
#technic .pic_txt_box .box .txtbox h3 .num, #technic .pic_txt_box .box .txtbox h3 .tel a, .tel #technic .pic_txt_box .box .txtbox h3 a {
  color: #00c3e5;
  font-size: 0.85rem;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box .box .txtbox h3 .num, #technic .pic_txt_box .box .txtbox h3 .tel a, .tel #technic .pic_txt_box .box .txtbox h3 a {
    font-size: 0.6rem;
    margin-top: -4px;
  }
}
#technic .pic_txt_box .box .txtbox h3 .txt {
  font-size: 0.3rem;
  line-height: 1.333;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box .box .txtbox h3 .txt {
    font-size: 0.26rem;
  }
}
#technic .pic_txt_box .box .txtbox h3 .txt .s {
  font-size: 0.25rem;
}
@media only screen and (max-width: 479px) {
  #technic .pic_txt_box .box .txtbox h3 .txt .s {
    font-size: 0.22rem;
  }
}
#technic .pic_txt_box .box .txtbox p {
  line-height: 1.75;
  text-align: left;
}
#technic .txt_2 {
  font-size: 0.25rem;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 479px) {
  #technic .txt_2 {
    font-size: 0.2rem;
  }
}
#technic .txt_2 em {
  color: #00c3e5;
  font-size: 0.22rem;
}

#transfer {
  background: #00c3e5 url("../img/transfer_bg.png?2") center top no-repeat;
  color: #fff;
}
#transfer .inner {
  padding-bottom: 1.6rem;
}
@media only screen and (max-width: 479px) {
  #transfer .inner {
    padding-bottom: 1.4rem;
  }
}
#transfer .ttlbox {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0.2rem;
}
@media only screen and (max-width: 479px) {
  #transfer .ttlbox {
    padding-right: 0;
  }
}
@media only screen and (max-width: 479px) {
  #transfer .ttlbox h2 {
    width: 78%;
  }
}
@media only screen and (max-width: 479px) {
  #transfer .ttlbox figure {
    width: 22%;
  }
}
#transfer .list {
  margin-bottom: 0.3rem;
  border: solid 0.04rem #fff;
  border-radius: 0.05rem;
  background: #00c3e5;
  padding: 0.35rem 0;
}
@media only screen and (max-width: 479px) {
  #transfer .list {
    padding: 0.2rem 0;
  }
}
#transfer .list ul {
  display: inline-block;
  text-align: left;
}
#transfer .list ul li {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
  #transfer .list ul li {
    display: block;
  }
}
#transfer .list ul li:last-child {
  margin-bottom: 0;
}
#transfer .list ul li .en, #transfer .list ul li #faq dl dt::before, #faq dl #transfer .list ul li dt::before {
  width: 1.2rem;
  line-height: 0.3rem;
  color: #00c3e5;
  background: #fff100 url("../img/transfer_ico.png?2") 0.15rem center/0.16rem auto no-repeat;
  border-radius: 0.15rem;
  padding-left: 0.4rem;
}
@media only screen and (max-width: 479px) {
  #transfer .list ul li .en, #transfer .list ul li #faq dl dt::before, #faq dl #transfer .list ul li dt::before {
    width: 1rem;
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
    padding-left: 0.35rem;
    background: #fff100 url("../img/transfer_ico.png?2") 0.12rem center/0.12rem auto no-repeat;
  }
}
#transfer .list ul li p {
  font-weight: bold;
  font-size: 0.25rem;
}
@media only screen and (max-width: 479px) {
  #transfer .list ul li p {
    font-size: 0.2rem;
    line-height: 1.4;
  }
}
#transfer .txt {
  line-height: 1.75;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #transfer .txt {
    text-align: left;
  }
}

#attention {
  background: #000;
  color: #fff;
}
#attention em {
  color: #fff100;
}
#attention .inner {
  padding-top: 0;
}
#attention .ttl_1 {
  margin-bottom: 0.4rem;
}
#attention .ttl_1 img {
  margin-top: -1rem;
}
#attention .ttl_2 {
  font-size: 0.4rem;
  line-height: 1.25;
  margin-bottom: 0.2rem;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #attention .ttl_2 {
    font-size: 0.3rem;
  }
}
#attention .txt {
  line-height: 1.75;
  margin-bottom: 0.8rem;
  position: relative;
}
@media only screen and (max-width: 479px) {
  #attention .txt {
    text-align: left;
  }
}
#attention .txt::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #fff100 transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  transform: translateX(-50%);
}
#attention .ttl_3 {
  font-size: 0.5rem;
  line-height: 1.2;
  margin-bottom: 0.6rem;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #attention .ttl_3 {
    font-size: 0.36rem;
    margin-bottom: 0.4rem;
  }
}
#attention .ttl_3 em {
  font-size: 0.7rem;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
}
@media only screen and (max-width: 479px) {
  #attention .ttl_3 em {
    font-size: 0.48rem;
  }
}
#attention ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 479px) {
  #attention ul {
    display: block;
  }
}
#attention ul li {
  width: 32%;
  border: solid 0.04rem #fff;
  border-radius: 0.05rem;
}
@media only screen and (max-width: 479px) {
  #attention ul li {
    width: auto;
    margin-bottom: 0.2rem;
  }
  #attention ul li:last-child {
    margin-bottom: 0;
  }
}
#attention ul li h4 {
  height: 1rem;
  font-size: 0.3rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  padding: 0.65rem 0 0.05rem;
  line-height: 1.2;
  background: url("../img/attention_ico.png?2") center 0.25rem no-repeat;
}
@media only screen and (max-width: 479px) {
  #attention ul li h4 {
    font-size: 0.24rem;
    height: auto;
    background: none;
    padding: 0.15rem 0;
  }
  #attention ul li h4 > span {
    background: url("../img/attention_ico.png?2") left center/0.4rem auto no-repeat;
    padding: 0.1rem 0 0.05rem 0.55rem;
    display: inline-block;
  }
}
#attention ul li h4 .s {
  font-size: 0.25rem;
}
#attention ul li p {
  text-align: left;
  line-height: 1.75;
  padding: 0.2rem 0.25rem;
  border-top: solid 0.04rem #fff;
}

#leave {
  background: #00c3e5 url("../img/leave_bg.png?2") center top/100% auto no-repeat;
  color: #fff;
}
#leave .inner:first-child {
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #leave .inner:first-child {
    margin-bottom: 0.3rem;
  }
}
#leave .inner:last-child {
  padding-top: 0;
}
#leave h2 {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #leave h2 {
    margin-bottom: 0.3rem;
  }
}
#leave .txt_1 {
  line-height: 1.75;
}
@media only screen and (max-width: 479px) {
  #leave .txt_1 {
    text-align: left;
  }
}
#leave .slide {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #leave .slide {
    margin-bottom: 0.3rem;
  }
}
#leave .slide li {
  margin: 0 0.1rem;
}
@media only screen and (max-width: 479px) {
  #leave .slide li {
    width: 68vw;
  }
}
#leave figure {
  margin-bottom: 0.3rem;
}
#leave .txt_2 {
  line-height: 1.75;
  text-align: left;
}

#plan {
  background: #eef9fb;
}
#plan h2 {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #plan h2 {
    width: 68%;
    margin: 0 auto 0.4rem;
  }
}
#plan .txt {
  line-height: 1.75;
  margin-bottom: 0.3rem;
  text-align: left;
}
#plan ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 479px) {
  #plan ul {
    gap: 0.2rem 4%;
  }
}
@media only screen and (max-width: 479px) {
  #plan ul li {
    width: 48%;
  }
}
#plan .attention {
  font-size: 0.14rem;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  #plan .attention {
    line-height: 1.4;
    text-align: left;
    padding-left: 1.3em;
    text-indent: -1.3em;
  }
}

#price .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.2rem 2%;
}
#price .box table {
  width: 49%;
  border-collapse: separate;
  border-radius: 0.05rem;
}
@media only screen and (max-width: 479px) {
  #price .box table {
    width: 100%;
  }
}
#price .box table tr:first-child th {
  background: #0c1faf;
  border-right: solid 0.04rem #0c1faf;
  color: #fff;
  border-radius: 0.05rem 0.05rem 0 0;
  font-size: 0.22rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  #price .box table tr:first-child th {
    font-size: 0.18rem;
  }
}
#price .box table tr:last-child th, #price .box table tr:last-child td {
  border-bottom: solid 0.04rem #0c1faf;
  border-top: solid 1px #0c1faf;
}
#price .box table tr:last-child th {
  border-radius: 0 0 0 0.05rem;
}
#price .box table tr:last-child td {
  border-radius: 0 0 0.05rem 0;
}
#price .box table tr th, #price .box table tr td {
  background: #eaf2fb;
  padding: 0.15rem;
  font-size: 0.2rem;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  #price .box table tr th, #price .box table tr td {
    font-size: 0.18rem;
  }
}
#price .box table tr th {
  border-left: solid 0.04rem #0c1faf;
  text-align: left;
  padding-right: 0;
}
#price .box table tr td {
  border-right: solid 0.04rem #0c1faf;
  text-align: right;
  color: #0c1faf;
  padding-left: 0;
}
#price .box table tr td span {
  font-size: 0.26rem;
  margin: 0 0.05rem;
}
@media only screen and (max-width: 479px) {
  #price .box table tr td span {
    font-size: 0.22rem;
  }
}

#flow ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem 0;
}
#flow ul li {
  width: 30.4%;
  position: relative;
}
@media only screen and (max-width: 479px) {
  #flow ul li {
    width: 48%;
  }
}
#flow ul li::before {
  content: "";
  width: 210px;
  border: dashed 1px #222222;
  top: 0.75rem;
  left: 2.2rem;
  position: absolute;
}
@media only screen and (max-width: 479px) {
  #flow ul li::before {
    content: none;
  }
}
#flow ul li:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
#flow ul li:nth-child(1)::before, #flow ul li:nth-child(3)::before, #flow ul li:nth-child(6)::before {
  content: none;
}
#flow ul li .ttl {
  margin: 0;
}
#flow ul li .step {
  width: 0.6rem;
  height: 0.6rem;
  color: #fff;
  background: #222222;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0.68rem;
  top: -0.1rem;
  border-radius: 50%;
  z-index: 2;
}
@media only screen and (max-width: 479px) {
  #flow ul li .step {
    left: 0;
  }
}
#flow ul li .step .en, #flow ul li .step #faq dl dt::before, #faq dl #flow ul li .step dt::before {
  font-size: 0.12rem;
}
#flow ul li .step .num, #flow ul li .step .tel a, .tel #flow ul li .step a {
  font-size: 0.25rem;
}
#flow ul li figure {
  margin-bottom: 0.25rem;
  position: relative;
  z-index: 1;
}
#flow ul li h3 {
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
#flow ul li p {
  line-height: 1.75;
  text-align: left;
}

#faq {
  background: #00c3e5;
}
#faq dl {
  border-radius: 0.05rem;
  margin-bottom: 0.1rem;
  overflow: hidden;
  border-bottom: solid 0.02rem #0089a1;
  background: #fff;
}
#faq dl:last-child {
  margin-bottom: 0;
}
#faq dl dt, #faq dl dd {
  text-align: left;
}
#faq dl dt {
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1.4;
  padding-right: 0.8rem;
  padding: 0.25rem 0.8rem 0.25rem 0.75rem;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 479px) {
  #faq dl dt {
    font-size: 0.18rem;
  }
}
#faq dl dt::before {
  content: "Q";
  font-size: 0.3rem;
  color: #00c3e5;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0.3rem;
  transform: translateY(-50%);
}
#faq dl dt span {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  border-radius: 50%;
  background: #222222;
}
#faq dl dt span::before, #faq dl dt span::after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: #fff;
  transition: all 0.3s;
}
#faq dl dt span::before {
  width: 53.33%;
  height: 0.02rem;
}
#faq dl dt span::after {
  width: 0.02rem;
  height: 53.33%;
}
#faq dl dt.open span {
  transform: translateY(-50%) rotate(90deg);
  background: #00c3e5;
}
#faq dl dt.open span::before {
  opacity: 0;
}
#faq dl dd {
  line-height: 1.75;
  padding: 0.2rem 0.2rem 0.2rem 0.75rem;
  display: none;
  border-top: solid 1px #00c3e5;
}

#contact {
  background: #eef9fb url("../img/contact_bg.png?2") center top repeat-y;
}
#contact .box {
  background: #fff;
  border: solid 1px #cccccc;
  border-radius: 0.05rem;
  padding: 0.4rem 1.3rem;
  margin-bottom: 0.4rem;
}
@media only screen and (max-width: 479px) {
  #contact .box {
    display: block;
    padding: 0.3rem 0.2rem;
  }
}
@media only screen and (max-width: 479px) {
  #contact .box dl {
    margin-bottom: 0.3rem;
  }
  #contact .box dl:last-child {
    margin-bottom: 0;
  }
}
#contact .box dl dt {
  font-size: 0.25rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 479px) {
  #contact .box dl dt {
    margin-bottom: 0.1rem;
  }
}
#contact .box dl dd .tel a {
  font-size: 0.5rem;
  background-size: 0.36rem;
  padding-left: 0.5rem;
}
@media only screen and (max-width: 479px) {
  #contact .box dl dd .tel a {
    font-size: 0.44rem;
    background-size: 0.32rem;
    padding-left: 0.42rem;
  }
}
#contact .box dl dd .tel p {
  margin-top: 0.15rem;
}
#contact .box dl dd .btn {
  width: 3.4rem;
  line-height: 0.8rem;
  border-radius: 0.4rem;
}
@media only screen and (max-width: 479px) {
  #contact .box dl dd .btn {
    width: 100%;
    border-radius: 0.3rem;
    line-height: 0.6rem;
  }
}
#contact .form {
  padding: 0.6rem 1.5rem;
  background: #fff;
  border-radius: 0.05rem;
  text-align: left;
  border: solid 1px #cccccc;
}
@media only screen and (max-width: 479px) {
  #contact .form {
    padding: 0.3rem 0.2rem;
  }
}
#contact .form h3 {
  font-size: 0.25rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 479px) {
  #contact .form h3 {
    text-align: center;
  }
}

#glossary {
  background: #00c3e5;
}
#glossary h3 {
  font-weight: bold;
  font-size: 0.25rem;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 0.25rem;
  color: #fff;
}
@media only screen and (max-width: 479px) {
  #glossary h3 {
    text-align: center;
  }
}
#glossary .box {
  margin-bottom: 0.35rem;
}
#glossary .box:last-child {
  margin-bottom: 0;
}
#glossary .box .sbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.08rem 1.1%;
}
@media only screen and (max-width: 479px) {
  #glossary .box .sbox {
    gap: 0.08rem 2%;
  }
}
#glossary .box .sbox dl {
  width: 32.6%;
  border-radius: 0.05rem;
  overflow: hidden;
  background: #fff;
  border-bottom: solid 0.02rem #0089a1;
}
@media only screen and (max-width: 479px) {
  #glossary .box .sbox dl {
    width: 49%;
  }
}
#glossary .box .sbox dl dt, #glossary .box .sbox dl dd {
  text-align: left;
}
#glossary .box .sbox dl dt {
  font-size: 0.16rem;
  font-weight: bold;
  line-height: 1.4;
  padding-right: 0.8rem;
  padding: 0 0.8rem 0 0.2rem;
  height: 0.8rem;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 479px) {
  #glossary .box .sbox dl dt {
    font-size: 0.15rem;
    padding: 0 0.52rem 0 0.15rem;
  }
}
#glossary .box .sbox dl dt span {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  border-radius: 50%;
  background: #222222;
}
@media only screen and (max-width: 479px) {
  #glossary .box .sbox dl dt span {
    width: 0.22rem;
    height: 0.22rem;
    right: 0.15rem;
  }
}
#glossary .box .sbox dl dt span::before, #glossary .box .sbox dl dt span::after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: #fff;
  transition: all 0.3s;
}
#glossary .box .sbox dl dt span::before {
  width: 53.33%;
  height: 0.02rem;
}
#glossary .box .sbox dl dt span::after {
  width: 0.02rem;
  height: 53.33%;
}
#glossary .box .sbox dl dt.open span {
  transform: translateY(-50%) rotate(90deg);
  background: #00c3e5;
}
#glossary .box .sbox dl dt.open span::before {
  opacity: 0;
}
#glossary .box .sbox dl dd {
  line-height: 1.75;
  padding: 0 0.2rem 0.2rem;
  display: none;
}

#company {
  background: #222222;
  color: #fff;
  padding-top: 1rem;
}
#company .inner {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 479px) {
  #company {
    padding-top: 0;
  }
  #company .inner {
    display: block;
  }
}
#company .inner table {
  text-align: left;
  margin: 0 auto;
}
@media only screen and (max-width: 479px) {
  #company .inner table {
    display: inline-block !important;
  }
}
#company .inner table tr th, #company .inner table tr td {
  line-height: 1.75;
  padding: 0.1rem 0;
}
@media only screen and (max-width: 479px) {
  #company .inner table tr th, #company .inner table tr td {
    padding: 0;
  }
}
#company .inner table tr th {
  width: 140px;
}
@media only screen and (max-width: 479px) {
  #company .inner table tr th {
    width: auto;
    font-weight: bold;
    margin-bottom: 0.1rem;
  }
}
@media only screen and (max-width: 479px) {
  #company .inner table tr td {
    margin-bottom: 0.2rem;
  }
}
#company .inner table tr:first-child th {
  padding-top: 0;
}
#company .inner table tr:last-child td {
  padding-bottom: 0;
}
@media only screen and (max-width: 479px) {
  #company .inner table tr:last-child td {
    margin-bottom: 0;
  }
}

small {
  font-size: 0.12rem;
  display: block;
  padding: 0.2rem 0;
  color: #fff;
  background: #131313;
  letter-spacing: 0.01rem;
}
@media only screen and (max-width: 479px) {
  small {
    padding-bottom: 1.2rem;
  }
}

#send p {
  line-height: 1.75;
}
@media only screen and (max-width: 479px) {
  #send p {
    text-align: left;
  }
  #send p br {
    display: none;
  }
}

#fixed {
  width: 270px;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 5px 0 0 5px;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0;
  z-index: 999;
  border: solid 0.04rem #00c3e5;
  border-radius: 0.05rem 0 0 0.05rem;
}
@media only screen and (max-width: 479px) {
  #fixed {
    width: 100%;
    bottom: 0;
    transform: none;
    border-radius: 0.05rem 0.05rem 0 0;
    top: auto;
    padding: 0.12rem 0.12rem 0.12rem 26%;
    border-radius: 0;
    display: none;
  }
}
#fixed figure {
  position: absolute;
  bottom: 0;
  left: -1.6%;
  width: 34%;
  display: none;
}
@media only screen and (max-width: 479px) {
  #fixed figure {
    display: block;
  }
}
#fixed .form {
  padding: 0 0.2rem 0.2rem 0.2rem;
  margin-bottom: 0.2rem;
  text-align: left;
  border-bottom: solid 1px #eee;
}
@media only screen and (max-width: 479px) {
  #fixed .form {
    display: none;
  }
}
#fixed .form h2 {
  text-align: center;
  margin-bottom: 0.3rem;
}
#fixed .form h2 .p1 {
  font-size: 0.25rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.05rem;
}
#fixed .form h2 .p1 span {
  font-size: 0.3rem;
}
#fixed .form h2 .p2 {
  font-size: 0.2rem;
  font-weight: bold;
  display: block;
}
#fixed .form dl {
  margin-bottom: 0.2rem;
}
#fixed .form dl dt {
  font-size: 0.15rem;
  margin-bottom: 0.1rem;
  padding-left: 0.5rem;
}
#fixed .form dl dd {
  margin-bottom: 0.2rem;
}
#fixed .form dl dd:last-child {
  margin-bottom: 0;
}
#fixed .form dl dd input[type=text], #fixed .form dl dd textarea {
  padding: 0.08rem;
  font-size: 0.14rem;
  line-height: 1.6;
}
#fixed .form dl dd textarea {
  height: 1rem;
}
#fixed .form .error {
  font-size: 0.12rem;
}
#fixed .form .agree {
  font-size: 0.13rem;
  margin-bottom: 0.2rem;
}
#fixed .form .agree a {
  text-decoration: underline;
  color: #00c3e5;
}
#fixed .form .agree a:hover {
  text-decoration: none;
}
#fixed .form .agree input {
  margin-right: 0;
}
#fixed .btn {
  width: 100%;
  font-size: 0.14rem;
  line-height: 0.46rem;
}
#fixed .tel {
  padding: 0 0.2rem;
}
@media only screen and (max-width: 479px) {
  #fixed .tel {
    padding: 0;
    margin-bottom: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    position: relative;
  }
}
#fixed .tel a {
  font-size: 0.32rem;
  padding-left: 0.3rem;
  background: url("../img/ico_tel.png?2") left center/0.24rem auto no-repeat;
}
@media only screen and (max-width: 479px) {
  #fixed .tel a {
    font-size: 0.28rem;
    padding-left: 0.28rem;
    background: url("../img/ico_tel.png?2") left center/0.22rem auto no-repeat;
  }
}
#fixed .tel p {
  font-size: 0.13rem;
}
@media only screen and (max-width: 479px) {
  #fixed .tel p {
    font-size: 0.11rem;
  }
}
#fixed .mail {
  display: none;
}
@media only screen and (max-width: 479px) {
  #fixed .mail {
    display: block;
  }
}
/*# sourceMappingURL=style.css.map */


/* 2024/11/15 */
.footer_top {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.footer_top img {
  width: 60%;
}

@media screen and (max-width: 479px) {
  .footer_top {
    margin-bottom: 0;
  }
  .footer_top img {
    width: 100%;
  }
}