@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

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;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms;
}

body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}

body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}

body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}

body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}

body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}

body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}

body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
}

body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}

body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}

body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
}

body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}

body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  -webkit-transition-duration: 550ms;
  transition-duration: 550ms;
}

body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms;
}

body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}

body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}

body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  -webkit-transition-duration: 650ms;
  transition-duration: 650ms;
}

body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms;
}

body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  -webkit-transition-duration: 700ms;
  transition-duration: 700ms;
}

body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}

body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  -webkit-transition-duration: 750ms;
  transition-duration: 750ms;
}

body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
}

body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
}

body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}

body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  -webkit-transition-duration: 850ms;
  transition-duration: 850ms;
}

body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
  -webkit-transition-delay: 850ms;
  transition-delay: 850ms;
}

body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  -webkit-transition-duration: 900ms;
  transition-duration: 900ms;
}

body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}

body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  -webkit-transition-duration: 950ms;
  transition-duration: 950ms;
}

body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
  -webkit-transition-delay: 950ms;
  transition-delay: 950ms;
}

body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  -webkit-transition-duration: 1000ms;
  transition-duration: 1000ms;
}

body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  -webkit-transition-duration: 1050ms;
  transition-duration: 1050ms;
}

body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
  -webkit-transition-delay: 1050ms;
  transition-delay: 1050ms;
}

body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  -webkit-transition-duration: 1100ms;
  transition-duration: 1100ms;
}

body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms;
}

body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  -webkit-transition-duration: 1150ms;
  transition-duration: 1150ms;
}

body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
  -webkit-transition-delay: 1150ms;
  transition-delay: 1150ms;
}

body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  -webkit-transition-duration: 1200ms;
  transition-duration: 1200ms;
}

body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  -webkit-transition-duration: 1250ms;
  transition-duration: 1250ms;
}

body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
  -webkit-transition-delay: 1250ms;
  transition-delay: 1250ms;
}

body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  -webkit-transition-duration: 1300ms;
  transition-duration: 1300ms;
}

body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  -webkit-transition-duration: 1350ms;
  transition-duration: 1350ms;
}

body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
  -webkit-transition-delay: 1350ms;
  transition-delay: 1350ms;
}

body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  -webkit-transition-duration: 1400ms;
  transition-duration: 1400ms;
}

body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
  -webkit-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  -webkit-transition-duration: 1450ms;
  transition-duration: 1450ms;
}

body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
  -webkit-transition-delay: 1450ms;
  transition-delay: 1450ms;
}

body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  -webkit-transition-duration: 1500ms;
  transition-duration: 1500ms;
}

body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  -webkit-transition-duration: 1550ms;
  transition-duration: 1550ms;
}

body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
  -webkit-transition-delay: 1550ms;
  transition-delay: 1550ms;
}

body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  -webkit-transition-duration: 1600ms;
  transition-duration: 1600ms;
}

body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
  -webkit-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  -webkit-transition-duration: 1650ms;
  transition-duration: 1650ms;
}

body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
  -webkit-transition-delay: 1650ms;
  transition-delay: 1650ms;
}

body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  -webkit-transition-duration: 1700ms;
  transition-duration: 1700ms;
}

body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
  -webkit-transition-delay: 1700ms;
  transition-delay: 1700ms;
}

body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  -webkit-transition-duration: 1750ms;
  transition-duration: 1750ms;
}

body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
  -webkit-transition-delay: 1750ms;
  transition-delay: 1750ms;
}

body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  -webkit-transition-duration: 1800ms;
  transition-duration: 1800ms;
}

body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms;
}

body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  -webkit-transition-duration: 1850ms;
  transition-duration: 1850ms;
}

body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
  -webkit-transition-delay: 1850ms;
  transition-delay: 1850ms;
}

body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  -webkit-transition-duration: 1900ms;
  transition-duration: 1900ms;
}

body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
  -webkit-transition-delay: 1900ms;
  transition-delay: 1900ms;
}

body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  -webkit-transition-duration: 1950ms;
  transition-duration: 1950ms;
}

body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
  -webkit-transition-delay: 1950ms;
  transition-delay: 1950ms;
}

body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  -webkit-transition-duration: 2000ms;
  transition-duration: 2000ms;
}

body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms;
}

body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  -webkit-transition-duration: 2050ms;
  transition-duration: 2050ms;
}

body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
  -webkit-transition-delay: 2050ms;
  transition-delay: 2050ms;
}

body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  -webkit-transition-duration: 2100ms;
  transition-duration: 2100ms;
}

body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
  -webkit-transition-delay: 2100ms;
  transition-delay: 2100ms;
}

body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  -webkit-transition-duration: 2150ms;
  transition-duration: 2150ms;
}

body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
  -webkit-transition-delay: 2150ms;
  transition-delay: 2150ms;
}

body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  -webkit-transition-duration: 2200ms;
  transition-duration: 2200ms;
}

body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
  -webkit-transition-delay: 2200ms;
  transition-delay: 2200ms;
}

body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  -webkit-transition-duration: 2250ms;
  transition-duration: 2250ms;
}

body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
  -webkit-transition-delay: 2250ms;
  transition-delay: 2250ms;
}

body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  -webkit-transition-duration: 2300ms;
  transition-duration: 2300ms;
}

body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
  -webkit-transition-delay: 2300ms;
  transition-delay: 2300ms;
}

body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  -webkit-transition-duration: 2350ms;
  transition-duration: 2350ms;
}

body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
  -webkit-transition-delay: 2350ms;
  transition-delay: 2350ms;
}

body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  -webkit-transition-duration: 2400ms;
  transition-duration: 2400ms;
}

body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
  -webkit-transition-delay: 2400ms;
  transition-delay: 2400ms;
}

body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  -webkit-transition-duration: 2450ms;
  transition-duration: 2450ms;
}

body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
  -webkit-transition-delay: 2450ms;
  transition-delay: 2450ms;
}

body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  -webkit-transition-duration: 2500ms;
  transition-duration: 2500ms;
}

body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
  -webkit-transition-delay: 2500ms;
  transition-delay: 2500ms;
}

body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  -webkit-transition-duration: 2550ms;
  transition-duration: 2550ms;
}

body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
  -webkit-transition-delay: 2550ms;
  transition-delay: 2550ms;
}

body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  -webkit-transition-duration: 2600ms;
  transition-duration: 2600ms;
}

body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
  -webkit-transition-delay: 2600ms;
  transition-delay: 2600ms;
}

body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  -webkit-transition-duration: 2650ms;
  transition-duration: 2650ms;
}

body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
  -webkit-transition-delay: 2650ms;
  transition-delay: 2650ms;
}

body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  -webkit-transition-duration: 2700ms;
  transition-duration: 2700ms;
}

body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
  -webkit-transition-delay: 2700ms;
  transition-delay: 2700ms;
}

body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  -webkit-transition-duration: 2750ms;
  transition-duration: 2750ms;
}

body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
  -webkit-transition-delay: 2750ms;
  transition-delay: 2750ms;
}

body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  -webkit-transition-duration: 2800ms;
  transition-duration: 2800ms;
}

body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
  -webkit-transition-delay: 2800ms;
  transition-delay: 2800ms;
}

body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  -webkit-transition-duration: 2850ms;
  transition-duration: 2850ms;
}

body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
  -webkit-transition-delay: 2850ms;
  transition-delay: 2850ms;
}

body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  -webkit-transition-duration: 2900ms;
  transition-duration: 2900ms;
}

body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
  -webkit-transition-delay: 2900ms;
  transition-delay: 2900ms;
}

body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  -webkit-transition-duration: 2950ms;
  transition-duration: 2950ms;
}

body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
  -webkit-transition-delay: 2950ms;
  transition-delay: 2950ms;
}

body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  -webkit-transition-duration: 3000ms;
  transition-duration: 3000ms;
}

body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
  -webkit-transition-delay: 3000ms;
  transition-delay: 3000ms;
}

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[data-aos='fade-up'] {
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

[data-aos='fade-down'] {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}

[data-aos='fade-right'] {
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}

[data-aos='fade-left'] {
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}

[data-aos='fade-up-right'] {
  -webkit-transform: translate3d(-100px, 100px, 0);
  transform: translate3d(-100px, 100px, 0);
}

[data-aos='fade-up-left'] {
  -webkit-transform: translate3d(100px, 100px, 0);
  transform: translate3d(100px, 100px, 0);
}

[data-aos='fade-down-right'] {
  -webkit-transform: translate3d(-100px, -100px, 0);
  transform: translate3d(-100px, -100px, 0);
}

[data-aos='fade-down-left'] {
  -webkit-transform: translate3d(100px, -100px, 0);
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos='zoom-in'] {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

[data-aos='zoom-in-up'] {
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos='zoom-in-down'] {
  -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos='zoom-in-right'] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos='zoom-in-left'] {
  -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos='zoom-out'] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

[data-aos='zoom-out-up'] {
  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos='zoom-out-down'] {
  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos='zoom-out-right'] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos='zoom-out-left'] {
  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos^='slide'][data-aos^='slide'].aos-animate {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[data-aos='slide-up'] {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

[data-aos='slide-down'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-aos='slide-right'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-aos='slide-left'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^='flip'][data-aos^='flip'] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos='flip-left'] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos='flip-left'].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-right'] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos='flip-right'].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-up'] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos='flip-up'].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

[data-aos='flip-down'] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos='flip-down'].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

@media screen and (min-width: 737px) {
  .media-detect {
    width: 2px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .media-detect {
    width: 1px;
  }
}

@media screen and (max-width: 736px) {
  .media-detect {
    width: 0;
  }
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Noto Sans JP', sans-serif;
  background-color: #000;
}

body[data-modal*="campaign"] {
  overflow: hidden;
}

@media screen and (max-width: 736px) {
  .show-pc {
    display: none !important;
  }
}

@media screen and (min-width: 737px) {
  .show-sp {
    display: none !important;
  }
}

[data-device="pc"] .device-sp {
  display: none !important;
}

[data-device="sp"] .device-pc {
  display: none !important;
}

.o-h {
  overflow: hidden;
}

.full-x {
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
}

.float-box:after {
  position: relative;
  content: "";
  width: 100%;
  display: block;
  clear: both;
}

.full {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.center-content {
  position: relative;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1080px;
}

.cha-gra {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-size: auto 100%;
  background-repeat: repeat-x;
}

@media screen and (min-width: 737px) {
  .cha-gra {
    background-image: url("../images/cha-gra-pc.png");
    height: 404px;
  }
}

@media screen and (max-width: 736px) {
  .cha-gra {
    background-image: url("../images/cha-gra-sp.png");
    padding-bottom: calc( 100% * ( 369 / 750));
  }
}

.ch {
  position: absolute;
  bottom: 0;
  background-size: 100% 100%;
}

.ch-0 {
  opacity: 0;
  -webkit-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
}

.aos-animate .ch-0 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.3s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.3s 0.5s, transform 0.5s 0.5s;
  transition: opacity 0.3s 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
}

@media screen and (min-width: 737px) {
  .ch-0 {
    background-image: url("../images/cha-0-pc.png");
    width: calc( 100% * ( 533 / 1080 ));
    padding-bottom: calc( 100% * ( 897 / 1080));
    margin: 0 0 0 calc( 100% * ( ( 255 - 420 ) / 1080));
  }
}

@media screen and (max-width: 736px) {
  .ch-0 {
    background-image: url("../images/cha-0-sp.png");
    width: calc( 100% * ( 420 / 750 ));
    padding-bottom: calc( 100% * ( 744 / 750));
    margin: 0 0 0 calc( 100% * ( -110 / 750));
  }
}

.ch-1 {
  opacity: 0;
  -webkit-transform: translate(100px, 0);
  transform: translate(100px, 0);
}

.aos-animate .ch-1 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
}

@media screen and (min-width: 737px) {
  .ch-1 {
    background-image: url("../images/cha-1-pc.png");
    width: calc( 100% * ( 903 / 1080 ));
    padding-bottom: calc( 100% * ( 903 / 1080));
    margin: 0 0 0 calc( 100% * ( ( 764 - 420 ) / 1080));
  }
}

@media screen and (max-width: 736px) {
  .ch-1 {
    background-image: url("../images/cha-1-sp.png");
    width: calc( 100% * ( 710 / 750 ));
    padding-bottom: calc( 100% * ( 752 / 750));
    margin: 0 0 0 calc( 100% * ( 235 / 750));
  }
}

.ch-2 {
  opacity: 0;
  -webkit-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
}

.aos-animate .ch-2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
}

@media screen and (min-width: 737px) {
  .ch-2 {
    background-image: url("../images/cha-2-pc.png");
    width: calc( 100% * ( 878 / 1080 ));
    padding-bottom: calc( 100% * ( 851 / 1080));
    margin: 0 0 0 calc( 100% * ( ( 173 - 420 ) / 1080));
  }
}

@media screen and (max-width: 736px) {
  .ch-2 {
    background-image: url("../images/cha-2-sp.png");
    width: calc( 100% * ( 1028 / 750 ));
    padding-bottom: calc( 100% * ( 722 / 750));
    margin: 0 0 0 calc( 100% * ( -210 / 750));
  }
}

