@charset "utf-8";
/* CSS Document */
body {
  background-color: #fff;
}
.fadebtn a:hover {
  opacity: .7;
}
.fadebtn a {
  transition: opacity 0.3s ease-out;
}
.imgmax img {
  width: 100%;
  height: auto;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
/*
.page {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}*/
header {
  position: relative;
}
.fade a:hover img, .fade li.setting:hover > img {
  opacity: 1;
  -webkit-animation: flash 2s;
  animation: flash 2s;
  filter: brightness(100%);
  cursor: pointer;
}
.fade a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fade02 a:hover img, .fade li.setting:hover > img {
  opacity: .8;
  -webkit-opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=80); /* IE lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
  cursor: pointer;
}
.fade02 a img {
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.button {
  position: relative;
  display: inline-block;
  transition: .3s;
  text-align: center;
  width: 100%;
  height: 100%;
}
.button::before, .button::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: '';
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.button::before {
  background: rgba(0, 215, 247, 0.9);
}
.button::after {
  background: rgba(255, 255, 255, 0.3);
}
.button:hover::before, .button:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.button:hover::after {
  transition-delay: .3s;
}
/*
Copyright (c) 2021 by LittleSnippets.net (https://codepen.io/littlesnippets/pen/OyrqOw)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
figure.snip1206 {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 9% 0 0;
}
figure.snip1206 * {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1206:after {
  background: #00d7f7;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity: 0.9;
  -webkit-transform: skew(-45deg) scaleX(0);
  transform: skew(-45deg) scaleX(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
figure.snip1206 figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}
figure.snip1206 h2, figure.snip1206 p {
  margin: 0;
  width: 100%;
  opacity: 0;
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
  color: #ffe3ef;
  font-size: 0.7vw;
  text-align: center;
}
figure.snip1206 h2 {
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
}
figure.snip1206 p {
  padding: 0 50px;
  font-size: 0.8em;
  font-weight: 500;
}
figure.snip1206 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1206:hover:after, figure.snip1206.hover:after {
  -webkit-transform: skew(-45deg) scaleX(1);
  transform: skew(-45deg) scaleX(1);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure.snip1206:hover figcaption h2, figure.snip1206.hover figcaption h2, figure.snip1206:hover figcaption p, figure.snip1206.hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1206:hover figcaption h2, figure.snip1206.hover figcaption h2 {
  opacity: 1;
}
figure.snip1206:hover figcaption p, figure.snip1206.hover figcaption p {
  opacity: 0.7;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 フレーム
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
.cursor {
  border-radius: 50%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  cursor: none;
  width: 8px;
  height: 8px;
  background-color: #bdf6ff;
  z-index: 10006;
}
.follower {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  cursor: none;
  overflow: hidden;
  border-radius: 300px;
}
.follower {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid #ffc7e5;
  transition: transform ease 0.1s;
  text-align: center;
  z-index: 10005;
  box-sizing: border-box;
}
.follower.is-active {
  transform: scale(1.5);
}
.bg_background01 {
  background: url(/alicegearaegis/lp/ova/assets02/img/common/bg_background_01.jpg) repeat left top;
  z-index: 1;
}
.left_cont_detail01 {
  width: 70%;
  padding: 0 0 45px 0;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .left_cont_detail01 {
    width: 80%;
    padding: 0 0 12% 0;
    margin: 0 auto;
  }
}
.logo {
  width: 85%;
  padding: 2.4vw 0 12% 0;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .logo {
    width: 90%;
    padding: 2.4vw 0 12% 0;
    margin: 0 auto;
  }
}
.navigation {
  font-size: max(1.18vw, 18px);
  /* font-size: 1.18vw;*/
}
.navigation li {
  position: relative;
  padding: 0 0 0 15%;
  margin-bottom: 19px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.01em;
  /* Chrome */
  -webkit-font-smoothing: antialiased;
  /* Firefox */
  -moz-osx-font-smoothing: grayscale;
}
.navigation .display {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: #00d7f7;
  padding-top: 25px;
  width: 60%;
  z-index: 0;
}
.navigation .display02 {
  position: relative;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  z-index: 1;
  color: #fff !important;
}
@media screen and (max-width: 1200px) {
  .navigation .display {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: #00d7f7;
    padding-top: 25px;
    width: 90%;
    z-index: 0;
  }
}
.unimp {
  color: #cecece;
}
.navigation a {
  color: #000;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.01em;
  /* Chrome */
  -webkit-font-smoothing: antialiased;
  /* Firefox */
  -moz-osx-font-smoothing: grayscale;
}
.navigation a {
  transition: .1s;
  color: #000;
}
.navigation a:hover {
  color: #f74897;
}
.navigation a span {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
}
.navigation a:hover span {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: .5s;
}
.navigation a:hover span:nth-of-type(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s;
}
.navigation a:hover span:nth-of-type(2) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s;
}
.navigation a:hover span:nth-of-type(3) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}
.navigation a:hover span:nth-of-type(4) {
  -webkit-transition-delay: .08s;
  transition-delay: .08s;
}
.navigation a:hover span:nth-of-type(5) {
  -webkit-transition-delay: .10s;
  transition-delay: .10s;
}
.footer_detail {
  position: relative;
  width: 100%;
  height: 0;
  /*  background: url(/alicegearaegis/lp/ova/assets02/img/common/footer_bg02_back02.jpg) no-repeat center top;*/
  background-size: cover;
  padding-top: 23.15%;
  z-index: 5;
}
.f_backgroundimg1 {
  background-image: url(/alicegearaegis/lp/ova/assets02/img/common/footer_bg02_0915.jpg);
}
.f_backgroundimg2 {
  background-image: url(/alicegearaegis/lp/ova/assets02/img/common/footer_bg03.jpg);
}
.f_backgroundimg3 {
  background-image: url(/alicegearaegis/lp/ova/assets02/img/common/footer_bg04.jpg);
}
.f_backgroundimg4 {
  background-image: url(/alicegearaegis/lp/ova/assets02/img/common/footer_bg05.jpg);
}
.f_backgroundimg5 {
  background-image: url(/alicegearaegis/lp/ova/assets02/img/common/footer_bg06.jpg);
}
.f_backgroundimg6 {
  background-image: url(/alicegearaegis/lp/ova/assets02/img/common/footer_bg07.jpg);
}
.footer_detail_cont {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  z-index: 5;
}
.footer_detail_main {
  width: 36.55%;
  margin: 0 auto;
  padding-bottom: 0.5%;
}
.footer_detail_sub {
  width: 22%;
  margin: 0 auto;
  padding-top: 0.5%;
}
.wrapper02 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}
#myCanvasb {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
footer a {
  text-decoration: none;
  color: #fff;
}
@media screen and (min-width: 751px) {
  body {
    cursor: none;
  }
  .left_cont_common {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    z-index: 6;
  }
  .sns_common {
    padding: 10% 0 0 15%;
  }
  .sns_common li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6% 0 0;
  }
  .sns_common li:first-child {
    padding: 0 6% 0 0;
  }
  .catch {
    font-family: alternate-gothic-atf, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: max(0.75vw, 10px);
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: center; /* 水平中心 */
  }
  /*
  .catch:after {
    border-top: 1px solid;
    content: "";
    width: 1.6em; 
  }
  .catch:after {
    margin-left: 2em; 
  }
*/
  .sns_common li:nth-child(2) {
    width: 6.16%;
    min-width: 17px;
  }
  .sns_common li:nth-child(3) {
    width: 6.38%;
    min-width: 17px;
  }
  .left_cont_detail02 {
    padding: 10% 0 0 15%;
    width: 51%;
    min-width: 120px;
  }
  footer {
    position: relative;
    width: 100%;
    padding-top: 16%;
    background-color: #fff;
  }
  footer .footer_left p {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2.75% 0 0 2%;
    font-size: 0.6vw;
    line-height: 1.3;
    font-family: alternate-gothic-atf, sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  footer .footer_center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 2.25% 0 0 0;
    margin: 0 auto;
    width: 14.85%;
  }
  footer .footer_right {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2.75% 2% 0 0;
    width: 17.3%;
  }
}
@media screen and (max-width: 750px) {
  body {
    width: 100%;
    height: 100%;
  }
  html {
    width: 100%;
    height: 100%;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .sp_Order {
    display: flex;
    flex-direction: column !important;
  }
  .Order01 {
    order: 1;
  }
  .Order02 {
    order: 2;
  }
  .Order03 {
    order: 3;
  }
  .Order04 {
    order: 4;
  }
  .Order05 {
    order: 5;
  }
  .Order06 {
    order: 6;
  }
  /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
メニュー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  .drawer-list {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    transform: translate(100vw, 0);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
    box-sizing: border-box;
    transition: width 475ms ease-out, transform 450ms ease, border-radius 0.8s 0.1s ease;
    border-bottom-left-radius: 100vw;
    background-color: #f74897;
    background-color: rgba(247, 72, 151, 1);
    z-index: 9999;
    text-align: right;
  }
  @media (min-width: 768px) {
    .drawer-list {
      width: 40vw;
    }
  }
  .menu_details_sp {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20% 0 0 7%;
    width: 38%;
  }
  .sns_menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 77% 0 0 7%;
    box-sizing: border-box;
    z-index: 10;
  }
  .sns_menu div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3.5% 0 0;
  }
  .catch02 {
    font-family: alternate-gothic-atf, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 3.8vw;
    color: #fff;
  }
  .sns_menu .sns01 {
    width: 10.46%;
  }
  .sns_menu .sns02 {
    width: 10.19%;
  }
  /*
Copyright (c) 2021 by Brady Hullopeter (https://codepen.io/bradyhullopeter/pen/GNJReZ)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
  .drawer-list ul {
    position: relative;
    display: inline-block;
    z-index: 50;
    height: 100%;
    padding: 16% 3% 0 0;
    overflow: auto;
    overflow-x: hidden;
    pointer-events: auto;
  }
  .drawer-list li {
    list-style: none;
    text-transform: uppercase;
    pointer-events: auto;
    white-space: nowrap;
    box-sizing: border-box;
    transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
  }
  .drawer-list li:last-child {
    margin-bottom: 2em;
  }
  .drawer-list li a {
    text-decoration: none;
    color: #a1f3ff;
    text-align: left;
    display: block;
    padding: 1rem;
    font-size: 7vw;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .drawer-list .unimp {
    text-decoration: none;
    color: #e4e4e4;
    text-align: left;
    display: block;
    padding: 1rem;
    font-size: 7vw;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: line-through;
  }
  @media (min-width: 750px) {
    .drawer-list li a {
      text-align: right;
      padding: 0.5rem;
    }
  }
  .drawer-list li a:hover {
    cursor: pointer;
    background-color: #00d7f7;
    background-color: rgba(108, 236, 255, 0.5);
  }
  input.hamburger {
    display: none;
  }
  input.hamburger:checked ~ .drawer-list {
    transform: translatex(0);
    border-bottom-left-radius: 0;
  }
  input.hamburger:checked ~ .drawer-list li {
    transform: translatex(0);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(1) {
    transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(2) {
    transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(3) {
    transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(4) {
    transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(5) {
    transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(6) {
    transition: transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(7) {
    transition: transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(8) {
    transition: transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(9) {
    transition: transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(10) {
    transition: transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(11) {
    transition: transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(12) {
    transition: transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(13) {
    transition: transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(14) {
    transition: transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(15) {
    transition: transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(16) {
    transition: transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(17) {
    transition: transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(18) {
    transition: transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(19) {
    transition: transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(20) {
    transition: transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(21) {
    transition: transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(22) {
    transition: transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(23) {
    transition: transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(24) {
    transition: transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(25) {
    transition: transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(26) {
    transition: transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(27) {
    transition: transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(28) {
    transition: transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(29) {
    transition: transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(30) {
    transition: transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(31) {
    transition: transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(32) {
    transition: transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(33) {
    transition: transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(34) {
    transition: transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(35) {
    transition: transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(36) {
    transition: transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(37) {
    transition: transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(38) {
    transition: transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(39) {
    transition: transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(40) {
    transition: transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(41) {
    transition: transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(42) {
    transition: transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(43) {
    transition: transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(44) {
    transition: transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(45) {
    transition: transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(46) {
    transition: transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(47) {
    transition: transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(48) {
    transition: transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(49) {
    transition: transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li:nth-child(50) {
    transition: transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  input.hamburger:checked ~ .drawer-list li a {
    padding-right: 15px;
  }
  input.hamburger:checked ~ label > i {
    background-color: transparent;
    transform: rotate(90deg);
  }
  input.hamburger:checked ~ label > i:before {
    transform: translate(-50%, -50%) rotate(315deg);
  }
  input.hamburger:checked ~ label > i:after {
    transform: translate(-50%, -50%) rotate(-315deg);
  }
  input.hamburger:checked ~ label close {
    color: #FEFEFE;
    width: 100%;
  }
  input.hamburger:checked ~ label open {
    color: rgba(0, 0, 0, 0);
    width: 0;
  }
  label.hamburger {
    z-index: 10000;
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    background-color: #f74897;
  }
  label.hamburger:hover {
    cursor: pointer;
  }
  label.hamburger text close, label.hamburger text open {
    text-transform: uppercase;
    font-size: 0.8em;
    align-text: center;
    position: absolute;
    transform: translateY(50px);
    text-align: center;
    overflow: hidden;
    transition: width 0.25s 0.35s, color 0.45s 0.35s;
    background-color: #f74897;
  }
  label.hamburger text close {
    color: rgba(0, 0, 0, 0);
    right: 0;
    width: 0;
  }
  label.hamburger text open {
    color: #FEFEFE;
    width: 100%;
  }
  label.hamburger > i {
    position: absolute;
    width: 60%;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #a1f3ff;
    pointer-events: auto;
    transition-duration: 0.35s;
    transition-delay: 0.35s;
  }
  label.hamburger > i:before, label.hamburger > i:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 50%;
    background-color: #a1f3ff;
    content: "";
    transition: transform 0.35s;
    transform-origin: 50% 50%;
  }
  label.hamburger > i:before {
    transform: translate(-50%, -8px);
  }
  label.hamburger > i:after {
    transform: translate(-50%, 8px);
  }
  label.hamburger {
    position: fixed;
    top: 2%;
    right: 2%;
  }
  .bg_background01 {
    background: url(/alicegearaegis/lp/ova/assets02/img/common/bg_background_01.jpg) repeat left top;
    background-size: 10% auto;
    z-index: 1;
  }
  .left_cont_common {
    position: relative;
    width: 100%;
  }
  .logo {
    position: relative;
    width: 58%;
    padding: 10% 0 5% 0;
    margin: 0 auto;
    z-index: 2;
  }
  .footer_detail {
    position: relative;
    width: 100%;
    height: 0;
    /*background: url(/alicegearaegis/lp/ova/assets02/img/common/sp/footer_bg_sp_v2.jpg) no-repeat center top;*/
    background-size: cover;
    padding-top: 120.93%;
    z-index: 5;
  }
  .f_backgroundimg1 {
    background-image: url(/alicegearaegis/lp/ova/assets02/img/common/sp/footer_bg02_0915.jpg);
  }
  .f_backgroundimg2 {
    background-image: url(/alicegearaegis/lp/ova/assets02/img/common/sp/footer_bg03.jpg);
  }
  .f_backgroundimg3 {
    background-image: url(/alicegearaegis/lp/ova/assets02/img/common/sp/footer_bg04.jpg);
  }
  .f_backgroundimg4 {
    background-image: url(/alicegearaegis/lp/ova/assets02/img/common/sp/footer_bg05.jpg);
  }
  .f_backgroundimg5 {
    background-image: url(/alicegearaegis/lp/ova/assets02/img/common/sp/footer_bg06.jpg);
  }
  .f_backgroundimg6 {
    background-image: url(/alicegearaegis/lp/ova/assets02/img/common/sp/footer_bg07.jpg);
  }
  .footer_detail_cont {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    z-index: 5;
  }
  .footer_detail_main {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 0.5%;
  }
  .footer_detail_sub {
    width: 90%;
    margin: 0 auto;
  }
  .footer_sub {
    display: flex; /* Flexboxを指定 */
    justify-content: center; /* 水平方向の中央寄せ */
    align-items: center;
    width: 100%;
  }
  .sns_common {
    display: inline-block;
    width: 41%;
    padding-left: 2%;
    box-sizing: border-box;
  }
  .sns_common li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5% 0 5%;
  }
  .catch {
    font-family: alternate-gothic-atf, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 4.8vw;
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: center; /* 水平中心 */
  }
  .catch:after {
    margin-left: 2em; /* 文字の左隣 */
  }
  .sns_common li:nth-child(2) {
    width: 20.46%;
  }
  .sns_common li:nth-child(3) {
    width: 20.19%;
  }
  .left_cont_detail02 {
    width: 42%;
    padding-right: 2%;
    margin-left: 0;
  }
  footer {
    position: relative;
    width: 100%;
    padding-top: 25%;
    background-color: #fff;
  }
  footer .footer_left p {
    padding: 0 0 25% 0;
    font-size: 2.4vw;
    line-height: 1.3;
    text-align: center;
    font-family: alternate-gothic-atf, sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  footer .footer_center {
    padding: 0 0 9% 0;
    margin: 0 auto;
    width: 69.6%;
  }
  footer .footer_right {
    padding: 9% 0 9% 0;
    margin: 0 auto;
    width: 69.6%;
  }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　colorbox
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#cboxWrapper, .cboxPhoto {
  max-width: none
}
#cboxTitle {
  position: absolute;
  color: #ccc;
  top: -20px
}
.cboxIframe, .cboxPhoto {
  border: 0;
  display: block
}
#cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active, #colorbox {
  outline: 0
}
#cboxOverlay, #cboxWrapper, #colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .9;
  filter: alpha(opacity=90)
}
#cboxBottomLeft, #cboxMiddleLeft {
  clear: left
}
#cboxTitle {
  margin: 0;
  left: 0
}
#cboxLoadingGraphic, #cboxLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.cboxPhoto {
  float: left;
  margin: auto;
  -ms-interpolation-mode: bicubic
}
.cboxIframe {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0
}
#cboxContent, #cboxLoadedContent, #colorbox {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}
#cboxContent {
  position: relative;
  margin-top: 20px;
  background: #000
}
.cboxIframe {
  background: #fff
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 5px solid #000;
  background: #fff
}
#cboxLoadingGraphic {
  background: url(img/ex-loading.gif) center center no-repeat
}
#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: 0 0
}
#cboxNext, #cboxPrevious {
  top: 50%;
  margin-top: -32px;
  width: 28px;
  height: 65px;
  position: absolute;
  text-indent: -9999px
}
#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff
}
#cboxPrevious {
  left: 5px;
  background: url(img/ex-controls.png) top left no-repeat
}
#cboxPrevious:hover {
  background-position: bottom left
}
#cboxNext {
  right: 5px;
  background: url(img/ex-controls.png) top right no-repeat
}
#cboxNext:hover {
  background-position: bottom right
}
#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url(img/ex-controls.png) top center no-repeat;
  width: 38px;
  height: 19px;
  text-indent: -9999px
}
#cboxClose:hover {
  background-position: bottom center
}
#cboxCurrent {
  display: none !important;
}
.custom_co + #colorbox #cboxContent {
  background-color: transparent;
  padding: 8px 44px;
}
.custom_co + #colorbox #cboxLoadedContent {
  border: none;
  box-shadow: 0 0 12px -6px rgba(0, 0, 0, 1);
}
.custom_co + #colorbox #cboxTitle {
  color: #fff;
  font-size: 1rem;
}
.custom_co + #colorbox #cboxTitle {
  margin-left: 46px;
}
#cboxOverlay.custom_co {
  background-color: #f386b5;
  opacity: .7 !important;
}
.custom_co + #colorbox #cboxPrevious, .custom_co + #colorbox #cboxNext {
  background: none;
  width: 44px;
  height: 100%;
  margin-top: 0;
  top: 0;
}
.custom_co + #colorbox #cboxPrevious {
  left: 0;
}
.custom_co + #colorbox #cboxNext {
  right: 0;
}
.custom_co + #colorbox #cboxPrevious::before, .custom_co + #colorbox #cboxPrevious::after, .custom_co + #colorbox #cboxNext::before, .custom_co + #colorbox #cboxNext::after {
  background-color: #fff;
  content: '';
  display: block;
  width: 32px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
}
.custom_co + #colorbox #cboxPrevious::before, .custom_co + #colorbox #cboxPrevious::after {
  left: -2px;
}
.custom_co + #colorbox #cboxNext::before, .custom_co + #colorbox #cboxNext::after {
  right: -2px;
}
.custom_co + #colorbox #cboxPrevious::before {
  margin-top: 11px;
  transform: rotate(45deg);
}
.custom_co + #colorbox #cboxPrevious::after {
  margin-top: -11px;
  transform: rotate(-45deg);
}
.custom_co + #colorbox #cboxNext::before {
  margin-top: 11px;
  transform: rotate(-45deg);
}
.custom_co + #colorbox #cboxNext::after {
  margin-top: -11px;
  transform: rotate(45deg);
}
.custom_co + #colorbox #cboxPrevious:hover::before, .custom_co + #colorbox #cboxPrevious:hover::after, .custom_co + #colorbox #cboxNext:hover::before, .custom_co + #colorbox #cboxNext:hover::after {
  background-color: #ddd;
}
.custom_co + #colorbox #cboxClose {
  background: none;
  width: 40px;
  height: 40px;
  top: 4px;
  right: -2px;
}
.custom_co + #colorbox #cboxClose::before, .custom_co + #colorbox #cboxClose::after {
  background-color: #fff;
  content: '';
  display: block;
  width: 2px;
  height: 42px;
  margin-left: -1px;
  position: absolute;
  top: 1px;
  left: 50%;
}
.custom_co + #colorbox #cboxClose::before {
  transform: rotate(45deg);
}
.custom_co + #colorbox #cboxClose::after {
  transform: rotate(-45deg);
}
.custom_co + #colorbox #cboxClose:hover::before, .custom_co + #colorbox #cboxClose:hover::after {
  background-color: #ddd;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　モーダル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.modal-overlay {
  z-index: 1000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(239, 126, 174, 1);
  box-sizing: border-box;
}
@media (max-width: 750px) {
  .modal-overlay {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(239, 126, 174, 1);
    box-sizing: border-box;
  }
}
.modal-overlay_ex {
  background-color: rgba(235, 73, 40, 1) !important;
}
.modal-wrap {
  z-index: 2000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  color: #fff;
}
.modal-content {
  position: relative;
  display: none;
  top: 0;
  left: 0 !important;
  right: 0;
  width: 100%;
  max-width: 800px;
  min-height: 800px;
  margin: 0 auto;
  padding: 10vh 5% 50vh;
  box-sizing: border-box;
}
.modal-content h1 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 7%;
  padding-bottom: 5%;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
}
.modal-content h2 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1.8;
  padding-bottom: 2vw;
  text-align: left;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  letter-spacing: 0.2em;
}
.modal-content .b_cls {
  font-weight: bold;
  color: #dcfeff;
}
.modal_btn_3rd {
  width: 100%;
  padding: 5% 0 5% 0;
  background-color: #fff;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.modal_btn_3rd a {
  color: #fff !important;
}
@media (max-width: 750px) {
  .modal-content h1 {
    font-size: 6vw;
  }
  .modal-content h2 {
    font-size: 4.5vw;
    padding-bottom: 8vw;
    line-height: 2;
  }
}
.modal-content .date {
  text-align: center;
}
@media (max-width: 750px) {
  .modal-content .date span {
    font-size: 3.5vw;
  }
}
.modal-content .imgArea {
  margin-bottom: 20px;
}
.modal-content .imgArea img {
  border: 4px solid #fff;
  box-sizing: border-box;
}
.modal-content p {
  line-height: 2;
  margin-bottom: 6em;
  word-wrap: break-word;
  text-align: left;
  font-family: "FOT-UD角ゴ_ラージ Pr6N DB";
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2em;
}
.modal-content .p_02 {
  margin-bottom: 4vw !important;
}
@media (max-width: 750px) {
  .modal-content p {
    font-size: 3.8vw;
  }
  .modal-content .p_02 {
    margin-bottom: 10vw !important;
  }
}
.modal-content a {
  color: #fff;
}
.modal-content .notice {
  color: #DCDCDC;
  font-size: 12px;
}
@media (max-width: 750px) {
  .modal-content .notice {
    font-size: 3.5vw;
  }
}
.modal-content .msgBtn {
  width: 90%;
  margin: 0 auto;
  padding: 28px 0;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  .modal-content .msgBtn {
    padding: 14px 0;
    box-sizing: border-box;
  }
}
.modal-content .msgBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  padding: 20px 0;
  width: 100%;
  font-size: 24px;
  text-align: center;
  background: #49a1eb;
  color: #fff;
  border-radius: 100px;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  box-sizing: border-box;
}
.modal-content .msgBtn a:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.modal-content .msgBtn a img {
  width: 36px;
  height: auto;
  margin-right: 10px;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  .modal-content .msgBtn a img {
    width: 32px;
    box-sizing: border-box;
  }
}
.modal-content .msgBtn.disable a {
  background: #aaa;
  font-size: 16px;
}
.modal-content .termsArea {
  margin: 40px 0;
  box-sizing: border-box;
}
.modal-content .termsArea h2 {
  position: relative;
  width: 50%;
  margin: 0 auto;
  padding: 15px 0;
  color: #888;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 1.3;
  border: 2px solid #888;
  border-radius: 50px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  box-sizing: border-box;
}
.modal-content .termsArea h2:hover {
  color: #fff;
  background: #888;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.modal-content .termsArea h2::after {
  content: "▲";
  position: absolute;
  top: 50%;
  right: 7%;
  margin: -7px 0 0 0;
  font-size: 14px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  box-sizing: border-box;
}
.modal-content .termsArea h2.opened {
  width: 100%;
  border-radius: 10px 10px 0 0;
  border: 0;
  background: #ddd;
  color: #333;
  box-sizing: border-box;
}
.modal-content .termsArea h2.opened::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  right: 3%;
  box-sizing: border-box;
}
.modal-content .termsArea .terms {
  display: none;
  padding: 32px 24px;
  background: #f5f5f5;
  font-size: 14px;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  .modal-content .termsArea .terms {
    padding: 32px 12px;
    font-size: 12px;
    box-sizing: border-box;
  }
}
.modal-content .termsArea .terms h3 {
  font-size: 18px;
  padding: 1em 0;
  font-weight: 700;
  box-sizing: border-box;
}
.modal-content .termsArea .terms ul {
  padding-bottom: 1.5em;
}
.modal-content .termsArea .terms ul li {
  list-style: disc;
  margin: 0 0 1em 1.5em;
  line-height: 1.8;
  box-sizing: border-box;
}
.modal-content .termsArea .terms p {
  font-size: 14px;
}
@media (max-width: 750px) {
  .modal-content .termsArea .terms p {
    font-size: 12px;
  }
}
.modal-open {
  color: #00f;
  text-decoration: underline;
}
.modal-open:hover {
  cursor: pointer;
  color: #f00;
}
@media screen and (min-width: 751px) {
  .modal-top-close {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0.2%;
    right: 2%;
    cursor: pointer;
    box-sizing: border-box;
  }
}
@media (max-width: 750px) {
  .modal-top-close {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0.2%;
    left: 2%;
    cursor: pointer;
    box-sizing: border-box;
  }
}
.modal-top-close span::before, .modal-top-close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 3%;
  margin: -8% 0 0 -42%;
  background: #fff;
  box-sizing: border-box;
}
.modal-top-close span::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal-top-close span::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal-close {
  width: 100%;
  margin: 10% auto;
  padding: 10% 0;
  text-align: center !important;
  border-top: 1px solid #fff;
  box-sizing: border-box;
}
.modal-close a {
  display: inline-block;
  width: 70%;
  max-width: 260px;
  padding: 12px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 100px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .modal-close a {
    font-size: 18px;
  }
}
@media (max-width: 750px) {
  .modal-close a {
    padding: 12px;
    font-size: 5vw;
  }
}
.modal-close a:hover {
  cursor: pointer;
  color: #ff4e99;
  background: #fff;
}
.imgmax02 {
  text-align: center;
}
.imgmax02 img {
  width: 100%;
  margin: 0 auto;
}