/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body {
  background-color: #fff;
  width: 100%;
  min-width: 1100px;
}

.back_to_top {
  position: fixed;
  display: none;
  bottom: 2%;
  right: 2%;
  z-index: 100;
  width: 5%;
}

.back_to_top img {
  width: 100%;
}

#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #000;
  z-index: 998;
  top: 0;
  left: 0;
}

#loading .loading_gif {
  width: 34.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#loading .loading_gif img {
  width: 100%;
}

.contents {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

#pc {
  width: 100%;
  background-color: #000;
}

#pc .wrapper {
  width: 1100px;
  margin: 100px auto 0;
}

#pc .wrapper .main_visual {
  position: relative;
  width: 100%;
  margin-bottom: 19.53125%;
}

#pc .wrapper .main_visual::after {
  content: '';
  display: block;
  padding-top: 74.21875%;
}

#pc .wrapper .main_visual .frame {
  position: absolute;
  width: 79.6875%;
  top: 3.157894736842105%;
  left: 10.155234375%;
  background-image: url(../img/main_visual_frame.png?2204041254);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0;
}

#pc .wrapper .main_visual .frame::after {
  content: '';
  display: block;
  padding-top: 71.31458050674269%;
}

#pc .wrapper .main_visual .frame .character {
  position: absolute;
  z-index: 10;
  width: 103.2963108169807%;
  top: -25.76182990088708%;
  left: 34.5%;
  pointer-events: none;
  opacity: 0;
}

#pc .wrapper .main_visual .frame .character img {
  width: 100%;
}

#pc .wrapper .main_visual .frame .title {
  position: absolute;
  top: 8.609333103661688%;
  left: 3.821764705882353%;
  width: 42.52665855490912%;
  z-index: 20;
  opacity: 0;
}

#pc .wrapper .main_visual .frame .title img {
  width: 100%;
}

#pc .wrapper .main_visual .frame .clock {
  position: absolute;
  width: 12.72435151772905%;
  top: 45.58367339472477%;
  left: 3.89950636318066%;
  opacity: 0;
}

#pc .wrapper .main_visual .frame .clock img {
  width: 100%;
}

#pc .wrapper .main_visual .frame .links {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 19.7342963128758%;
  top: 45.9225406968502%;
  width: 26.48581976741393%;
  height: 46.68741738874739%;
}

#pc .wrapper .main_visual .frame .links a {
  opacity: 0;
}

#pc .wrapper .main_visual .frame .links a img {
  width: 100%;
}

#pc .wrapper .block_card {
  width: 100%;
  margin-bottom: 15.625%;
  position: relative;
}

#pc .wrapper .block_card::after {
  content: '';
  display: block;
  padding-top: 54.6875%;
}

#pc .wrapper .block_card .inner {
  position: absolute;
  top: 3.142142857142857%;
  left: 10.155234375%;
  width: 79.6875703125%;
  background-image: url(../img/block_bg.png?2204041543);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0;
}

#pc .wrapper .block_card .inner::after {
  content: '';
  display: block;
  padding-top: 64.31458050674269%;
}

#pc .wrapper .block_card .inner .head {
  position: absolute;
  top: 1.586257999696041%;
  opacity: 0;
}

#pc .wrapper .block_card .inner .head img {
  width: 100%;
}

#pc .wrapper #kanae .head {
  width: 34.37506770827359%;
  top: -3.642480514749035%;
  left: 32.81242202825507%;
}

#pc .wrapper #kanae ul.cards_container {
  position: absolute;
  list-style: none;
  width: 111.0518726012889%;
  left: -5.525975516296113%;
  bottom: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