.ch-3 {
  opacity: 0;
  -webkit-transform: translate(100px, 0);
  transform: translate(100px, 0);
}

.aos-animate .ch-3 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
}

@media screen and (min-width: 737px) {
  .ch-3 {
    background-image: url("../images/cha-3-pc.png");
    width: calc( 100% * ( 518 / 1080 ));
    padding-bottom: calc( 100% * ( 851 / 1080));
    margin: 0 0 0 calc( 100% * ( ( 891 - 420 ) / 1080));
  }
}

@media screen and (max-width: 736px) {
  .ch-3 {
    background-image: url("../images/cha-3-sp.png");
    width: calc( 100% * ( 409 / 750 ));
    padding-bottom: calc( 100% * ( 733 / 750));
    margin: 0 0 0 calc( 100% * ( 340 / 750));
  }
}

.ch-4 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.aos-animate .ch-4 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, transform 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
}

@media screen and (min-width: 737px) {
  .ch-4 {
    background-image: url("../images/cha-4-pc.png");
    width: calc( 100% * ( 670 / 1080 ));
    padding-bottom: calc( 100% * ( 791 / 1080));
    margin: 0 0 0 calc( 100% * ( ( 612 - 420 ) / 1080));
  }
}

@media screen and (max-width: 736px) {
  .ch-4 {
    background-image: url("../images/cha-4-sp.png");
    width: calc( 100% * ( 537 / 750 ));
    padding-bottom: calc( 100% * ( 692 / 750));
    margin: 0 0 0 calc( 100% * ( 133 / 750));
  }
}

.logo-hokuto {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}

.aos-animate .logo-hokuto {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s;
  transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s, -webkit-transform 0.5s 1.5s;
}

