@charset "UTF-8";
/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
@import 'https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese';
@import 'https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700&subset=japanese';
@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;0,700;1,300;1,900&display=swap';
@import 'https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800&display=swap';

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

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

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

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

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

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

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

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

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

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

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

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

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

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

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

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

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

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

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: 0.45s;
  transition-duration: 0.45s;
}

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

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

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

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: 0.55s;
  transition-duration: 0.55s;
}

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

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

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

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: 0.65s;
  transition-duration: 0.65s;
}

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

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

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

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
}

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

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

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

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: 0.85s;
  transition-duration: 0.85s;
}

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

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
}

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

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: 0.95s;
  transition-duration: 0.95s;
}

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

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

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

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
  transition-duration: 1.05s;
}

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

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
  transition-duration: 1.1s;
}

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

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
  transition-duration: 1.15s;
}

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

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
}

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

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
  transition-duration: 1.25s;
}

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

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
  transition-duration: 1.3s;
}

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

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
  transition-duration: 1.35s;
}

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

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
  transition-duration: 1.4s;
}

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

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
  transition-duration: 1.45s;
}

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

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

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

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
  transition-duration: 1.55s;
}

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

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

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

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
  transition-duration: 1.65s;
}

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

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
  transition-duration: 1.7s;
}

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

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
  transition-duration: 1.75s;
}

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

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
  transition-duration: 1.8s;
}

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

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
  transition-duration: 1.85s;
}

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

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
  transition-duration: 1.9s;
}

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

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
  transition-duration: 1.95s;
}

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

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
}

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

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
  transition-duration: 2.05s;
}

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

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
  transition-duration: 2.1s;
}

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

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
  transition-duration: 2.15s;
}

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

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
  transition-duration: 2.2s;
}

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

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
  transition-duration: 2.25s;
}

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

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
  transition-duration: 2.3s;
}

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

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
  transition-duration: 2.35s;
}

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

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
  transition-duration: 2.4s;
}

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

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
  transition-duration: 2.45s;
}

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

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
  transition-duration: 2.5s;
}

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

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
  transition-duration: 2.55s;
}

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

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
  transition-duration: 2.6s;
}

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

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
  transition-duration: 2.65s;
}

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

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
  transition-duration: 2.7s;
}

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

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
  transition-duration: 2.75s;
}

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

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
  transition-duration: 2.8s;
}

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

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
  transition-duration: 2.85s;
}

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

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
  transition-duration: 2.9s;
}

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

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
  transition-duration: 2.95s;
}

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

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
}

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

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  -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);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -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);
}

[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: translateZ(0);
  transform: translateZ(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);
}

[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: translateZ(0) scale(1);
  transform: translateZ(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);
}

[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: translateZ(0);
  transform: translateZ(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);
}

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

.ma {
  margin-right: auto;
  margin-left: auto;
}