#pc .wrapper #kanae ul.cards_container li:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(-64.81481deg);
          transform: translate(-50%, -50%) rotate(-64.81481deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(-59.62963deg);
          transform: translate(-50%, -50%) rotate(-59.62963deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(3) {
  -webkit-transform: translate(-50%, -50%) rotate(-54.44444deg);
          transform: translate(-50%, -50%) rotate(-54.44444deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(4) {
  -webkit-transform: translate(-50%, -50%) rotate(-49.25926deg);
          transform: translate(-50%, -50%) rotate(-49.25926deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(5) {
  -webkit-transform: translate(-50%, -50%) rotate(-44.07407deg);
          transform: translate(-50%, -50%) rotate(-44.07407deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(6) {
  -webkit-transform: translate(-50%, -50%) rotate(-38.88889deg);
          transform: translate(-50%, -50%) rotate(-38.88889deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(7) {
  -webkit-transform: translate(-50%, -50%) rotate(-33.7037deg);
          transform: translate(-50%, -50%) rotate(-33.7037deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(8) {
  -webkit-transform: translate(-50%, -50%) rotate(-28.51852deg);
          transform: translate(-50%, -50%) rotate(-28.51852deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(9) {
  -webkit-transform: translate(-50%, -50%) rotate(-23.33333deg);
          transform: translate(-50%, -50%) rotate(-23.33333deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(10) {
  -webkit-transform: translate(-50%, -50%) rotate(-18.14815deg);
          transform: translate(-50%, -50%) rotate(-18.14815deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(11) {
  -webkit-transform: translate(-50%, -50%) rotate(-12.96296deg);
          transform: translate(-50%, -50%) rotate(-12.96296deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(12) {
  -webkit-transform: translate(-50%, -50%) rotate(-7.77778deg);
          transform: translate(-50%, -50%) rotate(-7.77778deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(13) {
  -webkit-transform: translate(-50%, -50%) rotate(-2.59259deg);
          transform: translate(-50%, -50%) rotate(-2.59259deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(14) {
  -webkit-transform: translate(-50%, -50%) rotate(2.59259deg);
          transform: translate(-50%, -50%) rotate(2.59259deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(15) {
  -webkit-transform: translate(-50%, -50%) rotate(7.77778deg);
          transform: translate(-50%, -50%) rotate(7.77778deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(16) {
  -webkit-transform: translate(-50%, -50%) rotate(12.96296deg);
          transform: translate(-50%, -50%) rotate(12.96296deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(17) {
  -webkit-transform: translate(-50%, -50%) rotate(18.14815deg);
          transform: translate(-50%, -50%) rotate(18.14815deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(18) {
  -webkit-transform: translate(-50%, -50%) rotate(23.33333deg);
          transform: translate(-50%, -50%) rotate(23.33333deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(19) {
  -webkit-transform: translate(-50%, -50%) rotate(28.51852deg);
          transform: translate(-50%, -50%) rotate(28.51852deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(20) {
  -webkit-transform: translate(-50%, -50%) rotate(33.7037deg);
          transform: translate(-50%, -50%) rotate(33.7037deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(21) {
  -webkit-transform: translate(-50%, -50%) rotate(38.88889deg);
          transform: translate(-50%, -50%) rotate(38.88889deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(22) {
  -webkit-transform: translate(-50%, -50%) rotate(44.07407deg);
          transform: translate(-50%, -50%) rotate(44.07407deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(23) {
  -webkit-transform: translate(-50%, -50%) rotate(49.25926deg);
          transform: translate(-50%, -50%) rotate(49.25926deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(24) {
  -webkit-transform: translate(-50%, -50%) rotate(54.44444deg);
          transform: translate(-50%, -50%) rotate(54.44444deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(25) {
  -webkit-transform: translate(-50%, -50%) rotate(59.62963deg);
          transform: translate(-50%, -50%) rotate(59.62963deg);
}

#pc .wrapper #kanae ul.cards_container li:nth-child(26) {
  -webkit-transform: translate(-50%, -50%) rotate(64.81481deg);
          transform: translate(-50%, -50%) rotate(64.81481deg);
}

#pc .wrapper #kanae ul.cards_container::after {
  content: '';
  display: block;
  padding-top: 44.83443143251866%;
}

#pc .wrapper #kanae ul.cards_container li {
  position: absolute;
  width: 16.795%;
  display: block;
  left: 50%;
  top: 25%;
  -webkit-transform-origin: center 240%;
          transform-origin: center 240%;
}

#pc .wrapper #kanae ul.cards_container li.inactive img.inactive {
  opacity: 1;
}

#pc .wrapper #kanae ul.cards_container li.active img.inactive {
  opacity: 0;
}

#pc .wrapper #kanae ul.cards_container li a {
  width: 100%;
  display: block;
  cursor: pointer;
}

#pc .wrapper #kanae ul.cards_container li a:hover > .inactive {
  opacity: 0;
  -webkit-transition: .1s;
  transition: .1s;
}

#pc .wrapper #kanae ul.cards_container li a img {
  position: absolute;
  width: 100%;
}

#pc .wrapper #kanae ul.cards_container li a::after {
  content: '';
  display: block;
  padding-top: 149.0566037735849%;
}

#pc .wrapper #yume .head {
  width: 30.28307131885864%;
  top: -5.404803897507504%;
  left: 34.85840061513671%;
}

#pc .wrapper #yume ul.cards_container {
  position: absolute;
  list-style: none;
  width: 70.66563372640161%;
  left: 14.66714392114752%;
  bottom: 20%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

#pc .wrapper #yume ul.cards_container li:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(-24deg);
          transform: translate(-50%, -50%) rotate(-24deg);
}

#pc .wrapper #yume ul.cards_container li:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(-8deg);
          transform: translate(-50%, -50%) rotate(-8deg);
}

#pc .wrapper #yume ul.cards_container li:nth-child(3) {
  -webkit-transform: translate(-50%, -50%) rotate(8deg);
          transform: translate(-50%, -50%) rotate(8deg);
}

#pc .wrapper #yume ul.cards_container li:nth-child(4) {
  -webkit-transform: translate(-50%, -50%) rotate(24deg);
          transform: translate(-50%, -50%) rotate(24deg);
}

#pc .wrapper #yume ul.cards_container::after {
  content: '';
  display: block;
  padding-top: 53.0803766588914%;
}

#pc .wrapper #yume ul.cards_container li {
  position: absolute;
  width: 22.03942590221481%;
  width: 26.3931%;
  display: block;
  left: 50%;
  top: 52%;
  -webkit-transform-origin: center 240%;
          transform-origin: center 240%;
}

#pc .wrapper #yume ul.cards_container li.inactive img.inactive {
  opacity: 1;
}

#pc .wrapper #yume ul.cards_container li.active img.inactive {
  opacity: 0;
}

#pc .wrapper #yume ul.cards_container li a {
  width: 100%;
  display: block;
  cursor: pointer;
}

#pc .wrapper #yume ul.cards_container li a:hover > .inactive {
  opacity: 0;
}

#pc .wrapper #yume ul.cards_container li a img {
  position: absolute;
  width: 100%;
}

#pc .wrapper #yume ul.cards_container li a::after {
  content: '';
  display: block;
  padding-top: 149.0566037735849%;
}

#pc .wrapper #nozomi .head {
  width: 41.37372819965159%;
  top: -4.980419475952312%;
  left: 29.31311139039191%;
}

#pc .wrapper #nozomi ul.cards_container {
  position: absolute;
  list-style: none;
  width: 70.66563372640161%;
  left: 14.66714392114752%;
  bottom: 20%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

#pc .wrapper #nozomi ul.cards_container li:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(-24deg);
          transform: translate(-50%, -50%) rotate(-24deg);
}

#pc .wrapper #nozomi ul.cards_container li:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(-8deg);
          transform: translate(-50%, -50%) rotate(-8deg);
}

#pc .wrapper #nozomi ul.cards_container li:nth-child(3) {
  -webkit-transform: translate(-50%, -50%) rotate(8deg);
          transform: translate(-50%, -50%) rotate(8deg);
}

#pc .wrapper #nozomi ul.cards_container li:nth-child(4) {
  -webkit-transform: translate(-50%, -50%) rotate(24deg);
          transform: translate(-50%, -50%) rotate(24deg);
}

#pc .wrapper #nozomi ul.cards_container::after {
  content: '';
  display: block;
  padding-top: 53.0803766588914%;
}

#pc .wrapper #nozomi ul.cards_container li {
  position: absolute;
  width: 26.3931%;
  display: block;
  left: 50%;
  top: 52%;
  -webkit-transform-origin: center 240%;
          transform-origin: center 240%;
}

#pc .wrapper #nozomi ul.cards_container li.inactive img.inactive {
  opacity: 1;
}

#pc .wrapper #nozomi ul.cards_container li.active img.inactive {
  opacity: 0;
}

#pc .wrapper #nozomi ul.cards_container li.inactive img.inactive {
  opacity: 1;
}

#pc .wrapper #nozomi ul.cards_container li.active img.inactive {
  opacity: 0;
}

#pc .wrapper #nozomi ul.cards_container li a {
  width: 100%;
  display: block;
  cursor: pointer;
}

#pc .wrapper #nozomi ul.cards_container li a:hover > .inactive {
  opacity: 0;
  -webkit-transition: .1s;
  transition: .1s;
}

#pc .wrapper #nozomi ul.cards_container li a img {
  position: absolute;
  width: 100%;
}

#pc .wrapper #nozomi ul.cards_container li a::after {
  content: '';
  display: block;
  padding-top: 149.0566037735849%;
}

#pc .wrapper #ex_kanae .head {
  width: 49.40877993342947%;
  top: -3.642632951682065%;
  left: 25.29556591567713%;
}

#pc .wrapper #ex_kanae ul.cards_container {
  position: absolute;
  list-style: none;
  width: 106.4592688104491%;
  left: -3.22960499348579%;
  bottom: 3%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(-59.8deg);
          transform: translate(-50%, -50%) rotate(-59.8deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(-54.6deg);
          transform: translate(-50%, -50%) rotate(-54.6deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(3) {
  -webkit-transform: translate(-50%, -50%) rotate(-49.4deg);
          transform: translate(-50%, -50%) rotate(-49.4deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(4) {
  -webkit-transform: translate(-50%, -50%) rotate(-44.2deg);
          transform: translate(-50%, -50%) rotate(-44.2deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(5) {
  -webkit-transform: translate(-50%, -50%) rotate(-39deg);
          transform: translate(-50%, -50%) rotate(-39deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(6) {
  -webkit-transform: translate(-50%, -50%) rotate(-33.8deg);
          transform: translate(-50%, -50%) rotate(-33.8deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(7) {
  -webkit-transform: translate(-50%, -50%) rotate(-28.6deg);
          transform: translate(-50%, -50%) rotate(-28.6deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(8) {
  -webkit-transform: translate(-50%, -50%) rotate(-23.4deg);
          transform: translate(-50%, -50%) rotate(-23.4deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(9) {
  -webkit-transform: translate(-50%, -50%) rotate(-18.2deg);
          transform: translate(-50%, -50%) rotate(-18.2deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(10) {
  -webkit-transform: translate(-50%, -50%) rotate(-13deg);
          transform: translate(-50%, -50%) rotate(-13deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(11) {
  -webkit-transform: translate(-50%, -50%) rotate(-7.8deg);
          transform: translate(-50%, -50%) rotate(-7.8deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(12) {
  -webkit-transform: translate(-50%, -50%) rotate(-2.6deg);
          transform: translate(-50%, -50%) rotate(-2.6deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(13) {
  -webkit-transform: translate(-50%, -50%) rotate(2.6deg);
          transform: translate(-50%, -50%) rotate(2.6deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(14) {
  -webkit-transform: translate(-50%, -50%) rotate(7.8deg);
          transform: translate(-50%, -50%) rotate(7.8deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(15) {
  -webkit-transform: translate(-50%, -50%) rotate(13deg);
          transform: translate(-50%, -50%) rotate(13deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(16) {
  -webkit-transform: translate(-50%, -50%) rotate(18.2deg);
          transform: translate(-50%, -50%) rotate(18.2deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(17) {
  -webkit-transform: translate(-50%, -50%) rotate(23.4deg);
          transform: translate(-50%, -50%) rotate(23.4deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(18) {
  -webkit-transform: translate(-50%, -50%) rotate(28.6deg);
          transform: translate(-50%, -50%) rotate(28.6deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(19) {
  -webkit-transform: translate(-50%, -50%) rotate(33.8deg);
          transform: translate(-50%, -50%) rotate(33.8deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(20) {
  -webkit-transform: translate(-50%, -50%) rotate(39deg);
          transform: translate(-50%, -50%) rotate(39deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(21) {
  -webkit-transform: translate(-50%, -50%) rotate(44.2deg);
          transform: translate(-50%, -50%) rotate(44.2deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(22) {
  -webkit-transform: translate(-50%, -50%) rotate(49.4deg);
          transform: translate(-50%, -50%) rotate(49.4deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(23) {
  -webkit-transform: translate(-50%, -50%) rotate(54.6deg);
          transform: translate(-50%, -50%) rotate(54.6deg);
}

#pc .wrapper #ex_kanae ul.cards_container li:nth-child(24) {
  -webkit-transform: translate(-50%, -50%) rotate(59.8deg);
          transform: translate(-50%, -50%) rotate(59.8deg);
}

#pc .wrapper #ex_kanae ul.cards_container::after {
  content: '';
  display: block;
  padding-top: 43.76211856590773%;
}

#pc .wrapper #ex_kanae ul.cards_container li {
  position: absolute;
  width: 17.52%;
  display: block;
  left: 50%;
  top: 25%;
  -webkit-transform-origin: center 240%;
          transform-origin: center 240%;
}

#pc .wrapper #ex_kanae ul.cards_container li.inactive img.inactive {
  opacity: 1;
}

#pc .wrapper #ex_kanae ul.cards_container li.active img.inactive {
  opacity: 0;
}

#pc .wrapper #ex_kanae ul.cards_container li a {
  width: 100%;
  display: block;
  cursor: pointer;
}

#pc .wrapper #ex_kanae ul.cards_container li a:hover > .inactive {
  opacity: 0;
  -webkit-transition: .1s;
  transition: .1s;
}

#pc .wrapper #ex_kanae ul.cards_container li a img {
  position: absolute;
  width: 100%;
}

#pc .wrapper #ex_kanae ul.cards_container li a::after {
  content: '';
  display: block;
  padding-top: 149.0566037735849%;
}

#pc .wrapper #warukanae .head {
  width: 41.37372819965159%;
  top: -1.980419475952312%;
  left: 29.31311139039191%;
  transform: scale(calc(74 / 51 * 100%));
}

#pc .wrapper #warukanae ul.cards_container {
  position: absolute;
  list-style: none;
  width: 70.66563372640161%;
  left: 14.66714392114752%;
  bottom: 20%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

#pc .wrapper #warukanae ul.cards_container li:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(-16deg);
          transform: translate(-50%, -50%) rotate(-16deg);
}

#pc .wrapper #warukanae ul.cards_container li:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

#pc .wrapper #warukanae ul.cards_container li:nth-child(3) {
  -webkit-transform: translate(-50%, -50%) rotate(16deg);
          transform: translate(-50%, -50%) rotate(16deg);
}

#pc .wrapper #warukanae ul.cards_container::after {
  content: '';
  display: block;
  padding-top: 53.0803766588914%;
}

#pc .wrapper #warukanae ul.cards_container li {
  position: absolute;
  width: 26.3931%;
  display: block;
  left: 50%;
  top: 52%;
  -webkit-transform-origin: center 240%;
          transform-origin: center 240%;
}

#pc .wrapper #warukanae ul.cards_container li.inactive img.inactive {
  opacity: 1;
}

#pc .wrapper #warukanae ul.cards_container li.active img.inactive {
  opacity: 0;
}

#pc .wrapper #warukanae ul.cards_container li.inactive img.inactive {
  opacity: 1;
}

#pc .wrapper #warukanae ul.cards_container li.active img.inactive {
  opacity: 0;
}

#pc .wrapper #warukanae ul.cards_container li a {
  width: 100%;
  display: block;
  cursor: pointer;
}

#pc .wrapper #warukanae ul.cards_container li a:hover > .inactive {
  opacity: 0;
  -webkit-transition: .1s;
  transition: .1s;
}

#pc .wrapper #warukanae ul.cards_container li a img {
  position: absolute;
  width: 100%;
}

#pc .wrapper #warukanae ul.cards_container li a::after {
  content: '';
  display: block;
  padding-top: 149.0566037735849%;
}

#all {
  width: 100%;
  position: relative;
  padding-bottom: 29.011171875%;
}

#all::after {
  content: '';
  display: block;
  padding-top: 164.0625%;
}

#all .inner {
  position: absolute;
  width: 79.6875703125%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/all_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  opacity: 0;
}

#all .inner::after {
  content: '';
  display: block;
  padding-top: 215.4633623362489%;
}

#all .inner .head {
  position: absolute;
  width: 26.05845739940033%;
  left: 36.97418306199534%;
  top: -2.283907842734324%;
  opacity: 0;
}

#all .inner .head img {
  width: 100%;
}

#all .inner ul.arts {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 97.83372740161308%;
  top: 7.426249070777417%;
  left: 1.101959811996244%;
  opacity: 0;
}

#all .inner ul.arts::after {
  content: '';
  padding-top: 186.4951359593484%;
  display: block;
}

#all .inner ul.arts li {
  position: absolute;
}

#all .inner ul.arts li.big {
  width: 14.38763353101082%;
}

#all .inner ul.arts li.small {
  width: 9.513411548535336%;
}

#all .inner ul.arts li::after {
  content: '';
  padding-top: 142.2486799572906%;
  display: block;
}

#all .inner ul.arts li a {
  display: block;
  width: 100%;
  position: absolute;
  cursor: pointer;
}

#all .inner ul.arts li a::after {
  content: '';
  padding-top: 142.2486799572906%;
  display: block;
}

#all .inner ul.arts li a:hover > .inactive {
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

#all .inner ul.arts li a img {
  width: 100%;
  position: absolute;
}

#all .inner ul.arts li.kanae_01 {
  top: 4.165564910578959%;
  left: 0;
}

#all .inner ul.arts li.kanae_02 {
  top: 87.91368780567854%;
  left: 70.8139523114878%;
}

#all .inner ul.arts li.kanae_03 {
  top: 0;
  left: 53.70351423266886%;
}

#all .inner ul.arts li.kanae_04 {
  top: 72.97083932616105%;
  left: 20.64033356284752%;
}

#all .inner ul.arts li.kanae_05 {
  top: 88.79426876558164%;
  left: 50.19415176736781%;
}

#all .inner ul.arts li.kanae_06 {
  top: 9.280946109767093%;
  left: 80.05471262842782%;
}

#all .inner ul.arts li.kanae_07 {
  top: 25.83783479392025%;
  left: 65.49841573079759%;
}

#all .inner ul.arts li.kanae_08 {
  top: 22.7264093311921%;
  left: 38.70177408688944%;
}

#all .inner ul.arts li.kanae_09 {
  top: 84.62096626297034%;
  left: 0;
}

#all .inner ul.arts li.kanae_10 {
  top: 66.44186991592515%;
  left: 81.68212221425108%;
}

#all .inner ul.arts li.kanae_11 {
  top: 41.12570465149106%;
  left: 0;
}

#all .inner ul.arts li.kanae_12 {
  top: 51.7904170030146%;
  left: 66.48528331707761%;
}

#all .inner ul.arts li.kanae_13 {
  top: 85.40466612263514%;
  left: 37.26676760480883%;
}