@media screen and (min-width: 737px) {
  .logo-hokuto {
    background-image: url("../images/logo-hokuto-pc.png");
    width: calc( 100% * ( 374 / 1080 ));
    padding-bottom: calc( 100% * ( 154 / 1080 ));
    margin: calc( 100% * ( 478 / 1080 )) 0 0 calc( 100% * ( 566 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .logo-hokuto {
    background-image: url("../images/logo-hokuto-sp.png");
    width: calc( 100% * ( 312 / 750 ));
    padding-bottom: calc( 100% * ( 117 / 750 ));
    margin: calc( 100% * ( 353 / 750 )) 0 0 calc( 100% * ( 404 / 750 ));
  }
}

.logo-kuriyuni {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
}

.aos-animate .logo-kuriyuni {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s;
  transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s, -webkit-transform 0.5s 1.5s;
}

@media screen and (min-width: 737px) {
  .logo-kuriyuni {
    background-image: url("../images/logo-kuriyuni-pc.png");
    width: calc( 100% * ( 376 / 1080 ));
    padding-bottom: calc( 100% * ( 214 / 1080 ));
    margin: calc( 100% * ( 435 / 1080 )) 0 0 calc( 100% * ( 131 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .logo-kuriyuni {
    background-image: url("../images/logo-kuriyuni-sp.png");
    width: calc( 100% * ( 311 / 750 ));
    padding-bottom: calc( 100% * ( 175 / 750 ));
    margin: calc( 100% * ( 312 / 750 )) 0 0 calc( 100% * ( 25 / 750 ));
  }
}

@-webkit-keyframes kv-x {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  4% {
    opacity: 1;
  }
  6% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  14% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  18% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  22% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  36% {
    opacity: 1;
  }
  38% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes kv-x {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  4% {
    opacity: 1;
  }
  6% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  14% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  18% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  22% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  36% {
    opacity: 1;
  }
  38% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.kv-x {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}

.aos-animate .kv-x {
  -webkit-animation: kv-x 0.7s 1.5s both;
  animation: kv-x 0.7s 1.5s both;
}

@media screen and (min-width: 737px) {
  .kv-x {
    background-image: url("../images/kv-x-pc.png");
    width: calc( 100% * ( 505 / 1080 ));
    padding-bottom: calc( 100% * ( 307 / 1080 ));
    margin: calc( 100% * ( 402 / 1080 )) 0 0 calc( 100% * ( 284 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .kv-x {
    background-image: url("../images/kv-x-sp.png");
    width: calc( 100% * ( 445 / 750 ));
    padding-bottom: calc( 100% * ( 272 / 750 ));
    margin: calc( 100% * ( 277 / 750 )) 0 0 calc( 100% * ( 149 / 750 ));
  }
}

.kv-time {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

.aos-animate .kv-time {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 1.6s, -webkit-transform 0.5s 1.6s;
  transition: opacity 0.5s 1.6s, -webkit-transform 0.5s 1.6s;
  transition: opacity 0.5s 1.6s, transform 0.5s 1.6s;
  transition: opacity 0.5s 1.6s, transform 0.5s 1.6s, -webkit-transform 0.5s 1.6s;
}

@media screen and (min-width: 737px) {
  .kv-time {
    background-image: url("../images/kv-time-pc.png");
    width: calc( 100% * ( 917 / 1080 ));
    padding-bottom: calc( 100% * ( 98 / 1080 ));
    margin: calc( 100% * ( 654 / 1080 )) 0 0 calc( 100% * ( 83 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .kv-time {
    background-image: url("../images/kv-time-sp.png");
    width: calc( 100% * ( 634 / 750 ));
    padding-bottom: calc( 100% * ( 78 / 750 ));
    margin: calc( 100% * ( 512 / 750 )) 0 0 calc( 100% * ( 58 / 750 ));
  }
}

.kv-icon-kuriyuni {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

.aos-animate .kv-icon-kuriyuni {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 1.7s, -webkit-transform 0.5s 1.7s;
  transition: opacity 0.5s 1.7s, -webkit-transform 0.5s 1.7s;
  transition: opacity 0.5s 1.7s, transform 0.5s 1.7s;
  transition: opacity 0.5s 1.7s, transform 0.5s 1.7s, -webkit-transform 0.5s 1.7s;
}

@media screen and (min-width: 737px) {
  .kv-icon-kuriyuni {
    background-image: url("../images/kv-icon-kuriyuni-pc.png");
    width: calc( 100% * ( 100 / 1080 ));
    padding-bottom: calc( 100% * ( 100 / 1080 ));
    margin: calc( 100% * ( 768 / 1080 )) 0 0 calc( 100% * ( 301 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .kv-icon-kuriyuni {
    background-image: url("../images/kv-icon-kuriyuni-sp.png");
    width: calc( 100% * ( 105 / 750 ));
    padding-bottom: calc( 100% * ( 105 / 750 ));
    margin: calc( 100% * ( 611 / 750 )) 0 0 calc( 100% * ( 109 / 750 ));
  }
}

.install-kuriyuni-btn {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

.aos-animate .install-kuriyuni-btn {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.5s 1.7s, -webkit-transform 0.5s 1.7s;
  transition: opacity 0.5s 1.7s, -webkit-transform 0.5s 1.7s;
  transition: opacity 0.5s 1.7s, transform 0.5s 1.7s;
  transition: opacity 0.5s 1.7s, transform 0.5s 1.7s, -webkit-transform 0.5s 1.7s;
}

@media screen and (min-width: 737px) {
  .install-kuriyuni-btn {
    width: calc( 100% * ( 389 / 1080 ));
    padding-bottom: calc( 100% * ( 0.5 * 236 / 1080 ));
    margin: calc( 100% * ( 764 / 1080 )) 0 0 calc( 100% * ( 406 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .install-kuriyuni-btn {
    width: calc( 100% * ( 431 / 750 ));
    padding-bottom: calc( 100% * ( 128 / 750 ));
    margin: calc( 100% * ( 600 / 750 )) 0 0 calc( 100% * ( 221 / 750 ));
  }
}

.install-kuriyuni-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .install-kuriyuni-btn:before {
    background-image: url("../images/install-kuriyuni-btn-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .install-kuriyuni-btn:before {
    background-image: url("../images/install-kuriyuni-btn-sp.png");
  }
}

.install-kuriyuni-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .install-kuriyuni-btn:after {
    background-image: url("../images/install-kuriyuni-btn-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .install-kuriyuni-btn:after {
    background-image: url("../images/install-kuriyuni-btn-sp.png");
  }
}

.install-kuriyuni-btn:hover:before {
  opacity: 1;
}

.install-kuriyuni-btn:hover:after {
  opacity: 1;
}

#sec-kv {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  overflow: hidden;
  opacity: 0;
}

#sec-kv.aos-animate {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (min-width: 737px) {
  #sec-kv {
    background-image: url("../images/kv-bg-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #sec-kv {
    background-image: url("../images/kv-bg-sp.jpg");
  }
}

@media screen and (min-width: 737px) {
  #sec-kv .center-content {
    padding-bottom: 919px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-kv .center-content {
    padding-bottom: calc( 100% * ( 919 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #sec-kv .center-content {
    padding-bottom: calc( 100% * ( 770 / 750));
  }
}

#sec-kv .center-content:nth-child(1) {
  position: absolute;
  left: 0;
  right: 0;
}

#menu-fixed {
  position: fixed;
  background-size: auto 100%;
  background-position: 50% 0;
  z-index: 5;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  pointer-events: none;
}

#menu-fixed.aos-animate {
  pointer-events: initial;
}

@media screen and (min-width: 737px) {
  #menu-fixed {
    background-image: url("../images/menu-bg-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #menu-fixed {
    background-image: url("../images/menu-bg-sp.jpg");
  }
}

@media screen and (min-width: 737px) {
  #menu-fixed .center-content {
    padding-bottom: 162px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #menu-fixed .center-content {
    padding-bottom: calc( 100% * ( 162 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #menu-fixed .center-content {
    padding-bottom: calc( 100% * ( 226 / 750));
  }
}

#menu {
  background-size: auto 100%;
  background-position: 50% 0;
}

@media screen and (min-width: 737px) {
  #menu {
    background-image: url("../images/menu-bg-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #menu {
    background-image: url("../images/menu-bg-sp.jpg");
  }
}

@media screen and (min-width: 737px) {
  #menu .center-content {
    padding-bottom: 162px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #menu .center-content {
    padding-bottom: calc( 100% * ( 162 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #menu .center-content {
    padding-bottom: calc( 100% * ( 226 / 750));
  }
}

.menu-ul {
  text-align: center;
  overflow: hidden;
}

.menu-ul li {
  position: relative;
  display: inline-block;
}

@media screen and (min-width: 737px) {
  .menu-ul li {
    margin-top: calc( 100% * ( 21 / 1080));
    width: calc( 100% * ( 203 / 1080));
    padding-bottom: calc( 100% * ( 0.5 * 246 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li {
    margin-top: calc( 100% * ( 35 / 750));
    width: calc( 100% * ( 231 / 750));
    padding-bottom: calc( 100% * ( 0.5 * 326 / 750));
  }
}

.menu-ul li a {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.menu-ul li a:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-size: 100% 200%;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.menu-ul li a:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-position: 0 100%;
  background-size: 100% 200%;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

[data-active="sec-campaign-01"] .menu-ul li a[data-anchor="sec-campaign-01"]:before {
  opacity: 0;
}

[data-active="sec-campaign-01"] .menu-ul li a[data-anchor="sec-campaign-01"]:after {
  opacity: 1;
}

[data-active="sec-campaign-02"] .menu-ul li a[data-anchor="sec-campaign-02"]:before {
  opacity: 0;
}

[data-active="sec-campaign-02"] .menu-ul li a[data-anchor="sec-campaign-02"]:after {
  opacity: 1;
}

[data-active="sec-campaign-03"] .menu-ul li a[data-anchor="sec-campaign-03"]:before {
  opacity: 0;
}

[data-active="sec-campaign-03"] .menu-ul li a[data-anchor="sec-campaign-03"]:after {
  opacity: 1;
}

.menu-ul li a:hover:before {
  opacity: 1;
}

.menu-ul li a:hover:after {
  opacity: 1;
}

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(2) a:before {
    background-image: url("../images/hokuto-hyakuretsuken-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(2) a:before {
    background-image: url("../images/hokuto-hyakuretsuken-btn-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(2) a:after {
    background-image: url("../images/hokuto-hyakuretsuken-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(2) a:after {
    background-image: url("../images/hokuto-hyakuretsuken-btn-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(3) a:before {
    background-image: url("../images/kensetsu-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(3) a:before {
    background-image: url("../images/kensetsu-btn-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(3) a:after {
    background-image: url("../images/kensetsu-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(3) a:after {
    background-image: url("../images/kensetsu-btn-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(1) a:before {
    background-image: url("../images/1008/myname-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(1) a:before {
    background-image: url("../images/1008/myname-btn-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(1) a:after {
    background-image: url("../images/1008/myname-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(1) a:after {
    background-image: url("../images/1008/myname-btn-sp.png");
  }
}

#sec-korabo {
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 1px;
  overflow: hidden;
}

@media screen and (min-width: 737px) {
  #sec-korabo {
    background-image: url("../images/hero-bg-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #sec-korabo {
    background-image: url("../images/hero-bg-sp.jpg");
  }
}

.korabo-title {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .korabo-title {
    width: calc( 100% * ( 725 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 205 / 1080));
    background-image: url("../images/korabo-title-pc.png");
    margin: calc( 100% * ( 85 / 1080)) auto calc( 100% * ( 37 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .korabo-title {
    width: calc( 100% * ( 499 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 151 / 750));
    background-image: url("../images/korabo-title-sp.png");
    margin: calc( 100% * ( 55 / 750)) auto calc( 100% * ( 21 / 750));
  }
}

.korabo-nav .slick-dots {
  text-align: center;
  font-size: 0;
}

.korabo-nav .slick-dots li {
  position: relative;
  display: inline-block;
  width: calc( 100% * ( 141 / 750));
  padding-bottom: calc( 100% * ( 137 / 750));
  height: 0;
  cursor: pointer;
}

.korabo-nav .slick-dots li button {
  display: none;
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li {
    width: calc( 100% * ( 141 / 1080));
    padding-bottom: calc( 100% * ( 137 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li {
    width: calc( 100% * ( 141 / 750));
    padding-bottom: calc( 100% * ( 137 / 750));
  }
}

.korabo-nav .slick-dots li:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

.korabo-nav .slick-dots li:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

.korabo-nav .slick-dots li:hover:before {
  opacity: 0;
}

.korabo-nav .slick-dots li:hover:after {
  opacity: 1;
}

.korabo-nav .slick-dots li.slick-active:before {
  opacity: 0;
}

.korabo-nav .slick-dots li.slick-active:after {
  opacity: 1;
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(1):before {
    background-image: url("../images/korabo-tab-0-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(1):before {
    background-image: url("../images/korabo-tab-0-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(1):after {
    background-image: url("../images/korabo-tab-0-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(1):after {
    background-image: url("../images/korabo-tab-0-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(2):before {
    background-image: url("../images/korabo-tab-1-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(2):before {
    background-image: url("../images/korabo-tab-1-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(2):after {
    background-image: url("../images/korabo-tab-1-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(2):after {
    background-image: url("../images/korabo-tab-1-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(3):before {
    background-image: url("../images/korabo-tab-2-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(3):before {
    background-image: url("../images/korabo-tab-2-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(3):after {
    background-image: url("../images/korabo-tab-2-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(3):after {
    background-image: url("../images/korabo-tab-2-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(4):before {
    background-image: url("../images/korabo-tab-3-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(4):before {
    background-image: url("../images/korabo-tab-3-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .korabo-nav .slick-dots li:nth-child(4):after {
    background-image: url("../images/korabo-tab-3-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-nav .slick-dots li:nth-child(4):after {
    background-image: url("../images/korabo-tab-3-sp.png");
  }
}

@media screen and (min-width: 737px) {
  #korabo-slider {
    margin: calc( 100% * ( 14 / 1080)) 0 calc( 100% * ( 88 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #korabo-slider {
    margin: calc( 100% * ( 5 / 750)) 0 calc( 100% * ( 47 / 750));
  }
}

.slick-slide img {
  margin: 0 auto;
}

@media screen and (min-width: 737px) {
  .slick-slide img {
    max-width: calc( 100% * ( 1002 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .slick-slide img {
    max-width: calc( 100% * ( 588 / 750 ));
  }
}

.korabo-arrow-box {
  height: 0;
  z-index: 1;
}

.korabo-prev-arrow {
  position: absolute;
}

@media screen and (min-width: 737px) {
  .korabo-prev-arrow {
    width: calc( 100% * ( 73 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 118 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .korabo-prev-arrow {
    width: calc( 100% * ( 73 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 118 / 750));
  }
}

.korabo-arrow-next {
  position: absolute;
  cursor: pointer;
}

.korabo-arrow-next:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .korabo-arrow-next:before {
    background-image: url("../images/korabo-arrow-next-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-arrow-next:before {
    background-image: url("../images/korabo-arrow-next-sp.png");
  }
}

.korabo-arrow-next:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .korabo-arrow-next:after {
    background-image: url("../images/korabo-arrow-next-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-arrow-next:after {
    background-image: url("../images/korabo-arrow-next-sp.png");
  }
}

.korabo-arrow-next:hover:before {
  opacity: 1;
}

.korabo-arrow-next:hover:after {
  opacity: 1;
}

@media screen and (min-width: 737px) {
  .korabo-arrow-next {
    width: calc( 100% * ( 73 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 118 / 1080));
    margin-top: calc( 100% * ( 538 / 1080));
    right: calc( 100% * ( -14 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .korabo-arrow-next {
    width: calc( 100% * ( 73 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 118 / 750));
    margin-top: calc( 100% * ( 517 / 750));
    right: calc( 100% * ( 26 / 750));
  }
}

.korabo-arrow-prev {
  position: absolute;
  cursor: pointer;
}

.korabo-arrow-prev:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .korabo-arrow-prev:before {
    background-image: url("../images/korabo-arrow-prev-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-arrow-prev:before {
    background-image: url("../images/korabo-arrow-prev-sp.png");
  }
}

.korabo-arrow-prev:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .korabo-arrow-prev:after {
    background-image: url("../images/korabo-arrow-prev-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .korabo-arrow-prev:after {
    background-image: url("../images/korabo-arrow-prev-sp.png");
  }
}

.korabo-arrow-prev:hover:before {
  opacity: 1;
}

.korabo-arrow-prev:hover:after {
  opacity: 1;
}

@media screen and (min-width: 737px) {
  .korabo-arrow-prev {
    width: calc( 100% * ( 73 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 118 / 1080));
    margin-top: calc( 100% * ( 538 / 1080));
    left: calc( 100% * ( -14 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .korabo-arrow-prev {
    width: calc( 100% * ( 73 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 118 / 750));
    margin-top: calc( 100% * ( 517 / 750));
    left: calc( 100% * ( 26 / 750));
  }
}

#korabo-border-bottom {
  background-color: #313131;
  overflow: hidden;
}

@media screen and (max-width: 736px) {
  #korabo-border-bottom:after {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    background-size: 100% 100%;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
  }
}

#korabo-border-bottom:before {
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-size: auto 100%;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 737px) {
  #korabo-border-bottom:before {
    position: relative;
    background-image: url("../images/korabo-border-bottom-pc.jpg");
    padding-bottom: 37px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #korabo-border-bottom:before {
    padding-bottom: calc( 100% * ( 37 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  #korabo-border-bottom:before {
    position: absolute;
    background-image: url("../images/korabo-border-bottom-sp.jpg");
    padding-bottom: calc( 100% * ( 8 / 750));
  }
}

@media screen and (max-width: 736px) {
  #korabo-border-bottom {
    padding-bottom: calc( 100% * ( 28 / 750));
    border-bottom: 3px solid #ffc552;
  }
}

.korabo-slider-item {
  position: relative;
}

.korabo-content-3-gif {
  position: absolute;
  left: 0;
  top: 0;
  max-width: initial !important;
}

@media screen and (min-width: 737px) {
  .korabo-content-3-gif {
    width: calc( 100% * ( 377 / 1080));
    margin: calc( 100% * ( 711 / 1080 )) 0 0 calc( 100% * ( 510 / 1080 )) !important;
  }
}

@media screen and (max-width: 736px) {
  .korabo-content-3-gif {
    width: calc( 100% * ( 377 / 750));
    right: 0;
    margin: calc( 100% * ( 796 / 750 )) auto 0 !important;
  }
}

@-webkit-keyframes campaign-01_bg_ani_lg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2392px 0;
  }
}

@keyframes campaign-01_bg_ani_lg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2392px 0;
  }
}

@-webkit-keyframes campaign-01_bg_ani_md {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( 2392 / 1080 )) 0;
  }
}

@keyframes campaign-01_bg_ani_md {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( 2392 / 1080 )) 0;
  }
}

@-webkit-keyframes campaign-01_bg_ani_sm {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( ( 2392 * ( 460 / 596 ) ) / 750 )) 0;
  }
}

@keyframes campaign-01_bg_ani_sm {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( ( 2392 * ( 460 / 596 ) ) / 750 )) 0;
  }
}

#sec-campaign-01 {
  overflow: hidden;
}

#sec-campaign-01.aos-animate #sec-campaign-01-in-0 {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

#sec-campaign-01.aos-animate #sec-campaign-01-in-0.aos-animate {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

#sec-campaign-01 #sec-campaign-01-in-0 {
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: repeat-x;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@media screen and (min-width: 737px) {
  #sec-campaign-01 #sec-campaign-01-in-0 {
    background-image: url("../images/campaign-01-bg-0-pc.jpg");
    -webkit-animation-name: campaign-01_bg_ani_lg;
    animation-name: campaign-01_bg_ani_lg;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-campaign-01 #sec-campaign-01-in-0 {
    -webkit-animation-name: campaign-01_bg_ani_md;
    animation-name: campaign-01_bg_ani_md;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-01 #sec-campaign-01-in-0 {
    background-image: url("../images/campaign-01-bg-0-pc.jpg");
    background-position: 0 0;
    -webkit-animation-name: campaign-01_bg_ani_sm;
    animation-name: campaign-01_bg_ani_sm;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 100vw;
  }
}

@media screen and (min-width: 737px) {
  #sec-campaign-01 #sec-campaign-01-in-0 .center-content {
    padding-bottom: 596px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-campaign-01 #sec-campaign-01-in-0 .center-content {
    padding-bottom: calc( 100% * ( 596 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-01 #sec-campaign-01-in-0 .center-content {
    padding-bottom: calc( 100% * ( 460 / 750));
  }
}

.campaign-01-title {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-title {
    background-image: url("../images/campaign-01-title-pc.png");
    width: calc( 100% * ( 442 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 100 / 1080));
    margin: calc( 100% * ( 59 / 1080)) 0 0 calc( 100% * ( 325 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-title {
    width: calc( 100% * ( 313 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 77 / 750));
    background-image: url("../images/campaign-01-title-sp.png");
    margin: calc( 100% * ( 44 / 750)) 0 0 calc( 100% * ( 217 / 750));
  }
}

.campaign-01-bigtitle {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-bigtitle {
    background-image: url("../images/campaign-01-bigtitle-pc.png");
    width: calc( 100% * ( 875 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 342 / 1080));
    margin: calc( 100% * ( 93 / 1080)) 0 0 calc( 100% * ( 104 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-bigtitle {
    width: calc( 100% * ( 607 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 236 / 750));
    background-image: url("../images/campaign-01-bigtitle-sp.png");
    margin: calc( 100% * ( 69 / 750)) 0 0 calc( 100% * ( 64 / 750));
  }
}

.campaign-time-in {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

.campaign-01-time-in {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-time-in {
    background-image: url("../images/campaign-01-time-pc.png");
    width: calc( 100% * ( 584 / 875));
    height: 0;
    padding-bottom: calc( 100% * ( 58 / 875));
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-time-in {
    background-image: url("../images/campaign-01-time-sp.png");
    width: calc( 100% * ( 515 / 675));
    height: 0;
    padding-bottom: calc( 100% * ( 53 / 675));
  }
}

[data-aos=fade-up] {
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
}

[data-aos=fade-down] {
  -webkit-transform: translate3d(0, -25px, 0);
  transform: translate3d(0, -25px, 0);
}

[data-aos=fade-right] {
  -webkit-transform: translate3d(25px, 0, 0);
  transform: translate3d(25px, 0, 0);
}

[data-aos=fade-left] {
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
}

.aos-init [data-aos-inside="true"][data-aos^=fade] {
  opacity: 0;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
}

.aos-animate [data-aos-inside="true"][data-aos^=fade] {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.campaign-time {
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-time {
    width: calc( 100% * ( 752 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 137 / 1080));
    margin: calc( 100% * ( 436 / 1080)) 0 0 calc( 100% * ( 169 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-time {
    width: calc( 100% * ( 675 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 130 / 750));
    margin: calc( 100% * ( 319 / 750)) 0 0 calc( 100% * ( 42 / 750));
  }
}

.campaign-time:before {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-size: 200%;
  background-repeat: no-repeat;
  background-position: -50% 0;
}

@media screen and (min-width: 737px) {
  .campaign-time:before {
    background-image: url("../images/time-bg-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .campaign-time:before {
    background-image: url("../images/time-bg-sp.png");
  }
}

.campaign-time:after {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 50%;
  top: 0;
  content: "";
  display: block;
  background-size: 200%;
  background-position: 150% 0;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .campaign-time:after {
    background-image: url("../images/time-bg-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .campaign-time:after {
    background-image: url("../images/time-bg-sp.png");
  }
}

.campaign-time.aos-animate .campaign-time-in {
  opacity: 1;
  -webkit-transition: opacity 0.5s 1s;
  transition: opacity 0.5s 1s;
}

.campaign-time.aos-animate:before {
  -webkit-transition: background-position 0.5s 0.5s;
  transition: background-position 0.5s 0.5s;
  background-position: 0 0;
}

.campaign-time.aos-animate:after {
  -webkit-transition: background-position 0.5s 0.5s;
  transition: background-position 0.5s 0.5s;
  background-position: 100% 0;
}

#sec-campaign-01-in-1 {
  background-color: #000;
  background-repeat: no-repeat;
  border-bottom: 3px solid #ffc552;
  background-size: cover;
}

@media screen and (min-width: 737px) {
  #sec-campaign-01-in-1 {
    background-image: url("../images/campaign-01-bg-1-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-01-in-1 {
    background-image: url("../images/campaign-01-bg-1-sp.jpg");
  }
}

.campaign-intro {
  position: relative;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 737px) {
  .campaign-intro {
    margin: 67px 0 0;
    font-size: 20px;
    line-height: 36px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .campaign-intro {
    margin: calc( 100% * ( 67 / 1080)) 0 0;
    font-size: calc( 100vw * ( 20 / 1080));
    line-height: calc( 100vw * ( 36 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-intro {
    margin: calc( 100% * ( 61 / 750)) 0 0;
    font-size: calc( 100vw * ( 27 / 750));
    line-height: calc( 100vw * ( 44 / 750));
    letter-spacing: -0.5px;
  }
}

.access-phone-box {
  text-align: center;
  margin-top: calc( 100% * ( 42 / 1080 ));
}

.access-phone {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 737px) {
  .access-phone {
    background-image: url("../images/access-phone.png");
    width: calc( 100% * ( 254 / 1080 ));
    padding-bottom: calc( 100% * ( 83 / 1080 ));
  }
}

.qrcode {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 737px) {
  .qrcode {
    background-image: url("../images/qrcode.png");
    width: calc( 100% * ( 171 / 1080 ));
    padding-bottom: calc( 100% * ( 171 / 1080 ));
    margin-left: calc( 100% * ( 26 / 1080 ));
  }
}

.goplay-btn {
  position: relative;
  cursor: pointer;
  left: 0;
  top: 0;
  display: block;
}

@media screen and (min-width: 737px) {
  .goplay-btn {
    width: calc( 100% * ( 519 / 1080 ));
    padding-bottom: calc( 100% * ( 135 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .goplay-btn {
    width: calc( 100% * ( 519 / 750 ));
    padding-bottom: calc( 100% * ( 135 / 750 ));
    margin: calc( 100% * ( 29 / 750 )) auto 0;
  }
}

.goplay-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .goplay-btn:before {
    background-image: url("../images/goplay-btn-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .goplay-btn:before {
    background-image: url("../images/goplay-btn-sp.png");
  }
}

.goplay-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .goplay-btn:after {
    background-image: url("../images/goplay-btn-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .goplay-btn:after {
    background-image: url("../images/goplay-btn-sp.png");
  }
}

.goplay-btn:hover:before {
  opacity: 1;
}

.goplay-btn:hover:after {
  opacity: 1;
}

.step-title {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .step-title {
    background-image: url("../images/step-title-pc.png");
    width: calc( 100% * ( 170 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 49 / 1080));
    margin: calc( 100% * ( 68 / 1080)) auto calc( 100% * ( 16 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .step-title {
    width: calc( 100% * ( 213 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 60 / 750));
    background-image: url("../images/step-title-sp.png");
    margin: calc( 100% * ( 42 / 750)) auto calc( 100% * ( 11 / 750));
  }
}

.campaign-step-triangle {
  position: relative;
  background-image: url("../images/campaign-step-triangle.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: calc( 100% * ( 24 / ( 1080 + 2 * 40 ) ));
  height: 0;
  padding-bottom: calc( 100% * ( 34 / ( 1080 + 2 * 40 ) ));
  margin: 0 auto;
  display: inline-block;
  margin-left: calc( 100% * ( 5 / ( 1080 + 2 * 40 ) ));
}

.campaign-step {
  position: relative;
  text-align: center;
  font-size: 0;
}

@media screen and (max-width: 736px) {
  .campaign-step {
    overflow: hidden;
  }
}

@media screen and (min-width: 737px) {
  .campaign-step {
    width: calc( 100% * ( 1080 + 2 * 40 ) / 1080);
    left: calc( 100% * ( -40 / 1080 ));
    margin-bottom: calc( 100% * ( 30 / 1080 ));
  }
  .campaign-step > div {
    vertical-align: middle;
  }
}

.campaign-prize-box {
  position: relative;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

@media screen and (min-width: 737px) {
  .campaign-prize-box {
    width: calc( 100% * ( 1080 + 2 * 40 ) / 1080);
    left: calc( 100% * ( -40 / 1080 ));
  }
  .campaign-prize-box > div {
    vertical-align: top;
  }
}

.campaign-01-step1 {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
}

.campaign-step.aos-animate .campaign-01-step1 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s 0s,-webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s,-webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s,transform 0.3s 0s;
  transition: opacity 0.3s 0s,transform 0.3s 0s,-webkit-transform 0.3s 0s;
}

@media screen and (min-width: 737px) {
  .campaign-01-step1 {
    background-image: url("../images/campaign-01-step1-pc.png");
    width: calc( 100% * ( 351 / ( 1080 + 2 * 40 )));
    height: 0;
    padding-bottom: calc( 100% * ( 188 / ( 1080 + 2 * 40 )));
    margin: 0 auto;
    display: inline-block;
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-step1 {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 196 / 750));
    background-image: url("../images/campaign-01-step1-sp.png");
    margin: 0 auto calc( 100% * ( 6 / 750));
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
}

.campaign-01-step2 {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
}

.campaign-step.aos-animate .campaign-01-step2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,transform 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
}

@media screen and (min-width: 737px) {
  .campaign-01-step2 {
    background-image: url("../images/campaign-01-step2-pc.png");
    width: calc( 100% * ( 351 / ( 1080 + 2 * 40 )));
    height: 0;
    padding-bottom: calc( 100% * ( 188 / ( 1080 + 2 * 40 )));
    margin: 0 auto;
    display: inline-block;
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-step2 {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 196 / 750));
    background-image: url("../images/campaign-01-step2-sp.png");
    margin: 0 auto calc( 100% * ( 6 / 750));
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
}

.campaign-01-step3 {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
}

.campaign-step.aos-animate .campaign-01-step3 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s 0.6s,-webkit-transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s,-webkit-transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s,transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s,transform 0.3s 0.6s,-webkit-transform 0.3s 0.6s;
}

@media screen and (min-width: 737px) {
  .campaign-01-step3 {
    background-image: url("../images/campaign-01-step3-pc.png");
    width: calc( 100% * ( 351 / ( 1080 + 2 * 40 )));
    height: 0;
    padding-bottom: calc( 100% * ( 188 / ( 1080 + 2 * 40 )));
    margin: 0 auto;
    display: inline-block;
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-step3 {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 271 / 750));
    background-image: url("../images/campaign-01-step3-sp.png");
    margin: 0 auto calc( 100% * ( 48 / 750));
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
}

.prize-title {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .prize-title {
    background-image: url("../images/prize-title-pc.png");
    width: calc( 100% * ( 87 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 50 / 1080));
    margin: 0 auto calc( 100% * ( 17 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .prize-title {
    width: calc( 100% * ( 109 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 60 / 750));
    background-image: url("../images/prize-title-sp.png");
    margin: 0 auto calc( 100% * ( 15 / 750));
  }
}

.campaign-01-prize-A {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-prize-A {
    background-image: url("../images/campaign-01-prize-A-pc.png");
    width: calc( 100% * ( 1106 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 437 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-prize-A {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 658 / 750));
    background-image: url("../images/campaign-01-prize-A-sp.png");
    margin: 0 auto calc( 100% * ( 6 / 750));
  }
}

.campaign-01-prize-B {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-prize-B {
    background-image: url("../images/campaign-01-prize-B-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-prize-B {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-01-prize-B-sp.png");
    margin: 0 0 0 calc( 100% * ( 60 / 750));
    float: left;
  }
}

.campaign-01-prize-C {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-prize-C {
    background-image: url("../images/campaign-01-prize-C-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-prize-C {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-01-prize-C-sp.png");
    margin: 0 0 0 calc( 100% * ( -3 / 750));
    float: left;
  }
}

.campaign-01-prize-D {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-prize-D {
    background-image: url("../images/campaign-01-prize-D-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-prize-D {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-01-prize-D-sp.png");
    margin: 0 0 0 calc( 100% * ( 60 / 750));
    float: left;
  }
}

.campaign-01-prize-E {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-01-prize-E {
    background-image: url("../images/campaign-01-prize-E-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
  }
}

@media screen and (max-width: 736px) {
  .campaign-01-prize-E {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-01-prize-E-sp.png");
    margin: 0 0 0 calc( 100% * ( -3 / 750));
    float: left;
  }
}

.campaign-rules-btn {
  position: relative;
  cursor: pointer;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-rules-btn {
    width: calc( 100% * ( 375 / 1080 ));
    padding-bottom: calc( 100% * ( 0.5 * 210 / 1080 ));
    margin: calc( 100% * ( 49 / 1080 )) auto calc( 100% * ( 82 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .campaign-rules-btn {
    width: calc( 100% * ( 519 / 750 ));
    padding-bottom: calc( 100% * ( 135 / 750 ));
    margin: calc( 100% * ( 73 / 750 )) auto calc( 100% * ( 70 / 750 ));
  }
}

.campaign-rules-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .campaign-rules-btn:before {
    background-image: url("../images/campaign-rules-btn-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .campaign-rules-btn:before {
    background-image: url("../images/campaign-rules-btn-sp.png");
  }
}

.campaign-rules-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .campaign-rules-btn:after {
    background-image: url("../images/campaign-rules-btn-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .campaign-rules-btn:after {
    background-image: url("../images/campaign-rules-btn-sp.png");
  }
}

.campaign-rules-btn:hover:before {
  opacity: 1;
}

.campaign-rules-btn:hover:after {
  opacity: 1;
}

@-webkit-keyframes campaign-02_bg_ani_lg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2385px 0;
  }
}

@keyframes campaign-02_bg_ani_lg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2385px 0;
  }
}

@-webkit-keyframes campaign-02_bg_ani_md {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( 2385 / 1080 )) 0;
  }
}

@keyframes campaign-02_bg_ani_md {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( 2385 / 1080 )) 0;
  }
}

@-webkit-keyframes campaign-02_bg_ani_sm {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( ( 2385 * ( 460 / 596 ) ) / 750 )) 0;
  }
}

@keyframes campaign-02_bg_ani_sm {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( ( 2385 * ( 460 / 596 ) ) / 750 )) 0;
  }
}

#sec-campaign-02 {
  overflow: hidden;
}

#sec-campaign-02.aos-animate #sec-campaign-02-in-0 {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

#sec-campaign-02.aos-animate #sec-campaign-02-in-0.aos-animate {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

#sec-campaign-02 #sec-campaign-02-in-0 {
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: repeat-x;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@media screen and (min-width: 737px) {
  #sec-campaign-02 #sec-campaign-02-in-0 {
    background-image: url("../images/campaign-02-bg-0-pc.jpg");
    -webkit-animation-name: campaign-02_bg_ani_lg;
    animation-name: campaign-02_bg_ani_lg;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-campaign-02 #sec-campaign-02-in-0 {
    background-image: url("../images/campaign-02-bg-0-pc.jpg");
    -webkit-animation-name: campaign-02_bg_ani_md;
    animation-name: campaign-02_bg_ani_md;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-02 #sec-campaign-02-in-0 {
    background-image: url("../images/campaign-02-bg-0-pc.jpg");
    background-position: 0 0;
    -webkit-animation-name: campaign-02_bg_ani_sm;
    animation-name: campaign-02_bg_ani_sm;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 100vw;
  }
}

@media screen and (min-width: 737px) {
  #sec-campaign-02 #sec-campaign-02-in-0 .center-content {
    padding-bottom: 596px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-campaign-02 #sec-campaign-02-in-0 .center-content {
    padding-bottom: calc( 100% * ( 596 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-02 #sec-campaign-02-in-0 .center-content {
    padding-bottom: calc( 100% * ( 460 / 750));
  }
}

.campaign-02-title {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-02-title {
    background-image: url("../images/campaign-02-title-pc.png");
    width: calc( 100% * ( 447 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 104 / 1080));
    margin: calc( 100% * ( 72 / 1080)) 0 0 calc( 100% * ( 321 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-title {
    width: calc( 100% * ( 313 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 78 / 750));
    background-image: url("../images/campaign-02-title-sp.png");
    margin: calc( 100% * ( 65 / 750)) 0 0 calc( 100% * ( 237 / 750));
  }
}

.campaign-02-bigtitle {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-02-bigtitle {
    background-image: url("../images/campaign-02-bigtitle-pc.png");
    width: calc( 100% * ( 975 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 390 / 1080));
    margin: calc( 100% * ( 40 / 1080)) 0 0 calc( 100% * ( 31 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-bigtitle {
    width: calc( 100% * ( 668 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 267 / 750));
    background-image: url("../images/campaign-02-bigtitle-sp.png");
    margin: calc( 100% * ( 44 / 750)) 0 0 calc( 100% * ( 41 / 750));
  }
}

.campaign-02-time-in {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0;
}

@media screen and (min-width: 737px) and (min-width: 737px) {
  .campaign-02-time-in {
    background-image: url("../images/campaign-02-time-pc.png");
    width: calc( 100% * ( 569 / 875));
    height: 0;
    padding-bottom: calc( 100% * ( 68 / 875));
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-time-in {
    background-image: url("../images/campaign-02-time-sp.png");
    width: calc( 100% * ( 501 / 675));
    height: 0;
    padding-bottom: calc( 100% * ( 53 / 675));
  }
}

#sec-campaign-02-in-1 {
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 3px solid #ffc552;
}

@media screen and (min-width: 737px) {
  #sec-campaign-02-in-1 {
    background-image: url("../images/campaign-02-bg-1-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-02-in-1 {
    background-image: url("../images/campaign-02-bg-1-sp.jpg");
  }
}

.pyramids-step {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.pyramids-complete-pic {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 0.3s 0.1s,-webkit-transform 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s,-webkit-transform 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s,transform 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s,transform 0.3s 0.1s ease-in,-webkit-transform 0.3s 0.1s ease-in;
  -webkit-animation-name: fade-in-out;
  animation-name: fade-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.pyramids-complete-pic:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% 100%;
}

.pyramids-complete {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 0.3s 0.1s,-webkit-transform 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s,-webkit-transform 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s,transform 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s,transform 0.3s 0.1s ease-in,-webkit-transform 0.3s 0.1s ease-in;
  -webkit-animation-name: fade-in-out;
  animation-name: fade-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.pyramids-complete-0 {
  background-image: url("../images/pyramids-complete-0.png");
  z-index: 0;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-0 {
  z-index: 0;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-0:before {
  background-image: url("../images/pyramids-complete-pic-0.png");
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-0:before {
    background-image: url("../images/pyramids-complete-pic-0-sp.png");
  }
}

.pyramids-step-1 {
  background-image: url("../images/pyramids-1.png");
  -webkit-transition: opacity 0.8s 0.8s, -webkit-transform 0.8s 0.8s ease-in;
  transition: opacity 0.8s 0.8s, -webkit-transform 0.8s 0.8s ease-in;
  transition: opacity 0.8s 0.8s, transform 0.8s 0.8s ease-in;
  transition: opacity 0.8s 0.8s, transform 0.8s 0.8s ease-in, -webkit-transform 0.8s 0.8s ease-in;
  z-index: 1;
}

.pyramids-complete-1 {
  background-image: url("../images/pyramids-complete-0.png");
  z-index: 1;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-1 {
  z-index: 1;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-1:before {
  background-image: url("../images/pyramids-complete-pic-0.png");
  -webkit-transform: scale(0.5625);
  transform: scale(0.5625);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-1:before {
    background-image: url("../images/pyramids-complete-pic-0-sp.png");
  }
}

.pyramids-step-2 {
  background-image: url("../images/pyramids-2.png");
  -webkit-transition: opacity 0.8s 1.6s, -webkit-transform 0.8s 1.6s ease-in;
  transition: opacity 0.8s 1.6s, -webkit-transform 0.8s 1.6s ease-in;
  transition: opacity 0.8s 1.6s, transform 0.8s 1.6s ease-in;
  transition: opacity 0.8s 1.6s, transform 0.8s 1.6s ease-in, -webkit-transform 0.8s 1.6s ease-in;
  z-index: 2;
}

.pyramids-complete-2 {
  background-image: url("../images/pyramids-complete-2.png");
  z-index: 2;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-2 {
  z-index: 2;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-2:before {
  background-image: url("../images/pyramids-complete-pic-2.png");
  -webkit-transform: scale(0.625);
  transform: scale(0.625);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-2:before {
    background-image: url("../images/pyramids-complete-pic-2-sp.png");
  }
}

.pyramids-step-3 {
  background-image: url("../images/pyramids-3.png");
  -webkit-transition: opacity 0.8s 2.4s, -webkit-transform 0.8s 2.4s ease-in;
  transition: opacity 0.8s 2.4s, -webkit-transform 0.8s 2.4s ease-in;
  transition: opacity 0.8s 2.4s, transform 0.8s 2.4s ease-in;
  transition: opacity 0.8s 2.4s, transform 0.8s 2.4s ease-in, -webkit-transform 0.8s 2.4s ease-in;
  z-index: 3;
}

.pyramids-complete-3 {
  background-image: url("../images/pyramids-complete-2.png");
  z-index: 3;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-3 {
  z-index: 3;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-3:before {
  background-image: url("../images/pyramids-complete-pic-2.png");
  -webkit-transform: scale(0.6875);
  transform: scale(0.6875);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-3:before {
    background-image: url("../images/pyramids-complete-pic-2-sp.png");
  }
}

.pyramids-step-4 {
  background-image: url("../images/pyramids-4.png");
  -webkit-transition: opacity 0.8s 3.2s, -webkit-transform 0.8s 3.2s ease-in;
  transition: opacity 0.8s 3.2s, -webkit-transform 0.8s 3.2s ease-in;
  transition: opacity 0.8s 3.2s, transform 0.8s 3.2s ease-in;
  transition: opacity 0.8s 3.2s, transform 0.8s 3.2s ease-in, -webkit-transform 0.8s 3.2s ease-in;
  z-index: 4;
}

.pyramids-complete-4 {
  background-image: url("../images/pyramids-complete-4.png");
  z-index: 4;
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-4 {
  z-index: 4;
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-4:before {
  background-image: url("../images/pyramids-complete-pic-4.png");
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-4:before {
    background-image: url("../images/pyramids-complete-pic-4-sp.png");
  }
}

.pyramids-step-5 {
  background-image: url("../images/pyramids-5.png");
  -webkit-transition: opacity 0.8s 4s, -webkit-transform 0.8s 4s ease-in;
  transition: opacity 0.8s 4s, -webkit-transform 0.8s 4s ease-in;
  transition: opacity 0.8s 4s, transform 0.8s 4s ease-in;
  transition: opacity 0.8s 4s, transform 0.8s 4s ease-in, -webkit-transform 0.8s 4s ease-in;
  z-index: 5;
}

.pyramids-complete-5 {
  background-image: url("../images/pyramids-complete-4.png");
  z-index: 5;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-5 {
  z-index: 5;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-5:before {
  background-image: url("../images/pyramids-complete-pic-4.png");
  -webkit-transform: scale(0.8125);
  transform: scale(0.8125);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-5:before {
    background-image: url("../images/pyramids-complete-pic-4-sp.png");
  }
}

.pyramids-step-6 {
  background-image: url("../images/pyramids-6.png");
  -webkit-transition: opacity 0.8s 4.8s, -webkit-transform 0.8s 4.8s ease-in;
  transition: opacity 0.8s 4.8s, -webkit-transform 0.8s 4.8s ease-in;
  transition: opacity 0.8s 4.8s, transform 0.8s 4.8s ease-in;
  transition: opacity 0.8s 4.8s, transform 0.8s 4.8s ease-in, -webkit-transform 0.8s 4.8s ease-in;
  z-index: 6;
}

.pyramids-complete-6 {
  background-image: url("../images/pyramids-complete-6.png");
  z-index: 6;
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-6 {
  z-index: 6;
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-6:before {
  background-image: url("../images/pyramids-complete-pic-6.png");
  -webkit-transform: scale(0.875);
  transform: scale(0.875);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-6:before {
    background-image: url("../images/pyramids-complete-pic-6-sp.png");
  }
}

.pyramids-step-7 {
  background-image: url("../images/pyramids-7.png");
  -webkit-transition: opacity 0.8s 5.6s, -webkit-transform 0.8s 5.6s ease-in;
  transition: opacity 0.8s 5.6s, -webkit-transform 0.8s 5.6s ease-in;
  transition: opacity 0.8s 5.6s, transform 0.8s 5.6s ease-in;
  transition: opacity 0.8s 5.6s, transform 0.8s 5.6s ease-in, -webkit-transform 0.8s 5.6s ease-in;
  z-index: 7;
}

.pyramids-complete-7 {
  background-image: url("../images/pyramids-complete-6.png");
  z-index: 7;
  -webkit-animation-delay: 5.6s;
  animation-delay: 5.6s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-7 {
  z-index: 7;
  -webkit-animation-delay: 5.6s;
  animation-delay: 5.6s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-7:before {
  background-image: url("../images/pyramids-complete-pic-6.png");
  -webkit-transform: scale(0.9375);
  transform: scale(0.9375);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-7:before {
    background-image: url("../images/pyramids-complete-pic-6-sp.png");
  }
}

.pyramids-step-8 {
  background-image: url("../images/pyramids-8.png");
  -webkit-transition: opacity 0.8s 6.4s, -webkit-transform 0.8s 6.4s ease-in;
  transition: opacity 0.8s 6.4s, -webkit-transform 0.8s 6.4s ease-in;
  transition: opacity 0.8s 6.4s, transform 0.8s 6.4s ease-in;
  transition: opacity 0.8s 6.4s, transform 0.8s 6.4s ease-in, -webkit-transform 0.8s 6.4s ease-in;
  z-index: 8;
}

.pyramids-complete-8 {
  background-image: url("../images/pyramids-complete-8.png");
  z-index: 8;
  -webkit-animation-delay: 6.4s;
  animation-delay: 6.4s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-8 {
  z-index: 8;
  -webkit-animation-delay: 6.4s;
  animation-delay: 6.4s;
  -webkit-animation-duration: 1.84s;
  animation-duration: 1.84s;
}

.pyramids-complete-pic-8:before {
  background-image: url("../images/pyramids-complete-pic-8.png");
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-8:before {
    background-image: url("../images/pyramids-complete-pic-8-sp.png");
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes fade-in-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes fade-in-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.pyramids-card.aos-animate[data-pyramids="0"] .pyramids-step-0 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="0"] .pyramids-step-0 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-0 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-0 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-0 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-0 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-0 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-pic-0 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-pic-0 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-pic-0 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-pic-0 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="0"] .pyramids-complete-pic-0 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="1"] .pyramids-step-1 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="1"] .pyramids-step-1 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-0 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-0 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-0 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-0 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-0 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-pic-0 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-pic-0 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-pic-0 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-pic-0 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="1"] .pyramids-complete-pic-0 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="2"] .pyramids-step-2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="2"] .pyramids-step-2 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-2 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-2 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-2 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-2 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-2 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-pic-2 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-pic-2 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-pic-2 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-pic-2 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="2"] .pyramids-complete-pic-2 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="3"] .pyramids-step-3 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="3"] .pyramids-step-3 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-2 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-2 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-2 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-2 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-2 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-pic-2 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-pic-2 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-pic-2 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-pic-2 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="3"] .pyramids-complete-pic-2 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="4"] .pyramids-step-4 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="4"] .pyramids-step-4 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-4 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-4 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-4 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-4 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-4 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-pic-4 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-pic-4 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-pic-4 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-pic-4 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="4"] .pyramids-complete-pic-4 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="5"] .pyramids-step-5 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="5"] .pyramids-step-5 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-4 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-4 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-4 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-4 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-4 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-pic-4 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-pic-4 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-pic-4 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-pic-4 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="5"] .pyramids-complete-pic-4 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="6"] .pyramids-step-6 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="6"] .pyramids-step-6 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-6 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-6 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-6 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-6 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-6 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-pic-6 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-pic-6 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-pic-6 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-pic-6 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="6"] .pyramids-complete-pic-6 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="7"] .pyramids-step-7 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="7"] .pyramids-step-7 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-6 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-6 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-6 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-6 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-6 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-pic-6 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-pic-6 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-pic-6 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-pic-6 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="7"] .pyramids-complete-pic-6 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="8"] .pyramids-step-8 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="8"] .pyramids-step-8 ~ * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-8 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-8 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-8 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-8 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-8 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-pic-8 {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-pic-8 ~ [class*="6"], .pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-pic-8 ~ [class*="4"], .pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-pic-8 ~ [class*="2"], .pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-pic-8 ~ [class*="0"] {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pyramids-card {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .pyramids-card {
    background-image: url("../images/1008/pyramids-card-end-pc.png");
    width: calc( 100% * ( 1106 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 499 / ( 1080 + 2 * 40 ) ));
    margin: calc( 100% * ( 47 / ( 1080 + 2 * 40 ) )) auto calc( 100% * ( 47 / ( 1080 + 2 * 40 ) ));
  }
}

@media screen and (max-width: 736px) {
  .pyramids-card {
    width: calc( 100% * ( 652 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 408 / 750));
    background-image: url("../images/1008/pyramids-card-end-sp.png");
    margin: calc( 100% * ( 47 / 750)) auto calc( 100% * ( 47 / 750));
  }
}

.pyramids-box {
  position: absolute;
  height: auto;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .pyramids-box {
    width: calc( 100% * ( 481 / 1106 ));
    margin: calc( 100% * ( 79 / 1106 )) 0 0 calc( 100% * ( 147 / 1106 ));
  }
}

@media screen and (max-width: 736px) {
  .pyramids-box {
    width: calc( 100% * ( 306 / 626 ));
    margin: calc( 100% * ( 89 / 626 )) 0 0 calc( 100% * ( 71 / 626 ));
  }
}

.pyramids-box-in {
  padding-bottom: calc( 100% * ( 1000 / 1416 ));
}

.pyramids-complete-pic-box {
  position: absolute;
  height: auto;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .pyramids-complete-pic-box {
    width: calc( 100% * ( 338 / 1106 ));
    margin: calc( 100% * ( 48 / 1106 )) 0 0 calc( 100% * ( 703 / 1106 ));
  }
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-box {
    width: calc( 100% * ( 187 / 626 ));
    margin: calc( 100% * ( 63 / 626 )) 0 0 calc( 100% * ( 399 / 626 ));
  }
}

.pyramids-complete-pic-box-in {
  padding-bottom: calc( 100% * ( 246 / 206 ));
}

@media screen and (max-width: 736px) {
  .pyramids-complete-pic-box-in {
    padding-bottom: calc( 100% * ( 257 / 187 ));
  }
}

.pyramids-complete-box {
  position: absolute;
  height: auto;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .pyramids-complete-box {
    width: calc( 100% * ( 162 / 1106 ));
  }
}

@media screen and (max-width: 736px) {
  .pyramids-complete-box {
    width: calc( 100% * ( 139 / 626 ));
    margin: calc( 100% * ( -4 / 626 )) 0 0 calc( 100% * ( -4 / 626 ));
  }
}

.pyramids-complete-box-in {
  padding-bottom: calc( 100% * ( 169 / 223 ));
}

.pyramids-complete-word {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition: opacity 0.8s 6.4s, -webkit-transform 0.8s 6.4s cubic-bezier(0.77, 0.16, 0.91, 0.42);
  transition: opacity 0.8s 6.4s, -webkit-transform 0.8s 6.4s cubic-bezier(0.77, 0.16, 0.91, 0.42);
  transition: opacity 0.8s 6.4s, transform 0.8s 6.4s cubic-bezier(0.77, 0.16, 0.91, 0.42);
  transition: opacity 0.8s 6.4s, transform 0.8s 6.4s cubic-bezier(0.77, 0.16, 0.91, 0.42), -webkit-transform 0.8s 6.4s cubic-bezier(0.77, 0.16, 0.91, 0.42);
  z-index: 10;
  pointer-events: none;
}

@media screen and (min-width: 737px) {
  .pyramids-complete-word {
    background-image: url("../images/pyramids-complete-word-pc.png");
    width: calc( 100% * ( 543 / 1106 ));
    height: 0;
    padding-bottom: calc( 100% * ( 369 / 1106 ));
    margin: calc( 100% * ( 68 / 1106 )) 0 0 calc( 100% * ( 114 / 1106 ));
  }
}

@media screen and (max-width: 736px) {
  .pyramids-complete-word {
    width: calc( 100% * ( 297 / 626));
    height: 0;
    padding-bottom: calc( 100% * ( 259 / 626));
    background-image: url("../images/pyramids-complete-word-sp.png");
    background-size: 100% 100%;
    margin: calc( 100% * ( 61 / 626)) 0 0 calc( 100% * ( 78 / 626));
  }
}

.pyramids-card.aos-animate[data-pyramids="8"] .pyramids-complete-word {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.campaign-02-prize.aos-animate.add-label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,transform 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
}

.campaign-02-prize:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .campaign-02-prize:after {
    background-image: url("../images/complete-label-pc.png");
    width: calc( 100% * ( 104 / 551 ));
    height: 0;
    padding-bottom: calc( 100% * ( 55 / 551 ));
    margin: calc( 100% * ( 59 / 551 )) 0 0 calc( 100% * ( 304 /551 ));
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-prize:after {
    width: calc( 100% * ( 92 /  329));
    height: 0;
    padding-bottom: calc( 100% * ( 48 /  329));
    background-image: url("../images/complete-label-pc.png");
    margin: calc( 100% * ( 185 / 329 )) 0 0 calc( 100% * ( 29 / 329 ));
  }
}

.campaign-02-prize-A {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-02-prize-A {
    background-image: url("../images/campaign-02-prize-A-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-prize-A {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-02-prize-A-sp.png");
    margin: 0 0 0 calc( 100% * ( 60 / 750));
    float: left;
  }
}

.campaign-02-prize-B {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-02-prize-B {
    background-image: url("../images/campaign-02-prize-B-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-prize-B {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-02-prize-B-sp.png");
    margin: 0 0 0 calc( 100% * ( -3 / 750));
    float: left;
  }
}

.campaign-02-prize-C {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-02-prize-C {
    background-image: url("../images/campaign-02-prize-C-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-prize-C {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-02-prize-C-sp.png");
    margin: calc( 100% * ( -3 / 750)) 0 0 calc( 100% * ( 60 / 750));
    float: left;
  }
}

.campaign-02-prize-D {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-02-prize-D {
    background-image: url("../images/campaign-02-prize-D-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 51 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-02-prize-D {
    width: calc( 100% * ( 324 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 341 / 750));
    background-image: url("../images/campaign-02-prize-D-sp.png");
    margin: calc( 100% * ( -3 / 750)) 0 calc( 100% * ( 39 / 750)) calc( 100% * ( -3 / 750));
    float: left;
  }
}

.comingsoon-title {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 737px) {
  .comingsoon-title {
    width: calc( 100% * ( 442 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 134 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .comingsoon-title {
    width: calc( 100% * ( 410 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 125 / 750));
  }
}

.comingsoon-title .full {
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .comingsoon-title .full {
    background-image: url("../images/comingsoon-title-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .comingsoon-title .full {
    background-image: url("../images/comingsoon-title-sp.png");
  }
}

@-webkit-keyframes campaign-03_bg_ani_lg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2393px 0;
  }
}

@keyframes campaign-03_bg_ani_lg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2393px 0;
  }
}

@-webkit-keyframes campaign-03_bg_ani_md {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( 2393 / 1080 )) 0;
  }
}

@keyframes campaign-03_bg_ani_md {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( 2393 / 1080 )) 0;
  }
}

@-webkit-keyframes campaign-03_bg_ani_sm {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( ( 2393 * ( 460 / 596 ) ) / 750 )) 0;
  }
}

@keyframes campaign-03_bg_ani_sm {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc( 100vw * ( ( 2393 * ( 460 / 596 ) ) / 750 )) 0;
  }
}

#sec-campaign-03 {
  overflow: hidden;
}

#sec-campaign-03 .campaign-step-triangle {
  vertical-align: top !important;
  margin-top: calc( 100% * ( 80 / ( 1080 + 2 * 40 )));
}

#sec-campaign-03 #sec-campaign-03-in-comingsoon {
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  #sec-campaign-03 #sec-campaign-03-in-comingsoon {
    background-image: url("../images/comingsoon-bg-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-03 #sec-campaign-03-in-comingsoon {
    background-image: url("../images/comingsoon-bg-pc.jpg");
    border-bottom: 2px solid #ffc552;
  }
}

@media screen and (min-width: 737px) {
  #sec-campaign-03 #sec-campaign-03-in-comingsoon .center-content {
    padding-bottom: 360px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-campaign-03 #sec-campaign-03-in-comingsoon .center-content {
    padding-bottom: calc( 100% * ( 360 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-03 #sec-campaign-03-in-comingsoon .center-content {
    padding-bottom: calc( 100% * ( 319 / 750));
  }
}

#sec-campaign-03.aos-animate #sec-campaign-03-in-0 {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

#sec-campaign-03.aos-animate #sec-campaign-03-in-0.aos-animate {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

#sec-campaign-03 #sec-campaign-03-in-0 {
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: repeat-x;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@media screen and (min-width: 737px) {
  #sec-campaign-03 #sec-campaign-03-in-0 {
    background-image: url("../images/1008/campaign-03-bg-0-pc.jpg");
    -webkit-animation-name: campaign-03_bg_ani_lg;
    animation-name: campaign-03_bg_ani_lg;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-campaign-03 #sec-campaign-03-in-0 {
    background-image: url("../images/1008/campaign-03-bg-0-pc.jpg");
    -webkit-animation-name: campaign-03_bg_ani_md;
    animation-name: campaign-03_bg_ani_md;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-03 #sec-campaign-03-in-0 {
    background-image: url("../images/1008/campaign-03-bg-0-pc.jpg");
    background-position: 0 0;
    -webkit-animation-name: campaign-03_bg_ani_sm;
    animation-name: campaign-03_bg_ani_sm;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 100vw;
  }
}

@media screen and (min-width: 737px) {
  #sec-campaign-03 #sec-campaign-03-in-0 .center-content {
    padding-bottom: 596px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-campaign-03 #sec-campaign-03-in-0 .center-content {
    padding-bottom: calc( 100% * ( 596 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-03 #sec-campaign-03-in-0 .center-content {
    padding-bottom: calc( 100% * ( 460 / 750));
  }
}

.campaign-03-title {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-03-title {
    background-image: url("../images/1008/campaign-03-title-pc.png");
    width: calc( 100% * ( 414 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 95 / 1080));
    margin: calc( 100% * ( 24 / 1080)) 0 0 calc( 100% * ( 324 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-title {
    width: calc( 100% * ( 309 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 75 / 750));
    background-image: url("../images/1008/campaign-03-title-sp.png");
    margin: calc( 100% * ( 16 / 750)) 0 0 calc( 100% * ( 225 / 750));
  }
}

.campaign-03-bigtitle {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-03-bigtitle {
    background-image: url("../images/1008/campaign-03-bigtitle-pc.png");
    width: calc( 100% * ( 504 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 336 / 1080));
    margin: calc( 100% * ( 97 / 1080)) 0 0 calc( 100% * ( 270 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-bigtitle {
    width: calc( 100% * ( 368 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 245 / 750));
    background-image: url("../images/1008/campaign-03-bigtitle-sp.png");
    margin: calc( 100% * ( 64 / 750)) 0 0 calc( 100% * ( 178 / 750));
  }
}

.campaign-03-time-in {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0;
}

@media screen and (min-width: 737px) {
  .campaign-03-time-in {
    background-image: url("../images/1008/campaign-03-time-pc.png");
    width: calc( 100% * ( 587 / 875));
    height: 0;
    padding-bottom: calc( 100% * ( 58 / 875));
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-time-in {
    background-image: url("../images/1008/campaign-03-time-sp.png");
    width: calc( 100% * ( 501 / 675));
    height: 0;
    padding-bottom: calc( 100% * ( 53 / 675));
  }
}

#sec-campaign-03-in-1 {
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  #sec-campaign-03-in-1 {
    background-image: url("../images/1008/campaign-03-bg-1-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #sec-campaign-03-in-1 {
    background-image: url("../images/1008/campaign-03-bg-1-sp.jpg");
    border-bottom: 3px solid #ffc552;
  }
}

#sec-campaign-03-in-1 > .center-content {
  padding: 1px 0;
}

.campaign-03-step1 {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
}

.campaign-step.aos-animate .campaign-03-step1 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s 0s,-webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s,-webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s,transform 0.3s 0s;
  transition: opacity 0.3s 0s,transform 0.3s 0s,-webkit-transform 0.3s 0s;
}

.campaign-03-step1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-03-step1 a {
    width: calc( 100% * ( 120 / 351 ));
    height: 0;
    padding-bottom: calc( 100% * ( 40 / 351 ));
    margin: calc( 100% * ( 100 / 351 )) 0 0 calc( 100% * ( 150 / 351 ));
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-step1 a {
    width: calc( 100% * ( 240 / 626 ));
    height: 0;
    padding-bottom: calc( 100% * ( 40 / 626 ));
    margin: calc( 100% * ( 150 / 626 )) 0 0 calc( 100% * ( 70 / 626 ));
  }
}

@media screen and (min-width: 737px) {
  .campaign-03-step1 {
    background-image: url("../images/1008/campaign-03-step1-pc.png");
    width: calc( 100% * ( 351 / ( 1080 + 2 * 40 )));
    height: 0;
    padding-bottom: calc( 100% * ( 188 / ( 1080 + 2 * 40 )));
    margin: 0 auto;
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-step1 {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 232 / 750));
    background-image: url("../images/1008/campaign-03-step1-sp.png");
    margin: 0 auto calc( 100% * ( 6 / 750));
  }
}

.campaign-03-step2 {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
}

.campaign-step.aos-animate .campaign-03-step2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s,transform 0.3s 0.3s,-webkit-transform 0.3s 0.3s;
}

@media screen and (min-width: 737px) {
  .campaign-03-step2 {
    background-image: url("../images/1008/campaign-03-step2-pc.png");
    width: calc( 100% * ( 351 / ( 1080 + 2 * 40 )));
    height: 0;
    padding-bottom: calc( 100% * ( 272 / ( 1080 + 2 * 40 )));
    margin: 0 auto;
    display: inline-block;
    vertical-align: top !important;
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-step2 {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 418 / 750));
    background-image: url("../images/1008/campaign-03-step2-sp.png");
    margin: 0 auto calc( 100% * ( 6 / 750));
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
}

.tweet-btn {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .tweet-btn {
    width: calc( 100% * ( 315 / 351 ));
    padding-bottom: calc( 100% * ( 0.5 * 166 / 351 ));
    margin: calc( 100% * ( 179 / 351 )) 0 0 calc( 100% * ( 22 / 351 ));
  }
}

@media screen and (max-width: 736px) {
  .tweet-btn {
    width: calc( 100% * ( 519 / 626 ));
    padding-bottom: calc( 100% * ( 122 / 626 ));
    margin: calc( 100% * ( 270 / 626 )) 0 0 calc( 100% * ( 55 / 626 ));
  }
}

.tweet-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .tweet-btn:before {
    background-image: url("../images/1008/tweet-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .tweet-btn:before {
    background-image: url("../images/1008/tweet-btn-sp.png");
  }
}

.tweet-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .tweet-btn:after {
    background-image: url("../images/1008/tweet-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .tweet-btn:after {
    background-image: url("../images/1008/tweet-btn-sp.png");
  }
}

.tweet-btn:hover:before {
  opacity: 1;
}

.tweet-btn:hover:after {
  opacity: 1;
}

.campaign-03-step3 {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  opacity: 0;
}

.campaign-step.aos-animate .campaign-03-step3 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.3s 0.6s,-webkit-transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s,-webkit-transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s,transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s,transform 0.3s 0.6s,-webkit-transform 0.3s 0.6s;
}

@media screen and (min-width: 737px) {
  .campaign-03-step3 {
    background-image: url("../images/1008/campaign-03-step3-pc.png");
    width: calc( 100% * ( 351 / ( 1080 + 2 * 40 )));
    height: 0;
    padding-bottom: calc( 100% * ( 188 / ( 1080 + 2 * 40 )));
    margin: 0 auto;
    display: inline-block;
    vertical-align: top !important;
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-step3 {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 271 / 750));
    background-image: url("../images/1008/campaign-03-step3-sp.png");
    margin: 0 auto calc( 100% * ( 48 / 750));
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
}

.campaign-03-prize-A {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-03-prize-A {
    background-image: url("../images/1008/campaign-03-prize-A-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-prize-A {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 476 / 750));
    background-image: url("../images/1008/campaign-03-prize-A-sp.png");
    margin: 0 auto calc( 100% * ( 6 / 750));
  }
}

.campaign-03-prize-B {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .campaign-03-prize-B {
    background-image: url("../images/1008/campaign-03-prize-B-pc.png");
    width: calc( 100% * ( 551 / ( 1080 + 2 * 40 ) ));
    height: 0;
    padding-bottom: calc( 100% * ( 296 / ( 1080 + 2 * 40 ) ));
    margin: 0 auto calc( 100% * ( 4 / ( 1080 + 2 * 40 ) ));
    display: inline-block;
    vertical-align: top !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-03-prize-B {
    width: calc( 100% * ( 626 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 476 / 750));
    background-image: url("../images/1008/campaign-03-prize-B-sp.png");
    margin: 0 auto calc( 100% * ( 12 / 750));
  }
}

.campaign-note {
  color: #fff;
}

@media screen and (min-width: 737px) {
  .campaign-note {
    padding: calc( 100% * ( 4 / 1080)) 0 0;
    font-size: 14px;
    line-height: 25px;
  }
}

@media screen and (max-width: 736px) {
  .campaign-note {
    padding: 0 calc( 100% * ( 76 / 750));
    font-size: calc( 100vw * ( 18 / 750));
    line-height: calc( 100vw * ( 29 / 750));
  }
}

#korabo-border-top {
  background-color: #1f1f1f;
  overflow: hidden;
}

@media screen and (max-width: 736px) {
  #korabo-border-top {
    border-bottom: 3px solid #ffc552;
  }
}

#korabo-border-top:before {
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  background-size: auto 100%;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 737px) {
  #korabo-border-top:before {
    position: relative;
    background-image: url("../images/korabo-border-bottom-pc.jpg");
    padding-bottom: 37px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #korabo-border-top:before {
    padding-bottom: calc( 100% * ( 37 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #korabo-border-top:before {
    position: absolute;
    background-image: url("../images/korabo-border-bottom-sp.jpg");
    padding-bottom: calc( 100% * ( 8 / 750));
  }
}

@media screen and (max-width: 736px) {
  #korabo-border-top {
    padding-bottom: calc( 100% * ( 28 / 750));
  }
}

#korabo-border-top:after {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-size: 100% 100%;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 737px) {
  #korabo-border-top:after {
    display: none;
  }
}

#sec-about-hokuto {
  background-size: auto 100%;
}

@media screen and (min-width: 737px) {
  #sec-about-hokuto {
    background-image: url("../images/about-hokuto-bg-pc.jpg");
  }
}

@media screen and (max-width: 736px) {
  #sec-about-hokuto {
    background-image: url("../images/about-hokuto-bg-sp.jpg");
  }
}

@media screen and (min-width: 737px) {
  #sec-about-hokuto .center-content {
    padding-bottom: 960px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  #sec-about-hokuto .center-content {
    padding-bottom: calc( 100% * ( 960 / 1080));
  }
}

@media screen and (max-width: 736px) {
  #sec-about-hokuto .center-content {
    padding-bottom: calc( 100% * ( 1224 / 750));
  }
}

#sec-about-hokuto:after {
  position: absolute;
  width: 100%;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
  content: "";
}

@media screen and (max-width: 736px) {
  #sec-about-hokuto:after {
    padding-bottom: calc( 100% * ( 8 / 750));
    background-image: url("../images/korabo-border-bottom-sp.jpg");
  }
}

.about-hokuto {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .about-hokuto {
    background-image: url("../images/about-hokuto-pc.png");
    width: calc( 100% * ( 724 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 186 / 1080));
    margin: calc( 100% * ( 75 / 1080)) 0 0 calc( 100% * ( 187 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .about-hokuto {
    width: calc( 100% * ( 482 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 130 / 750));
    background-image: url("../images/about-hokuto-sp.png");
    margin: calc( 100% * ( 60 / 750)) 0 0 calc( 100% * ( 137 / 750));
  }
}

.about-hokuto-intro-0 {
  position: absolute;
  color: #fff;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 736px) {
  .about-hokuto-intro-0 {
    margin: calc( 100% * ( 255 / 750)) 0 0;
    font-size: calc( 100vw * ( 28 / 750));
    line-height: calc( 100vw * ( 48 / 750));
  }
}

.about-hokuto-intro-1 {
  position: absolute;
  color: #fff;
}

@media screen and (max-width: 736px) {
  .about-hokuto-intro-1 {
    margin: calc( 100% * ( 640 / 750)) 0 0 calc( 100% * ( 368 / 750));
    font-size: calc( 100vw * ( 28 / 750));
    line-height: calc( 100vw * ( 48 / 750));
  }
}

.about-hokuto-intro-2 {
  position: absolute;
  color: #fff;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .about-hokuto-intro-2 {
    margin: calc( 100% * ( 327 / 1080)) 0 0 calc( 100% * ( 490 / 1080));
    font-size: 20px;
    line-height: 37px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .about-hokuto-intro-2 {
    font-size: calc( 100vw * ( 20 / 1080));
    line-height: calc( 100vw * ( 37 / 1080));
    width: calc( 100% * ( 593 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .about-hokuto-intro-2 {
    width: 100%;
    text-align: center;
    margin: calc( 100% * ( 424 / 750)) 0 0;
    font-size: calc( 100vw * ( 28 / 750));
    line-height: calc( 100vw * ( 48 / 750));
  }
}

.about-hokuto-intro-2 .full-x:nth-child(1) {
  margin-bottom: calc( 100% * ( 15 / 593));
}

.about-hokuto-intro-2 .full-x:nth-child(2) {
  margin-bottom: calc( 100% * ( 9 / 593));
}

.about-hokuto-pic {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .about-hokuto-pic {
    background-image: url("../images/about-hokuto-pic-pc.png");
    width: calc( 100% * ( 363 / 1080));
    height: 0;
    padding-bottom: calc( 100% * ( 467 / 1080));
    margin: calc( 100% * ( 291 / 1080)) 0 0 calc( 100% * ( 113 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .about-hokuto-pic {
    width: calc( 100% * ( 303 / 750));
    height: 0;
    padding-bottom: calc( 100% * ( 387 / 750));
    background-image: url("../images/about-hokuto-pic-sp.png");
    margin: calc( 100% * ( 614 / 750)) 0 0 calc( 100% * ( 70 / 750));
  }
}

.hokuto-site-btn {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .hokuto-site-btn {
    width: calc( 100% * ( 482 / 1080 ));
    padding-bottom: calc( 100% * ( 0.5 * 212 / 1080 ));
    margin: calc( 100% * ( 776 / 1080 )) 0 0 calc( 100% * ( 305 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .hokuto-site-btn {
    width: calc( 100% * ( 687 / 750 ));
    padding-bottom: calc( 100% * ( 135 / 750 ));
    margin: calc( 100% * ( 998 / 750 )) 0 0 calc( 100% * ( 44 / 750 ));
  }
}

.hokuto-site-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .hokuto-site-btn:before {
    background-image: url("../images/hokuto-site-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .hokuto-site-btn:before {
    background-image: url("../images/hokuto-site-btn-sp.png");
  }
}

.hokuto-site-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-position: 0 100%;
  background-size: 100% 200%;
}

@media screen and (min-width: 737px) {
  .hokuto-site-btn:after {
    background-image: url("../images/hokuto-site-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .hokuto-site-btn:after {
    background-image: url("../images/hokuto-site-btn-sp.png");
  }
}

.hokuto-site-btn:hover:before {
  opacity: 1;
}

.hokuto-site-btn:hover:after {
  opacity: 1;
}

footer {
  background: #000;
  overflow: hidden;
}

.korabo-hokuto-icon {
  position: relative;
  left: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  float: left;
}

@media screen and (min-width: 737px) {
  .korabo-hokuto-icon {
    background-image: url("../images/korabo-hokuto-icon.png");
    width: calc( 100% * ( 112 / 1080 ));
    height: 0;
    padding-bottom: calc( 100% * ( 112 / 1080 ));
    margin-right: calc( 100% * ( 16 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .korabo-hokuto-icon {
    width: calc( 100% * ( 201 / 750 ));
    height: 0;
    padding-bottom: calc( 100% * ( 201 / 750 ));
    background-image: url("../images/korabo-hokuto-icon.png");
    margin: calc( 100% * ( 66 / 750 )) 0 calc( 100% * ( 33 / 750 )) calc( 100% * ( 76 / 750 ));
  }
}

.korabo-hokuto-title-box {
  position: relative;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .korabo-hokuto-title-box {
    width: 100%;
    height: auto;
    padding: calc( 100% * ( 59 / 1080 )) 0 calc( 100% * ( 36 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .korabo-hokuto-title-box {
    float: left;
    width: calc( 100% * ( 384 / 750 ));
    height: 0;
    margin: calc( 100% * ( 66 / 750 )) 0 calc( 100% * ( 33 / 750 )) calc( 100% * ( 17 / 750 ));
  }
}

.korabo-hokuto-title-box p {
  position: relative;
  color: #fff;
}

@media screen and (min-width: 737px) {
  .korabo-hokuto-title-box p {
    width: calc( 100% * ( 355 / 1080));
    font-size: 16px;
    line-height: 30px;
    margin-top: calc( 100% * ( -6 / 1080));
    float: left;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .korabo-hokuto-title-box p {
    font-size: calc( 100vw * ( 16 / 1080));
    line-height: calc( 100vw * ( 30 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .korabo-hokuto-title-box p {
    width: 1500px;
    margin: calc( 100% * ( 19 / 384)) 0 0;
    font-size: calc( 100vw * ( 3 * 19 / 750));
    line-height: calc( 29 / 19);
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

.korabo-hokuto-title {
  position: relative;
  left: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .korabo-hokuto-title {
    background-image: url("../images/korabo-hokuto-title-pc.png");
    width: calc( 100% * ( 377 / 1080 ));
    height: 0;
    padding-bottom: calc( 100% * ( 71 / 1080 ));
    margin: 0 auto calc( 100% * ( 36 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .korabo-hokuto-title {
    width: 100%;
    height: 0;
    padding-bottom: calc( 100% * ( 71 / 384 ));
    background-image: url("../images/korabo-hokuto-title-sp.png");
  }
}

.download-box {
  font-size: 0;
  text-align: center;
}

@media screen and (min-width: 737px) {
  .download-box {
    position: absolute;
    width: calc( 100% * ( 3 * ( 194 + 8 ) / 1080 ));
    right: calc( 100% * ( -4 / 1080));
    margin-bottom: calc( 100% * ( 36 / 1080));
    left: auto;
    top: auto;
    bottom: 0;
  }
}

@media screen and (max-width: 736px) {
  .download-box {
    margin: 0 0 calc( 100% * ( 42 / 750 ));
    float: left;
  }
}

.download-box a {
  position: relative;
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .download-box a {
    width: calc( 100% * ( 194 / 606 ));
    height: 0;
    padding-bottom: calc( 100% * ( 59 / 606 ));
    margin: 0 calc( 100% * ( 4 / 606 ));
  }
}

@media screen and (max-width: 736px) {
  .download-box a {
    width: calc( 100% * ( 194 / 750 ));
    height: 0;
    padding-bottom: calc( 100% * ( 59 / 750 ));
    margin: 0 calc( 100% * ( 8 / 750 ));
  }
}

@media screen and (min-width: 737px) {
  .logo-apple-store {
    background-image: url("../images/logo-apple-store-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .logo-apple-store {
    background-image: url("../images/logo-apple-store-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .logo-google-play {
    background-image: url("../images/logo-google-play-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .logo-google-play {
    background-image: url("../images/logo-google-play-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .logo-dmm {
    background-image: url("../images/logo-dmm-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .logo-dmm {
    background-image: url("../images/logo-dmm-sp.png");
  }
}

.sns-box {
  font-size: 0;
  text-align: center;
  z-index: 1;
}

@media screen and (min-width: 737px) {
  .sns-box {
    position: absolute;
    width: calc( 100% * ( 213 / 1080 ));
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    margin: 0 calc( 100% * ( -4.5 / 1080 )) calc( 100% * ( 56 / 1080 )) 0;
  }
}

@media screen and (max-width: 736px) {
  .sns-box {
    margin: 0 0 calc( 100% * ( 39 / 750 ));
  }
}

.sns-box a {
  position: relative;
  display: inline-block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .sns-box a {
    width: calc( 100% * ( 62 / 213 ));
    height: 0;
    padding-bottom: calc( 100% * ( 62 / 213 ));
    margin: 0 calc( 100% * ( 4.5 / 213 ));
  }
}

@media screen and (max-width: 736px) {
  .sns-box a {
    width: calc( 100% * ( 66 / 750 ));
    height: 0;
    padding-bottom: calc( 100% * ( 65 / 750 ));
    margin: 0 calc( 100% * ( 4.5 / 750 ));
  }
}

@media screen and (min-width: 737px) {
  .sns-facebook {
    background-image: url("../images/sns-facebook-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .sns-facebook {
    background-image: url("../images/sns-facebook-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .sns-twitter {
    background-image: url("../images/sns-twitter-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .sns-twitter {
    background-image: url("../images/sns-twitter-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .sns-line {
    background-image: url("../images/sns-line-sp.png");
  }
}

@media screen and (max-width: 736px) {
  .sns-line {
    background-image: url("../images/sns-line-sp.png");
  }
}

.f-official-site-btn {
  position: relative;
  cursor: pointer;
  left: 0;
  top: 0;
  display: block;
}

@media screen and (min-width: 737px) {
  .f-official-site-btn {
    width: calc( 100% * ( 422 / 1080 ));
    padding-bottom: calc( 100% * ( 101 / 1080 ));
    margin: 0 auto calc( 100% * ( 63 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .f-official-site-btn {
    width: calc( 100% * ( 422 / 750 ));
    padding-bottom: calc( 100% * ( 101 / 750 ));
    margin: 0 auto calc( 100% * ( 39 / 750 ));
  }
}

.f-official-site-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .f-official-site-btn:before {
    background-image: url("../images/f-official-site-btn-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .f-official-site-btn:before {
    background-image: url("../images/f-official-site-btn-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .footer-bottom {
    padding-bottom: calc( 100% * ( 31 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .footer-bottom {
    border-top: 1px solid #fff;
    height: 0;
    padding-bottom: calc( 100% * ( ( 36 + 76 ) / 750 ));
    margin: 0 0 calc( 100% * ( 23 / 750 ));
  }
}

.footer-bottom ul {
  position: absolute;
}

@media screen and (min-width: 737px) {
  .footer-bottom ul {
    width: calc( 100% * ( 2 * 734 / 1080 ));
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@media screen and (max-width: 736px) {
  .footer-bottom ul {
    width: calc( 100% * ( 3 * 2 * 213 / 750 ));
    margin: calc( 100% * ( 36 / 750 )) 0 0 calc( 100% * ( 76 / 750 ));
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

.footer-bottom ul li {
  position: relative;
}

@media screen and (min-width: 737px) {
  .footer-bottom ul li {
    display: inline-block;
    width: auto;
    margin-right: calc( 100vw * ( 16 / ( 2 * 737 ) ));
  }
}

@media screen and (max-width: 736px) {
  .footer-bottom ul li {
    float: left;
    width: 50%;
  }
}

.footer-bottom ul li a {
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 737px) {
  .footer-bottom ul li a {
    font-size: 30px;
    line-height: 62px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .footer-bottom ul li a {
    font-size: calc( 100vw * ( 2 * 15 / 1080 ));
    line-height: calc( 31 / 15);
  }
}

@media screen and (max-width: 736px) {
  .footer-bottom ul li a {
    font-size: calc( 100vw * ( 3 * 18 / 750 ));
    line-height: calc( 25 / 18);
  }
}

.icon-gumi {
  position: absolute;
  left: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .icon-gumi {
    background-image: url("../images/icon-gumi-sp.png");
    width: calc( 100% * ( 120 / 1080 ));
    height: 0;
    padding-bottom: calc( 100% * ( 29 / 1080 ));
    margin: calc( 100% * ( 22 / 1080 )) 0 0 calc( 100% * ( 736 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .icon-gumi {
    width: calc( 100% * ( 150 / 750 ));
    height: 0;
    padding-bottom: calc( 100% * ( 37 / 750 ));
    background-image: url("../images/icon-gumi-sp.png");
    margin: calc( 100% * ( 79 / 750 )) 0 0 calc( 100% * ( 525 / 750 ));
  }
}

.footer-copyright {
  position: relative;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .footer-copyright {
    height: 0;
    padding-bottom: calc( 100% * ( 71 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .footer-copyright {
    height: 0;
    padding-bottom: calc( 100% * ( 83 / 750 ));
  }
}

.footer-copyright-in {
  position: absolute;
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 737px) {
  .footer-copyright-in {
    width: 1370px;
    text-align: left;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size: 24px;
    line-height: calc( 21 / 12);
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .footer-copyright-in {
    width: calc( 100% * ( 2 * 685 / 1080 ));
    font-size: calc( 100vw * ( 2 * 12 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .footer-copyright-in {
    text-align: center;
    width: 1500px;
    left: 50%;
    margin-left: -750px;
    font-size: calc( 100vw * ( 3 * 18 / 750 ));
    line-height: calc( 25 / 18);
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}

.modal-campaign {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 6;
}

[data-modal="campaign-01-rules"] .modal-campaign.modal-campaign-01.modal-campaign-01 {
  opacity: 1;
  pointer-events: initial;
}

[data-modal="campaign-03-rules"] .modal-campaign.modal-campaign-03 {
  opacity: 1;
  pointer-events: initial;
}

.campaign-rule-title {
  position: relative;
  left: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 737px) {
  .campaign-rule-title {
    background-image: url("../images/campaign-rule-title-pc.png");
    width: calc( 100% * ( 282 / 955 ));
    height: 0;
    padding-bottom: calc( 100% * ( 89 / 955 ));
    margin: calc( 100% * ( 55 / 955 )) auto calc( 100% * ( 25 / 955 ));
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .campaign-rule-title {
    margin: calc( 100% * ( 45 / 955 )) auto calc( 100% * ( 20 / 955 ));
  }
}

@media screen and (max-width: 736px) {
  .campaign-rule-title {
    width: calc( 100% * ( 261 / 676 ));
    height: 0;
    padding-bottom: calc( 100% * ( 82 / 676 ));
    background-image: url("../images/campaign-rule-title-sp.png");
    margin: calc( 100% * ( 50 / 676 )) auto calc( 100% * ( 26 / 676 ));
  }
}

.modal-campaign-content {
  position: relative;
  left: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: auto;
}

@media screen and (max-width: 736px) {
  .modal-campaign-content {
    margin: calc( 100% * ( 115 / 750 )) auto;
    min-width: 290px;
  }
}

@media screen and (min-width: 737px) {
  .modal-campaign-content.modal-campaign-content-01 {
    background-image: url("../images/modal-campaign-01-bg-pc.png");
    width: 955px;
    margin: 159px auto;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .modal-campaign-content.modal-campaign-content-01 {
    width: calc( 100% * ( 955 / 1080 ));
    margin: calc( 100% * ( 159 / 1080 )) auto;
  }
}

@media screen and (max-width: 736px) {
  .modal-campaign-content.modal-campaign-content-01 {
    width: calc( 100% * ( 676 / 750 ));
    background-image: url("../images/modal-campaign-01-bg-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .modal-campaign-content.modal-campaign-content-03 {
    background-image: url("../images/modal-campaign-01-bg-pc.png");
    width: 955px;
    margin: 159px auto;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .modal-campaign-content.modal-campaign-content-03 {
    width: calc( 100% * ( 955 / 1080 ));
    margin: calc( 100% * ( 159 / 1080 )) auto;
  }
}

@media screen and (max-width: 736px) {
  .modal-campaign-content.modal-campaign-content-03 {
    width: calc( 100% * ( 676 / 750 ));
    background-image: url("../images/modal-campaign-01-bg-sp.png");
  }
}

.campaign-ul {
  position: relative;
  color: #251709;
}

@media screen and (min-width: 737px) {
  .campaign-ul * {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .campaign-ul * {
    font-size: calc( 100vw * ( 21.5 / 1080 )) !important;
  }
}

@media screen and (max-width: 736px) {
  .campaign-ul * {
    font-size: calc( 100vw * ( 16.5 / 750 )) !important;
    line-height: calc( 26 / 16.5);
  }
}

@media screen and (min-width: 737px) {
  .campaign-ul {
    line-height: calc( 38 / 27);
    width: calc( 100% * ( 838 / 955 ));
    margin-left: calc( 100% * ( 53 / 955 ));
    font-size: 22px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .campaign-ul {
    font-size: calc( 100vw * ( 21.5 / 1080 ));
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 736px) {
  .campaign-ul {
    font-size: calc( 100vw * ( 16.5 / 750 ));
    width: calc( 100% * ( 570 / 676 ));
    margin-left: calc( 100% * ( 53 / 676 ));
    padding-bottom: calc( 100vw * ( 80 / 750 ));
  }
}

@media screen and (min-width: 737px) {
  .campaign-ul > li {
    margin-bottom: calc( 100% * ( 10 / 955 ));
  }
}

@media screen and (max-width: 736px) {
  .campaign-ul > li {
    margin-bottom: calc( 100% * ( 15 / 570 ));
  }
}

.campaign-rule-sub-title {
  font-weight: bold;
}

@media screen and (min-width: 737px) {
  .campaign-rule-sub-title {
    font-size: 27px;
    line-height: calc( 39 / 27);
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .campaign-rule-sub-title {
    font-size: calc( 100vw * ( 26 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .campaign-rule-sub-title {
    font-size: calc( 100vw * ( 4 * 25 / 750 ));
    line-height: calc( 35 / 25);
  }
}

.modal-campaign-close {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .modal-campaign-close {
    background-image: url("../images/modal-campaign-close-pc.png");
    width: calc( 100% * ( 111 / 955 ));
    height: 0;
    padding-bottom: calc( 100% * ( 105 / 955 ));
    margin: calc( 100% * ( -121 / 955 )) calc( 100% * ( -15 / 955 )) 0 0;
  }
}

@media screen and (max-width: 736px) {
  .modal-campaign-close {
    width: calc( 100% * ( 93 / 676 ));
    height: 0;
    padding-bottom: calc( 100% * ( 89 / 676 ));
    background-image: url("../images/modal-campaign-close-sp.png");
    margin: calc( 100% * ( -89 / 676 )) calc( 100% * ( -21 / 676 )) 0 0;
  }
}

.go-top {
  position: fixed;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1 !important;
  z-index: 1;
}

.go-top .go-top-in {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../images/go-top.png");
  pointer-events: none;
}

.go-top .go-top-in.aos-animate {
  pointer-events: initial;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .go-top {
    width: 50px;
    height: 50px;
    bottom: 165px;
    right: calc( 0.5 * ( 100% - 1080px ));
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .go-top {
    width: calc( 100vw * ( 50 / 1080 ));
    height: calc( 100vw * ( 50 / 1080 ));
    right: 0;
    bottom: calc( 100vw * ( 165 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .go-top {
    width: calc( 100vw * ( 50 / 750 ));
    height: calc( 100vw * ( 50 / 750 ));
    right: calc( 100vw * ( 76 / 750 ));
    bottom: calc( 100vw * ( 50 / 750 ));
  }
  .go-top.aos-animate {
    position: relative;
    margin-top: calc( 100vw * ( -1 * ( 50 + 218) / 750 ));
    margin-left: calc( 100% * ( 700 / 750 ));
  }
}

#video-modal {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

[data-modal="video"] #video-modal {
  pointer-events: initial;
  opacity: 1;
}

#video-modal-box {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 1280 / 864) {
  #video-modal-box {
    width: calc( 0.6 * 100vh * ( 1280 / 720 ));
    height: 60vh;
  }
}

@media (max-aspect-ratio: 1280 / 864) {
  #video-modal-box {
    width: 80vw;
    height: calc( 0.8 * 100vw * ( 720 / 1280 ));
  }
}

#video-modal-box iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  outline: none;
}

#video-modal-box-in {
  overflow: hidden;
  background-color: #000;
}

.close-modal {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .close-modal {
    background-image: url("../images/modal-campaign-close-pc.png");
    width: 111px;
    height: 0;
    padding-bottom: 105px;
    margin: -121px -15px 0 0;
  }
}

@media screen and (min-width: 737px) and (max-width: 1080px) {
  .close-modal {
    width: calc( 100% * ( 111 / 955 ));
    height: 0;
    padding-bottom: calc( 100% * ( 105 / 955 ));
    margin: calc( 100% * ( -121 / 955 )) calc( 100% * ( -15 / 955 )) 0 0;
  }
}

@media screen and (max-width: 736px) {
  .close-modal {
    width: calc( 100% * ( 93 / 676 ));
    height: 0;
    padding-bottom: calc( 100% * ( 89 / 676 ));
    background-image: url("../images/modal-campaign-close-sp.png");
    margin: calc( 100% * ( -89 / 676 )) calc( 100% * ( -21 / 676 )) 0 0;
  }
}