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

.text-hide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: left;
  overflow: hidden;
  pointer-events: none;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.b-bg {
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

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

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

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

section {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

body {
  overflow-x: hidden;
}

#bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

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

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

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: 1250px;
}

.ch {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% 100%;
  opacity: 0;
}

.aos-animate .ch {
  opacity: 1 !important;
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}

.ch.ch-0 {
  -webkit-transition: opacity 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
  transition: opacity 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
  transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
  transition: opacity 0.6s 0.3s, transform 0.6s 0.3s, -webkit-transform 0.6s 0.3s;
}

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

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

.ch.ch-1 {
  -webkit-transition: opacity 0.6s 0.5s, -webkit-transform 0.6s 0.5s;
  transition: opacity 0.6s 0.5s, -webkit-transform 0.6s 0.5s;
  transition: opacity 0.6s 0.5s, transform 0.6s 0.5s;
  transition: opacity 0.6s 0.5s, transform 0.6s 0.5s, -webkit-transform 0.6s 0.5s;
}

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

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

.ch.ch-2 {
  -webkit-transition: opacity 0.6s 0.7s, -webkit-transform 0.6s 0.7s;
  transition: opacity 0.6s 0.7s, -webkit-transform 0.6s 0.7s;
  transition: opacity 0.6s 0.7s, transform 0.6s 0.7s;
  transition: opacity 0.6s 0.7s, transform 0.6s 0.7s, -webkit-transform 0.6s 0.7s;
}

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

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

.ch.ch-3 {
  -webkit-transition: opacity 0.6s 0.9s, -webkit-transform 0.6s 0.9s;
  transition: opacity 0.6s 0.9s, -webkit-transform 0.6s 0.9s;
  transition: opacity 0.6s 0.9s, transform 0.6s 0.9s;
  transition: opacity 0.6s 0.9s, transform 0.6s 0.9s, -webkit-transform 0.6s 0.9s;
}

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

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

.ch.ch-4 {
  -webkit-transition: opacity 0.6s 1.1s, -webkit-transform 0.6s 1.1s;
  transition: opacity 0.6s 1.1s, -webkit-transform 0.6s 1.1s;
  transition: opacity 0.6s 1.1s, transform 0.6s 1.1s;
  transition: opacity 0.6s 1.1s, transform 0.6s 1.1s, -webkit-transform 0.6s 1.1s;
}

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

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

.ch.ch-0 {
  -webkit-transform: translate(-50px, 50px);
  transform: translate(-50px, 50px);
  z-index: 4;
}

@media screen and (min-width: 737px) {
  .ch.ch-0 {
    width: calc( 100% * ( 505 / 1250));
    padding-bottom: calc( 100% * ( 882 / 1250));
    margin: calc( 100% * ( 38 / 1250)) 0 0 calc( 100% * ( 226 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .ch.ch-0 {
    width: calc( 100% * ( 395 / 750));
    padding-bottom: calc( 100% * ( 786 / 750));
    margin: calc( 100% * ( 194 / 750)) 0 0 calc( 100% * ( 77 / 750));
  }
}

.ch.ch-1 {
  -webkit-transform: translate(50px, 50px);
  transform: translate(50px, 50px);
  z-index: 3;
}

@media screen and (min-width: 737px) {
  .ch.ch-1 {
    width: calc( 100% * ( 1106 / 1250));
    padding-bottom: calc( 100% * ( 904 / 1250));
    margin: calc( 100% * ( 14 / 1250)) 0 0 calc( 100% * ( 196 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .ch.ch-1 {
    width: calc( 100% * ( 698 / 750));
    padding-bottom: calc( 100% * ( 833 / 750));
    margin: calc( 100% * ( 148 / 750)) 0 0 calc( 100% * ( 52 / 750));
  }
}

.ch.ch-2 {
  -webkit-transform: translate(-50px, 50px);
  transform: translate(-50px, 50px);
  z-index: 2;
}

@media screen and (min-width: 737px) {
  .ch.ch-2 {
    width: calc( 100% * ( 519 / 1250));
    padding-bottom: calc( 100% * ( 883 / 1250));
    margin: calc( 100% * ( 37 / 1250)) 0 0 calc( 100% * ( 74 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .ch.ch-2 {
    width: calc( 100% * ( 352 / 750));
    padding-bottom: calc( 100% * ( 799 / 750));
    margin: calc( 100% * ( 115 / 750)) 0 0 calc( 100% * ( 70 / 750));
  }
}

.ch.ch-3 {
  -webkit-transform: translate(50px, 50px);
  transform: translate(50px, 50px);
  z-index: 1;
}

@media screen and (min-width: 737px) {
  .ch.ch-3 {
    width: calc( 100% * ( 928 / 1250));
    padding-bottom: calc( 100% * ( 920 / 1250));
    margin: 0 0 0 calc( 100% * ( 610 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .ch.ch-3 {
    right: 0;
    left: auto;
    width: calc( 100% * ( 508 / 750));
    padding-bottom: calc( 100% * ( 838 / 750));
    margin: calc( 100% * ( 30 / 750)) 0 0 0;
  }
}

.ch.ch-4 {
  -webkit-transform: translate(-50px, 50px);
  transform: translate(-50px, 50px);
  z-index: 0;
}

@media screen and (min-width: 737px) {
  .ch.ch-4 {
    width: calc( 100% * ( 488 / 1250));
    padding-bottom: calc( 100% * ( 882 / 1250));
    margin: calc( 100% * ( 38 / 1250)) 0 0 calc( 100% * ( -120 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .ch.ch-4 {
    width: calc( 100% * ( 296 / 750));
    padding-bottom: calc( 100% * ( 777 / 750));
    margin: calc( 100% * ( 28 / 750)) 0 0 0;
  }
}

.kv-gra {
  position: absolute;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s 0.2s;
  transition: opacity 0.5s 0.2s;
  bottom: -1px;
  z-index: 5;
}

.aos-animate .kv-gra {
  opacity: 1;
}

@media screen and (min-width: 1251px) {
  .kv-gra {
    padding-bottom: 0 !important;
    width: 100vw !important;
    height: 399px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 737px) {
  .kv-gra {
    width: 100%;
    padding-bottom: calc( 100% * ( 399 / 1250));
    top: auto;
    background-image: url("../images/0315/kv-gra-pc.png");
    background-size: auto 100%;
  }
}

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

.kv-icon-kuriyuni {
  position: absolute;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.8s 0.8s,-webkit-transform 0.8s 0.8s;
  transition: opacity 0.8s 0.8s,-webkit-transform 0.8s 0.8s;
  transition: opacity 0.8s 0.8s,transform 0.8s 0.8s;
  transition: opacity 0.8s 0.8s,transform 0.8s 0.8s,-webkit-transform 0.8s 0.8s;
  background-image: url("../images/0315/kv-icon-kuriyuni.png");
  z-index: 5;
}

.aos-animate .kv-icon-kuriyuni {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (min-width: 737px) {
  .kv-icon-kuriyuni {
    width: calc( 100% * ( 80 / 1250));
    padding-bottom: calc( 100% * ( 80 / 1250));
    margin: calc( 100% * ( 789 / 1250)) 0 0 calc( 100% * ( 380 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .kv-icon-kuriyuni {
    width: calc( 100% * ( 80 / 750));
    padding-bottom: calc( 100% * ( 80 / 750));
    margin: calc( 100% * ( 832 / 750)) 0 0 calc( 100% * ( 99 / 750));
  }
}

.install-kuriyuni-btn {
  position: absolute;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.8s 0.9s,-webkit-transform 0.8s 0.9s;
  transition: opacity 0.8s 0.9s,-webkit-transform 0.8s 0.9s;
  transition: opacity 0.8s 0.9s,transform 0.8s 0.9s;
  transition: opacity 0.8s 0.9s,transform 0.8s 0.9s,-webkit-transform 0.8s 0.9s;
  cursor: pointer;
  z-index: 5;
}

.aos-animate .install-kuriyuni-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (min-width: 737px) {
  .install-kuriyuni-btn {
    width: calc( 100% * ( 462 / 1250));
    padding-bottom: calc( 100% * ( 89 / 1250));
    margin: calc( 100% * ( 786 / 1250)) 0 0 calc( 100% * ( 475 / 1250));
    background-image: url("../images/0315/install-kuriyuni-btn-pc.png");
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .install-kuriyuni-btn:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 736px) {
  .install-kuriyuni-btn {
    width: calc( 100% * ( 462 / 750));
    padding-bottom: calc( 100% * ( 89 / 750));
    margin: calc( 100% * ( 828 / 750)) 0 0 calc( 100% * ( 194 / 750));
    background-image: url("../images/0315/install-kuriyuni-btn-sp.png");
  }
}

.kv-logo {
  position: absolute;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.5s 0.2s,-webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s,-webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s,transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s,transform 0.5s 0.2s,-webkit-transform 0.5s 0.2s;
  z-index: 5;
}

.aos-animate .kv-logo {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (min-width: 737px) {
  .kv-logo {
    width: calc( 100% * ( 1024 / 1250));
    padding-bottom: calc( 100% * ( 276 / 1250));
    margin: calc( 100% * ( 322 / 1250)) auto 0;
    background-image: url("../images/0315/kv-logo-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .kv-logo {
    width: calc( 100% * ( 701 / 750));
    padding-bottom: calc( 100% * ( 187 / 750));
    margin: calc( 100% * ( 436 / 750)) auto 0;
    background-image: url("../images/0315/kv-logo-sp.png");
  }
}

.kv-time {
  position: absolute;
  background-size: 100% 100%;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.8s 0.7s,-webkit-transform 0.8s 0.7s;
  transition: opacity 0.8s 0.7s,-webkit-transform 0.8s 0.7s;
  transition: opacity 0.8s 0.7s,transform 0.8s 0.7s;
  transition: opacity 0.8s 0.7s,transform 0.8s 0.7s,-webkit-transform 0.8s 0.7s;
  z-index: 5;
}

.aos-animate .kv-time {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (min-width: 737px) {
  .kv-time {
    width: calc( 100% * ( 961 / 1250));
    padding-bottom: calc( 100% * ( 148 / 1250));
    margin: calc( 100% * ( 610 / 1250)) auto 0;
    background-image: url("../images/0315/kv-time-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .kv-time {
    width: calc( 100% * ( 692 / 750));
    padding-bottom: calc( 100% * ( 170 / 750));
    margin: calc( 100% * ( 639 / 750)) auto 0;
    background-image: url("../images/0315/kv-time-sp.png");
  }
}

#sec-kv {
  opacity: 0;
}

@media screen and (min-width: 737px) and (max-width: 1250px) {
  #sec-kv {
    overflow: hidden;
  }
}

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

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

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

@media screen and (max-width: 736px) {
  #sec-kv .center-content {
    padding-bottom: calc( 100% * ( 980 / 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/0315/menu-bg-pc.png");
  }
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 736px) {
  #menu .center-content {
    padding-bottom: calc( 100% * ( 143 / 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 {
    padding-bottom: calc( 100% * ( 124 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li {
    padding-bottom: calc( 100% * ( 143 / 750));
  }
}

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(1) {
    width: calc( 100% * ( 189 / 1250));
    margin-right: calc( 100% * ( 162 / 1250));
    margin-left: calc( 100% * ( 40 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(1) {
    width: calc( 100% * ( 230 / 750));
  }
}

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

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

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

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

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(2) {
    width: calc( 100% * ( 211 / 1250));
    margin-right: calc( 100% * ( 103 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(2) {
    width: calc( 100% * ( 221 / 750));
  }
}

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

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

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

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

@media screen and (min-width: 737px) {
  .menu-ul li:nth-child(3) {
    width: calc( 100% * ( 303 / 1250));
  }
}

@media screen and (max-width: 736px) {
  .menu-ul li:nth-child(3) {
    width: calc( 100% * ( 239 / 750));
  }
}

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

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

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

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

.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% 100%;
  -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 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

footer {
  background: #000;
  overflow: hidden;
}

.korabo-drstone-icon {
  position: relative;
  left: 0;
  top: 0;
  background-position: 0 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  float: left;
  background-image: url("../images/korabo-drstone-icon.png");
}

@media screen and (min-width: 737px) {
  .korabo-drstone-icon {
    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-drstone-icon {
    width: calc( 100% * ( 201 / 750 ));
    height: 0;
    padding-bottom: calc( 100% * ( 201 / 750 ));
    margin: calc( 100% * ( 66 / 750 )) 0 calc( 100% * ( 33 / 750 )) calc( 100% * ( 76 / 750 ));
  }
}

.korabo-drstone-title-box {
  position: relative;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  .korabo-drstone-title-box {
    width: 100%;
    height: auto;
    padding: calc( 100% * ( 59 / 1080 )) 0 calc( 100% * ( 36 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .korabo-drstone-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-drstone-title-box p {
  position: relative;
  color: #fff;
}

@media screen and (min-width: 737px) {
  .korabo-drstone-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: 1250px) {
  .korabo-drstone-title-box p {
    font-size: calc( 100vw * ( 16 / 1080));
    line-height: calc( 100vw * ( 30 / 1080));
  }
}

@media screen and (max-width: 736px) {
  .korabo-drstone-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-app-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-app-title {
    background-image: url("../images/korabo-app-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-app-title {
    width: 100%;
    height: 0;
    padding-bottom: calc( 100% * ( 71 / 384 ));
    background-image: url("../images/korabo-app-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: 1250px) {
  .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: 1250px) {
  .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-02-rules"] .modal-campaign.modal-campaign-02 {
  opacity: 1;
  pointer-events: initial;
}

.go-top {
  position: fixed;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 1 !important;
  z-index: 5;
}

.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: 1250px) {
  .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.5);
}

[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: 1250px) {
  .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;
  }
}

#sec-0 {
  position: relative;
  left: 0;
  top: 0;
  padding: 1px 0;
}

.sec-0-h2-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-0-h2-title {
    background-image: url("../images/0315/sec-0-h2-title-pc.png");
    width: calc( 100% * ( 681 / 1250 ));
    padding-bottom: calc( 100% * ( 121 / 1250 ));
    margin: calc( 100% * ( 90 / 1250 )) auto 0;
  }
}

@media screen and (max-width: 736px) {
  .sec-0-h2-title {
    width: calc( 100% * ( 681 / 750 ));
    padding-bottom: calc( 100% * ( 121 / 750 ));
    background-image: url("../images/0315/sec-0-h2-title-sp.png");
    margin: calc( 100% * ( 100 / 750 )) auto 0;
  }
}

.sec-0-tab-box {
  position: relative;
  left: 0;
  top: 0;
  height: auto;
  background-size: 100% 100%;
  text-align: center;
  letter-spacing: -4px;
  font-size: 0;
}

@media screen and (min-width: 737px) {
  .sec-0-tab-box {
    width: 100%;
    margin: calc( 100% * ( 58 / 1250 )) 0 calc( 100% * ( 20 / 1250 )) 0;
  }
}

@media screen and (max-width: 736px) {
  .sec-0-tab-box {
    width: 100%;
    margin: calc( 100% * ( 61 / 750 )) 0 calc( 100% * ( 38 / 750 )) 0;
  }
}

.sec-0-tab-box.aos-animate li {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.sec-0-tab-box[data-tab="0"] li:nth-child(1):after {
  opacity: 1;
}

.sec-0-tab-box li:nth-child(1) {
  -webkit-transition: opacity 0.5s 0s, -webkit-transform 0.5s 0s;
  transition: opacity 0.5s 0s, -webkit-transform 0.5s 0s;
  transition: transform 0.5s 0s, opacity 0.5s 0s;
  transition: transform 0.5s 0s, opacity 0.5s 0s, -webkit-transform 0.5s 0s;
}

.sec-0-tab-box[data-tab="1"] li:nth-child(2):after {
  opacity: 1;
}

.sec-0-tab-box li:nth-child(2) {
  -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s, opacity 0.5s 0.1s;
  transition: transform 0.5s 0.1s, opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
}

.sec-0-tab-box[data-tab="2"] li:nth-child(3):after {
  opacity: 1;
}

.sec-0-tab-box li:nth-child(3) {
  -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  transition: transform 0.5s 0.2s, opacity 0.5s 0.2s;
  transition: transform 0.5s 0.2s, opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
}

.sec-0-tab-box[data-tab="3"] li:nth-child(4):after {
  opacity: 1;
}

.sec-0-tab-box li:nth-child(4) {
  -webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  transition: transform 0.5s 0.3s, opacity 0.5s 0.3s;
  transition: transform 0.5s 0.3s, opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
}

.sec-0-tab-box li {
  position: relative;
  text-align: left;
  cursor: pointer;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

@media screen and (min-width: 737px) {
  .sec-0-tab-box li {
    width: calc( 100% * ( 255 / 1250 ));
    padding-bottom: calc( 100% * ( 83 / 1250 ));
    margin-right: calc( 100% * ( 20 / 1250 ));
  }
  .sec-0-tab-box li:last-child {
    margin-right: 0;
  }
  .sec-0-tab-box li:hover:after {
    opacity: 1;
  }
  .sec-0-tab-box li:nth-child(1):before {
    background-image: url("../images/0315/sec-0-tab-0-off-pc.png");
  }
  .sec-0-tab-box li:nth-child(1):after {
    background-image: url("../images/0315/sec-0-tab-0-on-pc.png");
  }
  .sec-0-tab-box li:nth-child(2):before {
    background-image: url("../images/0315/sec-0-tab-1-off-pc.png");
  }
  .sec-0-tab-box li:nth-child(2):after {
    background-image: url("../images/0315/sec-0-tab-1-on-pc.png");
  }
  .sec-0-tab-box li:nth-child(3):before {
    background-image: url("../images/0315/sec-0-tab-2-off-pc.png");
  }
  .sec-0-tab-box li:nth-child(3):after {
    background-image: url("../images/0315/sec-0-tab-2-on-pc.png");
  }
  .sec-0-tab-box li:nth-child(4):before {
    background-image: url("../images/0315/sec-0-tab-3-off-pc.png");
  }
  .sec-0-tab-box li:nth-child(4):after {
    background-image: url("../images/0315/sec-0-tab-3-on-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .sec-0-tab-box li {
    width: calc( 100% * ( 322 / 750 ));
    padding-bottom: calc( 100% * ( 104 / 750 ));
  }
  .sec-0-tab-box li:nth-child(2n + 1) {
    margin-right: calc( 100% * ( 24 / 750 ));
  }
  .sec-0-tab-box li:nth-child(1), .sec-0-tab-box li:nth-child(2) {
    margin-bottom: calc( 100% * ( 22 / 750 ));
  }
}

.sec-0-tab-box li:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background-size: 100% 100%;
}

.sec-0-tab-box li:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  opacity: 0;
  background-size: 100% 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.sec-0-tab-box li:nth-child(1):before {
  background-image: url("../images/0315/sec-0-tab-0-off-sp.png");
}

.sec-0-tab-box li:nth-child(1):after {
  background-image: url("../images/0315/sec-0-tab-0-on-sp.png");
}

.sec-0-tab-box li:nth-child(2):before {
  background-image: url("../images/0315/sec-0-tab-1-off-sp.png");
}

.sec-0-tab-box li:nth-child(2):after {
  background-image: url("../images/0315/sec-0-tab-1-on-sp.png");
}

.sec-0-tab-box li:nth-child(3):before {
  background-image: url("../images/0315/sec-0-tab-2-off-sp.png");
}

.sec-0-tab-box li:nth-child(3):after {
  background-image: url("../images/0315/sec-0-tab-2-on-sp.png");
}

.sec-0-tab-box li:nth-child(4):before {
  background-image: url("../images/0315/sec-0-tab-3-off-sp.png");
}

.sec-0-tab-box li:nth-child(4):after {
  background-image: url("../images/0315/sec-0-tab-3-on-sp.png");
}

.sec-0-tab-box[data-tab="0"] ~ .sec-0-tab-content-box li:nth-child(1) {
  opacity: 1;
}

.sec-0-tab-box[data-tab="1"] ~ .sec-0-tab-content-box li:nth-child(2) {
  opacity: 1;
}

.sec-0-tab-box[data-tab="2"] ~ .sec-0-tab-content-box li:nth-child(3) {
  opacity: 1;
}

.sec-0-tab-box[data-tab="3"] ~ .sec-0-tab-content-box li:nth-child(4) {
  opacity: 1;
}

.sec-0-tab-content-box {
  position: relative;
  left: 0;
  top: 0;
  height: auto;
}

@media screen and (min-width: 737px) {
  .sec-0-tab-content-box {
    width: calc( 100% * ( 1080 / 1250 ));
    padding-bottom: calc( 100% * ( 1273 / 1250 ));
    margin: 0 auto calc( 100% * ( 250 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-0-tab-content-box {
    width: calc( 100% * ( 670 / 750 ));
    padding-bottom: calc( 100% * ( 1490 / 750 ));
    margin: 0 auto calc( 100% * ( 235 / 750 ));
  }
}

@media screen and (min-width: 737px) {
  .sec-0-tab-content-box li:nth-child(1) {
    background-image: url("../images/0315/sec-0-tab-content-0-pc.png?v20120312");
  }
}

@media screen and (max-width: 736px) {
  .sec-0-tab-content-box li:nth-child(1) {
    background-image: url("../images/0315/sec-0-tab-content-0-sp.png?v20120312");
  }
}

@media screen and (min-width: 737px) {
  .sec-0-tab-content-box li:nth-child(2) {
    background-image: url("../images/0315/sec-0-tab-content-1-pc.png?v20120312");
  }
}

@media screen and (max-width: 736px) {
  .sec-0-tab-content-box li:nth-child(2) {
    background-image: url("../images/0315/sec-0-tab-content-1-sp.png?v20120312");
  }
}

@media screen and (min-width: 737px) {
  .sec-0-tab-content-box li:nth-child(3) {
    background-image: url("../images/0315/sec-0-tab-content-2-pc.png?v20120312");
  }
}

@media screen and (max-width: 736px) {
  .sec-0-tab-content-box li:nth-child(3) {
    background-image: url("../images/0315/sec-0-tab-content-2-sp.png?v20120312");
  }
}

@media screen and (min-width: 737px) {
  .sec-0-tab-content-box li:nth-child(4) {
    background-image: url("../images/0315/sec-0-tab-content-3-pc.png?v20120312");
  }
}

@media screen and (max-width: 736px) {
  .sec-0-tab-content-box li:nth-child(4) {
    background-image: url("../images/0315/sec-0-tab-content-3-sp.png?v20120312");
  }
}

.sec-0-tab-content-box li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background-size: 100% 100%;
}

#sec-1 {
  position: relative;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  #sec-1 {
    padding: calc( 100% * ( 46 / 1250 )) 0 1px;
  }
}

@media screen and (max-width: 736px) {
  #sec-1 {
    padding: calc( 100% * ( 50 / 750 )) 0 1px;
  }
}

#sec-1:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}

@media screen and (min-width: 737px) {
  #sec-1:before {
    background-size: 100% 100%;
    width: 100vw;
    min-width: 1920px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("../images/0315/sec-1-bg-top-pc.png");
    padding-bottom: calc( 100% * ( 768 / 1250 ));
    margin: calc( 100% * ( -229 / 1080 )) 0 0;
  }
}

@media screen and (max-width: 736px) {
  #sec-1:before {
    background-size: 100% 100%;
    width: 100%;
    background-image: url("../images/0315/sec-1-bg-top-sp.png");
    padding-bottom: calc( 100% * ( 1152 / 750 ));
    margin: calc( 100% * ( -156 / 750 )) 0 0;
  }
}

#sec-1:after {
  position: absolute;
  width: 100%;
  display: block;
  content: "";
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}

@media screen and (min-width: 737px) {
  #sec-1:after {
    background-size: 100% 100%;
    width: 100vw;
    min-width: 1920px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("../images/0315/sec-1-bg-down-pc.png");
    padding-bottom: calc( 100% * ( 930 / 1250 ));
    margin: 0 0 calc( 100% * ( -198 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  #sec-1:after {
    background-size: 100% 100%;
    background-image: url("../images/0315/sec-1-bg-down-sp.png");
    padding-bottom: calc( 100% * ( 1152 / 750 ));
    margin: 0 0 calc( 100% * ( -39 / 750 ));
  }
}

@media screen and (max-width: 736px) {
  .bg-repeat {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: calc( 100% - 80vw);
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("../images/0315/sec-1-bg-repeat-sp.png");
    background-position: 0 0;
    background-size: 100vw auto;
    background-repeat: repeat-y;
    z-index: 0;
  }
}

@media screen and (min-width: 737px) {
  .bg-repeat {
    pointer-events: none;
    position: absolute;
    width: 100vw;
    height: calc( 100% - 300px);
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("../images/0315/sec-1-bg-repeat-pc.png");
    background-position: 50% 0;
    background-size: 100vw auto;
    background-repeat: repeat-y;
    z-index: 0;
  }
}

.sec-1-h2-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  z-index: 2;
}

@media screen and (min-width: 737px) {
  .sec-1-h2-title {
    background-image: url("../images/0315/sec-1-h2-title-pc.png");
    width: calc( 100% * ( 505 / 1250 ));
    padding-bottom: calc( 100% * ( 120 / 1250 ));
    margin: 0 auto calc( 100% * ( 51 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-h2-title {
    background-image: url("../images/0315/sec-1-h2-title-sp.png");
    width: calc( 100% * ( 505 / 750 ));
    padding-bottom: calc( 100% * ( 120 / 750 ));
    margin: 0 auto calc( 100% * ( 65 / 750 ));
  }
}

.sec-1-campaign-0 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: cover;
  overflow: hidden;
  z-index: 2;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0 {
    background-image: url("../images/0315/sec-1-campaign-0-bg-pc.png");
    width: calc( 100% * ( 1080 / 1250 ));
    padding-bottom: calc( 100% * ( 3000 / 1250 ));
    margin: 0 auto calc( 100% * ( 83 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0 {
    background-image: url("../images/0315/sec-1-campaign-0-bg-sp.png");
    width: calc( 100% * ( 670 / 750 ));
    padding-bottom: calc( 100% * ( 4300 / 750 ));
    margin: 0 auto calc( 100% * ( 99 / 750 ));
  }
}

.sec-1-campaign-0-h2-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-h2-title {
    background-image: url("../images/0315/sec-1-campaign-0-h2-title-pc.png");
    width: calc( 100% * ( 477 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 196 / 1080 ));
    margin: calc( 100% * ( 58 / 1080 )) auto calc( 100% * ( 32 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-h2-title {
    background-image: url("../images/0315/sec-1-campaign-0-h2-title-sp.png");
    width: calc( 100% * ( 541 / 670 ));
    padding-bottom: calc( 100% * ( 223 / 670 ));
    margin: calc( 100% * ( 33 / 670 )) auto calc( 100% * ( 33 / 670 ));
  }
}

.sec-1-campaign-0-time {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-time {
    background-image: url("../images/0315/sec-1-campaign-0-time-pc.png");
    width: calc( 100% * ( 840 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 122 / 1080 ));
    margin: 0 auto calc( 100% * ( 30 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-time {
    background-image: url("../images/0315/sec-1-campaign-0-time-sp.png");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 110 / 670 ));
    margin: 0 auto calc( 100% * ( 35 / 670 ));
  }
}

.sec-1-campaign-0-text {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-text {
    background-image: url("../images/0315/sec-1-campaign-0-text-pc.png");
    width: calc( 100% * ( 603 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 75 / 1080 ));
    margin: 0 auto calc( 100% * ( 35 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-text {
    background-image: url("../images/0315/sec-1-campaign-0-text-sp.png");
    width: calc( 100% * ( 463 / 670 ));
    padding-bottom: calc( 100% * ( 143 / 670 ));
    margin: 0 auto calc( 100% * ( 55 / 670 ));
  }
}

.sec-1-campaign-0-t-btn {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  display: block;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-t-btn {
    background-image: url("../images/0315/sec-1-campaign-0-t-btn-pc.png");
    width: calc( 100% * ( 350 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 80 / 1080 ));
    margin: 0 auto calc( 100% * ( 15 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-t-btn {
    background-image: url("../images/0315/sec-1-campaign-0-t-btn-sp.png");
    width: calc( 100% * ( 500 / 670 ));
    padding-bottom: calc( 100% * ( 110 / 670 ));
    margin: 0 auto calc( 100% * ( 25 / 670 ));
  }
}

.sec-1-campaign-0-text_ {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  width: 100%;
  height: auto;
  line-height: 2;
  color: #bc220d;
  text-align: center;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-text_ {
    margin: 0 auto calc( 100% * ( 35 / 1080 ));
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-text_ {
    margin: 0 auto calc( 100% * ( 55 / 670 ));
    font-size: 12px;
  }
}

.sec-1-campaign-0-btn {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  cursor: pointer;
  display: block;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-btn {
    background-image: url("../images/0315/sec-1-campaign-0-btn-pc.png");
    width: calc( 100% * ( 350 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 70 / 1080 ));
    margin: 0 auto calc( 100% * ( 58 / 1080 ));
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .sec-1-campaign-0-btn:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-btn {
    background-image: url("../images/0315/sec-1-campaign-0-btn-sp.png");
    width: calc( 100% * ( 500 / 670 ));
    padding-bottom: calc( 100% * ( 100 / 670 ));
    margin: 0 auto calc( 100% * ( 60 / 670 ));
  }
}

.sec-1-campaign-0-h3-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  display: block;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-h3-title {
    background-image: url("../images/0315/sec-1-campaign-0-h3-title-pc.png");
    width: calc( 100% * ( 736 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 96 / 1080 ));
    margin: 0 auto calc( 100% * ( 38 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-h3-title {
    background-image: url("../images/0315/sec-1-campaign-0-h3-title-sp.png");
    width: calc( 100% * ( 589 / 670 ));
    padding-bottom: calc( 100% * ( 114 / 670 ));
    margin: 0 auto calc( 100% * ( 36 / 670 ));
  }
}

.sec-1-campaign-0-slider-box {
  position: relative;
  left: 0;
  top: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider-box {
    width: calc( 100% * ( ( 528 + 60) / 1080 ));
    /**/
    margin: 0 auto 0;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider-box {
    width: calc( 100% * ( ( 590 + 30) / 670 ));
    margin: 0 auto 0;
  }
}

.sec-1-campaign-0-slider {
  position: relative;
  left: 0;
  top: 0;
}

.sec-1-campaign-0-slider:before {
  position: relative;
  display: block;
  content: "";
  width: auto;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider:before {
    padding: 0 0 calc( 100% * ( 471 / ( 528 + 60 ) ));
    /**/
    margin: 0 calc( 100% * ( 30 / 528 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider:before {
    padding: 0 0 calc( 100% * ( 557 / ( 590 + 30 ) ));
    margin: 0 calc( 100% * ( 15 / 370 ));
  }
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-0:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-0-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-0:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-0-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-1:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-1-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-1:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-1-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-2:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-2-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-2:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-2-sp.png");
  }
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-3:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-3-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider.sec-1-campaign-0-slider-3:before {
    background-image: url("../images/0315/sec-1-campaign-0-slider-3-sp.png");
  }
}

.sec-1-campaign-0-slider-arrow-box {
  position: relative;
  height: 0;
  width: 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider-arrow-box {
    margin: calc( 100% * ( 0.5 * -471 / 1080 )) 0 calc( 100% * ( 0.5 * 471 / 1080 )) 0;
    /**/
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider-arrow-box {
    margin: calc( 100% * ( 0.5 * -557 / 670 )) 0 calc( 100% * ( 0.5 * 557 / 670 )) 0;
  }
}

.sec-1-campaign-0-slider-arrow-box .arrow-prev {
  position: absolute;
  left: 50%;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider-arrow-box .arrow-prev {
    background-image: url("../images/0315/arrow-prev-pc.png");
    width: calc( 100% * ( 62 / 1080 ));
    padding-bottom: calc( 100% * ( 59 / 1080 ));
    margin: calc( 100% * ( -0.5 * 59 / 1080 )) 0 0 calc( 100% * ( -323 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider-arrow-box .arrow-prev {
    background-image: url("../images/0315/arrow-prev-sp.png");
    width: calc( 100% * ( 82 / 670 ));
    padding-bottom: calc( 100% * ( 78 / 670 ));
    margin: calc( 100% * ( -0.5 * 78 / 670 )) 0 0 calc( 100% * ( -295 / 670 ));
  }
}

.sec-1-campaign-0-slider-arrow-box .arrow-next {
  position: absolute;
  right: 50%;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider-arrow-box .arrow-next {
    background-image: url("../images/0315/arrow-next-pc.png");
    width: calc( 100% * ( 62 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 59 / 1080 ));
    margin: calc( 100% * ( -0.5 * 59 / 1080 )) calc( 100% * ( -323 / 1080 )) 0 0;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider-arrow-box .arrow-next {
    background-image: url("../images/0315/arrow-next-sp.png");
    width: calc( 100% * ( 82 / 670 ));
    padding-bottom: calc( 100% * ( 78 / 670 ));
    margin: calc( 100% * ( -0.5 * 78 / 670 )) calc( 100% * ( -295 / 670 )) 0 0;
  }
}

.sec-1-campaign-0-slider-nav {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider-nav {
    padding: calc( 100% * ( 29 / 1080 )) 0 calc( 100% * ( 189 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider-nav {
    padding: calc( 100% * ( 30 / 670 )) 0 calc( 100% * ( 225 / 670 ));
  }
}

.sec-1-campaign-0-slider-nav li {
  position: relative;
  display: inline-block;
  background-size: 100% 100%;
  height: 0;
  overflow: hidden;
  background-image: url("../images/0315/dot.png");
}

.sec-1-campaign-0-slider-nav li.slick-active {
  background-image: url("../images/0315/dot-active.png");
}

.sec-1-campaign-0-slider-nav li button {
  opacity: 0;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-slider-nav li {
    width: calc( 100% * ( 16 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 14 / 1080 ));
    margin: 0 calc( 100% * ( 7 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-slider-nav li {
    width: calc( 100% * ( 24 / 1080 ));
    padding-bottom: calc( 100% * ( 22 / 1080 ));
    margin: 0 calc( 100% * ( 12 / 1080 ));
  }
}

.sec-1-campaign-0-sarani-img {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-sarani-img {
    background-image: url("../images/0315/sec-1-campaign-0-sarani-img-pc.png");
    width: calc( 100% * ( 650 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 366 / 1080 ));
    margin: 0 auto calc( 100% * ( 19 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-sarani-img {
    background-image: url("../images/0315/sec-1-campaign-0-sarani-img-sp.png");
    width: calc( 100% * ( 552 / 670 ));
    padding-bottom: calc( 100% * ( 312 / 670 ));
    margin: 0 auto calc( 100% * ( 30 / 670 ));
  }
}

.sec-1-campaign-0-sarani-img.aos-animate .sec-1-campaign-0-sarani,
.sec-1-campaign-0-sarani-img.aos-animate .sec-1-campaign-0-reado {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sec-1-campaign-0-sarani {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.3s 0.2s, -webkit-transform 0.3s 0.2s cubic-bezier(0.58, 0.29, 0.45, 1.24);
  transition: opacity 0.3s 0.2s, -webkit-transform 0.3s 0.2s cubic-bezier(0.58, 0.29, 0.45, 1.24);
  transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.58, 0.29, 0.45, 1.24);
  transition: opacity 0.3s 0.2s, transform 0.3s 0.2s cubic-bezier(0.58, 0.29, 0.45, 1.24), -webkit-transform 0.3s 0.2s cubic-bezier(0.58, 0.29, 0.45, 1.24);
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-sarani {
    background-image: url("../images/0315/sec-1-campaign-0-sarani-pc.png");
    width: calc( 100% * ( 160 / 650 ));
    padding-bottom: calc( 100% * ( 67 / 650 ));
    margin: calc( 100% * ( -141 / 650 )) 0 0 calc( 100% * ( 26 / 650 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-sarani {
    background-image: url("../images/0315/sec-1-campaign-0-sarani-sp.png");
    width: calc( 100% * ( 197 / 552 ));
    padding-bottom: calc( 100% * ( 80 / 552 ));
    margin: calc( 100% * ( -180 / 552 )) 0 0 calc( 100% * ( -18 / 552 ));
  }
}

.sec-1-campaign-0-reado {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s cubic-bezier(0.58, 0.29, 0.45, 1.24);
  transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s cubic-bezier(0.58, 0.29, 0.45, 1.24);
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.58, 0.29, 0.45, 1.24);
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s cubic-bezier(0.58, 0.29, 0.45, 1.24), -webkit-transform 0.3s 0.3s cubic-bezier(0.58, 0.29, 0.45, 1.24);
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-reado {
    background-image: url("../images/0315/sec-1-campaign-0-reado-pc.png");
    width: calc( 100% * ( 398 / 650 ));
    padding-bottom: calc( 100% * ( 102 / 650 ));
    margin: calc( 100% * ( -111 / 650 )) 0 0 calc( 100% * ( 133 / 650 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-reado {
    background-image: url("../images/0315/sec-1-campaign-0-reado-sp.png");
    width: calc( 100% * ( 496 / 552 ));
    padding-bottom: calc( 100% * ( 126 / 552 ));
    margin: calc( 100% * ( -147 / 552 )) 0 0 calc( 100% * ( 52 / 552 ));
  }
}

.sec-1-campaign-0-sarani-text {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-sarani-text {
    background-image: url("../images/0315/sec-1-campaign-0-sarani-text-pc.png?v20210308");
    width: calc( 100% * ( 619 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 27 / 1080 ));
    margin: 0 auto calc( 100% * ( 60 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-sarani-text {
    background-image: url("../images/0315/sec-1-campaign-0-sarani-text-sp.png?v20210308");
    width: calc( 100% * ( 553 / 670 ));
    padding-bottom: calc( 100% * ( 86 / 670 ));
    margin: 0 auto calc( 100% * ( 57 / 670 ));
  }
}

.sec-1-campaign-0-prize-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-prize-title {
    background-image: url("../images/0315/sec-1-campaign-0-prize-title-pc.png");
    width: calc( 100% * ( 736 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 96 / 1080 ));
    margin: 0 auto calc( 100% * ( 43 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-prize-title {
    background-image: url("../images/0315/sec-1-campaign-0-prize-title-sp.png");
    width: calc( 100% * ( 589 / 670 ));
    padding-bottom: calc( 100% * ( 114 / 670 ));
    margin: 0 auto calc( 100% * ( 43 / 670 ));
  }
}

.sec-1-campaign-0-prize-box {
  overflow: hidden;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-prize-box {
    margin-bottom: calc( 100% * ( 40 / 1080 ));
  }
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-prize-box > div {
    float: left;
    width: calc( 100% * ( 479 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 506 / 1080 ));
  }
}

.sec-1-campaign-0-prize-0 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-prize-0 {
    background-image: url("../images/0315/sec-1-campaign-0-prize-0-pc.png");
    margin: 0 calc( 100% * ( 33 / 1080 )) 0 calc( 100% * ( 28 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-prize-0 {
    background-image: url("../images/0315/sec-1-campaign-0-prize-0-sp.png");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 556 / 670 ));
    margin: 0 auto calc( 100% * ( 31 / 670 ));
  }
}

.sec-1-campaign-0-prize-1 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-prize-1 {
    background-image: url("../images/0315/sec-1-campaign-0-prize-1-pc.png");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-prize-1 {
    background-image: url("../images/0315/sec-1-campaign-0-prize-1-sp.png");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 708 / 670 ));
    margin: 0 auto calc( 100% * ( 40 / 670 ));
  }
}

.sec-1-campaign-0-btn-rules {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  display: block;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-0-btn-rules {
    background-image: url("../images/0315/btn-rules-pc.png");
    width: calc( 100% * ( 350 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 70 / 1080 ));
    margin: 0 auto;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .sec-1-campaign-0-btn-rules:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-0-btn-rules {
    background-image: url("../images/0315/btn-rules-sp.png");
    width: calc( 100% * ( 500 / 670 ));
    padding-bottom: calc( 100% * ( 100 / 670 ));
    margin: 0 auto;
  }
}

.sec-1-campaign-1 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 2;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1 {
    background-image: url("../images/0315/sec-1-campaign-1-bg-pc.png");
    width: calc( 100% * ( 1080 / 1250 ));
    /**/
    padding-bottom: calc( 100% * ( 2712 / 1250 ));
    margin: 0 auto calc( 100% * ( 200 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1 {
    background-image: url("../images/0315/sec-1-campaign-1-bg-sp.png");
    width: calc( 100% * ( 670 / 750 ));
    padding-bottom: calc( 100% * ( 4893 / 750 ));
    margin: 0 auto calc( 100% * ( 275 / 750 ));
  }
}

.sec-1-campaign-1-h2-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-h2-title {
    background-image: url("../images/0315/sec-1-campaign-1-h2-title-pc.png");
    width: calc( 100% * ( 507 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 203 / 1080 ));
    margin: calc( 100% * ( 32 / 1080 )) auto 0;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-h2-title {
    background-image: url("../images/0315/sec-1-campaign-1-h2-title-sp.png");
    width: calc( 100% * ( 591 / 670 ));
    padding-bottom: calc( 100% * ( 236 / 670 ));
    margin: calc( 100% * ( 33 / 670 )) auto calc( 100% * ( 7 / 670 ));
  }
}

.sec-1-campaign-1-time {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-time {
    background-image: url("../images/0315/sec-1-campaign-1-time-pc.png");
    width: calc( 100% * ( 911 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 295 / 1080 ));
    margin: calc( 100% * ( -78 / 1080 )) 0 calc( 100% * ( 41 / 1080 )) calc( 100% * ( 50 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-time {
    background-image: url("../images/0315/sec-1-campaign-1-time-sp.png");
    width: calc( 100% * ( 614 / 670 ));
    padding-bottom: calc( 100% * ( 284 / 670 ));
    margin: 0 0 calc( 100% * ( 29 / 670 )) calc( 100% * ( 15 / 670 ));
  }
}

.sec-1-campaign-1-text-0 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-text-0 {
    background-image: url("../images/0315/sec-1-campaign-1-text-0-pc.png");
    width: calc( 100% * ( 610 / 1080 ));
    padding-bottom: calc( 100% * ( 110 / 1080 ));
    margin: 0 auto calc( 100% * ( 34 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-text-0 {
    background-image: url("../images/0315/sec-1-campaign-1-text-0-sp.png");
    width: calc( 100% * ( 558 / 670 ));
    padding-bottom: calc( 100% * ( 299 / 670 ));
    margin: 0 auto calc( 100% * ( 39 / 670 ));
  }
}

.sec-1-campaign-1-text-0 a {
  position: absolute;
  display: block;
  top: 0;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-text-0 a {
    right: 0;
    width: calc( 100% * ( 183 / 610 ));
    padding-bottom: calc( 100% * ( 45 / 610 ));
    margin: calc( 100% * ( 48 / 610 )) 0 0 0;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-text-0 a {
    left: 0;
    right: 0;
    width: calc( 100% * ( 340 / 558 ));
    padding-bottom: calc( 100% * ( 78 / 558 ));
    margin: calc( 100% * ( 201 / 558 )) auto 0;
  }
}

.sec-1-campaign-1-text-1 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-text-1 {
    background-image: url("../images/0315/sec-1-campaign-1-text-1-pc.png");
    width: calc( 100% * ( 643 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 85 / 1080 ));
    margin: 0 auto calc( 100% * ( 29 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-text-1 {
    background-image: url("../images/0315/sec-1-campaign-1-text-1-sp.png");
    width: calc( 100% * ( 467 / 670 ));
    padding-bottom: calc( 100% * ( 160 / 670 ));
    margin: 0 auto calc( 100% * ( 39 / 670 ));
  }
}

.sec-1-campaign-1-text-2 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-text-2 {
    background-image: url("../images/0315/sec-1-campaign-1-text-2-pc.png?v20120312");
    width: calc( 100% * ( 766 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 100 / 1080 ));
    margin: 0 0 calc( 100% * ( 39 / 1080 )) calc( 100% * ( 120 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-text-2 {
    background-image: url("../images/0315/sec-1-campaign-1-text-2-sp.png?v20120312");
    width: calc( 100% * ( 605 / 670 ));
    padding-bottom: calc( 100% * ( 228 / 670 ));
    margin: 0 0 calc( 100% * ( 50 / 670 )) calc( 100% * ( 26 / 670 ));
  }
}

.sec-1-campaign-1-twitter-time {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-twitter-time {
    background-image: url("../images/0315/sec-1-campaign-1-twitter-time-pc.png?v20210312");
    width: calc( 100% * ( 725 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 210 / 1080 ));
    margin: 0 auto calc( 100% * ( 47 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-twitter-time {
    background-image: url("../images/0315/sec-1-campaign-1-twitter-time-sp.png?v20210312");
    width: calc( 100% * ( 614 / 670 ));
    padding-bottom: calc( 100% * ( 284 / 670 ));
    margin: 0 auto calc( 100% * ( 61 / 670 ));
  }
}

.sec-1-campaign-1-prize-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-title {
    background-image: url("../images/0315/sec-1-campaign-1-prize-title-pc.png");
    width: calc( 100% * ( 311 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 89 / 1080 ));
    margin: 0 auto calc( 100% * ( 19 / 1080 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-prize-title {
    background-image: url("../images/0315/sec-1-campaign-1-prize-title-sp.png");
    width: calc( 100% * ( 336 / 670 ));
    padding-bottom: calc( 100% * ( 105 / 670 ));
    margin: 0 auto calc( 100% * ( 21 / 670 ));
  }
}

.sec-1-campaign-1-prize-box {
  overflow: hidden;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-box {
    margin-bottom: calc( 100% * ( 36 / 1080 ));
  }
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-box > div {
    float: left;
    width: calc( 100% * ( 470 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 402 / 1080 ));
    margin-bottom: calc( 100% * ( 26 / 1080 ));
  }
  .sec-1-campaign-1-prize-box > div:nth-child(2n + 1) {
    margin-right: calc( 100% * ( 38 / 1080 ));
    margin-left: calc( 100% * ( 50 / 1080 ));
  }
  .sec-1-campaign-1-prize-box > div:last-child {
    margin-bottom: 0;
  }
}

.sec-1-campaign-1-prize-0 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-0 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-0-pc.png?v20210312");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-prize-0 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-0-sp.png?v20210312");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 516 / 670 ));
    margin: 0 auto calc( 100% * ( 40 / 670 ));
  }
}

.sec-1-campaign-1-prize-1 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-1 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-1-pc.png?v20210312");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-prize-1 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-1-sp.png?v20210312");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 516 / 670 ));
    margin: 0 auto calc( 100% * ( 40 / 670 ));
  }
}

.sec-1-campaign-1-prize-2 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-2 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-2-pc.png?v20210312");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-prize-2 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-2-sp.png?v20210312");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 516 / 670 ));
    margin: 0 auto calc( 100% * ( 40 / 670 ));
  }
}

.sec-1-campaign-1-prize-3 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-3 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-3-pc.png?v20210312");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-prize-3 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-3-sp.png?v20210312");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 516 / 670 ));
    margin: 0 auto calc( 100% * ( 40 / 670 ));
  }
}

.sec-1-campaign-1-prize-4 {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-prize-4 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-4-pc.png?v20210312");
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-prize-4 {
    background-image: url("../images/0315/sec-1-campaign-1-prize-4-sp.png?v20210312");
    width: calc( 100% * ( 590 / 670 ));
    padding-bottom: calc( 100% * ( 516 / 670 ));
    margin: 0 auto calc( 100% * ( 40 / 670 ));
  }
}

.sec-1-campaign-1-btn-rules {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  display: block;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .sec-1-campaign-1-btn-rules {
    background-image: url("../images/0315/btn-rules-pc.png");
    width: calc( 100% * ( 350 / 1080 ));
    /**/
    padding-bottom: calc( 100% * ( 70 / 1080 ));
    margin: 0 auto;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .sec-1-campaign-1-btn-rules:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 736px) {
  .sec-1-campaign-1-btn-rules {
    background-image: url("../images/0315/btn-rules-sp.png");
    width: calc( 100% * ( 500 / 670 ));
    padding-bottom: calc( 100% * ( 100 / 670 ));
    margin: 0 auto;
  }
}

#sec-2 {
  position: relative;
  left: 0;
  top: 0;
}

@media screen and (min-width: 737px) {
  #sec-2 {
    padding: calc( 100% * ( 62 / 1250 )) 0 1px;
  }
}

@media screen and (max-width: 736px) {
  #sec-2 {
    padding: calc( 100% * ( 59 / 750 )) 0 1px;
  }
}

.sec-2-h2-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-2-h2-title {
    background-image: url("../images/0315/sec-2-h2-title-pc.png");
    width: calc( 100% * ( 345 / 1250 ));
    /**/
    padding-bottom: calc( 100% * ( 123 / 1250 ));
    margin: 0 auto calc( 100% * ( 31 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-2-h2-title {
    background-image: url("../images/0315/sec-2-h2-title-sp.png");
    width: calc( 100% * ( 345 / 750 ));
    padding-bottom: calc( 100% * ( 123 / 750 ));
    margin: 0 auto calc( 100% * ( 39 / 750 ));
  }
}

.sec-2-info {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .sec-2-info {
    background-image: url("../images/0315/sec-2-info-pc.png");
    width: calc( 100% * ( 967 / 1250 ));
    /**/
    padding-bottom: calc( 100% * ( 188 / 1250 ));
    margin: 0 auto calc( 100% * ( 11 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-2-info {
    background-image: url("../images/0315/sec-2-info-sp.png");
    width: calc( 100% * ( 685 / 750 ));
    padding-bottom: calc( 100% * ( 503 / 750 ));
    margin: 0 auto calc( 100% * ( 26 / 750 ));
  }
}

.sec-2-story {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  overflow: hidden;
}

@media screen and (min-width: 737px) {
  .sec-2-story {
    background-image: url("../images/0315/sec-2-story-bg-pc.png");
    width: calc( 100% * ( 1101 / 1250 ));
    padding-bottom: calc( 100% * ( 810 / 1250 ));
    margin: 0 auto calc( 100% * ( 46 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-2-story {
    background-image: url("../images/0315/sec-2-story-bg-sp.png");
    width: calc( 100% * ( 689 / 750 ));
    padding-bottom: calc( 100% * ( 2095 / 750 ));
    margin: 0 auto calc( 100% * ( 36 / 750 ));
  }
}

.sec-2-story.aos-animate .sec-2-story-title,
.sec-2-story.aos-animate .sec-2-story-text,
.sec-2-story.aos-animate .sec-2-story-img {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.sec-2-story-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  transition: opacity 0.5s 0.1s, transform 0.5s 0.1s;
  transition: opacity 0.5s 0.1s, transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
}

@media screen and (min-width: 737px) {
  .sec-2-story-title {
    background-image: url("../images/0315/sec-2-story-title-pc.png");
    width: calc( 100% * ( 266 / 1101 ));
    /**/
    padding-bottom: calc( 100% * ( 103 / 1101 ));
    margin: calc( 100% * ( 55 / 1101 )) auto calc( 100% * ( 15 / 1101 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-2-story-title {
    background-image: url("../images/0315/sec-2-story-title-sp.png");
    width: calc( 100% * ( 316 / 689 ));
    padding-bottom: calc( 100% * ( 121 / 689 ));
    margin: calc( 100% * ( 83 / 689 )) auto calc( 100% * ( 15 / 689 ));
  }
}

.sec-2-story-text {
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
}

@media screen and (min-width: 737px) {
  .sec-2-story-text {
    position: absolute;
    background-image: url("../images/0315/sec-2-story-text-pc.png");
    width: calc( 100% * ( 593 / 1101 ));
    /**/
    padding-bottom: calc( 100% * ( 543 / 1101 ));
    margin: calc( 100% * ( 164 / 1101 )) 0 0 calc( 100% * ( 50 / 1101 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-2-story-text {
    position: relative;
    background-image: url("../images/0315/sec-2-story-text-sp.png");
    width: calc( 100% * ( 601 / 689 ));
    padding-bottom: calc( 100% * ( 876 / 689 ));
    margin: 0 auto calc( 100% * ( 30 / 689 ));
  }
}

.sec-2-story-img {
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
}

@media screen and (min-width: 737px) {
  .sec-2-story-img {
    position: absolute;
    background-image: url("../images/0315/sec-2-story-img-pc.png");
    width: calc( 100% * ( 367 / 1101 ));
    padding-bottom: calc( 100% * ( 518 / 1101 ));
    margin: calc( 100% * ( 184 / 1101 )) 0 0 calc( 100% * ( 650 / 1101 ));
  }
}

@media screen and (max-width: 736px) {
  .sec-2-story-img {
    position: relative;
    background-image: url("../images/0315/sec-2-story-img-sp.png");
    width: calc( 100% * ( 589 / 689 ));
    padding-bottom: calc( 100% * ( 832 / 689 ));
    margin: 0 auto;
  }
}

.drstone-offi-btn {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  display: block;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .drstone-offi-btn {
    background-image: url("../images/0315/drstone-offi-btn-pc.png");
    width: calc( 100% * ( 461 / 1250 ));
    padding-bottom: calc( 100% * ( 90 / 1250 ));
    margin: 0 auto calc( 100% * ( 139 / 1250 ));
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .drstone-offi-btn:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 736px) {
  .drstone-offi-btn {
    background-image: url("../images/0315/drstone-offi-btn-sp.png");
    width: calc( 100% * ( 654 / 750 ));
    padding-bottom: calc( 100% * ( 120 / 750 ));
    margin: 0 auto calc( 100% * ( 120 / 750 ));
  }
}

.campaign-rule-title {
  position: relative;
  left: 0;
  top: 0;
  height: 0;
  background-size: 100% 100%;
  display: block;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .campaign-rule-title {
    background-image: url("../images/0315/campaign-rule-title-pc.png");
    width: calc( 100% * ( 185 / 977 ));
    padding-bottom: calc( 100% * ( 47 / 977 ));
    margin: calc( 100% * ( 53 / 977 )) auto calc( 100% * ( 20 / 977 ));
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}

@media screen and (max-width: 736px) {
  .campaign-rule-title {
    background-image: url("../images/0315/campaign-rule-title-sp.png");
    width: calc( 100% * ( 220 / 670 ));
    padding-bottom: calc( 100% * ( 57 / 670 ));
    margin: calc( 100% * ( 65 / 670 )) auto calc( 100% * ( 26 / 670 ));
  }
}

.modal-campaign-content {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  background-size: 100% 100%;
}

@media screen and (min-width: 737px) {
  .modal-campaign-content {
    width: calc( 100% * ( 977 / 1250 ));
    margin-top: 138px;
    margin-bottom: 94px;
  }
  .modal-campaign-01 .modal-campaign-content {
    background-image: url("../images/0315/campaign-01-bg-pc.png");
  }
  .modal-campaign-02 .modal-campaign-content {
    background-image: url("../images/0315/campaign-02-bg-pc.png");
  }
}

@media screen and (min-width: 1250px) {
  .modal-campaign-content {
    max-width: 977px;
    width: calc( 100% * ( 977 / 1250 ));
  }
}

@media screen and (max-width: 736px) {
  .modal-campaign-content {
    width: calc( 100% * ( 670 / 750 ));
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .modal-campaign-01 .modal-campaign-content {
    background-image: url("../images/0315/campaign-02-bg-sp.png");
  }
  .modal-campaign-02 .modal-campaign-content {
    background-image: url("../images/0315/campaign-02-bg-sp.png");
  }
}

.campaign-rule-sub-title {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
  color: #4d4d4d;
}

@media screen and (min-width: 737px) {
  .campaign-rule-sub-title {
    font-size: calc( 100vw * ( 20 / 1250));
    line-height: 1.7;
  }
}

@media screen and (min-width: 1250px) {
  .campaign-rule-sub-title {
    font-size: 20px;
  }
}

@media screen and (max-width: 736px) {
  .campaign-rule-sub-title {
    font-size: calc( 100vw * ( 32 / 750));
    line-height: 1.65625;
  }
}

@media screen and (min-width: 737px) {
  .campaign-ul {
    padding-left: calc( 100% * ( 70 / 977));
    padding-right: calc( 100% * ( 70 / 977));
    padding-bottom: calc( 100% * ( 46 / 977));
  }
}

@media screen and (max-width: 736px) {
  .campaign-ul {
    padding-left: calc( 100% * ( 40 / 670));
    padding-right: calc( 100% * ( 40 / 670));
    padding-bottom: calc( 100% * ( 48 / 670));
  }
}

.campaign-ul li {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  font-family: 'Noto Sans JP', sans-serif;
  color: #4d4d4d;
}

.campaign-ul li .small {
  font-size: 80%;
}

.campaign-ul li .bold {
  font-weight: bold;
}

.campaign-ul li a {
  color: #f08600;
  text-decoration: underline;
}

@media screen and (min-width: 737px) {
  .campaign-ul li {
    font-size: calc( 100vw * ( 16 / 1250));
    line-height: 1.8125;
  }
}

@media screen and (min-width: 1250px) {
  .campaign-ul li {
    font-size: 16px;
  }
}

@media screen and (max-width: 736px) {
  .campaign-ul li {
    font-size: calc( 100vw * ( 26 / 750));
    line-height: 1.61538;
  }
}

.modal-campaign-close {
  position: absolute;
  right: 0;
  top: 0;
  background-size: 100% 100%;
  cursor: pointer;
}

@media screen and (min-width: 737px) {
  .modal-campaign-close {
    background-image: url("../images/0315/modal-campaign-close-pc.png");
    width: calc( 100% * ( 70 / 977));
    padding-bottom: calc( 100% * ( 70 / 977));
    margin-top: calc( 100% * ( -90 / 977));
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .modal-campaign-close:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 736px) {
  .modal-campaign-close {
    background-image: url("../images/0315/modal-campaign-close-sp.png");
    width: calc( 100% * ( 70 / 1250));
    padding-bottom: calc( 100% * ( 70 / 1250));
    margin-top: calc( 100% * ( -98 / 1250));
  }
}

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