#all .inner ul.arts li.kanae_14 {
  top: 53.64792269027908%;
  left: 35.42100053822764%;
}

#all .inner ul.arts li.kanae_15 {
  top: 50.06633104503005%;
  left: 82.53591098710909%;
}

#all .inner ul.arts li.kanae_16 {
  bottom: 0;
  left: 6.322045317143948%;
}

#all .inner ul.arts li.kanae_17 {
  top: 63.56380807956136%;
  left: 1.809992114479045%;
}

#all .inner ul.arts li.kanae_18 {
  top: 33.40949846379245%;
  left: 49.54789780068221%;
}

#all .inner ul.arts li.kanae_19 {
  top: 36.282133239078%;
  left: 16.86863146979236%;
}

#all .inner ul.arts li.kanae_20 {
  top: 77.1699338022135%;
  left: 46.12873431125551%;
}

#all .inner ul.arts li.kanae_21 {
  top: 42.70777355571531%;
  left: 66.45491970226822%;
}

#all .inner ul.arts li.kanae_22 {
  top: 45.14559864540555%;
  left: 42.18356879498237%;
}

#all .inner ul.arts li.kanae_23 {
  top: 2.219775447556562%;
  left: 39.94487851497673%;
}

#all .inner ul.arts li.kanae_24 {
  top: 75.82837505032793%;
  left: 32.74609634645546%;
}