.m0 {
  margin: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mtb0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mlr0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.plr0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.m1 {
  margin: 1px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.mtb1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mlr1 {
  margin-right: 1px !important;
  margin-left: 1px !important;
}

.p1 {
  padding: 1px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.ptb1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.plr1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

.m2 {
  margin: 2px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.mtb2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mlr2 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.p2 {
  padding: 2px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.ptb2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.plr2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.m3 {
  margin: 3px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.mtb3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mlr3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.p3 {
  padding: 3px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.ptb3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.plr3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.m4 {
  margin: 4px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.mtb4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mlr4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.p4 {
  padding: 4px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.ptb4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.plr4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.m5 {
  margin: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mtb5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mlr5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.ptb5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.plr5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.m6 {
  margin: 6px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.mtb6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.mlr6 {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.p6 {
  padding: 6px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.ptb6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.plr6 {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.m7 {
  margin: 7px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.mtb7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.mlr7 {
  margin-right: 7px !important;
  margin-left: 7px !important;
}

.p7 {
  padding: 7px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.ptb7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.plr7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.m8 {
  margin: 8px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.mtb8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mlr8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.p8 {
  padding: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.ptb8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.plr8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.m9 {
  margin: 9px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.mtb9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.mlr9 {
  margin-right: 9px !important;
  margin-left: 9px !important;
}

.p9 {
  padding: 9px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.ptb9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.plr9 {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mlr10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.ptb10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.plr10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.m11 {
  margin: 11px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.mtb11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.mlr11 {
  margin-right: 11px !important;
  margin-left: 11px !important;
}

.p11 {
  padding: 11px !important;
}

.pt11 {
  padding-top: 11px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.ptb11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.plr11 {
  padding-right: 11px !important;
  padding-left: 11px !important;
}

.m12 {
  margin: 12px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.mtb12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mlr12 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.p12 {
  padding: 12px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.ptb12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.plr12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.m13 {
  margin: 13px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.mtb13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.mlr13 {
  margin-right: 13px !important;
  margin-left: 13px !important;
}

.p13 {
  padding: 13px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.ptb13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.plr13 {
  padding-right: 13px !important;
  padding-left: 13px !important;
}

.m14 {
  margin: 14px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.mtb14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.mlr14 {
  margin-right: 14px !important;
  margin-left: 14px !important;
}

.p14 {
  padding: 14px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.ptb14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.plr14 {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

.m15 {
  margin: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mtb15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mlr15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.p15 {
  padding: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.ptb15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.plr15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.m16 {
  margin: 16px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.mtb16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mlr16 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.p16 {
  padding: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.ptb16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.plr16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.m17 {
  margin: 17px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px !important;
}

.mtb17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.mlr17 {
  margin-right: 17px !important;
  margin-left: 17px !important;
}

.p17 {
  padding: 17px !important;
}

.pt17 {
  padding-top: 17px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.ptb17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.plr17 {
  padding-right: 17px !important;
  padding-left: 17px !important;
}

.m18 {
  margin: 18px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.mtb18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.mlr18 {
  margin-right: 18px !important;
  margin-left: 18px !important;
}

.p18 {
  padding: 18px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.ptb18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.plr18 {
  padding-right: 18px !important;
  padding-left: 18px !important;
}

.m19 {
  margin: 19px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.mtb19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.mlr19 {
  margin-right: 19px !important;
  margin-left: 19px !important;
}

.p19 {
  padding: 19px !important;
}

.pt19 {
  padding-top: 19px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.ptb19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.plr19 {
  padding-right: 19px !important;
  padding-left: 19px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mlr20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.ptb20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.plr20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.m21 {
  margin: 21px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px !important;
}

.mtb21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.mlr21 {
  margin-right: 21px !important;
  margin-left: 21px !important;
}

.p21 {
  padding: 21px !important;
}

.pt21 {
  padding-top: 21px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.ptb21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.plr21 {
  padding-right: 21px !important;
  padding-left: 21px !important;
}

.m22 {
  margin: 22px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.mtb22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.mlr22 {
  margin-right: 22px !important;
  margin-left: 22px !important;
}

.p22 {
  padding: 22px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.ptb22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.plr22 {
  padding-right: 22px !important;
  padding-left: 22px !important;
}

.m23 {
  margin: 23px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px !important;
}

.mtb23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.mlr23 {
  margin-right: 23px !important;
  margin-left: 23px !important;
}

.p23 {
  padding: 23px !important;
}

.pt23 {
  padding-top: 23px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.ptb23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.plr23 {
  padding-right: 23px !important;
  padding-left: 23px !important;
}

.m24 {
  margin: 24px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.mtb24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mlr24 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.p24 {
  padding: 24px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.ptb24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.plr24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.m25 {
  margin: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mtb25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mlr25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.p25 {
  padding: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.ptb25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.plr25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.m26 {
  margin: 26px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.mtb26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.mlr26 {
  margin-right: 26px !important;
  margin-left: 26px !important;
}

.p26 {
  padding: 26px !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.ptb26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.plr26 {
  padding-right: 26px !important;
  padding-left: 26px !important;
}

.m27 {
  margin: 27px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.mtb27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.mlr27 {
  margin-right: 27px !important;
  margin-left: 27px !important;
}

.p27 {
  padding: 27px !important;
}

.pt27 {
  padding-top: 27px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.ptb27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.plr27 {
  padding-right: 27px !important;
  padding-left: 27px !important;
}

.m28 {
  margin: 28px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.mtb28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mlr28 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.p28 {
  padding: 28px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.ptb28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.plr28 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.m29 {
  margin: 29px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px !important;
}

.mtb29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.mlr29 {
  margin-right: 29px !important;
  margin-left: 29px !important;
}

.p29 {
  padding: 29px !important;
}

.pt29 {
  padding-top: 29px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.ptb29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.plr29 {
  padding-right: 29px !important;
  padding-left: 29px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mtb30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mlr30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.ptb30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.plr30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.m31 {
  margin: 31px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px !important;
}

.mtb31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.mlr31 {
  margin-right: 31px !important;
  margin-left: 31px !important;
}

.p31 {
  padding: 31px !important;
}

.pt31 {
  padding-top: 31px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.ptb31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.plr31 {
  padding-right: 31px !important;
  padding-left: 31px !important;
}

.m32 {
  margin: 32px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.mtb32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mlr32 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.p32 {
  padding: 32px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.ptb32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.plr32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.m33 {
  margin: 33px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px !important;
}

.mtb33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.mlr33 {
  margin-right: 33px !important;
  margin-left: 33px !important;
}

.p33 {
  padding: 33px !important;
}

.pt33 {
  padding-top: 33px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.ptb33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.plr33 {
  padding-right: 33px !important;
  padding-left: 33px !important;
}

.m34 {
  margin: 34px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.mtb34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.mlr34 {
  margin-right: 34px !important;
  margin-left: 34px !important;
}

.p34 {
  padding: 34px !important;
}

.pt34 {
  padding-top: 34px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.ptb34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.plr34 {
  padding-right: 34px !important;
  padding-left: 34px !important;
}

.m35 {
  margin: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mtb35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mlr35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.p35 {
  padding: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.ptb35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.plr35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.m36 {
  margin: 36px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.mtb36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mlr36 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.p36 {
  padding: 36px !important;
}

.pt36 {
  padding-top: 36px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.ptb36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.plr36 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.m37 {
  margin: 37px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.ml37 {
  margin-left: 37px !important;
}

.mtb37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.mlr37 {
  margin-right: 37px !important;
  margin-left: 37px !important;
}

.p37 {
  padding: 37px !important;
}

.pt37 {
  padding-top: 37px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pl37 {
  padding-left: 37px !important;
}

.ptb37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

.plr37 {
  padding-right: 37px !important;
  padding-left: 37px !important;
}

.m38 {
  margin: 38px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px !important;
}

.mtb38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.mlr38 {
  margin-right: 38px !important;
  margin-left: 38px !important;
}

.p38 {
  padding: 38px !important;
}

.pt38 {
  padding-top: 38px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.ptb38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.plr38 {
  padding-right: 38px !important;
  padding-left: 38px !important;
}

.m39 {
  margin: 39px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.ml39 {
  margin-left: 39px !important;
}

.mtb39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.mlr39 {
  margin-right: 39px !important;
  margin-left: 39px !important;
}

.p39 {
  padding: 39px !important;
}

.pt39 {
  padding-top: 39px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pl39 {
  padding-left: 39px !important;
}

.ptb39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

.plr39 {
  padding-right: 39px !important;
  padding-left: 39px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mtb40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mlr40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.ptb40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.plr40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.m41 {
  margin: 41px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.ml41 {
  margin-left: 41px !important;
}

.mtb41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.mlr41 {
  margin-right: 41px !important;
  margin-left: 41px !important;
}

.p41 {
  padding: 41px !important;
}

.pt41 {
  padding-top: 41px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pl41 {
  padding-left: 41px !important;
}

.ptb41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

.plr41 {
  padding-right: 41px !important;
  padding-left: 41px !important;
}

.m42 {
  margin: 42px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.ml42 {
  margin-left: 42px !important;
}

.mtb42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.mlr42 {
  margin-right: 42px !important;
  margin-left: 42px !important;
}

.p42 {
  padding: 42px !important;
}

.pt42 {
  padding-top: 42px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pl42 {
  padding-left: 42px !important;
}

.ptb42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.plr42 {
  padding-right: 42px !important;
  padding-left: 42px !important;
}

.m43 {
  margin: 43px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.ml43 {
  margin-left: 43px !important;
}

.mtb43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.mlr43 {
  margin-right: 43px !important;
  margin-left: 43px !important;
}

.p43 {
  padding: 43px !important;
}

.pt43 {
  padding-top: 43px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pl43 {
  padding-left: 43px !important;
}

.ptb43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

.plr43 {
  padding-right: 43px !important;
  padding-left: 43px !important;
}

.m44 {
  margin: 44px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.ml44 {
  margin-left: 44px !important;
}

.mtb44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.mlr44 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.p44 {
  padding: 44px !important;
}

.pt44 {
  padding-top: 44px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.ptb44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.plr44 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.m45 {
  margin: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mtb45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mlr45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.p45 {
  padding: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.ptb45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.plr45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.m46 {
  margin: 46px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.ml46 {
  margin-left: 46px !important;
}

.mtb46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.mlr46 {
  margin-right: 46px !important;
  margin-left: 46px !important;
}

.p46 {
  padding: 46px !important;
}

.pt46 {
  padding-top: 46px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pl46 {
  padding-left: 46px !important;
}

.ptb46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.plr46 {
  padding-right: 46px !important;
  padding-left: 46px !important;
}

.m47 {
  margin: 47px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.ml47 {
  margin-left: 47px !important;
}

.mtb47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.mlr47 {
  margin-right: 47px !important;
  margin-left: 47px !important;
}

.p47 {
  padding: 47px !important;
}

.pt47 {
  padding-top: 47px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pl47 {
  padding-left: 47px !important;
}

.ptb47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

.plr47 {
  padding-right: 47px !important;
  padding-left: 47px !important;
}

.m48 {
  margin: 48px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.mtb48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mlr48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.p48 {
  padding: 48px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.ptb48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.plr48 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.m49 {
  margin: 49px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.ml49 {
  margin-left: 49px !important;
}

.mtb49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.mlr49 {
  margin-right: 49px !important;
  margin-left: 49px !important;
}

.p49 {
  padding: 49px !important;
}

.pt49 {
  padding-top: 49px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pl49 {
  padding-left: 49px !important;
}

.ptb49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

.plr49 {
  padding-right: 49px !important;
  padding-left: 49px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mtb50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mlr50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.ptb50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.plr50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.m51 {
  margin: 51px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.ml51 {
  margin-left: 51px !important;
}

.mtb51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.mlr51 {
  margin-right: 51px !important;
  margin-left: 51px !important;
}

.p51 {
  padding: 51px !important;
}

.pt51 {
  padding-top: 51px !important;
}

.pr51 {
  padding-right: 51px !important;
}

.pb51 {
  padding-bottom: 51px !important;
}

.pl51 {
  padding-left: 51px !important;
}

.ptb51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

.plr51 {
  padding-right: 51px !important;
  padding-left: 51px !important;
}

.m52 {
  margin: 52px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.ml52 {
  margin-left: 52px !important;
}

.mtb52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.mlr52 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.p52 {
  padding: 52px !important;
}

.pt52 {
  padding-top: 52px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.ptb52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.plr52 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.m53 {
  margin: 53px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.ml53 {
  margin-left: 53px !important;
}

.mtb53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.mlr53 {
  margin-right: 53px !important;
  margin-left: 53px !important;
}

.p53 {
  padding: 53px !important;
}

.pt53 {
  padding-top: 53px !important;
}

.pr53 {
  padding-right: 53px !important;
}

.pb53 {
  padding-bottom: 53px !important;
}

.pl53 {
  padding-left: 53px !important;
}

.ptb53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

.plr53 {
  padding-right: 53px !important;
  padding-left: 53px !important;
}

.m54 {
  margin: 54px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.ml54 {
  margin-left: 54px !important;
}

.mtb54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.mlr54 {
  margin-right: 54px !important;
  margin-left: 54px !important;
}

.p54 {
  padding: 54px !important;
}

.pt54 {
  padding-top: 54px !important;
}

.pr54 {
  padding-right: 54px !important;
}

.pb54 {
  padding-bottom: 54px !important;
}

.pl54 {
  padding-left: 54px !important;
}

.ptb54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.plr54 {
  padding-right: 54px !important;
  padding-left: 54px !important;
}

.m55 {
  margin: 55px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mtb55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mlr55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.p55 {
  padding: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.ptb55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.plr55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.m56 {
  margin: 56px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.mtb56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.mlr56 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.p56 {
  padding: 56px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.ptb56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.plr56 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.m57 {
  margin: 57px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.ml57 {
  margin-left: 57px !important;
}

.mtb57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.mlr57 {
  margin-right: 57px !important;
  margin-left: 57px !important;
}

.p57 {
  padding: 57px !important;
}

.pt57 {
  padding-top: 57px !important;
}

.pr57 {
  padding-right: 57px !important;
}

.pb57 {
  padding-bottom: 57px !important;
}

.pl57 {
  padding-left: 57px !important;
}

.ptb57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

.plr57 {
  padding-right: 57px !important;
  padding-left: 57px !important;
}

.m58 {
  margin: 58px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.ml58 {
  margin-left: 58px !important;
}

.mtb58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.mlr58 {
  margin-right: 58px !important;
  margin-left: 58px !important;
}

.p58 {
  padding: 58px !important;
}

.pt58 {
  padding-top: 58px !important;
}

.pr58 {
  padding-right: 58px !important;
}

.pb58 {
  padding-bottom: 58px !important;
}

.pl58 {
  padding-left: 58px !important;
}

.ptb58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.plr58 {
  padding-right: 58px !important;
  padding-left: 58px !important;
}

.m59 {
  margin: 59px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.ml59 {
  margin-left: 59px !important;
}

.mtb59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.mlr59 {
  margin-right: 59px !important;
  margin-left: 59px !important;
}

.p59 {
  padding: 59px !important;
}

.pt59 {
  padding-top: 59px !important;
}

.pr59 {
  padding-right: 59px !important;
}

.pb59 {
  padding-bottom: 59px !important;
}

.pl59 {
  padding-left: 59px !important;
}

.ptb59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

.plr59 {
  padding-right: 59px !important;
  padding-left: 59px !important;
}

.m60 {
  margin: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mtb60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mlr60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.p60 {
  padding: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.ptb60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.plr60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.m61 {
  margin: 61px !important;
}

.mt61 {
  margin-top: 61px !important;
}

.mr61 {
  margin-right: 61px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.ml61 {
  margin-left: 61px !important;
}

.mtb61 {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}

.mlr61 {
  margin-right: 61px !important;
  margin-left: 61px !important;
}

.p61 {
  padding: 61px !important;
}

.pt61 {
  padding-top: 61px !important;
}

.pr61 {
  padding-right: 61px !important;
}

.pb61 {
  padding-bottom: 61px !important;
}

.pl61 {
  padding-left: 61px !important;
}

.ptb61 {
  padding-top: 61px !important;
  padding-bottom: 61px !important;
}

.plr61 {
  padding-right: 61px !important;
  padding-left: 61px !important;
}

.m62 {
  margin: 62px !important;
}

.mt62 {
  margin-top: 62px !important;
}

.mr62 {
  margin-right: 62px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.ml62 {
  margin-left: 62px !important;
}

.mtb62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.mlr62 {
  margin-right: 62px !important;
  margin-left: 62px !important;
}

.p62 {
  padding: 62px !important;
}

.pt62 {
  padding-top: 62px !important;
}

.pr62 {
  padding-right: 62px !important;
}

.pb62 {
  padding-bottom: 62px !important;
}

.pl62 {
  padding-left: 62px !important;
}

.ptb62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

.plr62 {
  padding-right: 62px !important;
  padding-left: 62px !important;
}

.m63 {
  margin: 63px !important;
}

.mt63 {
  margin-top: 63px !important;
}

.mr63 {
  margin-right: 63px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.ml63 {
  margin-left: 63px !important;
}

.mtb63 {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}

.mlr63 {
  margin-right: 63px !important;
  margin-left: 63px !important;
}

.p63 {
  padding: 63px !important;
}

.pt63 {
  padding-top: 63px !important;
}

.pr63 {
  padding-right: 63px !important;
}

.pb63 {
  padding-bottom: 63px !important;
}

.pl63 {
  padding-left: 63px !important;
}

.ptb63 {
  padding-top: 63px !important;
  padding-bottom: 63px !important;
}

.plr63 {
  padding-right: 63px !important;
  padding-left: 63px !important;
}

.m64 {
  margin: 64px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.mtb64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.mlr64 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.p64 {
  padding: 64px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.ptb64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.plr64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.m65 {
  margin: 65px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mtb65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.mlr65 {
  margin-right: 65px !important;
  margin-left: 65px !important;
}

.p65 {
  padding: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.ptb65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.plr65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}

.m66 {
  margin: 66px !important;
}

.mt66 {
  margin-top: 66px !important;
}

.mr66 {
  margin-right: 66px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.ml66 {
  margin-left: 66px !important;
}

.mtb66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.mlr66 {
  margin-right: 66px !important;
  margin-left: 66px !important;
}

.p66 {
  padding: 66px !important;
}

.pt66 {
  padding-top: 66px !important;
}

.pr66 {
  padding-right: 66px !important;
}

.pb66 {
  padding-bottom: 66px !important;
}

.pl66 {
  padding-left: 66px !important;
}

.ptb66 {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}

.plr66 {
  padding-right: 66px !important;
  padding-left: 66px !important;
}

.m67 {
  margin: 67px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.mr67 {
  margin-right: 67px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.ml67 {
  margin-left: 67px !important;
}

.mtb67 {
  margin-top: 67px !important;
  margin-bottom: 67px !important;
}

.mlr67 {
  margin-right: 67px !important;
  margin-left: 67px !important;
}

.p67 {
  padding: 67px !important;
}

.pt67 {
  padding-top: 67px !important;
}

.pr67 {
  padding-right: 67px !important;
}

.pb67 {
  padding-bottom: 67px !important;
}

.pl67 {
  padding-left: 67px !important;
}

.ptb67 {
  padding-top: 67px !important;
  padding-bottom: 67px !important;
}

.plr67 {
  padding-right: 67px !important;
  padding-left: 67px !important;
}

.m68 {
  margin: 68px !important;
}

.mt68 {
  margin-top: 68px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.ml68 {
  margin-left: 68px !important;
}

.mtb68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.mlr68 {
  margin-right: 68px !important;
  margin-left: 68px !important;
}

.p68 {
  padding: 68px !important;
}

.pt68 {
  padding-top: 68px !important;
}

.pr68 {
  padding-right: 68px !important;
}

.pb68 {
  padding-bottom: 68px !important;
}

.pl68 {
  padding-left: 68px !important;
}

.ptb68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.plr68 {
  padding-right: 68px !important;
  padding-left: 68px !important;
}

.m69 {
  margin: 69px !important;
}

.mt69 {
  margin-top: 69px !important;
}

.mr69 {
  margin-right: 69px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.ml69 {
  margin-left: 69px !important;
}

.mtb69 {
  margin-top: 69px !important;
  margin-bottom: 69px !important;
}

.mlr69 {
  margin-right: 69px !important;
  margin-left: 69px !important;
}

.p69 {
  padding: 69px !important;
}

.pt69 {
  padding-top: 69px !important;
}

.pr69 {
  padding-right: 69px !important;
}

.pb69 {
  padding-bottom: 69px !important;
}

.pl69 {
  padding-left: 69px !important;
}

.ptb69 {
  padding-top: 69px !important;
  padding-bottom: 69px !important;
}

.plr69 {
  padding-right: 69px !important;
  padding-left: 69px !important;
}

.m70 {
  margin: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mtb70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mlr70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.p70 {
  padding: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.ptb70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.plr70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.m71 {
  margin: 71px !important;
}

.mt71 {
  margin-top: 71px !important;
}

.mr71 {
  margin-right: 71px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.ml71 {
  margin-left: 71px !important;
}

.mtb71 {
  margin-top: 71px !important;
  margin-bottom: 71px !important;
}

.mlr71 {
  margin-right: 71px !important;
  margin-left: 71px !important;
}

.p71 {
  padding: 71px !important;
}

.pt71 {
  padding-top: 71px !important;
}

.pr71 {
  padding-right: 71px !important;
}

.pb71 {
  padding-bottom: 71px !important;
}

.pl71 {
  padding-left: 71px !important;
}

.ptb71 {
  padding-top: 71px !important;
  padding-bottom: 71px !important;
}

.plr71 {
  padding-right: 71px !important;
  padding-left: 71px !important;
}

.m72 {
  margin: 72px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.mtb72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.mlr72 {
  margin-right: 72px !important;
  margin-left: 72px !important;
}

.p72 {
  padding: 72px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.ptb72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.plr72 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.m73 {
  margin: 73px !important;
}

.mt73 {
  margin-top: 73px !important;
}

.mr73 {
  margin-right: 73px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.ml73 {
  margin-left: 73px !important;
}

.mtb73 {
  margin-top: 73px !important;
  margin-bottom: 73px !important;
}

.mlr73 {
  margin-right: 73px !important;
  margin-left: 73px !important;
}

.p73 {
  padding: 73px !important;
}

.pt73 {
  padding-top: 73px !important;
}

.pr73 {
  padding-right: 73px !important;
}

.pb73 {
  padding-bottom: 73px !important;
}

.pl73 {
  padding-left: 73px !important;
}

.ptb73 {
  padding-top: 73px !important;
  padding-bottom: 73px !important;
}

.plr73 {
  padding-right: 73px !important;
  padding-left: 73px !important;
}

.m74 {
  margin: 74px !important;
}

.mt74 {
  margin-top: 74px !important;
}

.mr74 {
  margin-right: 74px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.ml74 {
  margin-left: 74px !important;
}

.mtb74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}

.mlr74 {
  margin-right: 74px !important;
  margin-left: 74px !important;
}

.p74 {
  padding: 74px !important;
}

.pt74 {
  padding-top: 74px !important;
}

.pr74 {
  padding-right: 74px !important;
}

.pb74 {
  padding-bottom: 74px !important;
}

.pl74 {
  padding-left: 74px !important;
}

.ptb74 {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}

.plr74 {
  padding-right: 74px !important;
  padding-left: 74px !important;
}

.m75 {
  margin: 75px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mtb75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.mlr75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}

.p75 {
  padding: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.ptb75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.plr75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}

.m76 {
  margin: 76px !important;
}

.mt76 {
  margin-top: 76px !important;
}

.mr76 {
  margin-right: 76px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.ml76 {
  margin-left: 76px !important;
}

.mtb76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.mlr76 {
  margin-right: 76px !important;
  margin-left: 76px !important;
}

.p76 {
  padding: 76px !important;
}

.pt76 {
  padding-top: 76px !important;
}

.pr76 {
  padding-right: 76px !important;
}

.pb76 {
  padding-bottom: 76px !important;
}

.pl76 {
  padding-left: 76px !important;
}

.ptb76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.plr76 {
  padding-right: 76px !important;
  padding-left: 76px !important;
}

.m77 {
  margin: 77px !important;
}

.mt77 {
  margin-top: 77px !important;
}

.mr77 {
  margin-right: 77px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.ml77 {
  margin-left: 77px !important;
}

.mtb77 {
  margin-top: 77px !important;
  margin-bottom: 77px !important;
}

.mlr77 {
  margin-right: 77px !important;
  margin-left: 77px !important;
}

.p77 {
  padding: 77px !important;
}

.pt77 {
  padding-top: 77px !important;
}

.pr77 {
  padding-right: 77px !important;
}

.pb77 {
  padding-bottom: 77px !important;
}

.pl77 {
  padding-left: 77px !important;
}

.ptb77 {
  padding-top: 77px !important;
  padding-bottom: 77px !important;
}

.plr77 {
  padding-right: 77px !important;
  padding-left: 77px !important;
}

.m78 {
  margin: 78px !important;
}

.mt78 {
  margin-top: 78px !important;
}

.mr78 {
  margin-right: 78px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.ml78 {
  margin-left: 78px !important;
}

.mtb78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}

.mlr78 {
  margin-right: 78px !important;
  margin-left: 78px !important;
}

.p78 {
  padding: 78px !important;
}

.pt78 {
  padding-top: 78px !important;
}

.pr78 {
  padding-right: 78px !important;
}

.pb78 {
  padding-bottom: 78px !important;
}

.pl78 {
  padding-left: 78px !important;
}

.ptb78 {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.plr78 {
  padding-right: 78px !important;
  padding-left: 78px !important;
}

.m79 {
  margin: 79px !important;
}

.mt79 {
  margin-top: 79px !important;
}

.mr79 {
  margin-right: 79px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.ml79 {
  margin-left: 79px !important;
}

.mtb79 {
  margin-top: 79px !important;
  margin-bottom: 79px !important;
}

.mlr79 {
  margin-right: 79px !important;
  margin-left: 79px !important;
}

.p79 {
  padding: 79px !important;
}

.pt79 {
  padding-top: 79px !important;
}

.pr79 {
  padding-right: 79px !important;
}

.pb79 {
  padding-bottom: 79px !important;
}

.pl79 {
  padding-left: 79px !important;
}

.ptb79 {
  padding-top: 79px !important;
  padding-bottom: 79px !important;
}

.plr79 {
  padding-right: 79px !important;
  padding-left: 79px !important;
}

.m80 {
  margin: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mtb80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mlr80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.p80 {
  padding: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.ptb80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.plr80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.u-display-sp {
  display: none;
}

.u-display-pc {
  display: block;
}

.u-display-inline-sp {
  display: none;
}

.u-display-inline-pc {
  display: inline-block;
}

.u-display-sm {
  display: none;
}

.u-display-md {
  display: none;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-left {
  text-align: left;
}

.u-float-right {
  float: right;
}

.u-float-left {
  float: left;
}

.u-float-none {
  float: none;
}

.u-list-disc {
  padding-left: 1em;
}

.u-list-disc li {
  list-style: none;
}

.u-list-disc li:before {
  content: "・";
  display: inline-block;
  margin-left: -1em;
}

.u-transparent {
  opacity: 0;
}

.u-transparent.-completed {
  opacity: 1;
}

.u-btn-red,
.u-btn-white {
  font-family: "M PLUS 1p", sans-serif;
  display: block;
  text-decoration: none;
  border-radius: 10px;
  padding: 20px 0;
  position: relative;
  letter-spacing: -1.2px;
}

.u-btn-red span,
.u-btn-white span {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

.u-btn-red:after,
.u-btn-white:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background: url("../../assets/img/_top/arrow.png") no-repeat top left/cover;
}

.u-btn-red {
  background-color: #ee0319;
  -webkit-box-shadow: 0 5px 0 #a2a2a2;
  box-shadow: 0 5px 0 #a2a2a2;
  color: #fff;
}

.u-btn-red:after {
  background: url("../../assets/img/_top/arrow_w.png") no-repeat top left/cover;
}

.u-btn-white {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 5px 0 rgba(0, 0, 0, .2);
  color: #000;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.5;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-iframe-holder button.mfp-close {
  background: url("../../assets/img/_top/ico_close.png") 0 0 no-repeat;
  width: 62px;
  height: 62px;
  opacity: 1;
  padding: 0;
  right: -30px;
  top: -42px;
  text-indent: -9999px;
  color: transparent;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

p {
  /* font-size: 20px;
  font-size: 2rem; */
}

img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

main {
  display: block;
}

html,
body {
  -webkit-text-size-adjust: 100%;
}

html {
  font-size: 62.5%;
}

body {
  width: 100%;
  font-family: 'M PLUS Rounded 1c',"Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  word-wrap: break-word;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

ol,
ul {
  list-style: none;
  padding-left: 0;
}

picture img {
  width: 100%;
}

.main {
  overflow: hidden;
}

.container {
  max-width: 1074px;
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.th {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  pointer-events: none;
}

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

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

.o-h {
  overflow: hidden;
}

video {
  display: block;
}

.SWITCH_logo {
  position: absolute;
  z-index: 10102;
  cursor: pointer;
  background-image: url(../img/common/SWITCH_logo.png);
  background-size: 100% auto;
}

.acbaa-logo {
  position: absolute;
  z-index: 10102;
  cursor: pointer;
  background-image: url(../img/common/acbaa-logo.png);
  background-size: 100% auto;
}

.h-w {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  font-size: 0;
  text-indent: -1000px;
  pointer-events: none;
  opacity: 0;
}

.a-hover {
  text-decoration: underline;
  color: inherit;
}

.a-hover:hover {
  text-decoration: none;
}

.modal {
  overflow-y: auto;
  z-index: 10100;
}

.modal-close-filter {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent;
}

.modal-close-btn {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.menu-btn-poz {
  position: absolute;
  right: 0;
  top: 100%;
  width: 50px;
  height: 50px;
  background-color: #f00;
  z-index: 1000;
}

.menu-btn {
  position: absolute;
  right: 0;
  top: 0;
  background-size: 100% auto;
  z-index: 10;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: fixed;
  margin-top: 20px;
}

.menu-btn:not(.menu-up) {
  opacity: 0;
  pointer-events: none;
}

.hover-btn {
  cursor: pointer;
}

body[data-page=works] a.-add1 {
  background-position: 0 500px, 0 0 !important;
}

body[data-page=myisland] a.-add2 {
  background-position: 0 500px, 0 0 !important;
}

body[data-page=tsukutter] a.-add3 {
  background-position: 0 500px, 0 0 !important;
}

body[data-show-modal=works] .modal-works {
  opacity: 1;
  pointer-events: all;
}

body[data-show-modal=yt] {
  pointer-events: none;
}

body[data-show-modal=yt] .modal-yt {
  opacity: 1;
  pointer-events: all;
}

body[data-show-modal=modal-a] {
  pointer-events: none;
}

body[data-show-modal=modal-a] .modal-a {
  opacity: 1;
  pointer-events: all;
}

body[data-show-modal=modal-b] {
  pointer-events: none;
}

body[data-show-modal=modal-b] .modal-b {
  opacity: 1;
  pointer-events: all;
}

body[data-show-modal=modal-c] {
  pointer-events: none;
}

body[data-show-modal=modal-c] .modal-c {
  opacity: 1;
  pointer-events: all;
}

body[data-show-modal=menu] {
  pointer-events: none;
}

body[data-show-modal=menu] .modal-menu {
  opacity: 1;
  pointer-events: all;
}

body .modal-menu {
  z-index: 10100;
  position: fixed;
  background-color: rgba(130, 113, 87, .8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body .modal-menu .modal-main {
  overflow-y: scroll;
  max-height: 100vh;
  position: absolute;
  background-color: #eee;
  right: 0;
  top: 0;
}

body .modal-menu .modalMenu__sec {
  background-repeat: no-repeat;
  background-size: 100% auto;
}

body .modal-menu .modalMenu__sec.-add {
  background-size: cover;
}

body .modal-menu .modalMenu__logo {
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  display: block;
}

body .modal-menu .modalMenu__logo.-cmn {
  background-image: url(../img/common/menu/cmn_logo.png);
}

body .modal-menu .modalMenu__logo.-add {
  background-image: url(../img/common/menu/add_logo.png);
}

body .modal-menu .modalMenu__nav li {
  border-bottom: 2px solid #fff;
}

body .modal-menu .modalMenu__nav li:first-child {
  border-top: 2px solid #fff;
}

body .modal-menu .modalMenu__nav a {
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
}

body .modal-menu .modalMenu__nav a.-cmn1 {
  background-image: url(../img/common/menu/cmn1.png);
}

body .modal-menu .modalMenu__nav a.-cmn2 {
  background-image: url(../img/common/menu/cmn2.png);
}

body .modal-menu .modalMenu__nav a.-cmn3 {
  background-image: url(../img/common/menu/cmn3.png);
}

body .modal-menu .modalMenu__nav a.-cmn4 {
  background-image: url(../img/common/menu/cmn4.png);
}

body .modal-menu .modalMenu__nav a.-cmn5 {
  background-image: url(../img/common/menu/cmn5.png);
}

body .modal-menu .modalMenu__nav a.-add1 {
  background-image: url(../img/common/menu/add1.png), url(../img/common/menu/add1_on.png);
  background-position: 0 0, 0 500px;
  background-repeat: no-repeat;
}

body .modal-menu .modalMenu__nav a.-add1:hover {
  background-position: 0 500px, 0 0;
}

body .modal-menu .modalMenu__nav a.-add2 {
  background-image: url(../img/common/menu/add2.png), url(../img/common/menu/add2_on.png);
  background-position: 0 0, 0 500px;
  background-repeat: no-repeat;
}

body .modal-menu .modalMenu__nav a.-add2:hover {
  background-position: 0 500px, 0 0;
}

body .modal-menu .modalMenu__nav a.-add3 {
  background-image: url(../img/common/menu/add3.png), url(../img/common/menu/add3_on.png);
  background-position: 0 0, 0 500px;
  background-repeat: no-repeat;
}

body .modal-menu .modalMenu__nav a.-add3:hover {
  background-position: 0 500px, 0 0;
}

body .modal-menu .modalMenu__close {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  cursor: pointer;
}

body .modal-works {
  z-index: 10100;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(130, 113, 87, .8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body .modal-works .modal-main {
  position: absolute;
  width: 100vw;
  max-height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  top: 0;
  overflow-y: scroll;
}

body .modal-works .modal-content {
  position: relative;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

body .modal-works .works-ttl {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

body .modal-works .a-ttl {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/_works/works/pc/a-ttl.png);
}

body .modal-works .b-ttl {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/_works/works/pc/b-ttl.png);
}

body .modal-works .works-list .ul-a li:nth-child(1) figure {
  background-image: url("../img/_works/works/pc/a/1.png");
}

body .modal-works .works-list .ul-a li:nth-child(2) figure {
  background-image: url("../img/_works/works/pc/a/2.png");
}

body .modal-works .works-list .ul-a li:nth-child(3) figure {
  background-image: url("../img/_works/works/pc/a/3.png");
}

body .modal-works .works-list .ul-a li:nth-child(4) figure {
  background-image: url("../img/_works/works/pc/a/4.png");
}

body .modal-works .works-list .ul-a li:nth-child(5) figure {
  background-image: url("../img/_works/works/pc/a/5.png");
}

body .modal-works .works-list .ul-a li:nth-child(6) figure {
  background-image: url("../img/_works/works/pc/a/6.png");
}

body .modal-works .works-list .ul-a li:nth-child(7) figure {
  background-image: url("../img/_works/works/pc/a/7.png");
}

body .modal-works .works-list .ul-a li:nth-child(8) figure {
  background-image: url("../img/_works/works/pc/a/8.png");
}

body .modal-works .works-list .ul-a li:nth-child(9) figure {
  background-image: url("../img/_works/works/pc/a/9.png");
}

body .modal-works .works-list .ul-a li:nth-child(10) figure {
  background-image: url("../img/_works/works/pc/a/10.png");
}

body .modal-works .works-list .ul-a li:nth-child(11) figure {
  background-image: url("../img/_works/works/pc/a/11.png");
}

body .modal-works .works-list .ul-a li:nth-child(12) figure {
  background-image: url("../img/_works/works/pc/a/12.png");
}

body .modal-works .works-list .ul-a li:nth-child(13) figure {
  background-image: url("../img/_works/works/pc/a/13.png");
}

body .modal-works .works-list .ul-a li:nth-child(14) figure {
  background-image: url("../img/_works/works/pc/a/14.png");
}

body .modal-works .works-list .ul-a li:nth-child(15) figure {
  background-image: url("../img/_works/works/pc/a/15.png");
}

body .modal-works .works-list .ul-b li:nth-child(1) figure {
  background-image: url("../img/_works/works/pc/b/1.png");
}

body .modal-works .works-list .ul-b li:nth-child(2) figure {
  background-image: url("../img/_works/works/pc/b/2.png");
}

body .modal-works .works-list .ul-b li:nth-child(3) figure {
  background-image: url("../img/_works/works/pc/b/3.png");
}

body .modal-works .works-list .ul-b li:nth-child(4) figure {
  background-image: url("../img/_works/works/pc/b/4.png");
}

body .modal-works .works-list .ul-b li:nth-child(5) figure {
  background-image: url("../img/_works/works/pc/b/5.png");
}

body .modal-works .works-list .ul-b li:nth-child(6) figure {
  background-image: url("../img/_works/works/pc/b/6.png");
}

body .modal-works .works-list figure {
  padding-top: 74.6543778802%;
  background-repeat: no-repeat;
  background-size: contain;
}

body .modal-works .works-close {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

body .modal-works .works-1-pic,
body .modal-works .works-2-pic,
body .modal-works .works-3-pic {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  bottom: 0;
  left: 0;
}

body .modal-yt {
  z-index: 10100;
  position: fixed;
  opacity: 0;
  background-color: rgba(130, 113, 87, .8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body .modal-yt #player {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 80%;
  height: 80%;
}

body .modal-yt .modal-main {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

body .modal-a {
  position: fixed;
  opacity: 0;
  background-color: rgba(130, 113, 87, .8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body .modal-a .modal-main {
  position: relative;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

body .modal-a .modal-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #827157;
  left: 0;
  top: 0;
  width: 100%;
}

body .modal-b {
  position: fixed;
  opacity: 0;
  background-color: rgba(130, 113, 87, .8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body .modal-b .modal-main {
  position: relative;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

body .modal-b .modal-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #827157;
  left: 0;
  top: 0;
  width: 100%;
}

body .modal-c {
  position: fixed;
  opacity: 0;
  background-color: rgba(130, 113, 87, .8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body .modal-c .modal-main {
  position: relative;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

body .modal-c .modal-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #827157;
  left: 0;
  top: 0;
  width: 100%;
}

.anim-scale {
  -webkit-animation: anim-scale 2s ease-out 2s infinite;
  animation: anim-scale 2s ease-out 2s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes anim-scale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  40% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  60% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes anim-scale {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  40% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  60% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  80% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.anim-rotate {
  -webkit-animation: anim-rotate 3s ease-in-out 0s infinite;
  animation: anim-rotate 3s ease-in-out 0s infinite;
}

@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  10% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  35% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  65% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  80% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  95% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  10% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  35% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  65% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  80% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  95% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

.anim-btmfade {
  -webkit-animation: anim-btmfade 1.5s ease-in-out 1.5s infinite;
  animation: anim-btmfade 1.5s ease-in-out 1.5s infinite;
}

@-webkit-keyframes anim-btmfade {
  0% {
    -webkit-transform: translate(-50%, -4px);
    transform: translate(-50%, -4px);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  80% {
    -webkit-transform: translate(-50%, 8px);
    transform: translate(-50%, 8px);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    opacity: 0;
  }
}

@keyframes anim-btmfade {
  0% {
    -webkit-transform: translate(-50%, -4px);
    transform: translate(-50%, -4px);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  80% {
    -webkit-transform: translate(-50%, 8px);
    transform: translate(-50%, 8px);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    opacity: 0;
  }
}

.anim-zoom {
  -webkit-animation: anim-zoom 2s ease-out 2s infinite;
  animation: anim-zoom 2s ease-out 2s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes anim-zoom {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes anim-zoom {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.anim-shake {
  -webkit-animation: anim-shake 2.5s ease-out 2s infinite;
  animation: anim-shake 2.5s ease-out 2s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes anim-shake {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  5% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  10% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  15% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  25% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes anim-shake {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  5% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  10% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  15% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  25% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.anim-bounce {
  -webkit-animation: anim-bounce 1s infinite;
  animation: anim-bounce 1s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.anim-bounce2 {
  -webkit-animation: anim-bounce 2s infinite;
  animation: anim-bounce 2s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes anim-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  10% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  30% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes anim-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  10% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  30% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.anim-flip {
  -webkit-animation: anim-flip 4s infinite;
  animation: anim-flip 4s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.anim-flip2 {
  -webkit-animation: anim-flip 3s infinite;
  animation: anim-flip 3s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.anim-flip3 {
  -webkit-animation: anim-flip 2s infinite;
  animation: anim-flip 2s infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes anim-flip {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes anim-flip {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.back-to-top {
  position: absolute;
  cursor: pointer;
  background-size: 100% auto;
}

.back-to-top:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  background-size: 100% auto;
}

#globalFooter {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#globalFooter .sub {
  position: relative;
  background-color: #902428;
  overflow: hidden;
  margin-top: -1px;
}

.subpage #globalFooter .sub {
  background-color: #7abd92;
}

#globalFooter .sub .link {
  position: relative;
}

#globalFooter .sub .link li {
  margin-right: 14px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

#globalFooter .sub .link li:last-of-type {
  margin-right: 0;
}

#globalFooter .sub .link li a {
  position: relative;
  display: block;
  padding-left: 17px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -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);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: all;
  transition-property: all;
  color: #fff;
}

#globalFooter .sub .link li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-width: 5px 0px 5px 7px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

#globalFooter .sub .sns {
  z-index: 1;
}

#globalFooter .sub .sns iframe[id*=twitter] {
  background-color: #1d9bf0;
  border-radius: 3px;
}

#globalFooter .sub .sns li {
  position: relative;
  display: inline-block;
}

#globalFooter .sub .sns li:first-of-type {
  margin-top: 0;
  margin-left: 0;
}

#globalFooter .sub .sns li.copyright {
  margin-right: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}

#globalFooter #main {
  position: relative;
  background-size: auto 100%;
}

#globalFooter #main .visual-logo {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-acbaa {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

#globalFooter #main ul.nav-acbaa li a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-block;
  left: 0;
  top: 0;
}

#globalFooter #main ul.nav-acbaa .nav-slowlife {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-acbaa .nav-guide {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-acbaa .nav-movie {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-acbaa .nav-namelist {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-acbaa .nav-portal {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-happyhomeparadise {
  position: absolute;
  left: 0;
  top: 0;
}

#globalFooter #main ul.nav-happyhomeparadise li a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-block;
  left: 0;
  top: 0;
}

.subpage #globalFooter #main ul.nav-happyhomeparadise .nav-subpage-back {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

#globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

/* ---------------------
  - Body (Top) Layout
  - .kv
  - .content01
  - .content02
  - .content03
  - .content04
  - .content05
  - .content06
  - .content07
  -   L .ranking

  メデイアクエリに関して
  750px以下
  @include mq(md) {｝
--------------------- */
.top {
  position: relative;
}

.top .sec-kv {
  background-color: #f3f3ea;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.top .kv {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% auto;
}

.top .kv-up-txt-bg {
  position: absolute;
  left: 0;
  top: 0;
  background-size: auto 100%;
  background-repeat: repeat-x;
  width: 100%;
  background-position: 50% 0;
}

.top .kv-up-txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% auto;
}

.top #product {
  position: absolute;
  left: 0;
  top: 0;
}

.top .sec-oshirase {
  position: relative;
  z-index: 1;
}

.top .sec-oshirase .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.top .kv-movie-btn {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  cursor: pointer;
  z-index: 1;
}

.top .kv-product-detail-btn {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  cursor: pointer;
  z-index: 1;
}

.top h1.h1-oshirase {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .oshirase-txt-0 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .oshirase-txt-1 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .pic-oshirase {
  position: absolute;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top .pic-oshirase .pic-oshirase-in {
  position: absolute;
  width: 100vw;
  max-width: 1600px;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top .pic-oshirase-0 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .pic-oshirase-1 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .pic-oshirase-2 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .pic-oshirase-3 {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .pic-oshirase-4 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .pic-oshirase-5 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top h3.nakama-ttl {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .nakama-0 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .nakama-1 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .nakama-2 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .sec-works {
  position: relative;
}

.top .sec-works .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.top h1.h1-works {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top h3.h3-works {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top p.works-txt {
  position: absolute;
  width: 100%;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.top .works-item {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .works-label {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .works-seemore-btn {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  cursor: pointer;
}

.top .osusume-frame {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top h2.h2-osusume {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .osusume-txt-0 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .osusume-txt-1 {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #827157;
  width: 100%;
}

.top .point-img {
  background-size: 100% auto;
}

.top .point-img .audio-btn {
  position: absolute;
  background-size: 100% auto;
  right: 0;
  top: 0;
  cursor: pointer;
}

.top .point-img .audio-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-on.png);
  background-size: 100% 100%;
  opacity: 0;
}

.top .point-img .audio-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-off.png);
  background-size: 100% 100%;
}

.top .point-img .audio-btn.unmuted:before {
  opacity: 1;
}

.top .point-img .audio-btn.unmuted:after {
  opacity: 0;
}

.top .point-img video {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
  background-color: #fff;
}

.top .point-img.point-img-3 video {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: transparent;
  border: none;
  -webkit-transform: none;
  transform: none;
}

.top .point-img.point-img-0 {
  position: absolute;
  left: 0;
  top: 0;
}

.top .point-img.point-img-0 .point-ttl {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .point-img.point-img-1 {
  position: absolute;
  left: 0;
  top: 0;
}

.top .point-img.point-img-1 .point-ttl {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .point-img.point-img-2 {
  position: absolute;
  left: 0;
  top: 0;
}

.top .point-img.point-img-2 .point-ttl {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .point-img.point-img-3 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .point-img.point-img-3 .point-ttl {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .takumi-life-intro-btn {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  cursor: pointer;
}

.top .sec-wait {
  position: relative;
}

.top .sec-wait .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.top .wait-txt {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .wait-pic {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .sec-info {
  position: relative;
}

.top .sec-info .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.top h2.h2-info {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
}

.top .info-btn-0 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  cursor: pointer;
}

.top .info-btn-1 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  cursor: pointer;
}

.top .info-btn-2 {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% auto;
  cursor: pointer;
}

.top .info-btn-2 a {
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.top .start-pattern-frame {
  position: absolute;
  background-color: #f2d200;
}

.top .start-pattern-frame:before {
  position: absolute;
  content: "";
  display: block;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.top .start-pattern-frame .start-pattern-frame-in {
  position: relative;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.top .start-pattern-frame .start-pattern-main {
  position: relative;
  border-bottom: 1px solid #d09598;
}

.top .start-pattern-frame .start-pattern-main__ttl {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.top .start-pattern-frame .start-pattern-main__detail {
  width: 100%;
  position: absolute;
}

.top .start-pattern-frame .start-pattern-main__detail li {
  position: relative;
}

.top .start-pattern-frame .start-pattern-main__detail li>* {
  display: inline-block;
  vertical-align: top;
}

.top .start-pattern-frame .start-pattern-main__detail li p {
  line-height: 1;
  font-weight: bold;
  color: #827157;
}

.top .start-pattern-frame .start-pattern-main__detail li p span {
  margin-top: 0.8em;
  border: 1px solid #a6393d;
  font-size: 0.78em;
  padding: 0.5em 1em;
  border-radius: 0.3em;
}

.top .start-pattern-frame .start-pattern-main__note {
  line-height: 1;
  text-align: center;
  font-weight: 700;
  color: #827157;
}

.top .start-pattern-frame .start-pattern-main__note a {
  color: inherit;
  text-decoration: underline;
}

.top .start-pattern-frame .start-pattern-other {
  position: relative;
  background-color: #f6f6ee;
  padding-left: 4.406779661%;
  padding-right: 3.813559322%;
}

.top .start-pattern-frame .start-pattern-other__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top .start-pattern-frame .start-pattern-other__ttl p {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/_top/start-other-pc.png);
}

.top .start-pattern-frame .start-pattern-other__desc {
  line-height: 1.83;
  color: #827157;
  font-weight: 700;
}

.top .start-pattern-frame .start-pattern-other__link {
  width: 100%;
}

.top .start-pattern-frame .start-pattern-other__link a {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/_top/start-link-pc.png);
}

.top .start-pattern-frame .start-pattern-other__bnr {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/_top/start-bnr-pc.png);
}

.top .start-char-0 {
  position: absolute;
  background-size: 100% auto;
}

.top .red {
  position: relative;
  color: #a8393d;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.top .brown {
  color: #827157;
  position: relative;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.top .red-small {
  position: relative;
  color: #a8393d;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.top .red-note {
  position: relative;
  color: #a8393d;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.top .brown-small {
  color: #827157;
  position: relative;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.top .flower-icon {
  position: relative;
  left: 0;
  top: 0;
  background-size: 100% auto;
  display: inline-block;
  background-image: url(../img/_top/flower-icon-pc.png);
}

.top .download-btn a,
.top .buy-detail-btn a {
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.top .download-btn {
  position: relative;
  left: 0;
  top: 0;
  background-size: 100% auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.top .buy-detail-btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  background-size: 100% auto;
  display: inline-block;
}

/* ---------------------
  - Body (Top) Layout
  - .kv
  - .content01
  - .content02
  - .content03
  - .content04
  - .content05
  - .content06
  - .content07
  -   L .ranking

  メデイアクエリに関して
  750px以下
  @include mq(md) {｝
--------------------- */
.myisland {
  position: relative;
}

.myisland .sec-mv {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-color: #f3f3ea;
}

.myisland .mv {
  z-index: 0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% auto;
}

.myisland .mv-txt-bg {
  position: relative;
  width: 100%;
  background-size: auto 100%;
  background-position: 50% 0;
}

.myisland .mv-char-0 {
  position: absolute;
  width: 100%;
  background-size: auto 100%;
  top: 0;
}

.myisland .mv-char-1 {
  position: absolute;
  width: 100%;
  background-size: auto 100%;
  top: 0;
}

.myisland .h1-mv {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.myisland .mv-txt {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.myisland .sec-myhome {
  position: relative;
  background-size: auto 100%;
  background-position: 50% 0;
}

.myisland .sec-myhome .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.myisland .h2-myhome {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.myisland .h2-myhome-pattern-left {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
}

.myisland .h2-myhome-pattern-right {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
}

.myisland .myhome-movie-0 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .myhome-movie-0 .audio-btn {
  position: absolute;
  background-size: 100% auto;
  right: 0;
  top: 0;
  cursor: pointer;
}

.myisland .myhome-movie-0 .audio-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-on.png);
  background-size: 100% 100%;
  opacity: 0;
}

.myisland .myhome-movie-0 .audio-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-off.png);
  background-size: 100% 100%;
}

.myisland .myhome-movie-0 .audio-btn.unmuted:before {
  opacity: 1;
}

.myisland .myhome-movie-0 .audio-btn.unmuted:after {
  opacity: 0;
}

.myisland .myhome-movie-0 video {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
  background-color: #fff;
}

.myisland .myhome-movie-1 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .myhome-movie-2 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .myhome-pic-0 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .myhome-pic-1 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .myhome-flower {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .myhome-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #6f282b;
  left: 0;
  top: 0;
}

.myisland .sec-kaimono {
  position: relative;
}

.myisland .sec-kaimono .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.myisland h2.h2-kaimono-0 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-carousel {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-carousel-0 {
  position: relative;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-comment-0 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland h2.h2-kaimono-1 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-comment-1 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic01 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic02 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic-0 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic-1 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic-2 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic-3 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic-4 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.myisland .kaimono-pic-5 {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

/* ---------------------
  - Body (Top) Layout
  - .kv
  - .content01
  - .content02
  - .content03
  - .content04
  - .content05
  - .content06
  - .content07
  -   L .ranking

  メデイアクエリに関して
  750px以下
  @include mq(md) {｝
--------------------- */
.main.works {
  position: relative;
}

.main.works .sec-mv {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-color: #f3f3ea;
}

.main.works .swiper-pagination {
  z-index: 999;
  position: absolute;
  left: 0;
}

.main.works .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: #fff;
}

.main.works .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #19c6b7;
}

.main.works .mv {
  z-index: 0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% auto;
}

.main.works .h1-mv {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.main.works .mv-char-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .mv-char-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .mv-char-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .mv-char {
  position: absolute;
  width: 100%;
  max-width: 1600px;
  background-size: 100% auto;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.main.works .mv-txt-bg {
  position: relative;
  width: 100%;
  background-size: auto 100%;
}

.main.works .mv-txt-bg .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.main.works .mv-txt {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.main.works .h2-goraiten-pattern-left {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
}

.main.works .h2-goraiten-pattern-right {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
}

.main.works .sec-goraiten {
  position: relative;
  background-color: #f3f3ea;
}

.main.works .sec-goraiten .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.main.works .h2-goraiten {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.main.works .h2-goraiten-pic-left {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .h2-goraiten-pic-right {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-01-ttl {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-01-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #827157;
  left: 0;
  top: 0;
}

.main.works .step-01-pic-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-01-pic-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-01-pic-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-01-pic-3 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-line-pattern {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
  width: 100%;
}

.main.works .step-02-ttl {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-02-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #827157;
  left: 0;
  top: 0;
  width: 100%;
}

.main.works .step-02-pic-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-02-pic-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-02-pic-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-02-pic-3 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-02-pic-4 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-03-ttl {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-03-pic-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .step-03-pic-0 video {
  position: absolute;
  left: 0;
  top: 0;
}

.main.works .step-03-pic-0 .audio-btn {
  position: absolute;
  background-size: 100% auto;
  right: 0;
  top: 0;
  cursor: pointer;
}

.main.works .step-03-pic-0 .audio-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-on.png);
  background-size: 100% 100%;
  opacity: 0;
}

.main.works .step-03-pic-0 .audio-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-off.png);
  background-size: 100% 100%;
}

.main.works .step-03-pic-0 .audio-btn.unmuted:before {
  opacity: 1;
}

.main.works .step-03-pic-0 .audio-btn.unmuted:after {
  opacity: 0;
}

.main.works .sec-coordination-technique {
  position: relative;
  z-index: 1;
}

.main.works .sec-coordination-technique .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.main.works .step-03-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #827157;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-pic-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-pic-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
}

.main.works .coordination-technique-pic-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-pic-3 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-pic-4 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-pic-5 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-ttl {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .audio-btn {
  position: absolute;
  background-size: 100% auto;
  right: 0;
  top: 0;
  cursor: pointer;
}

.main.works .audio-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-on.png);
  background-size: 100% 100%;
  opacity: 0;
}

.main.works .audio-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-off.png);
  background-size: 100% 100%;
}

.main.works .audio-btn.unmuted:before {
  opacity: 1;
}

.main.works .audio-btn.unmuted:after {
  opacity: 0;
}

.main.works .coordination-technique-movie video {
  position: absolute;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-movie-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-movie-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-movie-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-movie-3 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-movie-ttl {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-movie-fuki {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .coordination-technique-movie-4 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .sec-kansei {
  position: relative;
  background-color: #f3f3ea;
  overflow: hidden;
  margin-top: -1px;
}

.main.works .sec-kansei .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.main.works .kansei-ttl {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .kansei-pic-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .kansei-pic-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .kansei-pic-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .kansei-pic-3 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .kansei-pic-4 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .kansei-pic-5 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
}

.main.works .kansei-txt {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #827157;
  left: 0;
  top: 0;
}

.main.works .kansei-txt .red {
  color: #a8393d;
}

.main.works .kansei-seemore {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .kansei-photo-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .kansei-photo-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .kansei-photo-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .kansei-photo-3 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .kansei-photo-4 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .kansei-pattern {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
  width: 100%;
}

.main.works .teian-ttl {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-0-img {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-0-img .teian-btn {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-1-img {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-1-img .teian-btn {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-2-img {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-2-img .teian-btn {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .sec-teian {
  position: relative;
}

.main.works .sec-teian .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.main.works .teian-0-pic {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-0-pic_ {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-1-pic {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-2-pic {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-0-txt {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-1-txt {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-2-txt {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .teian-btn {
  position: absolute;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .dot-0 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .dot-1 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .dot-2 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

.main.works .dot-3 {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  left: 0;
  top: 0;
  cursor: pointer;
}

/* ---------------------
  - Body (Top) Layout
  - .kv
  - .content01
  - .content02
  - .content03
  - .content04
  - .content05
  - .content06
  - .content07
  -   L .ranking

  メデイアクエリに関して
  750px以下
  @include mq(md) {｝
--------------------- */
.tsukutter {
  position: relative;
}

.tsukutter .sec-mv {
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-color: #f3f3ea;
}

.tsukutter .mv {
  z-index: 0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% auto;
}

.tsukutter .mv-txt-bg {
  position: relative;
  width: 100%;
  background-size: auto 100%;
}

.tsukutter .h1-mv {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .mv-txt {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .sec-dekirukoto {
  position: relative;
}

.tsukutter .sec-dekirukoto .sec-in {
  position: relative;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.tsukutter .h2-dekirukoto {
  position: absolute;
  width: 100%;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .h2-dekirukoto-pic-left {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .h2-dekirukoto-pic-right {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .h2-dekirukoto-pattern-left {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
}

.tsukutter .h2-dekirukoto-pattern-right {
  position: absolute;
  background-size: auto 100%;
  background-repeat: repeat-x;
  top: 0;
}

.tsukutter .h3-dekirukoto-0 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-txt-1 {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #6a3a07;
  left: 0;
  top: 0;
  width: 100%;
}

.tsukutter .dekirukoto-movie .audio-btn {
  position: absolute;
  background-size: 100% auto;
  right: 0;
  top: 0;
  cursor: pointer;
}

.tsukutter .dekirukoto-movie .audio-btn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-on.png);
  background-size: 100% 100%;
  opacity: 0;
}

.tsukutter .dekirukoto-movie .audio-btn:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background-image: url(../img/common/audio-off.png);
  background-size: 100% 100%;
}

.tsukutter .dekirukoto-movie .audio-btn.unmuted:before {
  opacity: 1;
}

.tsukutter .dekirukoto-movie .audio-btn.unmuted:after {
  opacity: 0;
}

.tsukutter .dekirukoto-movie video {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
  background-color: #fff;
}

.tsukutter .dekirukoto-movie-0 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-movie-1 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .fukidashi {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-comment-0 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .h3-dekirukoto-1 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-comment-1 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-pic-0 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-pic-1 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-pic-2 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-pic-3 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-pic-4 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.tsukutter .dekirukoto-pic-5 {
  position: absolute;
  background-size: 100% auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
  background-image: url(../img/_tsukutter/dekirukoto-pic-5-pc.png);
}

.tsukutter .dekirukoto-note {
  position: absolute;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #827157;
  top: 0;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media only screen and (max-width: 750px) {
  .u-display-sp {
    display: block;
  }

  .u-display-pc {
    display: none;
  }

  .u-display-inline-sp {
    display: inline-block;
  }

  .u-display-inline-pc {
    display: none;
  }

  .u-btn-red,
  .u-btn-white {
    padding: 25px 0;
  }

  .u-btn-red span .small,
  .u-btn-white span .small {
    font-size: 1.4rem;
  }

  .u-btn-red:after,
  .u-btn-white:after {
    right: 13px;
    width: 15px;
    height: 15px;
  }

  .mfp-iframe-holder button.mfp-close {
    width: 31px;
    height: 31px;
    right: 0px;
    background-size: cover;
  }

  p {
    font-size: 1.5rem;
    letter-spacing: 1.2px;
  }
}

@media only screen and (max-width: 450px) and (orientation: portrait) {
  .u-display-sm {
    display: block;
  }
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .u-display-md {
    display: block;
  }
}

@media only screen and (max-width: 749px) and (orientation: portrait) {
  .u-display-lg {
    display: none;
  }
}

@media only screen and (min-width: 750px) and (orientation: landscape) {
  .u-display-lg {
    display: block;
  }
}

@media only screen and (max-width: 320px) {

  .u-btn-red span,
  .u-btn-white span {
    font-size: 1.6rem;
  }

  .u-btn-red span .small,
  .u-btn-white span .small {
    font-size: 1.2rem;
  }

  .u-btn-red:after,
  .u-btn-white:after {
    right: 10px;
  }
}

@media screen and (max-width: 750px) {
  html {
    overflow-y: scroll;
  }

  .pc {
    display: none !important;
  }

  .SWITCH_logo {
    top: 1.3333333333vw;
    right: 1.3333333333vw;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }

  .acbaa-logo {
    top: 1.8666666667vw;
    left: 4vw;
    width: 28vw;
    height: 14.6666666667vw;
  }

  .modal {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }

  .modal-close-btn {
    background-image: url(../img/common/modal-close-sp.png);
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    margin-top: -7.0666666667vw;
    margin-left: 78.4vw;
  }

  .menu-btn {
    width: 13.3333333333vw;
    height: 13.4666666667vw;
    margin-right: 1.3333333333vw;
    background-image: url(../img/common/menu-btn-pc.png);
  }

  body .modal-menu .modal-main {
    width: 84vw;
  }

  body .modal-menu .modalMenu__sec.-cmn {
    padding: 6.6666666667vw 8vw 8.6666666667vw;
    background-image: url(../img/common/menu/cmn_bg.jpg);
  }

  body .modal-menu .modalMenu__sec.-add {
    padding: 6.6666666667vw 8vw calc(13.33333vw + 50px);
    background-image: url(../img/common/menu/add_bg.jpg);
  }

  body .modal-menu .modalMenu__logo.-cmn {
    width: 51.8666666667vw;
    height: 25.0666666667vw;
  }

  body .modal-menu .modalMenu__logo.-add {
    width: 40vw;
    height: 32.6666666667vw;
  }

  body .modal-menu .modalMenu__nav {
    margin-top: 4vw;
  }

  body .modal-menu .modalMenu__nav a {
    height: 12.9333333333vw;
  }

  body .modal-menu .modalMenu__close {
    width: 38.8vw;
    height: 10.8vw;
    margin-top: 7.6vw;
    background-image: url(../img/common/menu/close.png);
  }

  body .modal-works .modal-main {
    background-image: url(../img/_works/works/sp/bg.jpg);
  }

  body .modal-works .modal-content {
    padding-top: 16vw;
    padding-bottom: 12vw;
  }

  body .modal-works .works-ttl {
    background-image: url(../img/_works/works/sp/ttl.png);
    width: 100vw;
    height: 12.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }

  body .modal-works .a-ttl {
    width: 52.1333333333vw;
    height: 14.6666666667vw;
    margin: 7.6vw auto 2.6666666667vw;
  }

  body .modal-works .b-ttl {
    width: 52.1333333333vw;
    height: 14.6666666667vw;
    margin: 7.2vw auto 2.6666666667vw;
  }

  body .modal-works .works-closeicon {
    margin-top: 2.6666666667vw;
    margin-left: 84vw;
  }

  body .modal-works .works-close {
    background-image: url(../img/_works/works/sp/btn.png);
    width: 73.6vw;
    height: 17.6vw;
    margin-top: 1.875vw;
  }

  body .modal-works .works-1-pic,
  body .modal-works .works-2-pic,
  body .modal-works .works-3-pic {
    display: none;
  }

  body .modal-works .works-1-pic {
    background-image: url(../img/_works/works/sp/chair.png);
    width: 74.4vw;
    height: 29.3333333333vw;
    margin: 329.6vw 0 0 12.8vw;
  }

  body .modal-works .works-2-pic {
    background-image: url(../img/_works/works/sp/tree.png);
    width: 74.4vw;
    height: 29.3333333333vw;
    margin: 329.6vw 0 0 12.8vw;
  }

  body .modal-works .works-3-pic {
    background-image: url(../img/_works/works/sp/cup_board.png);
    width: 74.4vw;
    height: 29.3333333333vw;
    margin: 329.6vw 0 0 12.8vw;
  }

  body .modal-yt .modal-close-btn {
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    margin: -4.6666666667vw 10% 0 0vw;
    right: 0;
    left: auto;
  }

  body .modal-a .modal-main {
    background-image: url(../img/_works/modal-a-main-sp.png);
    width: 90.8vw;
    height: 160.5333333333vw;
  }

  body .modal-a .modal-txt {
    text-align: left;
    margin: 22.8vw 0 0 4.2666666667vw;
    line-height: 1.6;
    font-size: 4vw;
    width: 80.5333333333vw;
  }

  body .modal-b .modal-main {
    background-image: url(../img/_works/modal-b-main-sp.png);
    width: 90.8vw;
    height: 158.6666666667vw;
  }

  body .modal-b .modal-txt {
    text-align: left;
    margin: 22.8vw 0 0 4.2666666667vw;
    line-height: 1.6;
    font-size: 4vw;
    width: 80.5333333333vw;
  }

  body .modal-c .modal-main {
    background-image: url(../img/_works/modal-c-main-sp.png);
    width: 90.8vw;
    height: 166.1333333333vw;
  }

  body .modal-c .modal-txt {
    text-align: left;
    margin: 22.8vw 0 0 4.2666666667vw;
    line-height: 1.6;
    font-size: 4vw;
    width: 80.5333333333vw;
  }

  .back-to-top {
    background-image: url(../img/common/back-to-top-sp.png);
    bottom: 45.5px;
    right: 9.5px;
    width: 84px;
    height: 126px;
  }

  .subpage .back-to-top {
    bottom: 5.5px;
    right: 9.5px;
  }

  #globalFooter .sub {
    width: 100vw;
    height: 166.5px;
  }

  .subpage #globalFooter .sub {
    height: 121.5px;
  }

  #globalFooter .sub .link {
    margin: 15px 0 0 20px;
  }

  #globalFooter .sub .link li {
    margin: 9px 0;
    height: 25px;
    line-height: 25px;
  }

  #globalFooter .sub .sns {
    text-align: right;
    width: calc(100% - 20px);
  }

  #globalFooter .sub .sns li {
    height: auto;
    margin-top: 0;
    margin-right: 8.5px;
    margin-left: 0;
    line-height: 25px;
    top: -20px;
  }

  #globalFooter .sub .sns li:first-of-type {
    width: 100%;
    height: 25px;
    line-height: 25px;
    top: 0;
  }

  #globalFooter .sub .sns li.copyright {
    text-align: left;
    padding-left: 20px;
  }

  #globalFooter #main .visual-logo {
    background-image: url(../img/common/footer/visual-logo-sp.png);
    width: 72vw;
    height: 27.7333333333vw;
    margin: 4vw 0 0 14vw;
  }

  .subpage #globalFooter #main .visual-logo {
    width: 40vw;
    height: 15.3333333333vw;
    margin: 5.7333333333vw 0 0 8vw;
  }

  #globalFooter #main ul.nav-acbaa .nav-slowlife {
    background-image: url(../img/common/footer/nav-slowlife-sp.png);
    width: 42.5333333333vw;
    height: 49.3333333333vw;
    margin: 40.6666666667vw 0 0 5.0666666667vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-slowlife {
    background-image: url(../img/common/footer/nav-subpage-slowlife-sp.png);
    width: 40vw;
    height: 20.4vw;
    margin: 5.4666666667vw 0 0 51.7333333333vw;
  }

  #globalFooter #main ul.nav-acbaa .nav-guide {
    background-image: url(../img/common/footer/nav-guide-sp.png);
    width: 42.5333333333vw;
    height: 52.5333333333vw;
    margin: 36.9333333333vw 0 0 51.7333333333vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-guide {
    background-image: url(../img/common/footer/nav-subpage-guide-sp.png);
    width: 40vw;
    height: 20.4vw;
    margin: 30.1333333333vw 0 0 8vw;
  }

  #globalFooter #main ul.nav-acbaa .nav-movie {
    background-image: url(../img/common/footer/nav-movie-sp.png);
    width: 81.6vw;
    height: 27.7333333333vw;
    margin: 91.0666666667vw 0 0 9.0666666667vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-movie {
    background-image: url(../img/common/footer/nav-subpage-movie-sp.png);
    width: 40vw;
    height: 20.4vw;
    margin: 54.2666666667vw 0 0 51.7333333333vw;
  }

  #globalFooter #main ul.nav-acbaa .nav-namelist {
    background-image: url(../img/common/footer/nav-namelist-sp.png);
    width: 42.5333333333vw;
    height: 26.5333333333vw;
    margin: 120.8vw 0 0 5.3333333333vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-namelist {
    background-image: url(../img/common/footer/nav-subpage-namelist-sp.png);
    width: 40vw;
    height: 20.4vw;
    margin: 30.1333333333vw 0 0 51.7333333333vw;
  }

  #globalFooter #main ul.nav-acbaa .nav-portal {
    background-image: url(../img/common/footer/nav-portal-sp.png);
    width: 45.2vw;
    height: 26.5333333333vw;
    margin: 120.8vw 0 0 49.6vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-portal {
    background-image: url(../img/common/footer/nav-subpage-portal-sp.png);
    width: 40vw;
    height: 20.4vw;
    margin: 54.2666666667vw 0 0 8vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa {
    width: 100vw;
    height: 80vw;
    margin: 138.9333333333vw 0 0 0;
  }

  #globalFooter #main ul.nav-happyhomeparadise {
    width: 100vw;
    height: 91.6vw;
    margin: 161.4666666667vw 0 0 0;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise {
    width: 100vw;
    height: 138.9333333333vw;
    margin: 0vw 0 0 0;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-subpage-back {
    background-image: url(../img/common/footer/nav-subpage-back-sp.png);
    width: 44.9333333333vw;
    height: 8.9333333333vw;
    margin: 54.5333333333vw 0 0 27.4666666667vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
    background-image: url(../img/common/footer/nav-happyhomeparadise-ttl-sp.png);
    width: 47.8666666667vw;
    height: 13.4666666667vw;
    margin: -8.8vw 0 0 25.6vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
    margin: 9.0666666667vw 0 0 25.6vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
    background-image: url(../img/common/footer/nav-happyhomeparadise-logo-sp.png);
    width: 41.6vw;
    height: 21.8666666667vw;
    margin: 1.8666666667vw 0 0 29.0666666667vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
    width: 56vw;
    height: 29.4666666667vw;
    margin: 22.8vw 0 0 22vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
    background-image: url(../img/common/footer/nav-happyhomeparadise-works-sp.png);
    width: 86.6666666667vw;
    height: 25.3333333333vw;
    margin: 26.6666666667vw 0 0 6.4vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
    margin: 70.1333333333vw 0 0 6.4vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
    background-image: url(../img/common/footer/nav-happyhomeparadise-myisland-sp.png);
    width: 41.2vw;
    height: 31.3333333333vw;
    margin: 54.8vw 0 0 6.4vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
    margin: 99.6vw 0 0 6.4vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
    background-image: url(../img/common/footer/nav-happyhomeparadise-tsukutter-sp.png);
    width: 41.2vw;
    height: 31.3333333333vw;
    margin: 54.8vw 0 0 51.8666666667vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
    margin: 99.6vw 0 0 51.8666666667vw;
  }

  #globalFooter #main {
    width: 100vw;
    height: 252.8vw;
    margin-top: -1.2vw;
    background-image: url(../img/common/footer/footer-bg-sp.png);
  }

  .subpage #globalFooter #main {
    background-image: url(../img/common/footer/footer-subpage-bg-sp.png);
    height: 219.0666666667vw;
    margin-top: -2.5333333333vw;
  }

  .top .kv {
    background-image: url(../img/_top/kv-sp.png);
    width: 100vw;
    height: 153.6vw;
  }

  .top .kv-up-txt {
    background-image: url(../img/_top/kv-up-txt-sp.png);
    width: 100vw;
    height: 10.8vw;
  }

  .top #product {
    margin-top: -6.6666666667vw;
  }

  .top .sec-oshirase {
    background-image: url(../img/_top/sec-oshirase-bg-sp.png);
    background-size: 100% auto;
    height: 400vw;
    background-repeat: no-repeat;
    background-color: #f3f3ea;
  }

  .top .sec-oshirase .sec-in {
    width: 100vw;
    height: 400vw;
  }

  .top .kv-movie-btn {
    background-image: url(../img/_top/kv-movie-btn-sp.png);
    width: 75.3333333333vw;
    height: 61.7333333333vw;
    margin: 18.4vw 0 0 12.4vw;
  }

  .top .kv-product-detail-btn {
    background-image: url(../img/_top/kv-product-detail-btn-sp.png);
    width: 80vw;
    height: 26vw;
    margin: -13.7333333333vw 0 0 10vw;
  }

  .top h1.h1-oshirase {
    background-image: url(../img/_top/h1-oshirase-sp.png);
    width: 86.5333333333vw;
    height: 13.6vw;
    margin: 116.4vw 0 0 4.5333333333vw;
  }

  .top .oshirase-txt-0 {
    background-image: url(../img/_top/oshirase-txt-0-sp.png);
    width: 85.2vw;
    height: 21.2vw;
    margin: 136.5333333333vw 0 0 7.2vw;
  }

  .top .oshirase-txt-1 {
    background-image: url(../img/_top/oshirase-txt-1-sp.png);
    width: 88.2666666667vw;
    height: 19.2vw;
    margin: 91.8666666667vw 0 0 5.8666666667vw;
  }

  .top .pic-oshirase-0 {
    background-image: url(../img/_top/pic-oshirase-0-sp.png);
    width: 34.4vw;
    height: 26.8vw;
    margin: 162.4vw 0 0 0vw;
    z-index: 1;
  }

  .top .pic-oshirase-1 {
    background-image: url(../img/_top/pic-oshirase-1-sp.png);
    width: 35.6vw;
    height: 27.7333333333vw;
    margin: 161.4666666667vw 0 0 64.4vw;
    z-index: 1;
  }

  .top .pic-oshirase-2 {
    background-image: url(../img/_top/pic-oshirase-2-sp.png);
    width: 36.4vw;
    height: 32vw;
    margin: 191.4666666667vw 0 0 0vw;
    z-index: 1;
  }

  .top .pic-oshirase-3 {
    background-image: url(../img/_top/pic-oshirase-3-sp.png);
    width: 36.1333333333vw;
    height: 32vw;
    margin: 194.6666666667vw 0 0 64.4vw;
  }

  .top .pic-oshirase-4 {
    background-image: url(../img/_top/pic-oshirase-4-sp.png);
    width: 45.2vw;
    height: 32.6666666667vw;
    margin: 168.2666666667vw 0 0 26.1333333333vw;
    z-index: 0;
  }

  .top .pic-oshirase-5 {
    background-image: url(../img/_top/pic-oshirase-5-sp.png);
    width: 37.2vw;
    height: 27.0666666667vw;
    margin: 204.8vw 0 0 27.8666666667vw;
    z-index: 0;
  }

  .top h3.nakama-ttl {
    background-image: url(../img/_top/nakama-ttl-sp.png);
    width: 85.4666666667vw;
    height: 24.9333333333vw;
    margin: 234.5333333333vw 0 0 7.3333333333vw;
  }

  .top .nakama-0 {
    background-image: url(../img/_top/nakama-0-sp.png);
    width: 46.2666666667vw;
    height: 75.3333333333vw;
    margin: 266.8vw 0 0 6.1333333333vw;
  }

  .top .nakama-1 {
    background-image: url(../img/_top/nakama-1-sp.png);
    width: 45.3333333333vw;
    height: 52.4vw;
    margin: 259.6vw 0 0 50.9333333333vw;
  }

  .top .nakama-2 {
    background-image: url(../img/_top/nakama-2-sp.png);
    width: 73.0666666667vw;
    height: 80.5333333333vw;
    margin: 312.2666666667vw 0 0 23.4666666667vw;
  }

  .top .sec-works {
    background-size: 100% auto;
    background-image: url(../img/_top/sec-works-bg-sp.png);
  }

  .top .sec-works .sec-in {
    width: 100vw;
    height: 885.7333333333vw;
  }

  .top h1.h1-works {
    background-image: url(../img/_top/h1-works-sp.png);
    width: 57.0666666667vw;
    height: 14.2666666667vw;
    margin: 10.6666666667vw 0 0 21.3333333333vw;
  }

  .top h3.h3-works {
    background-image: url(../img/_top/h3-works-sp.png);
    width: 82.6666666667vw;
    height: 12.5333333333vw;
    margin: 27.0666666667vw 0 0 8.1333333333vw;
  }

  .top p.works-txt {
    margin: 42.9333333333vw 0 0 0;
    font-size: 4.2666666667vw;
    line-height: 1.69;
  }

  .top .works-item {
    width: 94.4vw;
    height: 69.6vw;
  }

  .top .works-item.works-0 {
    background-image: url(../img/_top/works-0-sp.png);
    margin: 80.8vw 0 0 2.8vw;
  }

  .top .works-item.works-1 {
    background-image: url(../img/_top/works-1-sp.png);
    margin: 150.6666666667vw 0 0 2.8vw;
  }

  .top .works-item.works-2 {
    background-image: url(../img/_top/works-2-sp.png);
    margin: 220.5333333333vw 0 0 2.8vw;
  }

  .top .works-item.works-3 {
    background-image: url(../img/_top/works-3-sp.png);
    margin: 290.4vw 0 0 2.8vw;
  }

  .top .works-item.works-4 {
    background-image: url(../img/_top/works-4-sp.png);
    margin: 360.2666666667vw 0 0 2.8vw;
  }

  .top .works-item.works-5 {
    background-image: url(../img/_top/works-5-sp.png);
    margin: 430.1333333333vw 0 0 2.8vw;
  }

  .top .works-label {
    background-image: url(../img/_top/works-label-sp.png);
    width: 63.8666666667vw;
    height: 18.2666666667vw;
    margin: -12vw 0 0 15.3333333333vw;
  }

  .top .works-seemore-btn {
    background-image: url(../img/_top/works-seemore-btn-sp.png);
    width: 73.6vw;
    height: 17.6vw;
    margin: 502.4vw 0 0 13.2vw;
  }

  .top .osusume-frame {
    background-image: url(../img/_top/osusume-frame-sp.png);
    width: 100vw;
    height: 346.8vw;
    margin: 536.2666666667vw 0 0 0vw;
  }

  .top h2.h2-osusume {
    background-image: url(../img/_top/h2-osusume-sp.png);
    width: 51.8666666667vw;
    height: 12.9333333333vw;
    margin: -5.6vw 0 0 24vw;
  }

  .top .osusume-txt-0 {
    background-image: url(../img/_top/osusume-txt-0-sp.png);
    width: 58vw;
    height: 30.4vw;
    margin: 11.2vw 0 0 21.0666666667vw;
  }

  .top .osusume-txt-1 {
    margin: 44.8vw 0 0 0vw;
    font-size: 4.2666666667vw;
    line-height: 1.69;
  }

  .top .point-img .audio-btn {
    width: 10vw;
    height: 10vw;
    margin: 4.8vw 8.4vw 0 0;
  }

  .top .point-img .audio-btn.audio-btn_ {
    margin: 1.3333333333vw 1.3333333333vw 0 0;
  }

  .top .point-img video {
    width: 83.05556%;
    height: 78.68421%;
    margin: 4.0625% 0 0 6.40625%;
    border: 2vw solid #fff;
    -webkit-transform: translate(0vw, -2vw);
    transform: translate(0vw, -2vw);
  }

  .top .point-img.point-img-0 {
    width: 85.3333333333vw;
    height: 50.6666666667vw;
    margin: 78.2666666667vw 0 0 7.3333333333vw;
  }

  .top .point-img.point-img-0 .point-ttl {
    background-image: url(../img/_top/point-0-sp.png);
    width: 35.8666666667vw;
    height: 11.3333333333vw;
    margin: -6.1333333333vw 0 0 24.8vw;
  }

  .top .point-img.point-img-1 {
    width: 85.3333333333vw;
    height: 50.6666666667vw;
    margin: 136.4vw 0 0 7.3333333333vw;
  }

  .top .point-img.point-img-1 .point-ttl {
    background-image: url(../img/_top/point-1-sp.png);
    width: 35.8666666667vw;
    height: 11.3333333333vw;
    margin: -6.1333333333vw 0 0 24.8vw;
  }

  .top .point-img.point-img-2 {
    width: 85.3333333333vw;
    height: 50.6666666667vw;
    margin: 197.4666666667vw 0 0 7.3333333333vw;
  }

  .top .point-img.point-img-2 .point-ttl {
    background-image: url(../img/_top/point-2-sp.png);
    width: 44.9333333333vw;
    height: 14.2666666667vw;
    margin: -9.0666666667vw 0 0 20.1333333333vw;
  }

  .top .point-img.point-img-3 {
    width: 57.3333333333vw;
    height: 32.1333333333vw;
    margin: 249.4666666667vw 0 0 32vw;
  }

  .top .point-img.point-img-3 .point-ttl {
    background-image: url(../img/_top/point-3-sp.png);
    width: 26.4vw;
    height: 30.6666666667vw;
    margin: -0.6666666667vw 0 0 -22.2666666667vw;
  }

  .top .takumi-life-intro-btn {
    background-image: url(../img/_top/takumi-life-intro-btn-sp.png);
    width: 94.5333333333vw;
    height: 44.5333333333vw;
    margin: 828.4vw 0 0 0vw;
  }

  .top .sec-wait {
    background-size: 100% auto;
    background-image: url(../img/_top/sec-wait-bg-sp.png);
  }

  .top .sec-wait .sec-in {
    width: 100vw;
    height: 133.3333333333vw;
  }

  .top .wait-txt {
    background-image: url(../img/_top/wait-txt-sp.png);
    width: 87.2vw;
    height: 45.8666666667vw;
    margin: 10.2666666667vw 0 0 6.4vw;
  }

  .top .wait-pic {
    background-image: url(../img/_top/wait-pic-sp.png);
    width: 100vw;
    height: 58.2666666667vw;
    margin: 60.4vw 0 0 0vw;
  }

  .top .sec-info {
    background-size: 100% auto;
    background-image: url(../img/_top/sec-info-bg-sp.png);
  }

  .top .sec-info .sec-in {
    width: 100vw;
    height: 573.3333333333vw;
  }

  .top h2.h2-info {
    background-image: url(../img/_top/h2-info-sp.png);
    width: 78.4vw;
    height: 20vw;
    margin: 10.6666666667vw 0 0 10.6666666667vw;
  }

  .top .info-btn-0 {
    background-image: url(../img/_top/info-btn-0-sp.png);
    width: 85.8666666667vw;
    height: 61.8666666667vw;
    margin: 37.3333333333vw 0 0 7.0666666667vw;
  }

  .top .info-btn-1 {
    background-image: url(../img/_top/info-btn-1-sp.png);
    width: 87.6vw;
    height: 63.2vw;
    margin: 104.5333333333vw 0 0 5.3333333333vw;
  }

  .top .info-btn-2 {
    background-image: url(../img/_top/info-btn-2-sp.png);
    width: 90.4vw;
    height: 104.2666666667vw;
    margin: 167.2vw 0 0 5.7333333333vw;
  }

  .top .start-pattern-frame {
    width: 94.6666666667vw;
    margin: 278.1333333333vw 0 0 2.6666666667vw;
    border-radius: 4vw;
    line-height: 1.65;
    padding-left: 5.6338028169%;
    padding-right: 5.6338028169%;
    padding-top: 6.6666666667vw;
    padding-bottom: 18.6666666667vw;
  }

  .top .start-pattern-frame:before {
    width: calc(100% - 2.13333vw);
    height: calc(100% - 2.13333vw);
    border-radius: 2.6666666667vw;
  }

  .top .start-pattern-frame .start-pattern-main {
    padding-bottom: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }

  .top .start-pattern-frame .start-pattern-main__ttl {
    width: 90.6666666667vw;
    height: 111.2vw;
    background-image: url(../img/_top/start-main-sp.png);
    margin-left: -5.6338028169%;
  }

  .top .start-pattern-frame .start-pattern-main__detail {
    top: 34.1333333333vw;
  }

  .top .start-pattern-frame .start-pattern-main__detail li {
    text-align: center;
  }

  .top .start-pattern-frame .start-pattern-main__detail li:not(:first-child) {
    margin-top: 13.7333333333vw;
  }

  .top .start-pattern-frame .start-pattern-main__detail li p span {
    position: absolute;
    top: 8vw;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 74vw;
  }

  .top .start-pattern-frame .start-pattern-main__note {
    margin-top: 5.3333333333vw;
    font-size: 2.9333333333vw;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .top .start-pattern-frame .start-pattern-other {
    border-radius: 2.6666666667vw;
    padding-top: 6.6666666667vw;
    padding-bottom: 6.6666666667vw;
  }

  .top .start-pattern-frame .start-pattern-other__ttl p {
    width: 37.6vw;
    height: 4.2666666667vw;
    margin-left: 2.6666666667vw;
  }

  .top .start-pattern-frame .start-pattern-other__desc {
    font-size: 3.7333333333vw;
    margin-top: 4.6666666667vw;
  }

  .top .start-pattern-frame .start-pattern-other__link a {
    width: 63.8666666667vw;
    height: 3.4666666667vw;
    margin-top: 5.3333333333vw;
  }

  .top .start-pattern-frame .start-pattern-other__bnr {
    width: 59.6vw;
    height: 19.7333333333vw;
    margin-top: 5.3333333333vw;
  }

  .top .start-char-0 {
    background-image: url(../img/_top/start-char-0-sp.png);
    width: 29.4666666667vw;
    height: 47.3333333333vw;
    top: 70.8vw;
    left: 57.4666666667vw;
  }

  .top .brown {
    font-size: 4.2666666667vw;
  }

  .top .red-small {
    font-size: 3.4666666667vw;
  }

  .top .red-note {
    font-size: 3.4666666667vw;
  }

  .top .brown-small {
    font-size: 3.4666666667vw;
  }

  .top .flower-icon {
    width: 5.2vw;
    height: 4.8vw;
  }

  .top .download-btn {
    width: 74.4vw;
    height: 19.7333333333vw;
    background-image: url(../img/_top/download-btn-sp.png);
    margin-top: 5.3333333333vw;
  }

  .top .buy-detail-btn {
    width: 74.4vw;
    height: 19.7333333333vw;
    background-image: url(../img/_top/buy-detail-btn-sp.png);
  }

  .myisland .mv {
    background-image: url(../img/_myisland/mv-sp.png);
    width: 100vw;
    height: 59.3333333333vw;
  }

  .myisland .mv-txt-bg {
    background-image: url(../img/_myisland/mv-txt-bg-sp.png);
    width: 100vw;
    height: 38.6666666667vw;
    margin-top: -2.4vw;
  }

  .myisland .h1-mv {
    background-image: url(../img/_myisland/h1-mv-sp.png);
    width: 71.0666666667vw;
    height: 17.3333333333vw;
    margin-top: 49.3333333333vw;
  }

  .myisland .mv-txt {
    background-image: url(../img/_myisland/mv-txt-sp.png);
    width: 72.8vw;
    height: 15.8666666667vw;
    margin-top: 72vw;
  }

  .myisland .sec-myhome {
    background-image: url(../img/_myisland/sec-myhome-bg-sp.png);
  }

  .myisland .sec-myhome .sec-in {
    width: 100vw;
    height: 158.2666666667vw;
  }

  .myisland .h2-myhome {
    background-image: url(../img/_myisland/h2-myhome-sp.png);
    width: 100vw;
    height: 15.3333333333vw;
    margin-top: 8.2666666667vw;
  }

  .myisland .myhome-movie-0 .audio-btn {
    width: 10vw;
    height: 10vw;
    margin: 4.8vw 8.4vw 0 0;
  }

  .myisland .myhome-movie-0 video {
    width: 91.43585%;
    height: 89.08189%;
    margin: 2.00573% 0 0 3.15186%;
    border: 2vw solid #fff;
    -webkit-transform: translate(-2vw, -2vw);
    transform: translate(-2vw, -2vw);
  }

  .myisland .myhome-movie-0 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 28.5333333333vw 0 0 3.3333333333vw;
  }

  .myisland .myhome-movie-1 {
    background-image: url(../img/_myisland/myhome-movie-1-sp.png);
    width: 44.6666666667vw;
    height: 29.0666666667vw;
    margin: 70.8vw 0 0 32vw;
  }

  .myisland .myhome-movie-2 {
    background-image: url(../img/_myisland/myhome-movie-2-sp.png);
    width: 48.2666666667vw;
    height: 31.6vw;
    margin: 79.7333333333vw 0 0 0.2666666667vw;
  }

  .myisland .myhome-pic-0 {
    background-image: url(../img/_myisland/myhome-pic-0-sp.png);
    width: 35.0666666667vw;
    height: 27.7333333333vw;
    margin: 95.7333333333vw 0 0 44.6666666667vw;
  }

  .myisland .myhome-pic-1 {
    background-image: url(../img/_myisland/myhome-pic-1-sp.png);
    width: 26vw;
    height: 31.6vw;
    margin: 82.4vw 0 0 74vw;
  }

  .myisland .myhome-flower {
    background-image: url(../img/_myisland/myhome-flower-sp.png);
    width: 12.6666666667vw;
    height: 17.4666666667vw;
    margin: 133.4666666667vw 0 0 82.1333333333vw;
  }

  .myisland .myhome-txt {
    line-height: 1.69;
    font-size: 4.2666666667vw;
    margin: 120.4vw 0 0 5.4666666667vw;
  }

  .myisland .sec-kaimono {
    background-size: auto 100%;
    background-image: url(../img/_myisland/sec-kaimono-bg-sp.png);
    background-position: 50% 0;
  }

  .myisland .sec-kaimono .sec-in {
    width: 100vw;
    height: 304.1333333333vw;
  }

  .myisland h2.h2-kaimono-0 {
    background-image: url(../img/_myisland/h2-kaimono-0-sp.png);
    width: 72vw;
    height: 14.5333333333vw;
    margin: 13.7333333333vw 0 0 14vw;
  }

  .myisland .kaimono-carousel {
    width: 85.3333333333vw;
    height: 50.6666666667vw;
    margin: 32vw 0 0 8vw;
  }

  .myisland .kaimono-carousel-0 {
    background-image: url(../img/_myisland/kaimono-carousel-0-sp.png);
    width: 85.3333333333vw;
    height: 50.6666666667vw;
  }

  .myisland .kaimono-comment-0 {
    background-image: url(../img/_myisland/kaimono-comment-0-sp.png);
    width: 100vw;
    height: 65.0666666667vw;
    margin: 85.4666666667vw 0 0 0vw;
  }

  .myisland h2.h2-kaimono-1 {
    background-image: url(../img/_myisland/h2-kaimono-1-sp.png);
    width: 72vw;
    height: 14.5333333333vw;
    margin: 155.6vw 0 0 14vw;
  }

  .myisland .kaimono-comment-1 {
    background-image: url(../img/_myisland/kaimono-comment-1-sp.png);
    width: 86.4vw;
    height: 54.8vw;
    margin: 239.3333333333vw 0 0 6.8vw;
  }

  .myisland .kaimono-pic01 {
    background-image: url(../img/_myisland/kaimono-pic01-sp.png);
    width: 48.1333333333vw;
    height: 32.6666666667vw;
    margin: 211.7333333333vw 0 0 0vw;
  }

  .myisland .kaimono-pic02 {
    background-image: url(../img/_myisland/kaimono-pic02-sp.png);
    width: 84vw;
    height: 54.4vw;
    margin: 174.5333333333vw 0 0 16vw;
  }

  .myisland .kaimono-pic-0 {
    background-image: url(../img/_myisland/kaimono-pic-0-sp.png);
    width: 29.2vw;
    height: 34.5333333333vw;
    margin: 66.2666666667vw 0 0 0vw;
  }

  .myisland .kaimono-pic-1 {
    background-image: url(../img/_myisland/kaimono-pic-1-sp.png);
    width: 18vw;
    height: 21.0666666667vw;
    margin: 67.4666666667vw 0 0 80.5333333333vw;
  }

  .myisland .kaimono-pic-2 {
    background-image: url(../img/_myisland/kaimono-pic-2-sp.png);
    width: 15.3333333333vw;
    height: 34.9333333333vw;
    margin: 145.4666666667vw 0 0 84.6666666667vw;
  }

  .myisland .kaimono-pic-3 {
    background-image: url(../img/_myisland/kaimono-pic-3-sp.png);
    width: 18.8vw;
    height: 30.8vw;
    margin: 181.2vw 0 0 0vw;
  }

  .myisland .kaimono-pic-4 {
    background-image: url(../img/_myisland/kaimono-pic-4-sp.png);
    width: 17.4666666667vw;
    height: 19.3333333333vw;
    margin: 238.1333333333vw 0 0 84vw;
  }

  .myisland .kaimono-pic-5 {
    background-image: url(../img/_myisland/kaimono-pic-5-sp.png);
    width: 19.2vw;
    height: 26.2666666667vw;
    margin: 223.2vw 0 0 67.0666666667vw;
  }

  .main.works .swiper-pagination {
    width: 100vw;
    height: 2.6666666667vw;
    bottom: 14.1333333333vw;
  }

  .main.works .swiper-pagination .swiper-pagination-bullet {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: 0 1.6vw;
  }

  .main.works .mv {
    width: 100vw;
    height: 72vw;
  }

  .main.works .h1-mv {
    background-image: url(../img/_works/h1-mv-sp.png);
    width: 84vw;
    height: 17.3333333333vw;
    margin-top: 62.4vw;
  }

  .main.works .mv-char-0 {
    background-image: url(../img/_works/mv-char-0-sp.png);
    width: 25.7333333333vw;
    height: 31.7333333333vw;
    margin: 127.4666666667vw 0 0 28.5333333333vw;
  }

  .main.works .mv-char-1 {
    background-image: url(../img/_works/mv-char-1-sp.png);
    width: 26.1333333333vw;
    height: 40.1333333333vw;
    margin: 128.8vw 0 0 7.7333333333vw;
  }

  .main.works .mv-char-2 {
    background-image: url(../img/_works/mv-char-2-sp.png);
    width: 42.4vw;
    height: 48.1333333333vw;
    margin: 121.6vw 0 0 49.3333333333vw;
  }

  .main.works .mv-txt-bg {
    background-image: url(../img/_works/mv-txt-bg-sp.png);
    width: 100vw;
    height: 86vw;
    margin-top: -2.5333333333vw;
  }

  .main.works .mv-txt {
    background-image: url(../img/_works/mv-txt-sp.png);
    width: 82.2666666667vw;
    height: 32.9333333333vw;
    margin-top: 85.0666666667vw;
  }

  .main.works .sec-goraiten {
    background-image: url(../img/_works/step-02-bg-sp.png);
    background-repeat: no-repeat;
    background-size: auto 85.6vw;
    background-position: 50% 402.6666666667vw;
  }

  .main.works .sec-goraiten .sec-in {
    width: 100vw;
    height: 572vw;
  }

  .main.works .h2-goraiten {
    background-image: url(../img/_works/h2-goraiten-sp.png);
    width: 100vw;
    height: 16vw;
    margin-top: 6.5333333333vw;
  }

  .main.works .step-01-ttl {
    background-image: url(../img/_works/step-01-ttl-sp.png);
    width: 62.9333333333vw;
    height: 28vw;
    margin: 29.3333333333vw 0 0 18.6666666667vw;
  }

  .main.works .step-01-txt {
    width: 100%;
    text-align: center;
    margin: 61.2vw 0 0 0vw;
    line-height: 1.6;
    font-size: 4vw;
  }

  .main.works .step-01-pic-0 {
    background-image: url(../img/_works/step-01-pic-0-sp.png);
    width: 96.5333333333vw;
    height: 53.7333333333vw;
    margin: 143.0666666667vw 0 0 3.4666666667vw;
  }

  .main.works .step-01-pic-1 {
    background-image: url(../img/_works/step-01-pic-1-sp.png);
    width: 97.0666666667vw;
    height: 56.4vw;
    margin: 197.0666666667vw 0 0 0vw;
  }

  .main.works .step-01-pic-2 {
    background-image: url(../img/_works/step-01-pic-2-sp.png);
    width: 96.9333333333vw;
    height: 55.8666666667vw;
    margin: 251.0666666667vw 0 0 3.4666666667vw;
  }

  .main.works .step-01-pic-3 {
    background-image: url(../img/_works/step-01-pic-3-sp.png);
    width: 96vw;
    height: 72.2666666667vw;
    margin: 78.1333333333vw 0 0 2vw;
  }

  .main.works .step-line-pattern {
    background-image: url(../img/_works/step-line-pattern-sp.png);
    background-position: 100% 0;
    left: 0;
    margin-top: 312.5333333333vw;
    height: 7.7333333333vw;
  }

  .main.works .step-02-ttl {
    background-image: url(../img/_works/step-02-ttl-sp.png);
    width: 74.4vw;
    height: 29.3333333333vw;
    margin: 329.6vw 0 0 12.8vw;
  }

  .main.works .step-02-txt {
    margin: 364.2666666667vw 0 0 0;
    font-size: 4vw;
    line-height: 1.6;
  }

  .main.works .step-02-pic-0 {
    background-image: url(../img/_works/step-02-pic-0-sp.png);
    width: 97.6vw;
    height: 89.2vw;
    margin: 390.9333333333vw 0 0 2.4vw;
  }

  .main.works .step-03-ttl {
    background-image: url(../img/_works/step-03-ttl-sp.png);
    width: 62.9333333333vw;
    height: 28vw;
    margin: 497.3333333333vw 0 0 18.6666666667vw;
  }

  .main.works .step-03-pic-0 video {
    width: 93.69628%;
    height: 89.08189%;
    margin: 2.00573% 0 0 3.15186%;
  }

  .main.works .step-03-pic-0 .audio-btn {
    width: 10vw;
    height: 10vw;
    margin: 2.8vw 4.9333333333vw 0 0;
  }

  .main.works .step-03-pic-0 {
    background-image: url(../img/_works/step-03-pic-0-sp.png);
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: -20.2666666667vw 0 0 3.4666666667vw;
  }

  .main.works .sec-coordination-technique {
    background-image: url(../img/_works/sec-coordination-technique-sp.png);
    background-size: auto 100%;
  }

  .main.works .sec-coordination-technique .sec-in {
    width: 100vw;
    height: 471.6vw;
  }

  .main.works .step-03-txt {
    width: 100%;
    text-align: center;
    line-height: 1.6;
    margin: 529.3333333333vw 0 0 0vw;
    font-size: 4vw;
  }

  .main.works .coordination-technique-pic-0 {
    background-image: url(../img/_works/coordination-technique-pic-0-sp.png);
    width: 17.7333333333vw;
    height: 34.9333333333vw;
    margin: -65.7333333333vw 0 0 0vw;
  }

  .main.works .coordination-technique-pic-1 {
    background-image: url(../img/_works/coordination-technique-pic-1-sp.png);
    width: 24.2666666667vw;
    height: 32.6666666667vw;
    bottom: 66.9333333333vw;
    left: 75.7333333333vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  .main.works .coordination-technique-ttl {
    background-image: url(../img/_works/coordination-technique-ttl-sp.png);
    width: 89.3333333333vw;
    height: 17.6vw;
    margin: 38.5333333333vw 0 0 5.3333333333vw;
  }

  .main.works .audio-btn {
    width: 10vw;
    height: 10vw;
    margin: 2.8vw 4.9333333333vw 0 0;
  }

  .main.works .coordination-technique-movie {
    background-image: url(../img/_works/coordination-technique-movie-sp.png);
  }

  .main.works .coordination-technique-movie video {
    width: 93.69628%;
    height: 89.08189%;
    margin: 2.00573% 0 0 3.15186%;
  }

  .main.works .coordination-technique-movie-0 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 68.2666666667vw 0 0 3.4666666667vw;
  }

  .main.works .coordination-technique-movie-0 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-0-ttl-sp.png);
  }

  .main.works .coordination-technique-movie-0 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-0-fuki-sp.png);
  }

  .main.works .coordination-technique-movie-1 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 148.8vw 0 0 3.4666666667vw;
  }

  .main.works .coordination-technique-movie-1 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-1-ttl-sp.png);
  }

  .main.works .coordination-technique-movie-1 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-1-fuki-sp.png);
  }

  .main.works .coordination-technique-movie-2 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 229.3333333333vw 0 0 3.4666666667vw;
  }

  .main.works .coordination-technique-movie-2 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-2-ttl-sp.png);
  }

  .main.works .coordination-technique-movie-2 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-2-fuki-sp.png);
  }

  .main.works .coordination-technique-movie-3 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 309.8666666667vw 0 0 3.4666666667vw;
  }

  .main.works .coordination-technique-movie-3 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-3-ttl-sp.png);
  }

  .main.works .coordination-technique-movie-3 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-3-fuki-sp.png);
  }

  .main.works .coordination-technique-movie-ttl {
    width: 48.6666666667vw;
    height: 12.4vw;
    margin: -5.4666666667vw 0 0 -1.8666666667vw;
  }

  .main.works .coordination-technique-movie-fuki {
    width: 81.6vw;
    height: 22.4vw;
    margin: 47.3333333333vw 0 0 5.8666666667vw;
  }

  .main.works .coordination-technique-movie-4 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 390.4vw 0 0 3.4666666667vw;
  }

  .main.works .coordination-technique-movie-4 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-4-ttl-sp.png);
  }

  .main.works .coordination-technique-movie-4 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-4-fuki-sp.png);
  }

  .main.works .sec-kansei .sec-in {
    width: 100vw;
    height: 236vw;
  }

  .main.works .kansei-ttl {
    background-image: url(../img/_works/kansei-ttl-sp.png);
    width: 92.2666666667vw;
    height: 32.2666666667vw;
    margin: 12vw 0 0 3.8666666667vw;
  }

  .main.works .kansei-pic-0 {
    background-image: url(../img/_works/kansei-pic-0-sp.png);
    width: 100vw;
    height: 103.4666666667vw;
    margin: 40.1333333333vw 0 0 0vw;
  }

  .main.works .kansei-txt {
    line-height: 1.6;
    font-size: 4vw;
    margin: 147.3333333333vw 0 0 5.3333333333vw;
  }

  .main.works .kansei-seemore {
    background-image: url(../img/_works/kansei-seemore-sp.png);
    width: 73.6vw;
    height: 16.8vw;
    margin: 170.5333333333vw 0 0 13.2vw;
  }

  .main.works .kansei-photo-0 {
    background-image: url(../img/_works/kansei-photo-0-sp.png);
    width: 100vw;
    height: 27.2vw;
    margin: 194.6666666667vw 0 0 0vw;
  }

  .main.works .kansei-pattern {
    background-image: url(../img/_works/kansei-pattern-sp.png);
    background-position: 100% 0;
    left: 0;
    margin-top: 227.0666666667vw;
    height: 6.2666666667vw;
  }

  .main.works .teian-ttl {
    background-image: url(../img/_works/teian-ttl-sp.png);
    width: 100vw;
    height: 89.2vw;
    margin: 9.8666666667vw 0 0 0vw;
  }

  .main.works .teian-0-img {
    background-image: url(../img/_works/teian-0-img-sp.png);
    width: 91.6vw;
    height: 64.4vw;
    margin: 140.4vw 0 0 4.2666666667vw;
  }

  .main.works .teian-0-img .teian-btn {
    margin: 54.4vw 0 0 42vw;
  }

  .main.works .teian-1-img {
    background-image: url(../img/_works/teian-1-img-sp.png);
    width: 91.8666666667vw;
    height: 64.8vw;
    margin: 247.8666666667vw 0 0 4.1333333333vw;
  }

  .main.works .teian-1-img .teian-btn {
    margin: 58.5333333333vw 0 0 1.3333333333vw;
  }

  .main.works .teian-2-img {
    background-image: url(../img/_works/teian-2-img-sp.png);
    width: 91.6vw;
    height: 64.4vw;
    margin: 349.7333333333vw 0 0 4.2666666667vw;
  }

  .main.works .teian-2-img .teian-btn {
    margin: 54.6666666667vw 0 0 44.9333333333vw;
  }

  .main.works .sec-teian {
    background-image: url(../img/_works/step-teian-bg-sp.png);
    background-size: auto 100%;
  }

  .main.works .sec-teian .sec-in {
    width: 100vw;
    height: 433.8666666667vw;
  }

  .main.works .teian-0-pic {
    background-image: url(../img/_works/teian-0-pic-sp.png);
    width: 38.8vw;
    height: 41.2vw;
    margin: 106.6666666667vw 0 0 4.5333333333vw;
  }

  .main.works .teian-0-pic_ {
    background-image: url(../img/_works/teian-0-pic_-sp.png);
    width: 24.8vw;
    height: 28vw;
    margin: 135.2vw 0 0 72.5333333333vw;
  }

  .main.works .teian-1-pic {
    background-image: url(../img/_works/teian-1-pic-sp.png);
    width: 20.2666666667vw;
    height: 33.6vw;
    margin: 222.9333333333vw 0 0 60.1333333333vw;
  }

  .main.works .teian-2-pic {
    background-image: url(../img/_works/teian-2-pic-sp.png);
    width: 21.8666666667vw;
    height: 34vw;
    margin: 328.8vw 0 0 8.8vw;
  }

  .main.works .teian-0-txt {
    background-image: url(../img/_works/teian-0-txt-sp.png);
    width: 54.1333333333vw;
    height: 37.3333333333vw;
    margin: 107.7333333333vw 0 0 39.4666666667vw;
  }

  .main.works .teian-1-txt {
    background-image: url(../img/_works/teian-1-txt-sp.png);
    width: 59.7333333333vw;
    height: 41.0666666667vw;
    margin: 215.0666666667vw 0 0 5.4666666667vw;
  }

  .main.works .teian-2-txt {
    background-image: url(../img/_works/teian-2-txt-sp.png);
    width: 48.9333333333vw;
    height: 33.6vw;
    margin: 322.2666666667vw 0 0 45.7333333333vw;
  }

  .main.works .teian-btn {
    background-image: url(../img/_works/teian-btn-sp.png);
    width: 44.8vw;
    height: 16.1333333333vw;
  }

  .main.works .dot-0 {
    background-image: url(../img/_works/dot-0-sp.png);
    width: 8vw;
    height: 97.6vw;
    margin: 44.4vw 0 0 7.6vw;
  }

  .main.works .dot-1 {
    background-image: url(../img/_works/dot-1-sp.png);
    width: 17.7333333333vw;
    height: 179.3333333333vw;
    margin: 169.7333333333vw 0 0 75.2vw;
  }

  .main.works .dot-2 {
    background-image: url(../img/_works/dot-2-sp.png);
    width: 43.2vw;
    height: 147.8666666667vw;
    margin: 347.4666666667vw 0 0 7.2vw;
  }

  .main.works .dot-3 {
    background-image: url(../img/_works/dot-3-sp.png);
    width: 43.2vw;
    height: 543.8666666667vw;
    margin: -62.8vw 0 0 50vw;
  }

  .tsukutter .mv {
    background-image: url(../img/_tsukutter/mv-sp.png);
    width: 100vw;
    height: 59.3333333333vw;
  }

  .tsukutter .mv-txt-bg {
    background-image: url(../img/_tsukutter/mv-txt-bg-sp.png);
    width: 100vw;
    height: 64.2666666667vw;
    margin-top: -2.4vw;
  }

  .tsukutter .h1-mv {
    background-image: url(../img/_tsukutter/h1-mv-sp.png);
    width: 71.0666666667vw;
    height: 17.3333333333vw;
    margin-top: 49.3333333333vw;
  }

  .tsukutter .mv-txt {
    background-image: url(../img/_tsukutter/mv-txt-sp.png);
    width: 91.4666666667vw;
    height: 41.4666666667vw;
    margin-top: 71.8666666667vw;
  }

  .tsukutter .sec-dekirukoto {
    background-image: url(../img/_tsukutter/sec-dekirukoto-bg-sp.png);
    background-size: auto 100%;
  }

  .tsukutter .sec-dekirukoto .sec-in {
    width: 100vw;
    height: 354.5333333333vw;
  }

  .tsukutter .h2-dekirukoto {
    background-image: url(../img/_tsukutter/h2-dekirukoto-sp.png);
    width: 100vw;
    height: 15.6vw;
    margin-top: 8vw;
  }

  .tsukutter .h3-dekirukoto-0 {
    background-image: url(../img/_tsukutter/h3-dekirukoto-0-sp.png);
    width: 78.8vw;
    height: 13.7333333333vw;
    margin: 31.6vw 0 0 10.6666666667vw;
  }

  .tsukutter .dekirukoto-txt-1 {
    line-height: 1.69;
    margin: 184.8vw auto 0;
    font-size: 4.2666666667vw;
  }

  .tsukutter .dekirukoto-movie .audio-btn {
    width: 10vw;
    height: 10vw;
    margin: 3.2vw 5.3333333333vw 0 0;
  }

  .tsukutter .dekirukoto-movie .audio-btn.audio-btn-1 {
    margin: 0 0 5.3333333333vw 5.3333333333vw;
    right: auto;
    top: auto;
    bottom: 0;
  }

  .tsukutter .dekirukoto-movie video {
    width: 91.43585%;
    height: 89.08189%;
    margin: 2.00573% 0 0 3.15186%;
    border: 2vw solid #fff;
    -webkit-transform: translate(0vw, -2vw);
    transform: translate(0vw, -2vw);
  }

  .tsukutter .dekirukoto-movie-0 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 50.1333333333vw 0 0 3.4666666667vw;
  }

  .tsukutter .dekirukoto-movie-1 {
    width: 93.0666666667vw;
    height: 53.7333333333vw;
    margin: 229.8666666667vw 0 0 3.4666666667vw;
  }

  .tsukutter .fukidashi {
    background-image: url(../img/_tsukutter/fukidashi-sp.png);
    width: 48.9333333333vw;
    height: 28.5333333333vw;
    margin: 214.4vw 0 0 49.7333333333vw;
  }

  .tsukutter .dekirukoto-comment-0 {
    background-image: url(../img/_tsukutter/dekirukoto-comment-0-sp.png);
    width: 78.9333333333vw;
    height: 48.4vw;
    margin: 105.0666666667vw 0 0 0vw;
  }

  .tsukutter .h3-dekirukoto-1 {
    background-image: url(../img/_tsukutter/h3-dekirukoto-1-sp.png);
    width: 78.8vw;
    height: 13.7333333333vw;
    margin: 167.0666666667vw 0 0 10.6666666667vw;
  }

  .tsukutter .dekirukoto-comment-1 {
    background-image: url(../img/_tsukutter/dekirukoto-comment-1-sp.png);
    width: 75.6vw;
    height: 40.9333333333vw;
    margin: 285.0666666667vw 0 0 24.4vw;
  }

  .tsukutter .dekirukoto-pic-0 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-0-sp.png);
    width: 13.3333333333vw;
    height: 15.8666666667vw;
    margin: 102.2666666667vw 0 0 64.5333333333vw;
  }

  .tsukutter .dekirukoto-pic-1 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-1-sp.png);
    width: 18.8vw;
    height: 28.2666666667vw;
    margin: 104.8vw 0 0 81.2vw;
  }

  .tsukutter .dekirukoto-pic-2 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-2-sp.png);
    width: 26.9333333333vw;
    height: 27.3333333333vw;
    margin: 131.3333333333vw 0 0 64.9333333333vw;
  }

  .tsukutter .dekirukoto-pic-3 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-3-sp.png);
    width: 17.0666666667vw;
    height: 28vw;
    margin: 301.7333333333vw 0 0 16.9333333333vw;
    z-index: 1;
  }

  .tsukutter .dekirukoto-pic-4 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-4-sp.png);
    width: 27.3333333333vw;
    height: 28.9333333333vw;
    margin: 284.4vw 0 0 0.4vw;
  }

  .tsukutter .dekirukoto-pic-5 {
    width: 6.8vw;
    height: 14.8vw;
    margin: 280.2666666667vw 0 0 92.2666666667vw;
    z-index: 1;
  }

  .tsukutter .dekirukoto-note {
    line-height: 1.5;
    margin: 333.7333333333vw 0 0 8.9333333333vw;
    font-size: 3.2vw;
    text-align: left;
    text-indent: -3.2vw;
  }
}

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

  .SWITCH_logo {
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
  }

  .acbaa-logo {
    top: 12px;
    left: 36px;
    width: 216px;
    height: 113px;
  }

  .modal {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .menu-btn {
    width: 75px;
    height: 77px;
    margin-right: 20px;
  }

  body .modal-menu .modal-main {
    width: 400px;
  }

  body .modal-menu .modalMenu__sec.-cmn {
    padding: 50px 30px 40px;
  }

  body .modal-menu .modalMenu__sec.-add {
    padding: 30px 30px 65px;
  }

  body .modal-menu .modalMenu__logo.-cmn {
    width: 259px;
    height: 125px;
  }

  body .modal-menu .modalMenu__logo.-add {
    width: 200px;
    height: 167px;
  }

  body .modal-menu .modalMenu__nav {
    margin-top: 20px;
  }

  body .modal-menu .modalMenu__nav a {
    height: 63px;
  }

  body .modal-menu .modalMenu__close {
    width: 181px;
    height: 59px;
    margin-top: 42px;
  }

  body .modal-works .modal-content {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  body .modal-works .works-ttl {
    width: 1600px;
    height: 115px;
    margin: 0 0 70px 0;
  }

  body .modal-works .a-ttl {
    width: 1600px;
    height: 115px;
    margin: 61px auto 31px;
  }

  body .modal-works .b-ttl {
    width: 1600px;
    height: 115px;
    margin: 46px auto 31px;
  }

  body .modal-works .works-close {
    width: 493px;
    height: 112px;
    margin-top: 90px;
  }

  body .modal-works .works-1-pic {
    width: 123px;
    height: 150px;
    margin: 0 0 40px 287px;
  }

  body .modal-works .works-2-pic {
    width: 79px;
    height: 189px;
    margin: 0 0 60px 1165px;
  }

  body .modal-works .works-3-pic {
    width: 121px;
    height: 195px;
    margin: 0 0 35px 1298px;
  }

  body .modal-yt .modal-close-btn {
    width: 70px;
    height: 70px;
    margin: -70px 10% 0 0px;
    right: 0;
    left: auto;
  }

  .back-to-top {
    bottom: 49px;
    left: 50%;
    width: 122px;
    height: 176px;
    margin-left: 659px;
    background-image: url(../img/common/back-to-top-pc.png);
  }

  .back-to-top:hover:after {
    opacity: 1;
  }

  #globalFooter {
    margin-top: -12px;
  }

  #globalFooter .sub {
    left: calc(-50vw - -800px);
    width: 100vw;
    height: 75px;
    padding: 0 30px;
  }

  #globalFooter .sub .sns li {
    margin-top: 0;
    margin-left: 10px;
    vertical-align: middle;
  }

  #globalFooter .sub .sns li.copyright {
    min-width: 93px;
    text-align: right;
    vertical-align: middle;
  }

  #globalFooter #main .visual-logo {
    width: 475px;
    height: 184px;
    margin: 50px 0 0 563px;
  }

  .subpage #globalFooter #main .visual-logo {
    width: 225px;
    height: 87px;
    margin: 34px 0 0 184px;
  }

  #globalFooter #main ul.nav-acbaa .nav-slowlife {
    width: 318px;
    height: 368px;
    margin: 278px 0 0 155px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-slowlife {
    background-image: url(../img/common/footer/nav-subpage-slowlife-pc.png);
    width: 176px;
    height: 113px;
    margin: 25px 0 0 441px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-slowlife:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-guide {
    width: 319px;
    height: 394px;
    margin: 250px 0 0 503px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-guide {
    background-image: url(../img/common/footer/nav-subpage-guide-pc.png);
    width: 176px;
    height: 113px;
    margin: 25px 0 0 637px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-guide:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-movie {
    width: 564px;
    height: 190px;
    margin: 265px 0 0 864px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-movie {
    background-image: url(../img/common/footer/nav-subpage-movie-pc.png);
    width: 176px;
    height: 113px;
    margin: 25px 0 0 1227px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-movie:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-namelist {
    width: 268px;
    height: 177px;
    margin: 470px 0 0 852px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-namelist {
    background-image: url(../img/common/footer/nav-subpage-namelist-pc.png);
    width: 176px;
    height: 113px;
    margin: 25px 0 0 836px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-namelist:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-portal {
    width: 306px;
    height: 175px;
    margin: 472px 0 0 1136px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-portal {
    background-image: url(../img/common/footer/nav-subpage-portal-pc.png);
    width: 176px;
    height: 113px;
    margin: 25px 0 0 1032px;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-portal:hover {
    background-position: bottom center;
  }

  .subpage #globalFooter #main ul.nav-acbaa {
    margin: 458px 0 0 0;
  }

  #globalFooter #main ul.nav-happyhomeparadise {
    width: 1600px;
    height: 389px;
    margin: 693px 0 0 0px;
    border-radius: 25px;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise {
    margin: 0px 0 0 0px;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-subpage-back {
    width: 251px;
    height: 50px;
    margin: 355px 0 0 197px;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
    width: 313px;
    height: 88px;
    margin: 65px 0 0 223px;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
    margin: 77px 0 0 167px;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
    width: 326px;
    height: 171px;
    margin: 151px 0 0 216px;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
    margin: 160px 0 0 159px;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
    width: 400px;
    height: 288px;
    margin: 50px 0 0 573px;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
    width: 451px;
    height: 324px;
    margin: 75px 0 0 523px;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
    width: 388px;
    height: 129px;
    margin: 51px 0 0 1003px;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
    width: 439px;
    height: 145px;
    margin: 75px 0 0 1001px;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
    width: 388px;
    height: 128px;
    margin: 209px 0 0 1003px;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
    width: 439px;
    height: 146px;
    margin: 253px 0 0 1001px;
  }

  #globalFooter #main {
    height: 1081px;
    width: 1600px;
    margin-top: -11px;
  }

  #globalFooter #main:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    width: 100vw;
    height: 1081px;
    margin-left: -50vw;
    pointer-events: none;
    background-image: url(../img/common/footer/footer-bg-pc.png);
    background-repeat: repeat-x;
    background-position: 50% 100%;
    background-size: auto 1081px;
  }

  .subpage #globalFooter #main:before {
    background-image: url(../img/common/footer/footer-subpage-bg-pc.png);
    height: 619px;
    background-size: auto 619px;
  }

  .subpage #globalFooter #main {
    height: 619px;
    margin-top: -24px;
  }

  .top .kv {
    width: 1600px;
    height: 901px;
    margin-top: 61px;
  }

  .top .kv-up-txt-bg {
    height: 97px;
  }

  .top .kv-up-txt {
    width: 912px;
    height: 38px;
    margin-top: 23px;
  }

  .top #product {
    margin-top: -100px;
  }

  .top .sec-oshirase {
    background-size: auto 1262px;
    margin-top: -24px;
  }

  .top .sec-oshirase .sec-in {
    width: 1600px;
    height: 1262px;
  }

  .top .kv-movie-btn {
    width: 336px;
    height: 276px;
    margin: -169px 0 0 100px;
  }

  .top .kv-product-detail-btn {
    width: 673px;
    height: 113px;
    margin: -56px 0 0 877px;
  }

  .top h1.h1-oshirase {
    width: 752px;
    height: 118px;
    margin: 318px 0 0 353px;
  }

  .top .oshirase-txt-0 {
    width: 666px;
    height: 165px;
    margin: 485px 0 0 460px;
  }

  .top .oshirase-txt-1 {
    width: 691px;
    height: 149px;
    margin: 130px 0 0 451px;
  }

  .top .pic-oshirase-0 {
    width: 225px;
    height: 169px;
    margin: 166px 0 0 12px;
  }

  .top .pic-oshirase-1 {
    width: 268px;
    height: 197px;
    margin: 346px 0 0 65px;
  }

  .top .pic-oshirase-2 {
    width: 323px;
    height: 236px;
    margin: 489px 0 0 -25px;
  }

  .top .pic-oshirase-3 {
    width: 268px;
    height: 197px;
    margin: 95px 0 0 1343px;
  }

  .top .pic-oshirase-4 {
    width: 247px;
    height: 182px;
    margin: 220px 0 0 1223px;
  }

  .top .pic-oshirase-5 {
    width: 352px;
    height: 256px;
    margin: 404px 0 0 1290px;
  }

  .top h3.nakama-ttl {
    width: 484px;
    height: 150px;
    margin: 706px 0 0 555px;
  }

  .top .nakama-0 {
    width: 431px;
    height: 456px;
    margin: 711px 0 0 155px;
  }

  .top .nakama-1 {
    width: 361px;
    height: 360px;
    margin: 852px 0 0 569px;
  }

  .top .nakama-2 {
    width: 539px;
    height: 550px;
    margin: 628px 0 0 956px;
  }

  .top .sec-works {
    background-position: 50% 665px, 50% calc(100% - 12px), calc(50% - 98px) 0, calc(50% - 70px) 100%;
    background-size: auto 59px, auto 50px, auto 655px, auto 2821px;
  }

  .top .sec-works .sec-in {
    width: 1600px;
    height: 3476px;
  }

  .top h1.h1-works {
    width: 443px;
    height: 110px;
    margin: 87px 0 0 579px;
  }

  .top h3.h3-works {
    width: 696px;
    height: 104px;
    margin: 210px 0 0 448px;
  }

  .top p.works-txt {
    margin: 351px 0 0 0;
    font-size: 25px;
  }

  .top .works-item {
    width: 648px;
    height: 479px;
  }

  .top .works-item.works-0 {
    margin: 497px 0 0 143px;
  }

  .top .works-item.works-1 {
    margin: 497px 0 0 809px;
  }

  .top .works-item.works-2 {
    margin: 991px 0 0 143px;
  }

  .top .works-item.works-3 {
    margin: 991px 0 0 809px;
  }

  .top .works-item.works-4 {
    margin: 1486px 0 0 143px;
  }

  .top .works-item.works-5 {
    margin: 1486px 0 0 809px;
  }

  .top .works-label {
    width: 415px;
    height: 119px;
    margin: -67px 0 0 -29px;
  }

  .top .works-seemore-btn {
    width: 493px;
    height: 112px;
    margin: 1987px 0 0 554px;
  }

  .top .osusume-frame {
    width: 1484px;
    height: 837px;
    margin: 2215px 0 0 60px;
  }

  .top h2.h2-osusume {
    width: 403px;
    height: 100px;
    margin: -42px 0 0 537px;
  }

  .top .osusume-txt-0 {
    width: 826px;
    height: 153px;
    margin: 96px 0 0 326px;
  }

  .top .osusume-txt-1 {
    margin: 276px 0 0 0;
    font-size: 25px;
  }

  .top .point-img .audio-btn {
    width: 40px;
    height: 40px;
    margin: 0 45px 46px 0;
  }

  .top .point-img .audio-btn.audio-btn_ {
    margin: 0 10px 10px 0;
  }

  .top .point-img video {
    border: 10px solid #fff;
    -webkit-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }

  .top .point-img.point-img-0 {
    width: 435px;
    height: 260px;
    margin: 331px 0 0 82px;
  }

  .top .point-img.point-img-0 .point-ttl {
    width: 199px;
    height: 63px;
    margin: -31px 0 0 117px;
  }

  .top .point-img.point-img-1 {
    width: 435px;
    height: 260px;
    margin: 468px 0 0 522px;
  }

  .top .point-img.point-img-1 .point-ttl {
    width: 199px;
    height: 63px;
    margin: -31px 0 0 128px;
  }

  .top .point-img.point-img-2 {
    width: 435px;
    height: 260px;
    margin: 331px 0 0 961px;
  }

  .top .point-img.point-img-2 .point-ttl {
    width: 250px;
    height: 79px;
    margin: -46px 0 0 93px;
  }

  .top .point-img.point-img-3 {
    width: 276px;
    height: 156px;
    margin: 598px 0 0 1105px;
  }

  .top .point-img.point-img-3 .point-ttl {
    width: 163px;
    height: 154px;
    margin: 11px 0 0 -144px;
  }

  .top .takumi-life-intro-btn {
    width: 1035px;
    height: 323px;
    margin: 3014px 0 0 283px;
  }

  .top .sec-wait {
    background-position: 50% calc(100% - 13px), 50% 0;
    background-size: auto 54px, auto 984px;
  }

  .top .sec-wait .sec-in {
    width: 1600px;
    height: 984px;
  }

  .top .wait-txt {
    width: 1056px;
    height: 230px;
    margin: 82px 0 0 327px;
  }

  .top .wait-pic {
    width: 998px;
    height: 547px;
    margin: 352px 0 0 301px;
  }

  .top .sec-info {
    background-position: 50% 0;
    background-size: auto 2500px;
  }

  .top .sec-info .sec-in {
    width: 1600px;
    height: 2400px;
  }

  .top h2.h2-info {
    width: 773px;
    height: 88px;
    margin: 77px 0 0 414px;
  }

  .top .info-btn-0 {
    width: 600px;
    height: 438px;
    margin: 223px 0 0 159px;
  }

  .top .info-btn-1 {
    width: 611px;
    height: 448px;
    margin: 213px 0 0 828px;
  }

  .top .info-btn-2 {
    width: 1295px;
    height: 405px;
    margin: 680px 0 0 160px;
  }

  .top .start-pattern-frame {
    width: 1280px;
    margin: 1137px 0 0 160px;
    border-radius: 25px;
    padding-top: 46px;
    padding-bottom: 120px;
  }

  .top .start-pattern-frame:before {
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    border-radius: 20px;
  }

  .top .start-pattern-frame .start-pattern-main {
    padding-bottom: 50px;
    margin-bottom: 40px;
  }

  .top .start-pattern-frame .start-pattern-main__ttl {
    width: 940px;
    height: 361px;
  }

  .top .start-pattern-frame .start-pattern-main__detail {
    top: 222px;
    left: 406px;
  }

  .top .start-pattern-frame .start-pattern-main__detail li:not(:first-child) {
    margin-top: 22px;
  }

  .top .start-pattern-frame .start-pattern-main__detail li p {
    font-size: 23px;
    margin-top: 2px;
    margin-left: 14px;
  }

  .top .start-pattern-frame .start-pattern-main__note {
    font-size: 16px;
    margin-top: 47px;
  }

  .top .start-pattern-frame .start-pattern-other {
    border-radius: 20px;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .top .start-pattern-frame .start-pattern-other__txt {
    width: 625px;
  }

  .top .start-pattern-frame .start-pattern-other__ttl p {
    width: 252px;
    height: 29px;
    margin-left: 18px;
  }

  .top .start-pattern-frame .start-pattern-other__desc {
    font-size: 18px;
    margin-top: 30px;
  }

  .top .start-pattern-frame .start-pattern-other__link a {
    width: 303px;
    height: 17px;
    margin-top: 24px;
  }

  .top .start-pattern-frame .start-pattern-other__bnr {
    width: 399px;
    height: 132px;
  }

  .top .start-char-0 {
    width: 250px;
    height: 403px;
    right: -9px;
    top: 9px;
  }

  .top .brown {
    font-size: 25px;
  }

  .top .red-small {
    font-size: 20px;
  }

  .top .red-note {
    font-size: 17.5px;
  }

  .top .brown-small {
    font-size: 20px;
  }

  .top .flower-icon {
    width: 31px;
    height: 28px;
  }

  .top .download-btn {
    width: 493px;
    height: 113px;
    margin-top: 48px;
  }

  .top .buy-detail-btn {
    width: 493px;
    height: 113px;
  }

  .myisland .mv {
    width: 1600px;
    height: 568px;
  }

  .myisland .mv-txt-bg {
    height: 323px;
    margin-top: -33px;
  }

  .myisland .mv-char-0 {
    width: 357px;
    height: 260px;
    margin-top: -33px;
    margin: 634px 0 0 -664px;
    left: 50%;
  }

  .myisland .mv-char-1 {
    width: 418px;
    height: 288px;
    margin-top: -33px;
    margin: 615px 0 0 330px;
    left: 50%;
  }

  .myisland .h1-mv {
    width: 613px;
    height: 150px;
    margin-top: 496px;
  }

  .myisland .mv-txt {
    width: 532px;
    height: 112px;
    margin-top: 688px;
  }

  .myisland .sec-myhome .sec-in {
    width: 1600px;
    height: 962px;
  }

  .myisland .h2-myhome {
    width: 650px;
    height: 125px;
    margin-top: 62px;
  }

  .myisland .h2-myhome-pattern-left {
    width: calc(50% - 358px);
    height: 50px;
    margin-top: 95px;
  }

  .myisland .h2-myhome-pattern-right {
    width: calc(50% - 358px);
    height: 50px;
    margin-top: 95px;
  }

  .myisland .myhome-movie-0 .audio-btn {
    width: 60px;
    height: 60px;
    margin: 0 0 45px 47px;
  }

  .myisland .myhome-movie-0 video {
    border: 10px solid #fff;
    -webkit-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }

  .myisland .myhome-movie-0 {
    width: 890px;
    height: 514px;
    margin: 235px 0 0 142px;
  }

  .myisland .myhome-movie-1 {
    width: 404px;
    height: 263px;
    margin: 472px 0 0 1068px;
  }

  .myisland .myhome-movie-2 {
    width: 435px;
    height: 282px;
    margin: 623px 0 0 939px;
  }

  .myisland .myhome-pic-0 {
    width: 279px;
    height: 220px;
    margin: 281px 0 0 1046px;
  }

  .myisland .myhome-pic-1 {
    width: 218px;
    height: 260px;
    margin: 219px 0 0 1298px;
  }

  .myisland .myhome-flower {
    width: 101px;
    height: 140px;
    margin: 767px 0 0 159px;
  }

  .myisland .myhome-txt {
    margin: 774px 0 0 285px;
    font-size: 25px;
  }

  .myisland .sec-kaimono {
    background-position: 50% 14px, 50% 0;
    background-size: auto 50px, auto 100%;
  }

  .myisland .sec-kaimono .sec-in {
    width: 1600px;
    height: 1610px;
  }

  .myisland h2.h2-kaimono-0 {
    width: 550px;
    height: 107px;
    margin: 125px 0 0 487px;
  }

  .myisland .kaimono-carousel {
    width: 647px;
    height: 380px;
    margin: 279px 0 0 143px;
  }

  .myisland .kaimono-carousel-0 {
    width: 647px;
    height: 380px;
  }

  .myisland .kaimono-comment-0 {
    width: 776px;
    height: 411px;
    margin: 312px 0 0 723px;
  }

  .myisland h2.h2-kaimono-1 {
    width: 625px;
    height: 111px;
    margin: 745px 0 0 487px;
  }

  .myisland .kaimono-comment-1 {
    width: 608px;
    height: 389px;
    margin: 904px 0 0 142px;
  }

  .myisland .kaimono-pic01 {
    width: 453px;
    height: 297px;
    margin: 1194px 0 0 523px;
  }

  .myisland .kaimono-pic02 {
    width: 663px;
    height: 409px;
    margin: 957px 0 0 789px;
  }

  .myisland .kaimono-pic-0 {
    width: 251px;
    height: 284px;
    margin: 648px 0 0 151px;
  }

  .myisland .kaimono-pic-1 {
    width: 149px;
    height: 175px;
    margin: 669px 0 0 42px;
  }

  .myisland .kaimono-pic-2 {
    width: 128px;
    height: 276px;
    margin: 606px 0 0 1348px;
  }

  .myisland .kaimono-pic-3 {
    width: 158px;
    height: 256px;
    margin: 1276px 0 0 439px;
  }

  .myisland .kaimono-pic-4 {
    width: 144px;
    height: 160px;
    margin: 927px 0 0 1355px;
  }

  .myisland .kaimono-pic-5 {
    width: 158px;
    height: 213px;
    margin: 834px 0 0 1175px;
  }

  .main.works .swiper-pagination {
    width: 200px;
    height: 20px;
    bottom: 58px;
  }

  .main.works .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 12px;
  }

  .main.works .mv {
    width: 1600px;
    height: 563px;
  }

  .main.works .h1-mv {
    width: 957px;
    height: 150px;
    margin-top: 468px;
  }

  .main.works .mv-char-0 {
    width: 241px;
    height: 297px;
    margin: -166px 0 0 180px;
  }

  .main.works .mv-char-1 {
    width: 244px;
    height: 377px;
    margin: 9px 0 0 23px;
  }

  .main.works .mv-char-2 {
    width: 397px;
    height: 453px;
    margin: -59px 0 0 1237px;
  }

  .main.works .mv-char {
    margin-top: 563px;
  }

  .main.works .mv-txt-bg {
    height: 305px;
    margin-top: -33px;
  }

  .main.works .mv-txt-bg .sec-in {
    width: 1600px;
  }

  .main.works .mv-txt {
    width: 1079px;
    height: 111px;
    margin-top: 652px;
  }

  .main.works .h2-goraiten-pattern-left {
    width: calc(50% - 328px);
    height: 50px;
    margin-top: 89px;
  }

  .main.works .h2-goraiten-pattern-right {
    width: calc(50% - 334px);
    height: 50px;
    margin-top: 89px;
  }

  .main.works .sec-goraiten {
    background-size: auto 380px;
    background-position: 50% 2077px;
  }

  .main.works .sec-goraiten .sec-in {
    width: 1600px;
    height: 2891px;
  }

  .main.works .h2-goraiten {
    width: 650px;
    height: 125px;
    margin-top: 50px;
  }

  .main.works .h2-goraiten-pic-left {
    width: 144px;
    height: 199px;
    margin: 24px 0 0 297px;
  }

  .main.works .h2-goraiten-pic-right {
    width: 168px;
    height: 195px;
    margin: 26px 0 0 1168px;
  }

  .main.works .step-01-ttl {
    width: 421px;
    height: 188px;
    margin: 255px 0 0 160px;
  }

  .main.works .step-01-txt {
    margin: 483px 0 0 160px;
    font-size: 25px;
  }

  .main.works .step-01-pic-0 {
    width: 683px;
    height: 389px;
    margin: 607px 0 0 142px;
  }

  .main.works .step-01-pic-1 {
    width: 707px;
    height: 378px;
    margin: 998px 0 0 87px;
  }

  .main.works .step-01-pic-2 {
    width: 686px;
    height: 396px;
    margin: 998px 0 0 809px;
  }

  .main.works .step-01-pic-3 {
    width: 1020px;
    height: 767px;
    margin: 199px 0 0 544px;
  }

  .main.works .step-line-pattern {
    height: 62px;
    margin-top: 1425px;
    background-position: calc(50% - 45px) 0;
  }

  .main.works .step-02-ttl {
    width: 498px;
    height: 187px;
    margin: 1566px 0 0 546px;
  }

  .main.works .step-02-txt {
    margin: 1779px 0 0;
    font-size: 25px;
  }

  .main.works .step-02-pic-0 {
    width: 423px;
    height: 364px;
    margin: 1624px 0 0 25px;
  }

  .main.works .step-02-pic-1 {
    width: 340px;
    height: 294px;
    margin: 2013px 0 0 148px;
  }

  .main.works .step-02-pic-2 {
    width: 574px;
    height: 419px;
    margin: 1988px 0 0 529px;
  }

  .main.works .step-02-pic-3 {
    width: 455px;
    height: 392px;
    margin: 1618px 0 0 1138px;
  }

  .main.works .step-02-pic-4 {
    width: 340px;
    height: 294px;
    margin: 2036px 0 0 1116px;
  }

  .main.works .step-03-ttl {
    width: 375px;
    height: 187px;
    margin: 2502px 0 0 160px;
  }

  .main.works .step-03-pic-0 .audio-btn {
    width: 75px;
    height: 75px;
    margin: 23px 45px 0 0;
  }

  .main.works .step-03-pic-0 {
    width: 890px;
    height: 514px;
    margin: -390px 0 0 567px;
  }

  .main.works .sec-coordination-technique .sec-in {
    width: 1600px;
    height: 1845px;
  }

  .main.works .step-03-txt {
    margin: 2717px 0 0 160px;
    font-size: 25px;
  }

  .main.works .coordination-technique-pic-0 {
    width: 134px;
    height: 247px;
    margin: -39px 0 0 190px;
  }

  .main.works .coordination-technique-pic-1 {
    width: 202px;
    height: 242px;
    margin: -33px 0 0 341px;
  }

  .main.works .coordination-technique-pic-2 {
    width: 219px;
    height: 174px;
    margin: 199px 0 0 1145px;
  }

  .main.works .coordination-technique-pic-3 {
    width: 128px;
    height: 147px;
    margin: 137px 0 0 1356px;
  }

  .main.works .coordination-technique-pic-4 {
    width: 123px;
    height: 249px;
    margin: 1303px 0 0 159px;
  }

  .main.works .coordination-technique-pic-5 {
    width: 346px;
    height: 374px;
    margin: 1373px 0 0 1145px;
  }

  .main.works .coordination-technique-ttl {
    width: 954px;
    height: 106px;
    margin: 214px 0 0 160px;
  }

  .main.works .audio-btn {
    width: 75px;
    height: 75px;
    margin: 23px 45px 0 0;
  }

  .main.works .coordination-technique-movie-0 {
    width: 648px;
    height: 378px;
    margin: 401px 0 0 143px;
  }

  .main.works .coordination-technique-movie-1 {
    width: 648px;
    height: 378px;
    margin: 401px 0 0 809px;
  }

  .main.works .coordination-technique-movie-2 {
    width: 648px;
    height: 378px;
    margin: 894px 0 0 143px;
  }

  .main.works .coordination-technique-movie-3 {
    width: 648px;
    height: 378px;
    margin: 894px 0 0 809px;
  }

  .main.works .coordination-technique-movie-ttl {
    width: 304px;
    height: 78px;
    margin: -32px 0 0 -20px;
  }

  .main.works .coordination-technique-movie-fuki {
    width: 399px;
    height: 110px;
    margin: 312px 0 0 231px;
  }

  .main.works .coordination-technique-movie-4 {
    width: 648px;
    height: 378px;
    margin: 1389px 0 0 477px;
  }

  .main.works .coordination-technique-movie-4 .coordination-technique-movie-fuki {
    width: 275px;
    height: 190px;
    margin: 124px 0 0 -226px;
  }

  .main.works .sec-kansei {
    background-size: auto 477px;
    background-position: 50% 505px;
  }

  .main.works .sec-kansei .sec-in {
    width: 1600px;
    height: 1756px;
  }

  .main.works .kansei-ttl {
    width: 712px;
    height: 225px;
    margin: 76px 0 0 452px;
  }

  .main.works .kansei-pic-0 {
    width: 346px;
    height: 250px;
    margin: 196px 0 0 -19px;
  }

  .main.works .kansei-pic-1 {
    width: 472px;
    height: 337px;
    margin: 462px 0 0 -124px;
  }

  .main.works .kansei-pic-2 {
    width: 486px;
    height: 347px;
    margin: 217px 0 0 1206px;
  }

  .main.works .kansei-pic-3 {
    width: 829px;
    height: 584px;
    margin: 254px 0 0 386px;
  }

  .main.works .kansei-pic-4 {
    width: 533px;
    height: 379px;
    margin: 818px 0 0 141px;
  }

  .main.works .kansei-pic-5 {
    width: 434px;
    height: 311px;
    margin: 738px 0 0 1112px;
  }

  .main.works .kansei-txt {
    margin: 1021px 0 0 759px;
    font-size: 25px;
  }

  .main.works .kansei-seemore {
    width: 493px;
    height: 112px;
    margin: 1209px 0 0 554px;
  }

  .main.works .kansei-photo-0 {
    width: 390px;
    height: 242px;
    margin: 1365px 0 0 -70px;
  }

  .main.works .kansei-photo-1 {
    width: 390px;
    height: 243px;
    margin: 1377px 0 0 267px;
  }

  .main.works .kansei-photo-2 {
    width: 391px;
    height: 242px;
    margin: 1365px 0 0 606px;
  }

  .main.works .kansei-photo-3 {
    width: 390px;
    height: 242px;
    margin: 1377px 0 0 943px;
  }

  .main.works .kansei-photo-4 {
    width: 390px;
    height: 242px;
    margin: 1365px 0 0 1281px;
  }

  .main.works .kansei-pattern {
    height: 50px;
    margin-top: 1694px;
  }

  .main.works .teian-ttl {
    width: 1428px;
    height: 419px;
    margin: -43px 0 0 30px;
  }

  .main.works .teian-0-img {
    width: 794px;
    height: 518px;
    margin: 308px 0 0 724px;
  }

  .main.works .teian-0-img .teian-btn {
    margin: 455px 0 0 238px;
  }

  .main.works .teian-1-img {
    width: 759px;
    height: 536px;
    margin: 774px 0 0 144px;
  }

  .main.works .teian-1-img .teian-btn {
    margin: 462px 0 0 257px;
  }

  .main.works .teian-2-img {
    width: 796px;
    height: 562px;
    margin: 1236px 0 0 663px;
  }

  .main.works .teian-2-img .teian-btn {
    margin: 498px 0 0 275px;
  }

  .main.works .sec-teian .sec-in {
    width: 1600px;
    height: 1840px;
    top: -79px;
  }

  .main.works .teian-0-pic {
    width: 309px;
    height: 328px;
    margin: 429px 0 0 136px;
  }

  .main.works .teian-1-pic {
    width: 176px;
    height: 289px;
    margin: 898px 0 0 1236px;
  }

  .main.works .teian-2-pic {
    width: 188px;
    height: 291px;
    margin: 1435px 0 0 185px;
  }

  .main.works .teian-0-txt {
    width: 362px;
    height: 251px;
    margin: 452px 0 0 419px;
  }

  .main.works .teian-1-txt {
    width: 399px;
    height: 276px;
    margin: 910px 0 0 870px;
  }

  .main.works .teian-2-txt {
    width: 327px;
    height: 226px;
    margin: 1460px 0 0 397px;
  }

  .main.works .teian-btn {
    width: 250px;
    height: 88px;
  }

  .main.works .dot-0 {
    width: 1071px;
    height: 1070px;
    margin: 357px 0 0 calc(50vw - 727px);
  }

  .main.works .dot-1 {
    width: 1070px;
    height: 1136px;
    margin: 1500px 0 0 calc(50vw - 725px);
  }

  .main.works .dot-2 {
    width: 70px;
    height: 2077px;
    margin: -266px 0 0 1452px;
  }

  .main.works .dot-3 {
    width: 350px;
    height: 191px;
    margin: 3px 0 0 1172px;
  }

  .tsukutter .mv {
    width: 1600px;
    height: 581px;
  }

  .tsukutter .mv-txt-bg {
    height: 324px;
    margin-top: -33px;
  }

  .tsukutter .h1-mv {
    width: 615px;
    height: 150px;
    margin-top: 496px;
  }

  .tsukutter .mv-txt {
    width: 1407px;
    height: 114px;
    margin-top: 675px;
  }

  .tsukutter .sec-dekirukoto {
    background-position: 50% 282px, 50% 0px;
    background-size: auto 1355px, auto 100%;
  }

  .tsukutter .sec-dekirukoto .sec-in {
    width: 1600px;
    height: 1837px;
  }

  .tsukutter .h2-dekirukoto {
    width: 651px;
    height: 126px;
    margin-top: 46px;
  }

  .tsukutter .h2-dekirukoto-pic-left {
    width: 159px;
    height: 263px;
    margin: 28px 0 0 240px;
  }

  .tsukutter .h2-dekirukoto-pic-right {
    width: 148px;
    height: 263px;
    margin: 11px 0 0 1202px;
  }

  .tsukutter .h2-dekirukoto-pattern-left {
    width: calc(50% - 328px);
    height: 50px;
    margin-top: 95px;
  }

  .tsukutter .h2-dekirukoto-pattern-right {
    width: calc(50% - 334px);
    height: 50px;
    margin-top: 85px;
  }

  .tsukutter .h3-dekirukoto-0 {
    width: 646px;
    height: 114px;
    margin: 222px 0 0 478px;
  }

  .tsukutter .dekirukoto-txt-1 {
    margin: 1075px auto 0;
    font-size: 25px;
  }

  .tsukutter .dekirukoto-movie .audio-btn {
    width: 60px;
    height: 60px;
  }

  .tsukutter .dekirukoto-movie .audio-btn.audio-btn-0 {
    margin: 0 0 46px 46px;
  }

  .tsukutter .dekirukoto-movie .audio-btn.audio-btn-1 {
    margin: 0 0 46px 46px;
  }

  .tsukutter .dekirukoto-movie video {
    border: 10px solid #fff;
    -webkit-transform: translate(-5px, -10px);
    transform: translate(-5px, -10px);
  }

  .tsukutter .dekirukoto-movie-0 {
    width: 892px;
    height: 515px;
    margin: 387px 0 0 144px;
  }

  .tsukutter .dekirukoto-movie-1 {
    width: 871px;
    height: 502px;
    margin: 1220px 0 0 585px;
  }

  .tsukutter .fukidashi {
    width: 311px;
    height: 187px;
    margin: 1158px 0 0 1167px;
  }

  .tsukutter .dekirukoto-comment-0 {
    width: 569px;
    height: 306px;
    margin: 385px 0 0 946px;
  }

  .tsukutter .h3-dekirukoto-1 {
    width: 647px;
    height: 113px;
    margin: 925px 0 0 477px;
  }

  .tsukutter .dekirukoto-comment-1 {
    width: 532px;
    height: 288px;
    margin: 1216px 0 0 142px;
  }

  .tsukutter .dekirukoto-pic-0 {
    width: 111px;
    height: 131px;
    margin: 366px 0 0 1411px;
  }

  .tsukutter .dekirukoto-pic-1 {
    width: 158px;
    height: 235px;
    margin: 664px 0 0 1114px;
  }

  .tsukutter .dekirukoto-pic-2 {
    width: 247px;
    height: 252px;
    margin: 677px 0 0 1258px;
  }

  .tsukutter .dekirukoto-pic-3 {
    width: 139px;
    height: 227px;
    margin: 1533px 0 0 133px;
  }

  .tsukutter .dekirukoto-pic-4 {
    width: 199px;
    height: 210px;
    margin: 1501px 0 0 290px;
  }

  .tsukutter .dekirukoto-pic-5 {
    width: 72px;
    height: 141px;
    margin: 1488px 0 0 491px;
  }

  .tsukutter .dekirukoto-note {
    width: 570px;
    margin: 1723px 164px 0 0;
    font-size: 15px;
  }
}

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

  .SWITCH_logo {
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
  }

  .acbaa-logo {
    top: 0.75vw;
    left: 2.25vw;
    width: 13.5vw;
    height: 7.0625vw;
  }

  .modal {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
  }

  .menu-btn {
    width: 4.6875vw;
    height: 4.8125vw;
    margin-right: 1.25vw;
  }

  body .modal-menu .modal-main {
    width: 25vw;
  }

  body .modal-menu .modalMenu__sec.-cmn {
    padding: 3.125vw 1.875vw 2.5vw;
  }

  body .modal-menu .modalMenu__sec.-add {
    padding: 1.875vw 1.875vw 4.0625vw;
  }

  body .modal-menu .modalMenu__logo.-cmn {
    width: 16.1875vw;
    height: 7.8125vw;
  }

  body .modal-menu .modalMenu__logo.-add {
    width: 12.5vw;
    height: 10.4375vw;
  }

  body .modal-menu .modalMenu__nav {
    margin-top: 1.25vw;
  }

  body .modal-menu .modalMenu__nav a {
    height: 3.9375vw;
  }

  body .modal-menu .modalMenu__close {
    width: 11.3125vw;
    height: 3.6875vw;
    margin-top: 2.625vw;
  }

  body .modal-works .modal-content {
    padding-top: 3.75vw;
    padding-bottom: 4.375vw;
  }

  body .modal-works .works-ttl {
    width: 100vw;
    height: 7.1875vw;
    margin: 0 0 4.375vw 0;
  }

  body .modal-works .a-ttl {
    width: 24.375vw;
    height: 6.875vw;
    margin: 3.8125vw auto 1.9375vw;
  }

  body .modal-works .b-ttl {
    width: 24.375vw;
    height: 6.875vw;
    margin: 2.875vw auto 1.9375vw;
  }

  body .modal-works .works-close {
    width: 30.8125vw;
    height: 7vw;
    margin-top: 5.625vw;
  }

  body .modal-works .works-1-pic {
    width: 7.6875vw;
    height: 9.375vw;
    margin: 0 0 2.5vw 17.9375vw;
  }

  body .modal-works .works-2-pic {
    width: 4.9375vw;
    height: 11.8125vw;
    margin: 0 0 3.75vw 72.8125vw;
  }

  body .modal-works .works-3-pic {
    width: 7.5625vw;
    height: 12.1875vw;
    margin: 0 0 2.1875vw 81.125vw;
  }

  body .modal-yt .modal-close-btn {
    width: 4.375vw;
    height: 4.375vw;
    margin: -4.375vw 10% 0 0vw;
    right: 0;
    left: auto;
  }

  body .modal-a .modal-close-btn {
    margin-left: 73.4375vw;
  }

  body .modal-b .modal-close-btn {
    margin-left: 73.125vw;
  }

  body .modal-c .modal-close-btn {
    margin-left: 73.5625vw;
  }

  .back-to-top {
    bottom: 3.0625vw;
    left: 50%;
    width: 7.625vw;
    height: 11vw;
    margin-left: 41.1875vw;
    background-image: url(../img/common/back-to-top-pc.png);
  }

  .back-to-top:hover:after {
    opacity: 1;
  }

  #globalFooter {
    margin-top: -0.75vw;
  }

  #globalFooter .sub {
    height: 75px;
    padding: 0 1.875vw;
  }

  #globalFooter .sub .sns li {
    margin-top: 0;
    margin-left: 10px;
    vertical-align: middle;
  }

  #globalFooter .sub .sns li.copyright {
    min-width: 93px;
    vertical-align: middle;
  }

  #globalFooter #main .visual-logo {
    width: 29.6875vw;
    height: 11.5vw;
    margin: 2.325vw 0 0 35.1875vw;
  }

  .subpage #globalFooter #main .visual-logo {
    width: 14.0625vw;
    height: 5.4375vw;
    margin: 2.125vw 0 0 11.5vw;
  }

  #globalFooter #main ul.nav-acbaa .nav-slowlife {
    width: 19.875vw;
    height: 23vw;
    margin: 17.375vw 0 0 9.6875vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-slowlife {
    background-image: url(../img/common/footer/nav-subpage-slowlife-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 27.5625vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-slowlife:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-guide {
    width: 19.9375vw;
    height: 24.625vw;
    margin: 15.625vw 0 0 31.4375vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-guide {
    background-image: url(../img/common/footer/nav-subpage-guide-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 39.8125vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-guide:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-movie {
    width: 35.25vw;
    height: 11.875vw;
    margin: 16.5625vw 0 0 54vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-movie {
    background-image: url(../img/common/footer/nav-subpage-movie-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 76.6875vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-movie:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-namelist {
    width: 16.75vw;
    height: 11.0625vw;
    margin: 29.375vw 0 0 53.25vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-namelist {
    background-image: url(../img/common/footer/nav-subpage-namelist-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 52.25vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-namelist:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-portal {
    width: 19.125vw;
    height: 10.9375vw;
    margin: 29.5vw 0 0 71vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-portal {
    background-image: url(../img/common/footer/nav-subpage-portal-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 64.5vw;
  }

  .subpage #globalFooter #main ul.nav-acbaa .nav-portal:hover {
    background-position: bottom center;
  }

  .subpage #globalFooter #main ul.nav-acbaa {
    margin: 28.625vw 0 0 0;
  }

  #globalFooter #main ul.nav-happyhomeparadise {
    width: 100vw;
    height: 24.3125vw;
    margin: 43.3125vw 0 0 0vw;
    border-radius: 1.5625vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise {
    margin: 0vw 0 0 0vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-subpage-back {
    width: 15.6875vw;
    height: 3.125vw;
    margin: 22.1875vw 0 0 12.3125vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
    width: 19.5625vw;
    height: 5.5vw;
    margin: 4.0625vw 0 0 13.9375vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
    margin: 4.8125vw 0 0 10.4375vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
    width: 20.375vw;
    height: 10.6875vw;
    margin: 9.4375vw 0 0 13.5vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
    margin: 10vw 0 0 9.9375vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
    width: 25vw;
    height: 18vw;
    margin: 3.125vw 0 0 35.8125vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
    width: 28.1875vw;
    height: 20.25vw;
    margin: 4.6875vw 0 0 32.6875vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
    width: 24.25vw;
    height: 8.0625vw;
    margin: 3.1875vw 0 0 62.6875vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
    width: 27.4375vw;
    height: 9.0625vw;
    margin: 4.6875vw 0 0 62.5625vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
    width: 24.25vw;
    height: 8vw;
    margin: 13.0625vw 0 0 62.6875vw;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
    width: 27.4375vw;
    height: 9.125vw;
    margin: 15.8125vw 0 0 62.5625vw;
  }

  #globalFooter #main {
    height: 67.5625vw;
    width: 100vw;
    margin-top: -0.6875vw;
  }

  #globalFooter #main:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100vw;
    height: 67.5625vw;
    pointer-events: none;
    background-image: url(../img/common/footer/footer-bg-pc.png);
    background-repeat: repeat-x;
    background-position: 50% 100%;
    background-size: auto 67.5625vw;
  }

  .subpage #globalFooter #main:before {
    background-image: url(../img/common/footer/footer-subpage-bg-pc.png);
    height: 38.6875vw;
    background-size: auto 38.6875vw;
  }

  .subpage #globalFooter #main {
    height: 38.6875vw;
    margin-top: -1.5vw;
  }

  .top .kv {
    width: 100vw;
    height: 56.3125vw;
    margin-top: 3.8125vw;
  }

  .top .kv-up-txt-bg {
    height: 6.0625vw;
  }

  .top .kv-up-txt {
    width: 57vw;
    height: 2.375vw;
    margin-top: 1.4375vw;
  }

  .top #product {
    margin-top: -6.25vw;
  }

  .top .sec-oshirase {
    background-size: auto 78.875vw;
    margin-top: -1.5vw;
  }

  .top .sec-oshirase .sec-in {
    width: 100vw;
    height: 78.875vw;
  }

  .top .kv-movie-btn {
    width: 21vw;
    height: 17.25vw;
    margin: -10.5625vw 0 0 6.25vw;
  }

  .top .kv-product-detail-btn {
    width: 42.0625vw;
    height: 7.0625vw;
    margin: -3.5vw 0 0 54.8125vw;
  }

  .top h1.h1-oshirase {
    width: 47vw;
    height: 7.375vw;
    margin: 19.875vw 0 0 22.0625vw;
  }

  .top .oshirase-txt-0 {
    width: 41.625vw;
    height: 10.3125vw;
    margin: 30.3125vw 0 0 28.75vw;
  }

  .top .oshirase-txt-1 {
    width: 43.1875vw;
    height: 9.3125vw;
    margin: 8.125vw 0 0 28.1875vw;
  }

  .top .pic-oshirase-0 {
    width: 14.0625vw;
    height: 10.5625vw;
    margin: 10.375vw 0 0 0.75vw;
  }

  .top .pic-oshirase-1 {
    width: 16.75vw;
    height: 12.3125vw;
    margin: 21.625vw 0 0 4.0625vw;
  }

  .top .pic-oshirase-2 {
    width: 20.1875vw;
    height: 14.75vw;
    margin: 30.5625vw 0 0 -1.5625vw;
  }

  .top .pic-oshirase-3 {
    width: 16.75vw;
    height: 12.3125vw;
    margin: 5.9375vw 0 0 83.9375vw;
  }

  .top .pic-oshirase-4 {
    width: 15.4375vw;
    height: 11.375vw;
    margin: 13.75vw 0 0 76.4375vw;
  }

  .top .pic-oshirase-5 {
    width: 22vw;
    height: 16vw;
    margin: 25.25vw 0 0 80.625vw;
  }

  .top h3.nakama-ttl {
    width: 30.25vw;
    height: 9.375vw;
    margin: 44.125vw 0 0 34.6875vw;
  }

  .top .nakama-0 {
    width: 26.9375vw;
    height: 28.5vw;
    margin: 44.4375vw 0 0 9.6875vw;
  }

  .top .nakama-1 {
    width: 22.5625vw;
    height: 22.5vw;
    margin: 53.25vw 0 0 35.5625vw;
  }

  .top .nakama-2 {
    width: 33.6875vw;
    height: 34.375vw;
    margin: 39.25vw 0 0 59.75vw;
  }

  .top .sec-works {
    background-position: 50% 41.5625vw, 50% calc(100% - 0.75vw), 50% 0, 50% 100%;
    background-size: auto 3.6875vw, auto 3.125vw, auto 40.9375vw, auto 176.3125vw;
  }

  .top .sec-works .sec-in {
    width: 100vw;
    height: 217.25vw;
  }

  .top h1.h1-works {
    width: 27.6875vw;
    height: 6.875vw;
    margin: 5.4375vw 0 0 36.1875vw;
  }

  .top h3.h3-works {
    width: 43.5vw;
    height: 6.5vw;
    margin: 13.125vw 0 0 28vw;
  }

  .top p.works-txt {
    margin: 21.9375vw 0 0 0;
    font-size: 1.5625vw;
  }

  .top .works-item {
    width: 40.5vw;
    height: 29.9375vw;
  }

  .top .works-item.works-0 {
    margin: 31.0625vw 0 0 8.9375vw;
  }

  .top .works-item.works-1 {
    margin: 31.0625vw 0 0 50.5625vw;
  }

  .top .works-item.works-2 {
    margin: 61.9375vw 0 0 8.9375vw;
  }

  .top .works-item.works-3 {
    margin: 61.9375vw 0 0 50.5625vw;
  }

  .top .works-item.works-4 {
    margin: 92.875vw 0 0 8.9375vw;
  }

  .top .works-item.works-5 {
    margin: 92.875vw 0 0 50.5625vw;
  }

  .top .works-label {
    width: 25.9375vw;
    height: 7.4375vw;
    margin: -4.1875vw 0 0 -1.8125vw;
  }

  .top .works-seemore-btn {
    width: 30.8125vw;
    height: 7vw;
    margin: 124.1875vw 0 0 34.625vw;
  }

  .top .osusume-frame {
    width: 92.75vw;
    height: 52.3125vw;
    margin: 138.4375vw 0 0 3.75vw;
  }

  .top h2.h2-osusume {
    width: 25.1875vw;
    height: 6.25vw;
    margin: -2.625vw 0 0 33.5625vw;
  }

  .top .osusume-txt-0 {
    width: 51.625vw;
    height: 9.5625vw;
    margin: 6vw 0 0 20.375vw;
  }

  .top .osusume-txt-1 {
    margin: 17.25vw 0 0 0;
    font-size: 1.5625vw;
  }

  .top .point-img .audio-btn {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 2.8125vw 2.875vw 0;
  }

  .top .point-img .audio-btn.audio-btn_ {
    margin: 0 0.625vw 0.625vw 0;
  }

  .top .point-img video {
    border: 0.625vw solid #fff;
    -webkit-transform: translate(0vw, -0.625vw);
    transform: translate(0vw, -0.625vw);
  }

  .top .point-img.point-img-0 {
    width: 27.1875vw;
    height: 16.25vw;
    margin: 20.6875vw 0 0 5.125vw;
  }

  .top .point-img.point-img-0 .point-ttl {
    width: 12.4375vw;
    height: 3.9375vw;
    margin: -1.9375vw 0 0 7.3125vw;
  }

  .top .point-img.point-img-1 {
    width: 27.1875vw;
    height: 16.25vw;
    margin: 29.25vw 0 0 32.625vw;
  }

  .top .point-img.point-img-1 .point-ttl {
    width: 12.4375vw;
    height: 3.9375vw;
    margin: -1.9375vw 0 0 8vw;
  }

  .top .point-img.point-img-2 {
    width: 27.1875vw;
    height: 16.25vw;
    margin: 20.6875vw 0 0 60.0625vw;
  }

  .top .point-img.point-img-2 .point-ttl {
    width: 15.625vw;
    height: 4.9375vw;
    margin: -2.875vw 0 0 5.8125vw;
  }

  .top .point-img.point-img-3 {
    width: 17.25vw;
    height: 9.75vw;
    margin: 37.375vw 0 0 69.0625vw;
  }

  .top .point-img.point-img-3 .point-ttl {
    width: 10.1875vw;
    height: 9.625vw;
    margin: 0.6875vw 0 0 -9vw;
  }

  .top .takumi-life-intro-btn {
    width: 64.6875vw;
    height: 20.1875vw;
    margin: 188.375vw 0 0 17.6875vw;
  }

  .top .sec-wait {
    background-position: 50% calc(100% - 0.8125vw), 50% 0;
    background-size: auto 3.375vw, auto 61.5vw;
  }

  .top .sec-wait .sec-in {
    width: 100vw;
    height: 61.5vw;
  }

  .top .wait-txt {
    width: 66vw;
    height: 14.375vw;
    margin: 5.125vw 0 0 20.4375vw;
  }

  .top .wait-pic {
    width: 62.375vw;
    height: 34.1875vw;
    margin: 22vw 0 0 18.8125vw;
  }

  .top .sec-info {
    background-position: 50% 0;
    background-size: auto 156.25vw;
  }

  .top .sec-info .sec-in {
    width: 100vw;
    height: 150vw;
  }

  .top h2.h2-info {
    width: 48.3125vw;
    height: 5.5vw;
    margin: 4.8125vw 0 0 25.875vw;
  }

  .top .info-btn-0 {
    width: 37.5vw;
    height: 27.375vw;
    margin: 13.9375vw 0 0 9.9375vw;
  }

  .top .info-btn-1 {
    width: 38.1875vw;
    height: 28vw;
    margin: 13.3125vw 0 0 51.75vw;
  }

  .top .info-btn-2 {
    width: 80.9375vw;
    height: 25.3125vw;
    margin: 42.5vw 0 0 10vw;
  }

  .top .start-pattern-frame {
    width: 80vw;
    margin: 71.0625vw 0 0 10vw;
    border-radius: 1.5625vw;
    padding-top: 2.875vw;
    padding-bottom: 7.5vw;
  }

  .top .start-pattern-frame:before {
    width: calc(100% - 1.125vw);
    height: calc(100% - 1.125vw);
    border-radius: 1.25vw;
  }

  .top .start-pattern-frame .start-pattern-main {
    padding-bottom: 3.125vw;
    margin-bottom: 2.5vw;
  }

  .top .start-pattern-frame .start-pattern-main__ttl {
    width: 58.75vw;
    height: 22.5625vw;
  }

  .top .start-pattern-frame .start-pattern-main__detail {
    top: 13.875vw;
    left: 25.375vw;
  }

  .top .start-pattern-frame .start-pattern-main__detail li:not(:first-child) {
    margin-top: 1.375vw;
  }

  .top .start-pattern-frame .start-pattern-main__detail li p {
    font-size: 1.4375vw;
    margin-top: 0.125vw;
    margin-left: 0.875vw;
  }

  .top .start-pattern-frame .start-pattern-main__note {
    font-size: 1vw;
    margin-top: 2.9375vw;
  }

  .top .start-pattern-frame .start-pattern-other {
    border-radius: 1.25vw;
    padding-top: 2.5vw;
    padding-bottom: 1.875vw;
  }

  .top .start-pattern-frame .start-pattern-other__txt {
    width: 39.0625vw;
  }

  .top .start-pattern-frame .start-pattern-other__ttl p {
    width: 15.75vw;
    height: 1.8125vw;
    margin-left: 1.125vw;
  }

  .top .start-pattern-frame .start-pattern-other__desc {
    font-size: 1.125vw;
    margin-top: 1.875vw;
  }

  .top .start-pattern-frame .start-pattern-other__link a {
    width: 18.9375vw;
    height: 1.0625vw;
    margin-top: 1.5vw;
  }

  .top .start-pattern-frame .start-pattern-other__bnr {
    width: 24.9375vw;
    height: 8.25vw;
  }

  .top .start-char-0 {
    width: 15.625vw;
    height: 25.1875vw;
    right: -0.5625vw;
    top: 0.5625vw;
  }

  .top .brown {
    font-size: 1.5625vw;
  }

  .top .red-small {
    font-size: 1.25vw;
  }

  .top .red-note {
    font-size: 1.09375vw;
  }

  .top .brown-small {
    font-size: 1.25vw;
  }

  .top .flower-icon {
    width: 1.9375vw;
    height: 1.75vw;
  }

  .top .download-btn {
    width: 30.8125vw;
    height: 7.0625vw;
    margin-top: 3vw;
  }

  .top .buy-detail-btn {
    width: 30.8125vw;
    height: 7.0625vw;
  }

  .myisland .mv {
    width: 100vw;
    height: 35.5vw;
  }

  .myisland .mv-txt-bg {
    height: 20.1875vw;
    margin-top: -2.0625vw;
  }

  .myisland .mv-char-0 {
    width: 22.3125vw;
    height: 16.25vw;
    margin: 39.625vw 0 0 -41.5vw;
    left: 50%;
  }

  .myisland .mv-char-1 {
    width: 26.125vw;
    height: 18vw;
    margin: 38.4375vw 0 0 20.625vw;
    left: 50%;
  }

  .myisland .h1-mv {
    width: 38.3125vw;
    height: 9.375vw;
    margin-top: 31vw;
  }

  .myisland .mv-txt {
    width: 33.25vw;
    height: 7vw;
    margin-top: 43vw;
  }

  .myisland .sec-myhome .sec-in {
    width: 100vw;
    height: 60.125vw;
  }

  .myisland .h2-myhome {
    width: 40.625vw;
    height: 7.8125vw;
    margin-top: 3.875vw;
  }

  .myisland .h2-myhome-pattern-left {
    width: calc(50% - 22.375vw);
    height: 3.125vw;
    margin-top: 5.9375vw;
  }

  .myisland .h2-myhome-pattern-right {
    width: calc(50% - 22.375vw);
    height: 3.125vw;
    margin-top: 5.9375vw;
  }

  .myisland .myhome-movie-0 .audio-btn {
    width: 3.75vw;
    height: 3.75vw;
    margin: 0 0 2.8125vw 2.9375vw;
  }

  .myisland .myhome-movie-0 video {
    border: 0.625vw solid #fff;
    -webkit-transform: translate(0vw, -0.625vw);
    transform: translate(0vw, -0.625vw);
  }

  .myisland .myhome-movie-0 {
    width: 55.625vw;
    height: 32.125vw;
    margin: 14.6875vw 0 0 8.875vw;
  }

  .myisland .myhome-movie-1 {
    width: 25.25vw;
    height: 16.4375vw;
    margin: 29.5vw 0 0 66.75vw;
  }

  .myisland .myhome-movie-2 {
    width: 27.1875vw;
    height: 17.625vw;
    margin: 38.9375vw 0 0 58.6875vw;
  }

  .myisland .myhome-pic-0 {
    width: 17.4375vw;
    height: 13.75vw;
    margin: 17.5625vw 0 0 65.375vw;
  }

  .myisland .myhome-pic-1 {
    width: 13.625vw;
    height: 16.25vw;
    margin: 13.6875vw 0 0 81.125vw;
  }

  .myisland .myhome-flower {
    width: 6.3125vw;
    height: 8.75vw;
    margin: 47.9375vw 0 0 9.9375vw;
  }

  .myisland .myhome-txt {
    margin: 48.375vw 0 0 17.8125vw;
    font-size: 1.5625vw;
  }

  .myisland .sec-kaimono {
    background-position: 50% 0.875vw, 50% 0;
    background-size: auto 3.125vw, auto 100%;
  }

  .myisland .sec-kaimono .sec-in {
    width: 100vw;
    height: 100.625vw;
  }

  .myisland h2.h2-kaimono-0 {
    width: 34.375vw;
    height: 6.6875vw;
    margin: 7.8125vw 0 0 30.4375vw;
  }

  .myisland .kaimono-carousel {
    width: 40.4375vw;
    height: 23.75vw;
    margin: 17.4375vw 0 0 8.9375vw;
  }

  .myisland .kaimono-carousel-0 {
    width: 40.4375vw;
    height: 23.75vw;
  }

  .myisland .kaimono-comment-0 {
    width: 48.5vw;
    height: 25.6875vw;
    margin: 19.5vw 0 0 45.1875vw;
  }

  .myisland h2.h2-kaimono-1 {
    width: 39.0625vw;
    height: 6.9375vw;
    margin: 46.5625vw 0 0 30.4375vw;
  }

  .myisland .kaimono-comment-1 {
    width: 38vw;
    height: 24.3125vw;
    margin: 56.5vw 0 0 8.875vw;
  }

  .myisland .kaimono-pic01 {
    width: 28.3125vw;
    height: 18.5625vw;
    margin: 74.625vw 0 0 32.6875vw;
  }

  .myisland .kaimono-pic02 {
    width: 41.4375vw;
    height: 25.5625vw;
    margin: 59.8125vw 0 0 49.3125vw;
  }

  .myisland .kaimono-pic-0 {
    width: 15.6875vw;
    height: 17.75vw;
    margin: 40.5vw 0 0 9.4375vw;
  }

  .myisland .kaimono-pic-1 {
    width: 9.3125vw;
    height: 10.9375vw;
    margin: 41.8125vw 0 0 2.625vw;
  }

  .myisland .kaimono-pic-2 {
    width: 8vw;
    height: 17.25vw;
    margin: 37.875vw 0 0 84.25vw;
  }

  .myisland .kaimono-pic-3 {
    width: 9.875vw;
    height: 16vw;
    margin: 79.75vw 0 0 27.4375vw;
  }

  .myisland .kaimono-pic-4 {
    width: 9vw;
    height: 10vw;
    margin: 57.9375vw 0 0 84.6875vw;
  }

  .myisland .kaimono-pic-5 {
    width: 9.875vw;
    height: 13.3125vw;
    margin: 52.125vw 0 0 73.4375vw;
  }

  .main.works .swiper-pagination {
    width: 12.5vw;
    height: 1.25vw;
    bottom: 3.625vw;
  }

  .main.works .swiper-pagination .swiper-pagination-bullet {
    width: 1.25vw;
    height: 1.25vw;
    margin: 0 0.75vw;
  }

  .main.works .mv {
    width: 100vw;
    height: 35.1875vw;
  }

  .main.works .h1-mv {
    width: 59.8125vw;
    height: 9.375vw;
    margin-top: 29.25vw;
  }

  .main.works .mv-char-0 {
    width: 15.0625vw;
    height: 18.5625vw;
    margin: -10.375vw 0 0 11.25vw;
  }

  .main.works .mv-char-1 {
    width: 15.25vw;
    height: 23.5625vw;
    margin: 0.5625vw 0 0 1.4375vw;
  }

  .main.works .mv-char-2 {
    width: 24.8125vw;
    height: 28.3125vw;
    margin: -3.6875vw 0 0 77.3125vw;
  }

  .main.works .mv-char {
    margin-top: 35.1875vw;
  }

  .main.works .mv-txt-bg {
    height: 19.0625vw;
    margin-top: -2.0625vw;
  }

  .main.works .mv-txt-bg .sec-in {
    width: 100vw;
  }

  .main.works .mv-txt {
    width: 67.4375vw;
    height: 6.9375vw;
    margin-top: 40.75vw;
  }

  .main.works .h2-goraiten-pattern-left {
    width: calc(50% - 20.5vw);
    height: 3.125vw;
    margin-top: 5.5625vw;
  }

  .main.works .h2-goraiten-pattern-right {
    width: calc(50% - 20.875vw);
    height: 3.125vw;
    margin-top: 5.5625vw;
  }

  .main.works .sec-goraiten {
    background-size: auto 23.75vw;
    background-position: 50% 129.8125vw;
  }

  .main.works .sec-goraiten .sec-in {
    width: 100vw;
    height: 180.6875vw;
  }

  .main.works .h2-goraiten {
    width: 40.625vw;
    height: 7.8125vw;
    margin-top: 3.125vw;
  }

  .main.works .h2-goraiten-pic-left {
    width: 9vw;
    height: 12.4375vw;
    margin: 1.5vw 0 0 18.5625vw;
  }

  .main.works .h2-goraiten-pic-right {
    width: 10.5vw;
    height: 12.1875vw;
    margin: 1.625vw 0 0 73vw;
  }

  .main.works .step-01-ttl {
    width: 26.3125vw;
    height: 11.75vw;
    margin: 15.9375vw 0 0 10vw;
  }

  .main.works .step-01-txt {
    margin: 30.1875vw 0 0 10vw;
    font-size: 1.5625vw;
  }

  .main.works .step-01-pic-0 {
    width: 42.6875vw;
    height: 24.3125vw;
    margin: 37.9375vw 0 0 8.875vw;
  }

  .main.works .step-01-pic-1 {
    width: 44.1875vw;
    height: 23.625vw;
    margin: 62.375vw 0 0 5.4375vw;
  }

  .main.works .step-01-pic-2 {
    width: 42.875vw;
    height: 24.75vw;
    margin: 62.375vw 0 0 50.5625vw;
  }

  .main.works .step-01-pic-3 {
    width: 63.75vw;
    height: 47.9375vw;
    margin: 12.4375vw 0 0 34vw;
  }

  .main.works .step-line-pattern {
    height: 3.875vw;
    margin-top: 89.0625vw;
    background-position: calc(50% - 2.8125vw) 0;
  }

  .main.works .step-02-ttl {
    width: 31.125vw;
    height: 11.6875vw;
    margin: 97.875vw 0 0 34.125vw;
  }

  .main.works .step-02-txt {
    margin: 111.1875vw 0 0 0;
    font-size: 1.5625vw;
  }

  .main.works .step-02-pic-0 {
    width: 26.4375vw;
    height: 22.75vw;
    margin: 101.5vw 0 0 1.5625vw;
  }

  .main.works .step-02-pic-1 {
    width: 21.25vw;
    height: 18.375vw;
    margin: 125.8125vw 0 0 9.25vw;
  }

  .main.works .step-02-pic-2 {
    width: 35.875vw;
    height: 26.1875vw;
    margin: 124.25vw 0 0 33.0625vw;
  }

  .main.works .step-02-pic-3 {
    width: 28.4375vw;
    height: 24.5vw;
    margin: 101.125vw 0 0 71.125vw;
  }

  .main.works .step-02-pic-4 {
    width: 21.25vw;
    height: 18.375vw;
    margin: 127.25vw 0 0 69.75vw;
  }

  .main.works .step-03-ttl {
    width: 23.4375vw;
    height: 11.6875vw;
    margin: 156.375vw 0 0 10vw;
  }

  .main.works .step-03-pic-0 .audio-btn {
    width: 4.6875vw;
    height: 4.6875vw;
    margin: 1.4375vw 2.8125vw 0 0;
  }

  .main.works .step-03-pic-0 {
    width: 55.625vw;
    height: 32.125vw;
    margin: -24.375vw 0 0 35.4375vw;
  }

  .main.works .sec-coordination-technique .sec-in {
    width: 100vw;
    height: 115.3125vw;
  }

  .main.works .step-03-txt {
    margin: 169.8125vw 0 0 10vw;
    font-size: 1.5625vw;
  }

  .main.works .coordination-technique-pic-0 {
    width: 8.375vw;
    height: 15.4375vw;
    margin: -2.4375vw 0 0 11.875vw;
  }

  .main.works .coordination-technique-pic-1 {
    width: 12.625vw;
    height: 15.125vw;
    margin: -2.0625vw 0 0 21.3125vw;
  }

  .main.works .coordination-technique-pic-2 {
    width: 13.6875vw;
    height: 10.875vw;
    margin: 12.4375vw 0 0 71.5625vw;
  }

  .main.works .coordination-technique-pic-3 {
    width: 8vw;
    height: 9.1875vw;
    margin: 8.5625vw 0 0 84.75vw;
  }

  .main.works .coordination-technique-pic-4 {
    width: 7.6875vw;
    height: 15.5625vw;
    margin: 81.4375vw 0 0 9.9375vw;
  }

  .main.works .coordination-technique-pic-5 {
    width: 21.625vw;
    height: 23.375vw;
    margin: 85.8125vw 0 0 71.5625vw;
  }

  .main.works .coordination-technique-ttl {
    width: 59.625vw;
    height: 6.625vw;
    margin: 13.375vw 0 0 10vw;
  }

  .main.works .audio-btn {
    width: 4.6875vw;
    height: 4.6875vw;
    margin: 1.4375vw 2.8125vw 0 0;
  }

  .main.works .coordination-technique-movie-0 {
    width: 40.5vw;
    height: 23.625vw;
    margin: 25.0625vw 0 0 8.9375vw;
  }

  .main.works .coordination-technique-movie-1 {
    width: 40.5vw;
    height: 23.625vw;
    margin: 25.0625vw 0 0 50.5625vw;
  }

  .main.works .coordination-technique-movie-2 {
    width: 40.5vw;
    height: 23.625vw;
    margin: 55.875vw 0 0 8.9375vw;
  }

  .main.works .coordination-technique-movie-3 {
    width: 40.5vw;
    height: 23.625vw;
    margin: 55.875vw 0 0 50.5625vw;
  }

  .main.works .coordination-technique-movie-ttl {
    width: 19vw;
    height: 4.875vw;
    margin: -2vw 0 0 -1.25vw;
  }

  .main.works .coordination-technique-movie-fuki {
    width: 24.9375vw;
    height: 6.875vw;
    margin: 19.5vw 0 0 14.4375vw;
  }

  .main.works .coordination-technique-movie-4 {
    width: 40.5vw;
    height: 23.625vw;
    margin: 85vw 0 0 29.8125vw;
  }

  .main.works .coordination-technique-movie-4 .coordination-technique-movie-fuki {
    width: 17.1875vw;
    height: 11.875vw;
    margin: 7.75vw 0 0 -14.125vw;
  }

  .main.works .sec-kansei {
    background-size: auto 29.8125vw;
    background-position: 50% 31.5625vw;
  }

  .main.works .sec-kansei .sec-in {
    width: 100vw;
    height: 109.75vw;
  }

  .main.works .kansei-ttl {
    width: 44.5vw;
    height: 14.0625vw;
    margin: 4.75vw 0 0 28.25vw;
  }

  .main.works .kansei-pic-0 {
    width: 21.625vw;
    height: 15.625vw;
    margin: 12.25vw 0 0 -1.1875vw;
  }

  .main.works .kansei-pic-1 {
    width: 29.5vw;
    height: 21.0625vw;
    margin: 28.875vw 0 0 -7.75vw;
  }

  .main.works .kansei-pic-2 {
    width: 30.375vw;
    height: 21.6875vw;
    margin: 13.5625vw 0 0 75.375vw;
  }

  .main.works .kansei-pic-3 {
    width: 51.8125vw;
    height: 36.5vw;
    margin: 15.875vw 0 0 24.125vw;
  }

  .main.works .kansei-pic-4 {
    width: 33.3125vw;
    height: 23.6875vw;
    margin: 51.125vw 0 0 8.8125vw;
  }

  .main.works .kansei-pic-5 {
    width: 27.125vw;
    height: 19.4375vw;
    margin: 46.125vw 0 0 69.5vw;
  }

  .main.works .kansei-txt {
    margin: 63.8125vw 0 0 47.4375vw;
    font-size: 1.5625vw;
  }

  .main.works .kansei-seemore {
    width: 30.8125vw;
    height: 7vw;
    margin: 75.5625vw 0 0 34.625vw;
  }

  .main.works .kansei-photo-0 {
    width: 24.375vw;
    height: 15.125vw;
    margin: 85.3125vw 0 0 -4.375vw;
  }

  .main.works .kansei-photo-1 {
    width: 24.375vw;
    height: 15.1875vw;
    margin: 86.0625vw 0 0 16.6875vw;
  }

  .main.works .kansei-photo-2 {
    width: 24.4375vw;
    height: 15.125vw;
    margin: 85.3125vw 0 0 37.875vw;
  }

  .main.works .kansei-photo-3 {
    width: 24.375vw;
    height: 15.125vw;
    margin: 86.0625vw 0 0 58.9375vw;
  }

  .main.works .kansei-photo-4 {
    width: 24.375vw;
    height: 15.125vw;
    margin: 85.3125vw 0 0 80.0625vw;
  }

  .main.works .kansei-pattern {
    height: 3.125vw;
    margin-top: 105.875vw;
  }

  .main.works .teian-ttl {
    width: 89.25vw;
    height: 26.1875vw;
    margin: -2.6875vw 0 0 1.875vw;
  }

  .main.works .teian-0-img {
    width: 49.625vw;
    height: 32.375vw;
    margin: 19.25vw 0 0 45.25vw;
  }

  .main.works .teian-0-img .teian-btn {
    margin: 28.4375vw 0 0 14.875vw;
  }

  .main.works .teian-1-img {
    width: 47.4375vw;
    height: 33.5vw;
    margin: 48.375vw 0 0 9vw;
  }

  .main.works .teian-1-img .teian-btn {
    margin: 28.875vw 0 0 16.0625vw;
  }

  .main.works .teian-2-img {
    width: 49.75vw;
    height: 35.125vw;
    margin: 77.25vw 0 0 41.4375vw;
  }

  .main.works .teian-2-img .teian-btn {
    margin: 31.125vw 0 0 17.1875vw;
  }

  .main.works .sec-teian .sec-in {
    width: 100vw;
    height: 115vw;
    top: -4.9375vw;
  }

  .main.works .teian-0-pic {
    width: 19.3125vw;
    height: 20.5vw;
    margin: 26.8125vw 0 0 8.5vw;
  }

  .main.works .teian-1-pic {
    width: 11vw;
    height: 18.0625vw;
    margin: 56.125vw 0 0 77.25vw;
  }

  .main.works .teian-2-pic {
    width: 11.75vw;
    height: 18.1875vw;
    margin: 89.6875vw 0 0 11.5625vw;
  }

  .main.works .teian-0-txt {
    width: 22.625vw;
    height: 15.6875vw;
    margin: 28.25vw 0 0 26.1875vw;
  }

  .main.works .teian-1-txt {
    width: 24.9375vw;
    height: 17.25vw;
    margin: 56.875vw 0 0 54.375vw;
  }

  .main.works .teian-2-txt {
    width: 20.4375vw;
    height: 14.125vw;
    margin: 91.25vw 0 0 24.8125vw;
  }

  .main.works .teian-btn {
    width: 15.625vw;
    height: 5.5vw;
  }

  .main.works .dot-0 {
    width: 66.9375vw;
    height: 66.875vw;
    margin: 22.3125vw 0 0 4.5625vw;
  }

  .main.works .dot-1 {
    width: 66.875vw;
    height: 71vw;
    margin: 93.75vw 0 0 4.6875vw;
  }

  .main.works .dot-2 {
    width: 4.375vw;
    height: 129.8125vw;
    margin: -16.625vw 0 0 90.75vw;
  }

  .main.works .dot-3 {
    width: 21.875vw;
    height: 11.9375vw;
    margin: 0.1875vw 0 0 73.25vw;
  }

  .tsukutter .mv {
    width: 100vw;
    height: 36.3125vw;
  }

  .tsukutter .mv-txt-bg {
    height: 20.25vw;
    margin-top: -2.0625vw;
  }

  .tsukutter .h1-mv {
    width: 38.4375vw;
    height: 9.375vw;
    margin-top: 31vw;
  }

  .tsukutter .mv-txt {
    width: 87.9375vw;
    height: 7.125vw;
    margin-top: 42.1875vw;
  }

  .tsukutter .sec-dekirukoto {
    background-position: 50% 17.625vw, 50% 0vw;
    background-size: auto 84.6875vw, auto 100%;
  }

  .tsukutter .sec-dekirukoto .sec-in {
    width: 100vw;
    height: 114.8125vw;
  }

  .tsukutter .h2-dekirukoto {
    width: 40.6875vw;
    height: 7.875vw;
    margin-top: 2.875vw;
  }

  .tsukutter .h2-dekirukoto-pic-left {
    width: 9.9375vw;
    height: 16.4375vw;
    margin: 1.75vw 0 0 15vw;
  }

  .tsukutter .h2-dekirukoto-pic-right {
    width: 9.25vw;
    height: 16.4375vw;
    margin: 0.6875vw 0 0 75.125vw;
  }

  .tsukutter .h2-dekirukoto-pattern-left {
    width: calc(50% - 20.5vw);
    height: 3.125vw;
    margin-top: 5.9375vw;
  }

  .tsukutter .h2-dekirukoto-pattern-right {
    width: calc(50% - 20.875vw);
    height: 3.125vw;
    margin-top: 5.3125vw;
  }

  .tsukutter .h3-dekirukoto-0 {
    width: 40.375vw;
    height: 7.125vw;
    margin: 13.875vw 0 0 29.875vw;
  }

  .tsukutter .dekirukoto-txt-1 {
    margin: 67.1875vw auto 0;
    font-size: 1.5625vw;
  }

  .tsukutter .dekirukoto-movie .audio-btn {
    width: 3.75vw;
    height: 3.75vw;
  }

  .tsukutter .dekirukoto-movie .audio-btn.audio-btn-0 {
    margin: 0 0 2.875vw 2.875vw;
  }

  .tsukutter .dekirukoto-movie .audio-btn.audio-btn-1 {
    margin: 0 0 2.875vw 2.875vw;
  }

  .tsukutter .dekirukoto-movie video {
    border: 0.625vw solid #fff;
    -webkit-transform: translate(-0.3125vw, -0.625vw);
    transform: translate(-0.3125vw, -0.625vw);
  }

  .tsukutter .dekirukoto-movie-0 {
    width: 55.75vw;
    height: 32.1875vw;
    margin: 24.1875vw 0 0 9vw;
  }

  .tsukutter .dekirukoto-movie-1 {
    width: 54.4375vw;
    height: 31.375vw;
    margin: 76.25vw 0 0 36.5625vw;
  }

  .tsukutter .fukidashi {
    width: 19.4375vw;
    height: 11.6875vw;
    margin: 72.375vw 0 0 72.9375vw;
  }

  .tsukutter .dekirukoto-comment-0 {
    width: 35.5625vw;
    height: 19.125vw;
    margin: 24.0625vw 0 0 59.125vw;
  }

  .tsukutter .h3-dekirukoto-1 {
    width: 40.4375vw;
    height: 7.0625vw;
    margin: 57.8125vw 0 0 29.8125vw;
  }

  .tsukutter .dekirukoto-comment-1 {
    width: 33.25vw;
    height: 18vw;
    margin: 76vw 0 0 8.875vw;
  }

  .tsukutter .dekirukoto-pic-0 {
    width: 6.9375vw;
    height: 8.1875vw;
    margin: 22.875vw 0 0 88.1875vw;
  }

  .tsukutter .dekirukoto-pic-1 {
    width: 9.875vw;
    height: 14.6875vw;
    margin: 41.5vw 0 0 69.625vw;
  }

  .tsukutter .dekirukoto-pic-2 {
    width: 15.4375vw;
    height: 15.75vw;
    margin: 42.3125vw 0 0 78.625vw;
  }

  .tsukutter .dekirukoto-pic-3 {
    width: 8.6875vw;
    height: 14.1875vw;
    margin: 95.8125vw 0 0 8.3125vw;
  }

  .tsukutter .dekirukoto-pic-4 {
    width: 12.4375vw;
    height: 13.125vw;
    margin: 93.8125vw 0 0 18.125vw;
  }

  .tsukutter .dekirukoto-pic-5 {
    width: 4.5vw;
    height: 8.8125vw;
    margin: 93vw 0 0 30.6875vw;
  }

  .tsukutter .dekirukoto-note {
    width: 35.625vw;
    margin: 107.6875vw 10.25vw 0 0;
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 751px) {
  .modal-close-btn {
    background-image: url(../img/common/modal-close-pc.png);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }

  .modal-close-btn:hover {
    opacity: 0.8;
  }

  .menu-btn:before,
  .menu-btn:after {
    background-image: url(../img/common/menu-btn-pc.png);
  }

  .menu-btn:after {
    background-position: bottom center;
  }

  .hover-btn:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% auto;
  }

  .hover-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% auto;
    opacity: 0;
  }

  .hover-btn:hover:before {
    opacity: 0;
  }

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

  body .modal-menu .modalMenu__sec.-cmn {
    background-image: url(../img/common/menu/cmn_bg.jpg);
  }

  body .modal-menu .modalMenu__sec.-add {
    background-image: url(../img/common/menu/add_bg.jpg);
  }

  body .modal-menu .modalMenu__close {
    background-image: url(../img/common/menu/close.png);
  }

  body .modal-works .modal-main {
    background-image: url(../img/_works/works/pc/bg.jpg);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
  }

  body .modal-works .works-ttl {
    background-image: url(../img/_works/works/pc/ttl.png);
  }

  body .modal-works .works-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
  }

  body .modal-works .works-list ul li {
    width: 32.9545454545%;
  }

  body .modal-works .works-closeicon {
    display: none;
  }

  body .modal-works .works-close {
    background-image: url(../img/_works/works/pc/btn.png);
  }

  body .modal-works .works-1-pic {
    background-image: url(../img/_works/works/pc/chair.png);
  }

  body .modal-works .works-2-pic {
    background-image: url(../img/_works/works/pc/tree.png);
  }

  body .modal-works .works-3-pic {
    background-image: url(../img/_works/works/pc/cup_board.png);
  }

  body .modal-yt .modal-close-btn {
    top: calc(10% - 10px);
  }

  body .modal-a .modal-main {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    background-image: url(../img/_works/modal-a-main-pc.png);
    background-size: 100% auto;
  }

  body .modal-a .modal-txt {
    text-align: center;
    line-height: 1.8;
  }

  body .modal-b .modal-main {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    background-image: url(../img/_works/modal-b-main-pc.png);
  }

  body .modal-b .modal-txt {
    line-height: 1.8;
    text-align: center;
  }

  body .modal-c .modal-main {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    background-image: url(../img/_works/modal-c-main-pc.png);
  }

  body .modal-c .modal-txt {
    text-align: center;
    line-height: 1.8;
  }

  #globalFooter .sub .link {
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 300px;
  }

  #globalFooter .sub .link li {
    display: inline-block;
    width: auto;
  }

  #globalFooter .sub .sns {
    display: inline-block;
    float: right;
    margin-top: 5px;
  }

  #globalFooter #main .visual-logo {
    background-image: url(../img/common/footer/visual-logo-pc.png);
  }

  #globalFooter #main ul.nav-acbaa .nav-slowlife {
    background-image: url(../img/common/footer/nav-slowlife-pc.png);
  }

  #globalFooter #main ul.nav-acbaa .nav-slowlife:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-guide {
    background-image: url(../img/common/footer/nav-guide-pc.png);
  }

  #globalFooter #main ul.nav-acbaa .nav-guide:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-movie {
    background-image: url(../img/common/footer/nav-movie-pc.png);
  }

  #globalFooter #main ul.nav-acbaa .nav-movie:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-namelist {
    background-image: url(../img/common/footer/nav-namelist-pc.png);
  }

  #globalFooter #main ul.nav-acbaa .nav-namelist:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-acbaa .nav-portal {
    background-image: url(../img/common/footer/nav-portal-pc.png);
  }

  #globalFooter #main ul.nav-acbaa .nav-portal:hover {
    background-position: bottom center;
  }

  .subpage #globalFooter #main ul.nav-happyhomeparadise .nav-subpage-back {
    background-image: url(../img/common/footer/nav-subpage-back-pc.png);
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-ttl {
    background-image: url(../img/common/footer/nav-happyhomeparadise-ttl-pc.png);
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-logo {
    background-image: url(../img/common/footer/nav-happyhomeparadise-logo-pc.png);
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works {
    background-image: url(../img/common/footer/nav-happyhomeparadise-works-pc.png);
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-works:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland {
    background-image: url(../img/common/footer/nav-happyhomeparadise-myisland-pc.png);
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-myisland:hover {
    background-position: bottom center;
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter {
    background-image: url(../img/common/footer/nav-happyhomeparadise-tsukutter-pc.png);
  }

  #globalFooter #main ul.nav-happyhomeparadise .nav-happyhomeparadise-tsukutter:hover {
    background-position: bottom center;
  }

  .top .kv {
    background-image: url(../img/_top/kv-pc.png);
  }

  .top .kv-up-txt-bg {
    background-image: url(../img/_top/kv-up-txt-bg-pc.png);
  }

  .top .kv-up-txt {
    background-image: url(../img/_top/kv-up-txt-pc.png);
  }

  .top .sec-oshirase {
    background-position: 50% 0, 50% 100%;
    background-repeat: repeat-x;
    background-image: url(../img/_top/sec-oshirase-bg-pc.png);
  }

  .top .kv-movie-btn {
    background-image: url(../img/_top/kv-movie-btn-pc.png);
  }

  .top .kv-movie-btn:hover {
    background-position: bottom center;
  }

  .top .kv-product-detail-btn {
    background-image: url(../img/_top/kv-product-detail-btn-pc.png);
  }

  .top .kv-product-detail-btn:hover {
    background-position: bottom center;
  }

  .top h1.h1-oshirase {
    background-image: url(../img/_top/h1-oshirase-pc.png);
  }

  .top .oshirase-txt-0 {
    background-image: url(../img/_top/oshirase-txt-0-pc.png);
  }

  .top .oshirase-txt-1 {
    background-image: url(../img/_top/oshirase-txt-1-pc.png);
  }

  .top .pic-oshirase-0 {
    background-image: url(../img/_top/pic-oshirase-0-pc.png);
  }

  .top .pic-oshirase-1 {
    background-image: url(../img/_top/pic-oshirase-1-pc.png);
    z-index: 5;
  }

  .top .pic-oshirase-2 {
    background-image: url(../img/_top/pic-oshirase-2-pc.png);
  }

  .top .pic-oshirase-3 {
    background-image: url(../img/_top/pic-oshirase-3-pc.png);
  }

  .top .pic-oshirase-4 {
    background-image: url(../img/_top/pic-oshirase-4-pc.png);
    z-index: 1;
  }

  .top .pic-oshirase-5 {
    background-image: url(../img/_top/pic-oshirase-5-pc.png);
  }

  .top h3.nakama-ttl {
    background-image: url(../img/_top/nakama-ttl-pc.png);
  }

  .top .nakama-0 {
    background-image: url(../img/_top/nakama-0-pc.png);
  }

  .top .nakama-1 {
    background-image: url(../img/_top/nakama-1-pc.png);
  }

  .top .nakama-2 {
    background-image: url(../img/_top/nakama-2-pc.png);
  }

  .top .sec-works {
    background-repeat: repeat-x;
    background-image: url(../img/_top/sec-works-bg-1-pc.png), url(../img/_top/sec-works-bg-3-pc.png), url(../img/_top/sec-works-bg-0-pc.png), url(../img/_top/sec-works-bg-2-pc.png);
  }

  .top h1.h1-works {
    background-image: url(../img/_top/h1-works-pc.png);
  }

  .top h3.h3-works {
    background-image: url(../img/_top/h3-works-pc.png);
  }

  .top p.works-txt {
    line-height: 1.8;
  }

  .top .works-item.works-0 {
    background-image: url(../img/_top/works-0-pc.png);
  }

  .top .works-item.works-1 {
    background-image: url(../img/_top/works-1-pc.png);
  }

  .top .works-item.works-2 {
    background-image: url(../img/_top/works-2-pc.png);
  }

  .top .works-item.works-3 {
    background-image: url(../img/_top/works-3-pc.png);
  }

  .top .works-item.works-4 {
    background-image: url(../img/_top/works-4-pc.png);
  }

  .top .works-item.works-5 {
    background-image: url(../img/_top/works-5-pc.png);
  }

  .top .works-label {
    background-image: url(../img/_top/works-label-pc.png);
  }

  .top .works-seemore-btn {
    background-image: url(../img/_top/works-seemore-btn-pc.png);
  }

  .top .works-seemore-btn:hover {
    background-position: bottom center;
  }

  .top .osusume-frame {
    background-image: url(../img/_top/osusume-frame-pc.png);
  }

  .top h2.h2-osusume {
    background-image: url(../img/_top/h2-osusume-pc.png);
  }

  .top .osusume-txt-0 {
    background-image: url(../img/_top/osusume-txt-0-pc.png);
  }

  .top .osusume-txt-1 {
    line-height: 1.8;
  }

  .top .point-img .audio-btn {
    top: auto;
    bottom: 0;
  }

  .top .point-img video {
    width: 84.18902%;
    height: 79.23077%;
    margin: 4.13793% 0 0 6.2069%;
  }

  .top .point-img.point-img-0 .point-ttl {
    background-image: url(../img/_top/point-0-pc.png);
  }

  .top .point-img.point-img-1 .point-ttl {
    background-image: url(../img/_top/point-1-pc.png);
  }

  .top .point-img.point-img-2 .point-ttl {
    background-image: url(../img/_top/point-2-pc.png);
  }

  .top .point-img.point-img-3 .point-ttl {
    background-image: url(../img/_top/point-3-pc.png);
  }

  .top .takumi-life-intro-btn {
    background-image: url(../img/_top/takumi-life-intro-btn-pc.png);
  }

  .top .takumi-life-intro-btn:hover {
    background-position: bottom center;
  }

  .top .sec-wait {
    background-repeat: repeat-x;
    background-image: url(../img/_top/sec-wait-bg-2-pc.png), url(../img/_top/sec-wait-bg-pc.png);
  }

  .top .wait-txt {
    background-image: url(../img/_top/wait-txt-pc.png);
  }

  .top .wait-pic {
    background-image: url(../img/_top/wait-pic-pc.png);
  }

  .top .sec-info {
    background-repeat: repeat-x;
    background-image: url(../img/_top/sec-info-bg-pc.png);
  }

  .top h2.h2-info {
    background-image: url(../img/_top/h2-info-pc.png);
  }

  .top .info-btn-0 {
    background-image: url(../img/_top/info-btn-0-pc.png);
  }

  .top .info-btn-0:hover {
    background-position: bottom center;
  }

  .top .info-btn-1 {
    background-image: url(../img/_top/info-btn-1-pc.png);
  }

  .top .info-btn-1:hover {
    background-position: bottom center;
  }

  .top .info-btn-2 {
    background-image: url(../img/_top/info-btn-2-pc.png);
  }

  .top .info-btn-2:hover {
    background-position: bottom center;
  }

  .top .start-pattern-frame {
    line-height: 1.65;
    padding-left: 3.59375%;
    padding-right: 3.59375%;
  }

  .top .start-pattern-frame .start-pattern-main__ttl {
    background-image: url(../img/_top/start-main-pc.png);
  }

  .top .start-pattern-frame .start-pattern-main__detail li p span {
    display: block;
  }

  .top .start-pattern-frame .start-pattern-main__note a:hover {
    text-decoration: none;
  }

  .top .start-pattern-frame .start-pattern-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .top .start-char-0 {
    background-image: url(../img/_top/start-char-0-pc.png);
  }

  .top .download-btn {
    background-image: url(../img/_top/download-btn-pc.png);
  }

  .top .download-btn:hover {
    background-position: bottom center;
  }

  .top .buy-detail-btn {
    background-image: url(../img/_top/buy-detail-btn-pc.png);
  }

  .top .buy-detail-btn:hover {
    background-position: bottom center;
  }

  .myisland .mv {
    background-image: url(../img/_myisland/mv-pc.png);
  }

  .myisland .mv-txt-bg {
    background-image: url(../img/_myisland/mv-txt-bg-pc.png);
  }

  .myisland .mv-char-0 {
    background-image: url(../img/_myisland/mv-char-0-pc.png);
  }

  .myisland .mv-char-1 {
    background-image: url(../img/_myisland/mv-char-1-pc.png);
  }

  .myisland .h1-mv {
    background-image: url(../img/_myisland/h1-mv-pc.png);
  }

  .myisland .mv-txt {
    background-image: url(../img/_myisland/mv-txt-pc.png);
  }

  .myisland .sec-myhome {
    background-image: url(../img/_myisland/sec-myhome-bg-pc.png);
  }

  .myisland .h2-myhome {
    background-image: url(../img/_myisland/h2-myhome-pc.png);
  }

  .myisland .h2-myhome-pattern-left {
    background-image: url(../img/_myisland/h2-myhome-pattern-pc.png);
    background-position: 100% 0;
    left: 0;
  }

  .myisland .h2-myhome-pattern-right {
    background-image: url(../img/_myisland/h2-myhome-pattern-pc.png);
    background-position: 0 0;
    right: 0;
  }

  .myisland .myhome-movie-0 .audio-btn {
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
  }

  .myisland .myhome-movie-0 video {
    width: 91.88514%;
    height: 89.49416%;
    margin: 2.02247% 0 0 3.03371%;
  }

  .myisland .myhome-movie-1 {
    background-image: url(../img/_myisland/myhome-movie-1-pc.png);
  }

  .myisland .myhome-movie-2 {
    background-image: url(../img/_myisland/myhome-movie-2-pc.png);
  }

  .myisland .myhome-pic-0 {
    background-image: url(../img/_myisland/myhome-pic-0-pc.png);
  }

  .myisland .myhome-pic-1 {
    background-image: url(../img/_myisland/myhome-pic-1-pc.png);
  }

  .myisland .myhome-flower {
    background-image: url(../img/_myisland/myhome-flower-pc.png);
  }

  .myisland .myhome-txt {
    line-height: 1.8;
  }

  .myisland .sec-kaimono {
    background-image: url(../img/_myisland/sec-kaimono-bg-0-pc.png), url(../img/_myisland/sec-kaimono-bg-pc.png);
    background-repeat: repeat-x;
  }

  .myisland h2.h2-kaimono-0 {
    background-image: url(../img/_myisland/h2-kaimono-0-pc.png);
  }

  .myisland .kaimono-carousel-0 {
    background-image: url(../img/_myisland/kaimono-carousel-0-pc.png);
  }

  .myisland .kaimono-comment-0 {
    background-image: url(../img/_myisland/kaimono-comment-0-pc.png);
  }

  .myisland h2.h2-kaimono-1 {
    background-image: url(../img/_myisland/h2-kaimono-1-pc.png);
  }

  .myisland .kaimono-comment-1 {
    background-image: url(../img/_myisland/kaimono-comment-1-pc.png);
  }

  .myisland .kaimono-pic01 {
    background-image: url(../img/_myisland/kaimono-pic01-pc.png);
  }

  .myisland .kaimono-pic02 {
    background-image: url(../img/_myisland/kaimono-pic02-pc.png);
  }

  .myisland .kaimono-pic-0 {
    background-image: url(../img/_myisland/kaimono-pic-0-pc.png);
  }

  .myisland .kaimono-pic-1 {
    background-image: url(../img/_myisland/kaimono-pic-1-pc.png);
  }

  .myisland .kaimono-pic-2 {
    background-image: url(../img/_myisland/kaimono-pic-2-pc.png);
  }

  .myisland .kaimono-pic-3 {
    background-image: url(../img/_myisland/kaimono-pic-3-pc.png);
  }

  .myisland .kaimono-pic-4 {
    background-image: url(../img/_myisland/kaimono-pic-4-pc.png);
  }

  .myisland .kaimono-pic-5 {
    background-image: url(../img/_myisland/kaimono-pic-5-pc.png);
  }

  .main.works .h1-mv {
    background-image: url(../img/_works/h1-mv-pc.png);
  }

  .main.works .mv-char-0 {
    background-image: url(../img/_works/mv-char-0-pc.png);
  }

  .main.works .mv-char-1 {
    background-image: url(../img/_works/mv-char-1-pc.png);
  }

  .main.works .mv-char-2 {
    background-image: url(../img/_works/mv-char-2-pc.png);
  }

  .main.works .mv-txt-bg {
    background-image: url(../img/_works/mv-txt-bg-pc.png);
  }

  .main.works .mv-txt {
    background-image: url(../img/_works/mv-txt-pc.png);
  }

  .main.works .h2-goraiten-pattern-left {
    background-image: url(../img/_works/h2-goraiten-pattern-pc.png);
    background-position: 100% 0;
    left: 0;
  }

  .main.works .h2-goraiten-pattern-right {
    background-image: url(../img/_works/h2-goraiten-pattern-pc.png);
    background-position: 0 0;
    right: 0;
  }

  .main.works .sec-goraiten {
    background-image: url(../img/_works/step-02-bg-pc.png);
    background-repeat: repeat-x;
  }

  .main.works .h2-goraiten {
    background-image: url(../img/_works/h2-goraiten-pc.png);
  }

  .main.works .h2-goraiten-pic-left {
    background-image: url(../img/_works/h2-goraiten-pic-left-pc.png);
  }

  .main.works .h2-goraiten-pic-right {
    background-image: url(../img/_works/h2-goraiten-pic-right-pc.png);
  }

  .main.works .step-01-ttl {
    background-image: url(../img/_works/step-01-ttl-pc.png);
  }

  .main.works .step-01-txt {
    line-height: 1.8;
  }

  .main.works .step-01-pic-0 {
    background-image: url(../img/_works/step-01-pic-0-pc.png);
  }

  .main.works .step-01-pic-1 {
    background-image: url(../img/_works/step-01-pic-1-pc.png);
  }

  .main.works .step-01-pic-2 {
    background-image: url(../img/_works/step-01-pic-2-pc.png);
  }

  .main.works .step-01-pic-3 {
    background-image: url(../img/_works/step-01-pic-3-pc.png);
  }

  .main.works .step-line-pattern {
    background-image: url(../img/_works/step-line-pattern-pc.png);
    left: 0;
  }

  .main.works .step-02-ttl {
    background-image: url(../img/_works/step-02-ttl-pc.png);
  }

  .main.works .step-02-txt {
    line-height: 1.8;
  }

  .main.works .step-02-pic-0 {
    background-image: url(../img/_works/step-02-pic-0-pc.png);
  }

  .main.works .step-02-pic-1 {
    background-image: url(../img/_works/step-02-pic-1-pc.png);
  }

  .main.works .step-02-pic-2 {
    background-image: url(../img/_works/step-02-pic-2-pc.png);
  }

  .main.works .step-02-pic-3 {
    background-image: url(../img/_works/step-02-pic-3-pc.png);
  }

  .main.works .step-02-pic-4 {
    background-image: url(../img/_works/step-02-pic-4-pc.png);
  }

  .main.works .step-03-ttl {
    background-image: url(../img/_works/step-03-ttl-pc.png);
  }

  .main.works .step-03-pic-0 video {
    width: 94.04494%;
    height: 89.49416%;
    margin: 2.02247% 0 0 3.03371%;
  }

  .main.works .step-03-pic-0 {
    background-image: url(../img/_works/step-03-pic-0-pc.png);
  }

  .main.works .sec-coordination-technique {
    background-image: url(../img/_works/sec-coordination-technique-pc.png);
    background-repeat: repeat-x;
    background-position: 50% 0;
    background-size: auto 100%;
  }

  .main.works .step-03-txt {
    line-height: 1.8;
  }

  .main.works .coordination-technique-pic-0 {
    background-image: url(../img/_works/coordination-technique-pic-0-pc.png);
  }

  .main.works .coordination-technique-pic-1 {
    background-image: url(../img/_works/coordination-technique-pic-1-pc.png);
  }

  .main.works .coordination-technique-pic-2 {
    background-image: url(../img/_works/coordination-technique-pic-2-pc.png);
  }

  .main.works .coordination-technique-pic-3 {
    background-image: url(../img/_works/coordination-technique-pic-3-pc.png);
  }

  .main.works .coordination-technique-pic-4 {
    background-image: url(../img/_works/coordination-technique-pic-4-pc.png);
  }

  .main.works .coordination-technique-pic-5 {
    background-image: url(../img/_works/coordination-technique-pic-5-pc.png);
  }

  .main.works .coordination-technique-ttl {
    background-image: url(../img/_works/coordination-technique-ttl-pc.png);
  }

  .main.works .coordination-technique-movie {
    background-image: url(../img/_works/coordination-technique-movie-pc.png);
  }

  .main.works .coordination-technique-movie video {
    width: 91.66667%;
    height: 85.44974%;
    margin: 2.62346% 0 0 4.01235%;
  }

  .main.works .coordination-technique-movie-0 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-0-ttl-pc.png);
  }

  .main.works .coordination-technique-movie-0 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-0-fuki-pc.png);
  }

  .main.works .coordination-technique-movie-1 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-1-ttl-pc.png);
  }

  .main.works .coordination-technique-movie-1 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-1-fuki-pc.png);
  }

  .main.works .coordination-technique-movie-2 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-2-ttl-pc.png);
  }

  .main.works .coordination-technique-movie-2 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-2-fuki-pc.png);
  }

  .main.works .coordination-technique-movie-3 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-3-ttl-pc.png);
  }

  .main.works .coordination-technique-movie-3 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-3-fuki-pc.png);
  }

  .main.works .coordination-technique-movie-4 .coordination-technique-movie-ttl {
    background-image: url(../img/_works/coordination-technique-movie-4-ttl-pc.png);
  }

  .main.works .coordination-technique-movie-4 .coordination-technique-movie-fuki {
    background-image: url(../img/_works/coordination-technique-movie-4-fuki-pc.png);
  }

  .main.works .sec-kansei {
    background-image: url(../img/_works/step-kansei-bg-pc.png);
    background-repeat: repeat-x;
  }

  .main.works .kansei-ttl {
    background-image: url(../img/_works/kansei-ttl-pc.png);
  }

  .main.works .kansei-pic-0 {
    background-image: url(../img/_works/kansei-pic-0-pc.png);
  }

  .main.works .kansei-pic-1 {
    background-image: url(../img/_works/kansei-pic-1-pc.png);
  }

  .main.works .kansei-pic-2 {
    background-image: url(../img/_works/kansei-pic-2-pc.png);
  }

  .main.works .kansei-pic-3 {
    background-image: url(../img/_works/kansei-pic-3-pc.png);
  }

  .main.works .kansei-pic-4 {
    background-image: url(../img/_works/kansei-pic-4-pc.png);
  }

  .main.works .kansei-pic-5 {
    background-image: url(../img/_works/kansei-pic-5-pc.png);
  }

  .main.works .kansei-txt {
    line-height: 1.8;
  }

  .main.works .kansei-seemore {
    background-image: url(../img/_works/kansei-seemore-pc.png);
  }

  .main.works .kansei-seemore:hover {
    background-position: bottom center;
  }

  .main.works .kansei-photo-0 {
    background-image: url(../img/_works/kansei-photo-0-pc.png);
  }

  .main.works .kansei-photo-1 {
    background-image: url(../img/_works/kansei-photo-1-pc.png);
  }

  .main.works .kansei-photo-2 {
    background-image: url(../img/_works/kansei-photo-2-pc.png);
  }

  .main.works .kansei-photo-3 {
    background-image: url(../img/_works/kansei-photo-3-pc.png);
  }

  .main.works .kansei-photo-4 {
    background-image: url(../img/_works/kansei-photo-4-pc.png);
  }

  .main.works .kansei-pattern {
    background-image: url(../img/_works/kansei-pattern-pc.png);
    background-position: 100% 0;
    left: 0;
  }

  .main.works .teian-ttl {
    background-image: url(../img/_works/teian-ttl-pc.png);
  }

  .main.works .teian-0-img {
    background-image: url(../img/_works/teian-0-img-pc.png);
  }

  .main.works .teian-1-img {
    background-image: url(../img/_works/teian-1-img-pc.png);
  }

  .main.works .teian-2-img {
    background-image: url(../img/_works/teian-2-img-pc.png);
  }

  .main.works .sec-teian {
    background-image: url(../img/_works/step-teian-bg-pc.png);
    background-repeat: repeat-x;
    background-position: 50% 0;
    background-size: auto 100%;
  }

  .main.works .teian-0-pic {
    background-image: url(../img/_works/teian-0-pic-pc.png);
  }

  .main.works .teian-1-pic {
    background-image: url(../img/_works/teian-1-pic-pc.png);
  }

  .main.works .teian-2-pic {
    background-image: url(../img/_works/teian-2-pic-pc.png);
  }

  .main.works .teian-0-txt {
    background-image: url(../img/_works/teian-0-txt-pc.png);
  }

  .main.works .teian-1-txt {
    background-image: url(../img/_works/teian-1-txt-pc.png);
  }

  .main.works .teian-2-txt {
    background-image: url(../img/_works/teian-2-txt-pc.png);
  }

  .main.works .teian-btn {
    background-image: url(../img/_works/teian-btn-pc.png);
  }

  .main.works .teian-btn:hover {
    background-position: bottom center;
  }

  .main.works .dot-0 {
    background-image: url(../img/_works/dot-0-pc.png);
  }

  .main.works .dot-1 {
    background-image: url(../img/_works/dot-1-pc.png);
  }

  .main.works .dot-2 {
    background-image: url(../img/_works/dot-2-pc.png);
  }

  .main.works .dot-3 {
    background-image: url(../img/_works/dot-3-pc.png);
  }

  .tsukutter .mv {
    background-image: url(../img/_tsukutter/mv-pc.png);
  }

  .tsukutter .mv-txt-bg {
    background-image: url(../img/_tsukutter/mv-txt-bg-pc.png);
  }

  .tsukutter .h1-mv {
    background-image: url(../img/_tsukutter/h1-mv-pc.png);
  }

  .tsukutter .mv-txt {
    background-image: url(../img/_tsukutter/mv-txt-pc.png);
  }

  .tsukutter .sec-dekirukoto {
    background-repeat: repeat-x;
    background-image: url(../img/_tsukutter/sec-dekirukoto-bg-0-pc.png), url(../img/_tsukutter/sec-dekirukoto-bg-1-pc.png);
  }

  .tsukutter .h2-dekirukoto {
    background-image: url(../img/_tsukutter/h2-dekirukoto-pc.png);
  }

  .tsukutter .h2-dekirukoto-pic-left {
    background-image: url(../img/_tsukutter/h2-dekirukoto-pic-left-pc.png);
  }

  .tsukutter .h2-dekirukoto-pic-right {
    background-image: url(../img/_tsukutter/h2-dekirukoto-pic-right-pc.png);
  }

  .tsukutter .h2-dekirukoto-pattern-left {
    background-image: url(../img/_tsukutter/h2-dekirukoto-pattern-pc.png);
    background-position: 100% 0;
    left: 0;
  }

  .tsukutter .h2-dekirukoto-pattern-right {
    background-image: url(../img/_tsukutter/h2-dekirukoto-pattern-pc.png);
    background-position: 0 0;
    right: 0;
  }

  .tsukutter .h3-dekirukoto-0 {
    background-image: url(../img/_tsukutter/h3-dekirukoto-0-pc.png);
  }

  .tsukutter .dekirukoto-txt-1 {
    line-height: 1.8;
  }

  .tsukutter .dekirukoto-movie .audio-btn.audio-btn-0 {
    right: auto;
    left: 0;
    bottom: 0;
    top: auto;
  }

  .tsukutter .dekirukoto-movie .audio-btn.audio-btn-1 {
    right: auto;
    left: 0;
    bottom: 0;
    top: auto;
  }

  .tsukutter .dekirukoto-movie video {
    width: 91.88514%;
    height: 89.49416%;
    margin: 2.02247% 0 0 3.03371%;
  }

  .tsukutter .fukidashi {
    background-image: url(../img/_tsukutter/fukidashi-pc.png);
  }

  .tsukutter .dekirukoto-comment-0 {
    background-image: url(../img/_tsukutter/dekirukoto-comment-0-pc.png);
  }

  .tsukutter .h3-dekirukoto-1 {
    background-image: url(../img/_tsukutter/h3-dekirukoto-1-pc.png);
  }

  .tsukutter .dekirukoto-comment-1 {
    background-image: url(../img/_tsukutter/dekirukoto-comment-1-pc.png);
  }

  .tsukutter .dekirukoto-pic-0 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-0-pc.png);
  }

  .tsukutter .dekirukoto-pic-1 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-1-pc.png);
  }

  .tsukutter .dekirukoto-pic-2 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-2-pc.png);
  }

  .tsukutter .dekirukoto-pic-3 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-3-pc.png);
  }

  .tsukutter .dekirukoto-pic-4 {
    background-image: url(../img/_tsukutter/dekirukoto-pic-4-pc.png);
  }

  .tsukutter .dekirukoto-note {
    line-height: 1;
    text-align: right;
    right: 0;
  }
}

@media (min-aspect-ratio: 1920/1024) {
  body .modal-yt .modal-main {
    width: 187.5vh;
    height: 100vh;
  }
}

@media (max-aspect-ratio: 1920/1024) {
  body .modal-yt .modal-main {
    width: 100vw;
    height: 53.33333vw;
  }
}

@media screen and (min-width: 751px) and (min-aspect-ratio: 1316/1168) {
  body .modal-a .modal-close-btn {
    margin-left: 100.59932vh;
    width: 8.56164vh;
    height: 8.64726vh;
    margin-top: -3.59589vh;
  }

  body .modal-a .modal-main {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 112.67123vh;
    height: 100vh;
  }

  body .modal-a .modal-txt {
    font-size: 2.14041vh;
    margin-top: 17.12329vh;
  }
}

@media screen and (min-width: 751px) and (max-aspect-ratio: 1316/1168) {
  body .modal-a .modal-close-btn {
    margin-left: 89.28571vw;
    width: 7.59878vw;
    height: 7.67477vw;
    margin-top: -3.19149vw;
  }

  body .modal-a .modal-main {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 100vw;
    height: 88.7538vw;
  }

  body .modal-a .modal-txt {
    font-size: 1.8997vw;
    margin-top: 15.19757vw;
  }
}

@media screen and (min-width: 751px) and (min-aspect-ratio: 1307/1168) {
  body .modal-b .modal-close-btn {
    margin-left: 100.17123vh;
    width: 8.56164vh;
    height: 8.64726vh;
    margin-top: -3.59589vh;
  }

  body .modal-b .modal-main {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 111.90068vh;
    height: 100vh;
  }

  body .modal-b .modal-txt {
    font-size: 2.14041vh;
    margin-top: 17.12329vh;
  }
}

@media screen and (min-width: 751px) and (max-aspect-ratio: 1307/1168) {
  body .modal-b .modal-close-btn {
    margin-left: 89.51798vw;
    width: 7.65111vw;
    height: 7.72762vw;
    margin-top: -3.21347vw;
  }

  body .modal-b .modal-main {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 100vw;
    height: 89.36496vw;
  }

  body .modal-b .modal-txt {
    font-size: 1.91278vw;
    margin-top: 15.30222vw;
  }
}

@media screen and (min-width: 751px) and (min-aspect-ratio: 1299/1168) {
  body .modal-c .modal-close-btn {
    margin-left: 86.03801vh;
    width: 7.30994vh;
    height: 7.38304vh;
    margin-top: -3.07018vh;
  }
}

@media screen and (min-width: 751px) and (max-aspect-ratio: 1299/1168) {
  body .modal-c .modal-close-btn {
    margin-left: 90.60816vw;
    width: 7.69823vw;
    height: 7.77521vw;
    margin-top: -3.23326vw;
  }
}

@media screen and (min-width: 751px) and (min-aspect-ratio: 1299/1368) {
  body .modal-c .modal-main {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 94.95614vh;
    height: 100vh;
  }

  body .modal-c .modal-txt {
    font-size: 1.82749vh;
    margin-top: 14.61988vh;
  }
}

@media screen and (min-width: 751px) and (max-aspect-ratio: 1299/1368) {
  body .modal-c .modal-main {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 100vw;
    height: 105.31178vw;
  }

  body .modal-c .modal-txt {
    font-size: 1.92456vw;
    margin-top: 15.39646vw;
  }
}

#globalFooter.globalFooter_top #main {
  width: 100vw;
  height: 252.8vw;
  margin-top: -1.2vw;
}

#globalFooter.globalFooter_top .c-sns {
  display: flex;
  margin-top: -3%;
}

#globalFooter.globalFooter_top .c-sns>li:not(:first-child) {
  margin-left: .6em;
  margin-top: 0;
}

#globalFooter.globalFooter_top .c-footer__copyright {
  margin-top: 2em;
}

@media screen and (min-width: 750px) {
  #globalFooter #main ul.nav-happyhomeparadise_lower .nav-happyhomeparadise-works {
    background-image: url(../img/common/footer/nav-subpage-slowlife-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 27.5625vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise_lower .nav-happyhomeparadise-myisland {
    background-image: url(../img/common/footer/nav-subpage-guide-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 39.8125vw;
  }

  #globalFooter #main ul.nav-happyhomeparadise_lower .nav-happyhomeparadise-tsukutter {
    background-image: url(../img/common/footer/nav-subpage-namelist-pc.png);
    width: 11vw;
    height: 7.0625vw;
    margin: 1.5625vw 0 0 52.25vw;
  }
}

@media screen and (min-width: 760px) {

  #globalFooter .c-footer__pagetop {
    position: absolute;
    left: 87.0625vw;
    width: 8vw;
    max-width: 152px;
    bottom: 23px;
    top: auto;
  }

  #globalFooter.globalFooter_top #main {
    width: 100vw;
    height: 67.5625vw;
    margin-top: -1.2vw;
  }

  #globalFooter.globalFooter_top .c-footer__copyright {
    margin-top: 0;
  }
  @media screen and (max-width: 1119px) {
    #globalFooter.globalFooter_top .c-footer__copyright {
    left: auto;
    right: 30px;
    transform: translateX(0);
    }
  }

  #globalFooter.globalFooter_top .c-sns {
    display: flex;
    margin-top: -19.5px;
  }

  #globalFooter .c-footer__pagetop {
    position: absolute;
    right: calc(40 / 1920 * 100vw);
    width: 10vw;
    max-width: 152px;
    bottom: 35px;
    top: auto;
  }
}

@media screen and (min-width: 1601px) {
  #globalFooter.globalFooter_top #main {
    height: 1081px;
    margin: 0 auto;
    margin-top: -11px;
    width: 1600px;
  }

  #globalFooter.globalFooter_top #main:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100vw;
    height: 1081px;
    pointer-events: none;
    background-repeat: repeat-x;
    background-position: 50% 100%;
    background-size: auto 1081px;
  }

  #globalFooter.globalFooter_top #main ul.nav-happyhomeparadise {
    width: 1600px;
    height: 389px;
    margin: 693px 0 0 0px;
    border-radius: 25px;
  }

  #globalFooter.globalFooter_top .c-footer__pagetop {
    left: 89.6%;
  }

}


@media screen and (max-width: 759px) {
  #globalFooter.globalFooter_top .c-footer__pagetop {
    position: absolute;
    width: 28%;
    right: 3%;
    top: -8.4222vw;
  }
}

#globalFooter.globalFooter_top {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#globalFooter.globalFooter_top #main {
  background-image: url(../img/common/footer/footer-bg_top-sp.png);
  position: relative;
  background-size: auto 100%;
  width: 1600px
}

@media screen and (min-width: 760px) {

  #globalFooter #footer_main{
    background: url(../images/common/content-footer_bg_pc.png) center top no-repeat;
    background-size: 100%;
    margin-top: calc( -10 / 1920 * 100vw);
    height: calc(538 / 1920 * 100vw);
    font-size: 12px;
    font-size: 1.2rem;
  }
  #globalFooter #footer_main .nav-acbaa{
    width: calc(1280 / 1920 * 100vw);
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: calc(55 /1920 * 100vw) 0 calc(60 /1920 * 100vw) 0;
    
  }
  #globalFooter #footer_main .nav-acbaa li{
    margin-bottom: calc(25 /1920 * 100vw);
  }
  #globalFooter #footer_main .nav-acbaa .nav-slowlife{
    width: calc( 543.375 / 1120 * 100%);
  }
  #globalFooter #footer_main .nav-acbaa .nav-guide{
    width: calc( 543.375 / 1120 * 100%);
  }
  #globalFooter #footer_main .nav-acbaa .nav-namelist{
    width: calc( 350.875 / 1120 * 100%);
  }
  #globalFooter #footer_main .nav-acbaa .nav-portal{
    width: calc( 350.875 / 1120 * 100%);
  }
  #globalFooter #footer_main .nav-acbaa .nav-movie{
    width: calc( 350.875 / 1120 * 100%);
  }
  #globalFooter .is-pc.c-footer__pagetop{
    position: absolute;
    z-index: 200;
    width: calc(157 / 1920 * 100vw);
    max-width: 157px;
  }
  
  #globalFooter.globalFooter_top .c-footer__textlink li {
    margin-right: calc(20 / 1920 *100vw);
    padding-left: calc(18 / 1920 *100vw);
    font-size: calc(14 / 1920 *100vw);
    font-weight: bold;
  }

}
@media screen and (min-width: 1680px) {
  #globalFooter.globalFooter_top .c-footer__textlink li {
    margin-right: 17.5px;
    padding-left: 15.75px;
    font-size: 10px;
  }
}

@media screen and (max-width: 759px) {
  #globalFooter #footer_main::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    padding-top: calc(30 / 750 * 100vw);
    margin-top: calc(-26 / 750 * 100vw);
    background-image: url(../images/common/content-footer_bg_top_sp.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
  }
  #globalFooter #footer_main {
    position: relative;
    padding-top: calc(60 / 750 * 100vw);
    margin-top: 0;
    background-image: url(../images/common/content-footer_bg_sp.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
    padding-bottom: calc(180 / 750 * 100vw);
  }
  #globalFooter #footer_main .nav-acbaa {
    width: calc(682 / 750 * 100vw);
    margin: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
  }
  #globalFooter #footer_main .nav-acbaa li {
    margin-bottom: calc(24 / 750 * 100vw);
  }
  #globalFooter #footer_main .nav-acbaa .nav-namelist{
    width: calc(324 / 750 * 100vw);
  }
  #globalFooter #footer_main .nav-acbaa .nav-portal{
    width: calc(341 / 750 * 100vw);
  }
  #globalFooter #footer_main .nav-acbaa .nav-movie{
    display: block;
    width: calc(681 / 750 * 100vw);
    margin: 0 auto calc(17 / 750 * 100vw);
  }
  #globalFooter.globalFooter_top .c-footer{
    padding-top: calc(30 / 750 * 100vw);
  }
  #globalFooter.globalFooter_top .c-footer__textlink li {
    margin-left: calc(25 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
    font-weight: bold;
  }
  #globalFooter.globalFooter_top .c-footer__copyright{
    text-align: center;
    font-size: calc(22 / 750 * 100vw);
  }
}

/*# sourceMappingURL=sourcemaps/style.css.map */