#all .inner ul.arts li.kanae_25 {
  top: 17.34480660614114%;
  left: 71.54217801716376%;
}

#all .inner ul.arts li.kanae_26 {
  top: 19.728790951273%;
  left: 7.797035569221075%;
}

#all .inner ul.arts li.yume_01 {
  top: 63.99114883951433%;
  left: 69.19155322315784%;
}

#all .inner ul.arts li.yume_02 {
  top: 10.40595975130305%;
  left: 41.64003002690938%;
}

#all .inner ul.arts li.yume_03 {
  top: 1.107711526019185%;
  left: 85.91649364583739%;
}

#all .inner ul.arts li.yume_04 {
  top: 41.11882679190676%;
  left: 30.01246912406182%;
}

#all .inner ul.arts li.nozomi_01 {
  top: 3.606201486574123%;
  left: 64.32786330641327%;
}

#all .inner ul.arts li.nozomi_02 {
  top: 27.92644730987299%;
  left: 24.97371242490141%;
}

#all .inner ul.arts li.nozomi_03 {
  top: 33.90642381875851%;
  left: 70.57264675221056%;
}

#all .inner ul.arts li.nozomi_04 {
  top: 64.43885451183021%;
  left: 26.8395214814558%;
}

#all .inner ul.arts li.ex_kanae_01 {
  top: 7.461268650216295%;
  left: 28.53697782223537%;
}

#all .inner ul.arts li.ex_kanae_02 {
  top: 17.28844039751664%;
  right: 0%;
}

#all .inner ul.arts li.ex_kanae_03 {
  top: 15.41916712236964%;
  left: 57.65859051298375%;
}

#all .inner ul.arts li.ex_kanae_04 {
  top: 10.42949492706809%;
  left: 16.01845025512952%;
}

#all .inner ul.arts li.ex_kanae_05 {
  top: 29.54908483898904%;
  left: 82.17325117854417%;
}

#all .inner ul.arts li.ex_kanae_06 {
  top: 24.47365433199568%;
  left: 51.84781636005595%;
}

#all .inner ul.arts li.ex_kanae_07 {
  top: 37.73669307460258%;
  left: 83.823408422987%;
}

#all .inner ul.arts li.ex_kanae_08 {
  top: 47.07628905730928%;
  left: 54.23271295691603%;
}

#all .inner ul.arts li.ex_kanae_09 {
  top: 32.228387280022%;
  left: 1.243605477836615%;
}

#all .inner ul.arts li.ex_kanae_10 {
  top: 53.62051871849786%;
  left: 6.728396663850433%;
}

#all .inner ul.arts li.ex_kanae_11 {
  top: 0.8052469041437546%;
  left: 18.26697113121701%;
}

#all .inner ul.arts li.ex_kanae_12 {
  top: 55.71466576208484%;
  left: 48.64811266083572%;
}

#all .inner ul.arts li.ex_kanae_13 {
  top: 61.81796014398584%;
  left: 14.82023988458219%;
}

#all .inner ul.arts li.ex_kanae_14 {
  top: 49.31841754851484%;
  left: 18.75458272626981%;
}

#all .inner ul.arts li.ex_kanae_15 {
  top: 86.5682065244988%;
  left: 85.29529216661828%;
}

#all .inner ul.arts li.ex_kanae_16 {
  top: 63.96030593794097%;
  left: 38.67612033972376%;
}

#all .inner ul.arts li.ex_kanae_17 {
  top: 32.65502950736095%;
  left: 37.25153569242921%;
}

#all .inner ul.arts li.ex_kanae_18 {
  top: 58.07570599750968%;
  right: 0;
}

#all .inner ul.arts li.ex_kanae_19 {
  top: 16.7852282490243%;
  left: 27.42695220757008%;
}

#all .inner ul.arts li.ex_kanae_20 {
  top: 76.22503410854154%;
  left: 60.24370658967603%;
}

#all .inner ul.arts li.ex_kanae_21 {
  top: 71.84415995300702%;
  left: 4.075238031199165%;
}

#all .inner ul.arts li.ex_kanae_22 {
  top: 78.37302189668692%;
  left: 76.71822234764054%;
}

#all .inner ul.arts li.ex_kanae_23 {
  top: 84.00158276743684%;
  left: 18.88525650089503%;
}

#all .inner ul.arts li.ex_kanae_24 {
  top: 67.20004646853882%;
  left: 56.757502643789%;
}

#all .inner ul.arts li.warukanae_01 {
  top: calc(2070 / 2165 * 100%);
  left: calc(180 / 1020 * 100%);
}

#all .inner ul.arts li.warukanae_02 {
  top: calc(2075 / 2165 * 100%);
  left: calc(700 / 1020 * 100%);
}

#all .inner ul.arts li.warukanae_03 {
  top: calc(2055 / 2165 * 100%);
  left: calc(350 / 1020 * 100%);
}

#sp {
  background-color: #000;
  width: 100%;
  padding-top: 100px;
}

#sp .mv {
  opacity: 0;
  position: relative;
  width: 100%;
  background-image: url(../img/sp/mv_frame.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 96.71642666666667%;
  margin-bottom: 39.9528%;
}

#sp .mv::after {
  content: '';
  display: block;
  padding-top: 179.2%;
}

#sp .mv .mv_logo {
  opacity: 0;
  position: absolute;
  left: 6.594266666666667%;
  top: 7.26733630952381%;
  width: 86.19809333333333%;
}

#sp .mv .mv_logo img {
  width: 100%;
}

#sp .mv .mv_txt {
  opacity: 0;
  position: absolute;
  left: 6.4932%;
  top: 19.89955022488756%;
  width: 41.97825333333333%;
  z-index: 10;
}

#sp .mv .mv_txt img {
  width: 100%;
}

#sp .mv .mv_chara {
  opacity: 0;
  position: absolute;
  left: 32.43813333333333%;
  top: 15.75157421289355%;
  width: 101.23128%;
}

#sp .mv .mv_chara img {
  width: 100%;
}

#sp .mv .mv_nav {
  position: absolute;
  left: 6.7816%;
  top: 72.8143928035982%;
  width: 86.27569333333333%;
}

#sp .mv .mv_nav::after {
  content: '';
  display: block;
  padding-top: 38.4747531054324%;
}

#sp .mv .mv_nav nav {
  position: absolute;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 18.02409022970753%;
}

#sp .mv .mv_nav nav a {
  opacity: 0;
  display: block;
  width: 47.57613461466242%;
}

#sp .mv .mv_nav nav a img {
  width: 100%;
}

#sp .sp_cards {
  opacity: 0;
}

#sp .sp_cards ul {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 0;
  margin: 0;
}

#sp .sp_cards ul li {
  position: relative;
  list-style: none;
}

#sp .sp_cards ul li::after {
  content: '';
  display: block;
  padding-top: 149.1428459882581%;
}

#sp .sp_cards ul li a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

#sp .sp_cards ul li a img {
  position: absolute;
  width: 100%;
}

#sp .sp_cards ul li a img.front {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

#sp #sp_kanae {
  opacity: 0;
  position: relative;
  width: 100%;
  background-image: url(../img/sp/frame1.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 96.71642666666667%;
  margin-bottom: 39.90333333333333%;
}

#sp #sp_kanae::after {
  content: '';
  display: block;
  padding-top: 249.63208%;
}

#sp #sp_kanae .head1 {
  opacity: 0;
  position: absolute;
  left: 34.41666666666667%;
  top: 2.608319446224843%;
  width: 31.1668%;
}

#sp #sp_kanae .head1 img {
  width: 100%;
}

#sp #sp_kanae .cards1 {
  position: absolute;
  left: 6.666666666666667%;
  top: 9.108287399051404%;
  width: 86.66666666666667%;
}

#sp #sp_kanae .cards1::after {
  content: '';
  display: block;
  padding-left: 0;
  padding-top: 253.8076923076923%;
}

#sp #sp_kanae .cards1 ul {
  gap: 0.9978481588119412% 2.859230769230769%;
}

#sp #sp_kanae .cards1 ul li {
  width: 22.8556%;
}

#sp #sp_yume {
  opacity: 0;
  position: relative;
  width: 100%;
  background-image: url(../img/sp/frame2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 96.71642666666667%;
  margin-bottom: 40.2768%;
}

#sp #sp_yume::after {
  content: '';
  display: block;
  padding-top: 92.59609333333333%;
}

#sp #sp_yume .head2 {
  opacity: 0;
  position: absolute;
  left: 36.2716%;
  top: 7.031830140566045%;
  width: 27.45668%;
}

#sp #sp_yume .head2 img {
  width: 100%;
}

#sp #sp_nozomi {
  opacity: 0;
  position: relative;
  width: 100%;
  background-image: url(../img/sp/frame2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 96.71642666666667%;
  margin-bottom: 39.95333333333333%;
}

#sp #sp_nozomi::after {
  content: '';
  display: block;
  padding-top: 92.59609333333333%;
}

#sp #sp_nozomi .head3 {
  opacity: 0;
  position: absolute;
  left: 31.24386666666667%;
  top: 6.098457429521505%;
  width: 37.51221333333333%;
}

#sp #sp_nozomi .head3 img {
  width: 100%;
}

#sp .cards2, #sp .cards3 {
  position: absolute;
  left: 27.31106666666667%;
  top: 24.55524761519816%;
  width: 42.09434666666667%;
}

#sp .cards2::after, #sp .cards3::after {
  content: '';
  display: block;
  padding-left: 0;
  padding-top: 145.3876941828451%;
}

#sp .cards2 ul, #sp .cards3 ul {
  gap: 3.581818063137648% 5.886776244854416%;
}

#sp .cards2 ul li, #sp .cards3 ul li {
  width: 47.0566435524517%;
}

#sp #sp_ex_kanae {
  opacity: 0;
  position: relative;
  width: 100%;
  background-image: url(../img/sp/frame3.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 96.71642666666667%;
  margin-bottom: 39.90333333333333%;
}

#sp #sp_ex_kanae::after {
  content: '';
  display: block;
  padding-top: 219.8594266666667%;
}

#sp #sp_ex_kanae .head4 {
  opacity: 0;
  position: absolute;
  left: 27.60133333333333%;
  top: 2.961538928038619%;
  width: 44.79733333333333%;
}

#sp #sp_ex_kanae .head4 img {
  width: 100%;
}

#sp #sp_ex_kanae .cards4 {
  position: absolute;
  left: 6.666666666666667%;
  top: 10.34173469016459%;
  width: 86.66666666666667%;
}

#sp #sp_ex_kanae .cards4::after {
  content: '';
  display: block;
  padding-left: 0;
  padding-top: 217.1876615384615%;
}

#sp #sp_ex_kanae .cards4 ul {
  gap: 1.166095424885307% 2.859230769230769%;
}

#sp #sp_ex_kanae .cards4 ul li {
  width: 22.8556%;
}

#sp #sp_warukanae {
  opacity: 0;
  position: relative;
  width: 100%;
  background-image: url(../img/sp/frame2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 96.71642666666667%;
  margin-bottom: 39.95333333333333%;
}

#sp #sp_warukanae::after {
  content: '';
  display: block;
  padding-top: 92.59609333333333%;
}

#sp #sp_warukanae .head5 {
  opacity: 0;
  position: absolute;
  left: calc(160 / 750 * 100%);
  top: 7.098457429521505%;
  width: 56.51221333333333%;
}

#sp #sp_warukanae .head5 img {
  width: 100%;
}

#sp .cards5 {
  position: absolute;
  left: calc(135 / 750 * 100%);
  top: 40.55524761519816%;
  width: calc(483 / 750 * 100%);
}

#sp .cards5::after {
  content: '';
  display: block;
  padding-left: 0;
  padding-top: 145.3876941828451%;
}

#sp .cards5 ul {
  gap: calc(18 / 483 * 100%);
}

#sp .cards5 ul li {
  width: calc(148 / 483 * 100%);
}

#sp #sp_all {
  opacity: 0;
  position: relative;
  width: 100%;
  background-image: url(../img/sp/frame4.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: calc(727 / 750 * 100%);
  /* background-size: 96.71642666666667%; */
  padding-bottom: calc(695 / 750 * 100%);
  /* padding-bottom: 37.39066666666667%; */
}

#sp #sp_all::after {
  content: '';
  display: block;
  padding-top: 929.9347466666667%;
}

#sp #sp_all .head6 {
  position: absolute;
  width: 25.62636%;
  left: 38.1868%;
  top: 0.7263525322925912%;
}

#sp #sp_all .head6 img {
  width: 100%;
}

#sp #sp_all .arts {
  opacity: 0;
  position: absolute;
  width: 88.66804%;
  height: 96.55857286961468%;
  left: 5.666%;
  top: 2.585816064497721%;
}

#sp #sp_all .arts .block {
  position: relative;
  list-style: none;
  margin-top: 0;
  margin-bottom: 2.553043163391605%;
  padding: 0;
}

#sp #sp_all .arts .block::after {
  content: '';
  display: block;
  padding-top: 117.9633007188009%;
}

#sp #sp_all .arts .block li {
  position: absolute;
}

#sp #sp_all .arts .block li.big {
  width: 34.13613292906892%;
}

#sp #sp_all .arts .block li.small {
  width: 24.82868310460755%;
}

#sp #sp_all .arts .block li a {
  display: block;
  width: 100%;
}

#sp #sp_all .arts .block li a img {
  width: 100%;
}

#sp #sp_all .arts .block li.n1 {
  left: 1.128553948713276%;
  top: 0;
}

#sp #sp_all .arts .block li.n2 {
  left: 47.44903951111735%;
  top: 1.641621883668692%;
}

#sp #sp_all .arts .block li.n3 {
  right: 0;
  top: 20.25550815896784%;
}

#sp #sp_all .arts .block li.n4 {
  left: 37.58558326089085%;
  top: 35.25637307622834%;
}

#sp #sp_all .arts .block li.n5 {
  left: 0;
  top: 49.804319640276%;
}

#sp #sp_all .arts .block li.n6 {
  left: 27.7222773842751%;
  bottom: 1.641621883668692%;
}

#sp #sp_all .arts .block li.n7 {
  left: 64.73523793541243%;
  bottom: 0;
}

#sp #sp_all .arts .block li.n8 {
  right: 0;
  top: 10.25550815896784%;
}

#sp #sp_all .arts .block li.n9 {
  left: calc(92 / 727 * 100%);
  top: 45.804319640276%;
}

#sp #sp_all .arts .block li.n10 {
  right: calc(78 / 727 * 100%);
  top: 48.804319640276%;
}

footer {
  background-color: #fff;
}

footer .clear {
  clear: both;
}

#sb-container {
  top: 100px !important;
}

#sb-wrapper-inner {
  border: none !important;
}

#sb-body {
  background-color: transparent !important;
}
/*# sourceMappingURL=main.css.map */