@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,900");
@-moz-keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes scroll {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-o-keyframes scroll {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes gauge-sp {
  0% {
    stroke-dashoffset: 109.9;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes gauge-sp {
  0% {
    stroke-dashoffset: 109.9;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes gauge-sp {
  0% {
    stroke-dashoffset: 109.9;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes gauge-sp {
  0% {
    stroke-dashoffset: 109.9;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes stripe {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -28px;
  }
}
@-webkit-keyframes stripe {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -28px;
  }
}
@-o-keyframes stripe {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -28px;
  }
}
@keyframes stripe {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -28px;
  }
}
@-moz-keyframes aboutCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1120px;
  }
}
@-webkit-keyframes aboutCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1120px;
  }
}
@-o-keyframes aboutCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1120px;
  }
}
@keyframes aboutCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1120px;
  }
}
@-moz-keyframes workshopCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1800px;
  }
}
@-webkit-keyframes workshopCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1800px;
  }
}
@-o-keyframes workshopCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1800px;
  }
}
@keyframes workshopCharacter {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1800px;
  }
}
@-moz-keyframes buttonMore {
  50% {
    opacity: 1;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes buttonMore {
  50% {
    opacity: 1;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes buttonMore {
  50% {
    opacity: 1;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes buttonMore {
  50% {
    opacity: 1;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes totop {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-34px);
    -moz-transform: translateY(-34px);
    -o-transform: translateY(-34px);
    -ms-transform: translateY(-34px);
    transform: translateY(-34px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateY(34px);
    -moz-transform: translateY(34px);
    -o-transform: translateY(34px);
    -ms-transform: translateY(34px);
    transform: translateY(34px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes totop {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-34px);
    -moz-transform: translateY(-34px);
    -o-transform: translateY(-34px);
    -ms-transform: translateY(-34px);
    transform: translateY(-34px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateY(34px);
    -moz-transform: translateY(34px);
    -o-transform: translateY(34px);
    -ms-transform: translateY(34px);
    transform: translateY(34px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes totop {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-34px);
    -moz-transform: translateY(-34px);
    -o-transform: translateY(-34px);
    -ms-transform: translateY(-34px);
    transform: translateY(-34px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateY(34px);
    -moz-transform: translateY(34px);
    -o-transform: translateY(34px);
    -ms-transform: translateY(34px);
    transform: translateY(34px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes totop {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-34px);
    -moz-transform: translateY(-34px);
    -o-transform: translateY(-34px);
    -ms-transform: translateY(-34px);
    transform: translateY(-34px);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateY(34px);
    -moz-transform: translateY(34px);
    -o-transform: translateY(34px);
    -ms-transform: translateY(34px);
    transform: translateY(34px);
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes translateDownIn {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@-webkit-keyframes translateDownIn {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@-o-keyframes translateDownIn {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes translateDownIn {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@-moz-keyframes translateDownOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@-webkit-keyframes translateDownOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@-o-keyframes translateDownOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@keyframes translateDownOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@-moz-keyframes translateUpIn {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@-webkit-keyframes translateUpIn {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@-o-keyframes translateUpIn {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@keyframes translateUpIn {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@-moz-keyframes translateUpOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@-webkit-keyframes translateUpOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@-o-keyframes translateUpOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@keyframes translateUpOut {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@-moz-keyframes translateLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-webkit-keyframes translateLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-o-keyframes translateLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes translateLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-moz-keyframes translateLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-webkit-keyframes translateLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-o-keyframes translateLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes translateLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-moz-keyframes translateRightIn {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@-webkit-keyframes translateRightIn {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@-o-keyframes translateRightIn {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes translateRightIn {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@-moz-keyframes translateRightOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@-webkit-keyframes translateRightOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@-o-keyframes translateRightOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes translateRightOut {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
@-moz-keyframes translateLeftInOut {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-webkit-keyframes translateLeftInOut {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@-o-keyframes translateLeftInOut {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes translateLeftInOut {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }
}
.en {
  font-family: 'Roboto', sans-serif;
}
.ja {
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.for-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .for-sp {
    display: block;
  }
}
.for-sp-tab {
  display: none;
}
@media screen and (max-width: 1024px) {
  .for-sp-tab {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .for-pc {
    display: none;
  }
}
html.is-sl-locked {
  height: 100%;
  overflow-y: hidden;
}
html.is-sl-over-height .js-sl-scrollbar-cover {
  display: block;
}
html.is-sl-over-width body {
  overflow-x: hidden;
  overflow-y: scroll;
}
.js-sl-scrollbar-cover {
  display: none;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
}
.js-menu {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
a {
  color: #00b9eb;
}
.mt-0 {
  margin-top: 0;
}
.mt-xxs {
  margin-top: 1px;
}
.mt-xs {
  margin-top: 2px;
}
.mt-sm {
  margin-top: 4px;
}
.mt-md {
  margin-top: 8px;
}
.mt-lg {
  margin-top: 16px;
}
.mt-xl {
  margin-top: 32px;
}
.mt-xxl {
  margin-top: 64px;
}
@media screen and (min-width: 1025px) {
  .mt-0-desktop {
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .mt-xxs-desktop {
    margin-top: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .mt-xs-desktop {
    margin-top: 4px;
  }
}
@media screen and (min-width: 1025px) {
  .mt-sm-desktop {
    margin-top: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .mt-md-desktop {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .mt-lg-desktop {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .mt-xl-desktop {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1025px) {
  .mt-xxl-desktop {
    margin-top: 128px;
  }
}
.mb-0 {
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .mb-0 {
    margin-bottom: 0;
  }
}
.mb-xxs {
  margin-bottom: 1px;
}
@media screen and (min-width: 1025px) {
  .mb-xxs {
    margin-bottom: 2px;
  }
}
.mb-xs {
  margin-bottom: 2px;
}
@media screen and (min-width: 1025px) {
  .mb-xs {
    margin-bottom: 4px;
  }
}
.mb-sm {
  margin-bottom: 4px;
}
@media screen and (min-width: 1025px) {
  .mb-sm {
    margin-bottom: 8px;
  }
}
.mb-md {
  margin-bottom: 8px;
}
@media screen and (min-width: 1025px) {
  .mb-md {
    margin-bottom: 16px;
  }
}
.mb-lg {
  margin-bottom: 16px;
}
@media screen and (min-width: 1025px) {
  .mb-lg {
    margin-bottom: 32px;
  }
}
.mb-xl {
  margin-bottom: 32px;
}
@media screen and (min-width: 1025px) {
  .mb-xl {
    margin-bottom: 64px;
  }
}
.mb-xxl {
  margin-bottom: 64px;
}
@media screen and (min-width: 1025px) {
  .mb-xxl {
    margin-bottom: 128px;
  }
}
.ml-0 {
  margin-left: 0;
}
@media screen and (min-width: 1025px) {
  .ml-0 {
    margin-left: 0;
  }
}
.ml-xxs {
  margin-left: 1px;
}
@media screen and (min-width: 1025px) {
  .ml-xxs {
    margin-left: 2px;
  }
}
.ml-xs {
  margin-left: 2px;
}
@media screen and (min-width: 1025px) {
  .ml-xs {
    margin-left: 4px;
  }
}
.ml-sm {
  margin-left: 4px;
}
@media screen and (min-width: 1025px) {
  .ml-sm {
    margin-left: 8px;
  }
}
.ml-md {
  margin-left: 8px;
}
@media screen and (min-width: 1025px) {
  .ml-md {
    margin-left: 16px;
  }
}
.ml-lg {
  margin-left: 16px;
}
@media screen and (min-width: 1025px) {
  .ml-lg {
    margin-left: 32px;
  }
}
.ml-xl {
  margin-left: 32px;
}
@media screen and (min-width: 1025px) {
  .ml-xl {
    margin-left: 64px;
  }
}
.ml-xxl {
  margin-left: 64px;
}
@media screen and (min-width: 1025px) {
  .ml-xxl {
    margin-left: 128px;
  }
}
.mr-0 {
  margin-right: 0;
}
@media screen and (min-width: 1025px) {
  .mr-0 {
    margin-right: 0;
  }
}
.mr-xxs {
  margin-right: 1px;
}
@media screen and (min-width: 1025px) {
  .mr-xxs {
    margin-right: 2px;
  }
}
.mr-xs {
  margin-right: 2px;
}
@media screen and (min-width: 1025px) {
  .mr-xs {
    margin-right: 4px;
  }
}
.mr-sm {
  margin-right: 4px;
}
@media screen and (min-width: 1025px) {
  .mr-sm {
    margin-right: 8px;
  }
}
.mr-md {
  margin-right: 8px;
}
@media screen and (min-width: 1025px) {
  .mr-md {
    margin-right: 16px;
  }
}
.mr-lg {
  margin-right: 16px;
}
@media screen and (min-width: 1025px) {
  .mr-lg {
    margin-right: 32px;
  }
}
.mr-xl {
  margin-right: 32px;
}
@media screen and (min-width: 1025px) {
  .mr-xl {
    margin-right: 64px;
  }
}
.mr-xxl {
  margin-right: 64px;
}
@media screen and (min-width: 1025px) {
  .mr-xxl {
    margin-right: 128px;
  }
}
.pt-0-force {
  padding-top: 0 !important;
}
.pt-0 {
  padding-top: 0;
}
.pt-xxs {
  padding-top: 1px;
}
.pt-xs {
  padding-top: 2px;
}
.pt-sm {
  padding-top: 4px;
}
.pt-md {
  padding-top: 8px;
}
.pt-lg {
  padding-top: 16px;
}
.pt-xl {
  padding-top: 32px;
}
.pt-xxl {
  padding-top: 64px;
}
@media screen and (min-width: 1025px) {
  .pt-0-desktop {
    padding-top: 0;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pt-xxs-desktop {
    padding-top: 2px;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pt-xs-desktop {
    padding-top: 4px;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pt-sm-desktop {
    padding-top: 8px;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pt-md-desktop {
    padding-top: 16px;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pt-lg-desktop {
    padding-top: 32px;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pt-xl-desktop {
    padding-top: 64px;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pt-xxl-desktop {
    padding-top: 128px;
  }
  .pt-0-desktop {
    padding-top: 0;
  }
}
.pb-0 {
  padding-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .pb-0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pb-0-desktop {
    padding-bottom: 0;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pb-xxs {
  padding-bottom: 1px;
}
@media screen and (min-width: 1025px) {
  .pb-xxs {
    padding-bottom: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .pb-xxs-desktop {
    padding-bottom: 2px;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pb-xs {
  padding-bottom: 2px;
}
@media screen and (min-width: 1025px) {
  .pb-xs {
    padding-bottom: 4px;
  }
}
@media screen and (min-width: 1025px) {
  .pb-xs-desktop {
    padding-bottom: 4px;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pb-sm {
  padding-bottom: 4px;
}
@media screen and (min-width: 1025px) {
  .pb-sm {
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .pb-sm-desktop {
    padding-bottom: 8px;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pb-md {
  padding-bottom: 8px;
}
@media screen and (min-width: 1025px) {
  .pb-md {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .pb-md-desktop {
    padding-bottom: 16px;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pb-lg {
  padding-bottom: 16px;
}
@media screen and (min-width: 1025px) {
  .pb-lg {
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .pb-lg-desktop {
    padding-bottom: 32px;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pb-xl {
  padding-bottom: 32px;
}
@media screen and (min-width: 1025px) {
  .pb-xl {
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1025px) {
  .pb-xl-desktop {
    padding-bottom: 64px;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pb-xxl {
  padding-bottom: 64px;
}
@media screen and (min-width: 1025px) {
  .pb-xxl {
    padding-bottom: 128px;
  }
}
@media screen and (min-width: 1025px) {
  .pb-xxl-desktop {
    padding-bottom: 128px;
  }
  .pb-0-desktop {
    padding-bottom: 0;
  }
}
.pl-0 {
  padding-left: 0;
}
@media screen and (min-width: 1025px) {
  .pl-0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pl-0-desktop {
    padding-left: 0;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pl-xxs {
  padding-left: 1px;
}
@media screen and (min-width: 1025px) {
  .pl-xxs {
    padding-left: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .pl-xxs-desktop {
    padding-left: 2px;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pl-xs {
  padding-left: 2px;
}
@media screen and (min-width: 1025px) {
  .pl-xs {
    padding-left: 4px;
  }
}
@media screen and (min-width: 1025px) {
  .pl-xs-desktop {
    padding-left: 4px;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pl-sm {
  padding-left: 4px;
}
@media screen and (min-width: 1025px) {
  .pl-sm {
    padding-left: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .pl-sm-desktop {
    padding-left: 8px;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pl-md {
  padding-left: 8px;
}
@media screen and (min-width: 1025px) {
  .pl-md {
    padding-left: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .pl-md-desktop {
    padding-left: 16px;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pl-lg {
  padding-left: 16px;
}
@media screen and (min-width: 1025px) {
  .pl-lg {
    padding-left: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .pl-lg-desktop {
    padding-left: 32px;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pl-xl {
  padding-left: 32px;
}
@media screen and (min-width: 1025px) {
  .pl-xl {
    padding-left: 64px;
  }
}
@media screen and (min-width: 1025px) {
  .pl-xl-desktop {
    padding-left: 64px;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pl-xxl {
  padding-left: 64px;
}
@media screen and (min-width: 1025px) {
  .pl-xxl {
    padding-left: 128px;
  }
}
@media screen and (min-width: 1025px) {
  .pl-xxl-desktop {
    padding-left: 128px;
  }
  .pl-0-desktop {
    padding-left: 0;
  }
}
.pr-0 {
  padding-right: 0;
}
@media screen and (min-width: 1025px) {
  .pr-0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 1025px) {
  .pr-0-desktop {
    padding-right: 0;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.pr-xxs {
  padding-right: 1px;
}
@media screen and (min-width: 1025px) {
  .pr-xxs {
    padding-right: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .pr-xxs-desktop {
    padding-right: 2px;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.pr-xs {
  padding-right: 2px;
}
@media screen and (min-width: 1025px) {
  .pr-xs {
    padding-right: 4px;
  }
}
@media screen and (min-width: 1025px) {
  .pr-xs-desktop {
    padding-right: 4px;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.pr-sm {
  padding-right: 4px;
}
@media screen and (min-width: 1025px) {
  .pr-sm {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .pr-sm-desktop {
    padding-right: 8px;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.pr-md {
  padding-right: 8px;
}
@media screen and (min-width: 1025px) {
  .pr-md {
    padding-right: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .pr-md-desktop {
    padding-right: 16px;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.pr-lg {
  padding-right: 16px;
}
@media screen and (min-width: 1025px) {
  .pr-lg {
    padding-right: 32px;
  }
}
@media screen and (min-width: 1025px) {
  .pr-lg-desktop {
    padding-right: 32px;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.pr-xl {
  padding-right: 32px;
}
@media screen and (min-width: 1025px) {
  .pr-xl {
    padding-right: 64px;
  }
}
@media screen and (min-width: 1025px) {
  .pr-xl-desktop {
    padding-right: 64px;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.pr-xxl {
  padding-right: 64px;
}
@media screen and (min-width: 1025px) {
  .pr-xxl {
    padding-right: 128px;
  }
}
@media screen and (min-width: 1025px) {
  .pr-xxl-desktop {
    padding-right: 128px;
  }
  .pr-0-desktop {
    padding-right: 0;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 4px;
  padding-right: 4px;
}
.container::after,
.button-container ul::after,
.m-section-news .button-more::after,
.button-more::after,
.menu .nav::after,
.menu .right-contents::after,
.menu .button-follow ul::after,
.section-news .slider-container .slider::after,
.footer .button-follow ul::after,
.page-top .section-about .img-container::after,
.page-top .section-attractions .inner .contents-inner ul::after,
.page-top .section-attractions .inner .button-more::after,
.page-top .section-howtoplay .inner .contents-inner ul::after,
.page-top .section-howtoplay .inner .button-more::after,
.page-top .section-news .inner .contents .slider::after,
.page-lower .button-container ul::after,
.page-collaboration .section-portfolio .inner .contents ul::after,
.page-collaboration .section-flow .inner .contents .flow::after,
.attraction-archive ul::after,
.space-single-attractions ul::after {
  content: "";
  display: block;
  clear: both;
}
.row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -4px;
  margin-right: -4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row.expanded {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.col-1 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 8.333333333333332%;
  -ms-flex: 0 1 8.333333333333332%;
  flex: 0 1 8.333333333333332%;
  max-width: 8.333333333333332%;
}
.col-2 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 16.666666666666664%;
  -ms-flex: 0 1 16.666666666666664%;
  flex: 0 1 16.666666666666664%;
  max-width: 16.666666666666664%;
}
.col-3 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  max-width: 25%;
}
.col-4 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 33.33333333333333%;
  -ms-flex: 0 1 33.33333333333333%;
  flex: 0 1 33.33333333333333%;
  max-width: 33.33333333333333%;
}
.col-5 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 41.66666666666667%;
  -ms-flex: 0 1 41.66666666666667%;
  flex: 0 1 41.66666666666667%;
  max-width: 41.66666666666667%;
}
.col-6 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 50%;
}
.col-7 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 58.333333333333336%;
  -ms-flex: 0 1 58.333333333333336%;
  flex: 0 1 58.333333333333336%;
  max-width: 58.333333333333336%;
}
.col-8 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 66.66666666666666%;
  -ms-flex: 0 1 66.66666666666666%;
  flex: 0 1 66.66666666666666%;
  max-width: 66.66666666666666%;
}
.col-9 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 75%;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
  max-width: 75%;
}
.col-10 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 83.33333333333334%;
  -ms-flex: 0 1 83.33333333333334%;
  flex: 0 1 83.33333333333334%;
  max-width: 83.33333333333334%;
}
.col-11 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 91.66666666666666%;
  -ms-flex: 0 1 91.66666666666666%;
  flex: 0 1 91.66666666666666%;
  max-width: 91.66666666666666%;
}
.col-12 {
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-width: 100%;
}
.col {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  padding-left: 4px;
  padding-right: 4px;
}
.col-auto {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
  max-width: none;
  padding-left: 4px;
  padding-right: 4px;
}
@media screen and (min-width: 768px) {
  .col-1-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 8.333333333333332%;
    -ms-flex: 0 1 8.333333333333332%;
    flex: 0 1 8.333333333333332%;
    max-width: 8.333333333333332%;
  }
  .col-2-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 16.666666666666664%;
    -ms-flex: 0 1 16.666666666666664%;
    flex: 0 1 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-3-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    max-width: 25%;
  }
  .col-4-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 33.33333333333333%;
    -ms-flex: 0 1 33.33333333333333%;
    flex: 0 1 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-5-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 41.66666666666667%;
    -ms-flex: 0 1 41.66666666666667%;
    flex: 0 1 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .col-6-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
  }
  .col-7-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 58.333333333333336%;
    -ms-flex: 0 1 58.333333333333336%;
    flex: 0 1 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .col-8-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 66.66666666666666%;
    -ms-flex: 0 1 66.66666666666666%;
    flex: 0 1 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-9-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 75%;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    max-width: 75%;
  }
  .col-10-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 83.33333333333334%;
    -ms-flex: 0 1 83.33333333333334%;
    flex: 0 1 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-11-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 91.66666666666666%;
    -ms-flex: 0 1 91.66666666666666%;
    flex: 0 1 91.66666666666666%;
    max-width: 91.66666666666666%;
  }
  .col-12-tablet {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }
  .col-tablet {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .col-auto-tablet {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    max-width: none;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media screen and (min-width: 1025px) {
  .col-1-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 8.333333333333332%;
    -ms-flex: 0 1 8.333333333333332%;
    flex: 0 1 8.333333333333332%;
    max-width: 8.333333333333332%;
  }
  .col-2-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 16.666666666666664%;
    -ms-flex: 0 1 16.666666666666664%;
    flex: 0 1 16.666666666666664%;
    max-width: 16.666666666666664%;
  }
  .col-3-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    max-width: 25%;
  }
  .col-4-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 33.33333333333333%;
    -ms-flex: 0 1 33.33333333333333%;
    flex: 0 1 33.33333333333333%;
    max-width: 33.33333333333333%;
  }
  .col-5-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 41.66666666666667%;
    -ms-flex: 0 1 41.66666666666667%;
    flex: 0 1 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .col-6-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
  }
  .col-7-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 58.333333333333336%;
    -ms-flex: 0 1 58.333333333333336%;
    flex: 0 1 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .col-8-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 66.66666666666666%;
    -ms-flex: 0 1 66.66666666666666%;
    flex: 0 1 66.66666666666666%;
    max-width: 66.66666666666666%;
  }
  .col-9-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 75%;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    max-width: 75%;
  }
  .col-10-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 83.33333333333334%;
    -ms-flex: 0 1 83.33333333333334%;
    flex: 0 1 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-11-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 91.66666666666666%;
    -ms-flex: 0 1 91.66666666666666%;
    flex: 0 1 91.66666666666666%;
    max-width: 91.66666666666666%;
  }
  .col-12-desktop {
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }
  .col-desktop {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .col-auto-desktop {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    max-width: none;
    padding-left: 4px;
    padding-right: 4px;
  }
}
.flex-nowrap {
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 768px) {
  .flex-nowrap-tablet {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1025px) {
  .flex-nowrap-desktop {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
}
.align-items-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center !important;
  align-items: center !important;
}
@media screen and (min-width: 768px) {
  .align-items-center-tablet {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center !important;
    align-items: center !important;
  }
}
@media screen and (min-width: 1025px) {
  .align-items-center-desktop {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center !important;
    align-items: center !important;
  }
}
.gutter-0 .container {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .row {
  margin-left: 0;
  margin-right: 0;
}
.gutter-0 .col {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-auto {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-0 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-1 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-2 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-3 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-4 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-5 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-6 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-7 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-8 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-9 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-10 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-11 {
  padding-left: 0;
  padding-right: 0;
}
.gutter-0 .col-12 {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1025px) {
  .gutter-0-desktop .container {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .row {
    margin-left: 0;
    margin-right: 0;
  }
  .gutter-0-desktop .col {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-auto {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-8 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-9 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-11 {
    padding-left: 0;
    padding-right: 0;
  }
  .gutter-0-desktop .col-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
.muted-text {
  color: #666;
}
.text-center {
  text-align: center;
}
ul.list {
  padding-left: 1em;
  list-style: disc;
}
ul.list li {
  list-style: disc;
}
.js-height-fitter {
  height: 100vh;
}
.a-body {
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  color: inherit;
}
@media screen and (min-width: 1025px) {
  .a-body {
    font-size: 1.6rem;
  }
}
.a-plus {
  position: relative;
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .a-plus {
    width: 14px;
    height: 14px;
  }
}
.a-plus::before,
.a-plus::after {
  content: '';
  width: 10px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: solid 1px #000;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@media screen and (min-width: 1025px) {
  .a-plus::before,
  .a-plus::after {
    width: 14px;
    border-width: 1px;
  }
}
.a-plus::after {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media screen and (min-width: 1025px) {
  .a-plus::after {
    margin-top: -1px;
  }
}
.a-plus.open::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.a-circle-plus {
  padding: 6px;
  background-color: #00b9eb;
  border-radius: 50%;
}
@media screen and (min-width: 1025px) {
  .a-circle-plus {
    padding: 4px;
  }
}
.a-circle-plus_bar {
  position: relative;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .a-circle-plus_bar {
    width: 20px;
    height: 20px;
  }
}
.a-circle-plus_bar::before,
.a-circle-plus_bar::after {
  border-top: solid 3px #fff;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  content: '';
}
@media screen and (min-width: 1025px) {
  .a-circle-plus_bar::before,
  .a-circle-plus_bar::after {
    width: 20px;
  }
}
.a-circle-plus_bar::after {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: rotate(90deg) translateY(-50%);
  -moz-transform: rotate(90deg) translateY(-50%);
  -o-transform: rotate(90deg) translateY(-50%);
  -ms-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%);
}
.a-circle-plus.open .a-circle-plus_bar::after {
  -webkit-transform: rotate(0deg) translateY(-50%);
  -moz-transform: rotate(0deg) translateY(-50%);
  -o-transform: rotate(0deg) translateY(-50%);
  -ms-transform: rotate(0deg) translateY(-50%);
  transform: rotate(0deg) translateY(-50%);
}
.a-arrow-button {
  overflow: hidden;
  display: inline-block;
  position: relative;
  border: solid 1px rgba(255,255,255,0.3);
  width: 35px;
  height: 35px;
  background-color: #000;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .a-arrow-button {
    width: 67px;
    height: 67px;
  }
}
.a-arrow-button::after,
.a-arrow-button::before {
  position: absolute;
  top: 50%;
  left: 46%;
  width: 8px;
  height: 8px;
  content: '';
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  text-indent: 0;
  vertical-align: 3px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
@media screen and (min-width: 1025px) {
  .a-arrow-button::after,
  .a-arrow-button::before {
    border-width: 3px;
    width: 12px;
    height: 12px;
  }
}
.a-arrow-button::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.a-arrow-button.left::before,
.a-arrow-button.left::after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
  -moz-transform: translate(-50%, -50%) rotate(-225deg);
  -o-transform: translate(-50%, -50%) rotate(-225deg);
  -ms-transform: translate(-50%, -50%) rotate(-225deg);
  transform: translate(-50%, -50%) rotate(-225deg);
}
.a-arrow-button:hover {
  background-color: #00b9eb;
}
.a-badge {
  padding: 8px;
  display: inline-block;
  font-size: 1.2rem;
  background-color: #ffff08;
  color: #000;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .a-badge {
    font-size: 1.4rem;
  }
}
.a-badge.red {
  background-color: #f3234f;
  color: #fff;
}
.a-label {
  padding: 4px;
  display: inline-block;
  font-size: 1.3rem;
  background-color: #000;
  color: #fff;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .a-label {
    font-size: 1.6rem;
  }
}
.a-label.red {
  background-color: #f00;
  color: #fff;
}
.a-button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .a-button-more a {
    width: 225px;
    height: 47px;
  }
}
.a-button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5fbce7;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.a-button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .a-button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.a-button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.a-button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .a-button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.a-button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.a-button-more a .arrow span:before,
.a-button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.a-button-more a .arrow span:before {
  background-position: 0 100%;
}
.a-button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .a-button-more a:hover {
    background: #000;
  }
  .a-button-more a:hover .bg {
    background: none;
  }
  .a-button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .a-button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .a-button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .a-button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
.a-button-more.blue a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .a-button-more.blue a {
    width: 225px;
    height: 47px;
  }
}
.a-button-more.blue a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5fbce7;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.a-button-more.blue a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .a-button-more.blue a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.a-button-more.blue a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #5fbce7;
}
.a-button-more.blue a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .a-button-more.blue a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.a-button-more.blue a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.a-button-more.blue a .arrow span:before,
.a-button-more.blue a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.a-button-more.blue a .arrow span:before {
  background-position: 0 100%;
}
.a-button-more.blue a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .a-button-more.blue a:hover {
    background: #5fbce7;
  }
  .a-button-more.blue a:hover .bg {
    background: none;
  }
  .a-button-more.blue a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .a-button-more.blue a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .a-button-more.blue a:hover .arrow span:before {
    opacity: 0;
  }
  .a-button-more.blue a:hover .arrow span:after {
    opacity: 1;
  }
}
.a-contact-button {
  font-size: 17.5px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  background-color: #000;
  color: #fff;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .a-contact-button {
    padding: 9px 0;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    transition: 0.4s ease;
  }
  .a-contact-button:hover {
    background-color: #fff;
    color: #000;
  }
  .a-contact-button:hover .a-arrow-line:before {
    border-color: #000;
  }
  .a-contact-button:hover .a-arrow-line:after {
    border-color: #000;
  }
}
@media screen and (min-width: 768px) {
  .a-contact-button.blue:hover {
    background-color: #5fbce7;
    color: #fff;
  }
  .a-contact-button.blue:hover .a-arrow-line:before {
    border-color: #fff;
  }
  .a-contact-button.blue:hover .a-arrow-line:after {
    border-color: #fff;
  }
}
.a-contact-button_inner {
  padding: 14px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .a-contact-button_inner {
    padding: 10px;
  }
}
.a-contact-button_arrow {
  margin-left: 8px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a-arrow-line {
  overflow: hidden;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  position: relative;
  width: 22px;
  height: 7.333333333333333px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .a-arrow-line {
    width: 67px;
    height: 11.666666666666666px;
  }
}
.a-arrow-line::before {
  position: absolute;
  width: 7.333333333333333px;
  height: 2px;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  transition: border-color 0.3s;
  content: '';
}
@media screen and (min-width: 768px) {
  .a-arrow-line::before {
    width: 11.666666666666666px;
  }
}
.a-arrow-line::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22px;
  height: 2px;
  text-indent: 0;
  vertical-align: 3px;
  border-bottom: 2px solid #fff;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  transition: border-color 0.3s;
  content: '';
}
@media screen and (min-width: 768px) {
  .a-arrow-line::after {
    width: 35px;
  }
}
.a-circle-chevron {
  $border-width: 2px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  width: 19px;
  height: 19px;
  background-color: #000;
  border-radius: 50%;
}
.a-circle-chevron_chevron {
  position: relative;
  width: 100%;
  height: 100%;
}
.a-circle-chevron_chevron::after,
.a-circle-chevron_chevron::before {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 5px;
  height: 5px;
  content: '';
  text-indent: 0;
  vertical-align: 3px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease;
}
.a-circle-chevron.open .a-circle-chevron_chevron::before {
  top: 55%;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  -moz-transform: translate(-50%, -50%) rotate(-135deg);
  -o-transform: translate(-50%, -50%) rotate(-135deg);
  -ms-transform: translate(-50%, -50%) rotate(-135deg);
  transform: translate(-50%, -50%) rotate(-135deg);
}
.a-circle-chevron.open .a-circle-chevron_chevron::after {
  top: 55%;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  -moz-transform: translate(-50%, -50%) rotate(-135deg);
  -o-transform: translate(-50%, -50%) rotate(-135deg);
  -ms-transform: translate(-50%, -50%) rotate(-135deg);
  transform: translate(-50%, -50%) rotate(-135deg);
}
.a-button {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.22em;
  padding: 16px 32px;
  min-width: 225px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-align: center;
  background-color: #000;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .a-button {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.22em;
    padding: 24px 32px;
  }
}
.a-collapse-button {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.22em;
  padding: 28px 32px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-align: center;
  background-color: #000;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .a-collapse-button {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.22em;
  }
}
.a-collapse-button_chevron {
  $border-width: 2px;
  position: relative;
  width: 100%;
  height: 100%;
}
.a-collapse-button_chevron::after,
.a-collapse-button_chevron::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  content: '';
  text-indent: 0;
  vertical-align: 3px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translate(-50%, -26%) rotate(-135deg);
  -moz-transform: translate(-50%, -26%) rotate(-135deg);
  -o-transform: translate(-50%, -26%) rotate(-135deg);
  -ms-transform: translate(-50%, -26%) rotate(-135deg);
  transform: translate(-50%, -26%) rotate(-135deg);
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease;
}
.m-topleft-badge {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
@media screen and (min-width: 1025px) {
  .m-featured-swiper {
    padding: 0 64px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .m-featured-swiper_slide.swiper-slide {
    width: 85vw;
  }
}
.m-featured-swiper_slide_inner {
  padding: 0 16px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .m-featured-swiper_slide_inner {
    padding: 0 10px;
  }
}
.m-featured-swiper_slide_thumbnail {
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
  position: relative;
}
.m-featured-swiper_slide_thumbnail img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: inherit;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@supports (object-fit: cover) {
  .m-featured-swiper_slide_thumbnail img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    left: 0;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}
.m-featured-swiper_slide:hover .m-featured-swiper_slide_thumbnail {
  opacity: 0.8;
}
.m-featured-swiper_slide_cat {
  margin-top: 8px;
}
.m-featured-swiper_slide_cat .a-label {
  font-size: 1.2rem;
}
.m-featured-swiper_slide_date {
  font-size: 1.1rem;
  color: #a3a3a3;
}
.m-featured-swiper_slide_title {
  margin-top: 8px;
  color: #000;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .m-featured-swiper_slide_title {
    font-size: 1.2rem;
  }
}
.m-featured-swiper .swiper-button-next,
.m-featured-swiper .swiper-button-prev {
  margin-top: -3.5em;
  background: none;
}
@media screen and (max-width: 767px) {
  .m-featured-swiper .swiper-button-next,
  .m-featured-swiper .swiper-button-prev {
    display: none;
  }
}
.m-featured-swiper .swiper-button-prev {
  left: 0;
  width: 60px;
  height: 60px;
}
.m-featured-swiper .swiper-button-next {
  right: 0;
  width: 60px;
  height: 60px;
}
.m-featured-swiper .swiper-button-disabled {
  display: none;
}
.m-featured-swiper.white .m-featured-swiper_slide_title {
  color: #fff;
}
.m-featured-swiper.white .swiper-button-prev .a-arrow-button {
  background-color: #fff;
}
.m-featured-swiper.white .swiper-button-prev .a-arrow-button:hover {
  background-color: #5fbce7;
}
.m-featured-swiper.white .swiper-button-prev .a-arrow-button::before,
.m-featured-swiper.white .swiper-button-prev .a-arrow-button::after {
  border-color: #000;
}
.m-featured-swiper.white .swiper-button-next .a-arrow-button {
  background-color: #fff;
}
.m-featured-swiper.white .swiper-button-next .a-arrow-button:hover {
  background-color: #5fbce7;
}
.m-featured-swiper.white .swiper-button-next .a-arrow-button::before,
.m-featured-swiper.white .swiper-button-next .a-arrow-button::after {
  border-color: #000;
}
.m-circle-thumbs_slide.swiper-slide {
  width: 200px;
}
@media screen and (min-width: 1025px) {
  .m-circle-thumbs_slide.swiper-slide {
    width: 340px;
  }
}
.m-circle-thumbs_slide_inner {
  padding: 0 10px;
}
@media screen and (min-width: 1025px) {
  .m-circle-thumbs_slide_inner {
    padding: 0 20px;
  }
}
.m-circle-thumbs_slide_thumbnail {
  overflow: hidden;
  position: relative;
  width: 180px;
  height: 180px;
}
.m-circle-thumbs_slide_thumbnail img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: inherit;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@supports (object-fit: cover) {
  .m-circle-thumbs_slide_thumbnail img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    left: 0;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}
@media screen and (min-width: 1025px) {
  .m-circle-thumbs_slide_thumbnail {
    width: 300px;
    height: 300px;
  }
}
.m-circle-thumbs_slide_thumbnail img {
  border-radius: 50%;
}
.m-image-button {
  position: relative;
  display: block;
}
.m-image-button.gradient .m-image-button_label {
  color: #f16162;
}
.m-image-button.gradient .m-image-button_button {
  background: -webkit-linear-gradient(0.25turn, #f16162, #5fbce7);
  background: -moz-linear-gradient(0.25turn, #f16162, #5fbce7);
  background: -o-linear-gradient(0.25turn, #f16162, #5fbce7);
  background: -ms-linear-gradient(0.25turn, #f16162, #5fbce7);
  background: linear-gradient(0.25turn, #f16162, #5fbce7);
}
.m-image-button:hover .m-image-button_img {
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.m-image-button:hover .m-image-button_button::after {
  opacity: 0;
}
.m-image-button:hover .m-image-button_label {
  color: #fff;
}
.m-image-button_img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -74%);
  -moz-transform: translate(-50%, -74%);
  -o-transform: translate(-50%, -74%);
  -ms-transform: translate(-50%, -74%);
  transform: translate(-50%, -74%);
  text-align: center;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.m-image-button_button {
  padding: 18px 15px;
  z-index: 10;
  position: relative;
  min-width: 120px;
  background-color: #5fbce7;
  border-radius: 40px;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .m-image-button_button {
    padding: 20px 20px;
    min-width: 215px;
  }
}
.m-image-button_button::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: calc(100% - 6px - 6px);
  height: calc(100% - 6px - 6px);
  border-radius: 40px;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.m-image-button_label {
  z-index: 20;
  position: relative;
  font-size: 1.3rem;
  font-weight: bold;
  color: #5fbce7;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 1025px) {
  .m-image-button_label {
    font-size: 2.2rem;
  }
}
.m-image-modal {
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.m-image-modal.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.m-image-modal_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.75);
}
.m-image-modal_close {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.m-image-modal_close img {
  width: 44px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .m-image-modal_close img {
    width: 60px;
  }
}
.m-image-modal_window {
  margin: auto;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  max-width: 74.66666666666667vw;
  max-height: 85%;
  width: 100%;
  height: auto;
  background-color: #fff;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .m-image-modal_window {
    max-width: 280px;
  }
}
@media screen and (min-width: 1025px) {
  .m-image-modal_window {
    max-width: 454px;
  }
}
.m-image-modal_window_image {
  height: 100%;
  max-height: 85vh;
  overflow: hidden;
  position: relative;
}
.m-image-modal_window_image img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: inherit;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@supports (object-fit: cover) {
  .m-image-modal_window_image img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    left: 0;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}
.m-image-modal_window_image img {
  position: static;
  width: 100%;
  height: auto;
}
.section-instagram_inner {
  padding-top: 80px;
  padding-bottom: 101px;
}
@media screen and (min-width: 1025px) {
  .section-instagram_inner {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.section-instagram_header {
  margin-bottom: 24px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .section-instagram_header {
    margin-bottom: 48px;
  }
}
.section-instagram_title img {
  width: 161.875px;
  height: 33.75px;
}
@media screen and (min-width: 1025px) {
  .section-instagram_title img {
    width: 259px;
    height: 54px;
  }
}
.section-instagram_subtitle {
  margin-top: 14px;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .section-instagram_subtitle {
    margin-top: 30px;
    font-size: 14px;
  }
}
.section-instagram_button {
  margin-top: 46px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .section-instagram_button {
    margin-top: 64px;
    padding: 0 150px;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1025px) {
  .o-footer_bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.o-footer_links {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 1025px) {
  .o-footer_links {
    padding-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.o-footer_link {
  font-size: 1.4rem;
  color: #fff !important;
  font-size: 1.2rem;
}
@media screen and (min-width: 1025px) {
  .o-footer_link {
    font-size: 1.4rem;
  }
  .o-footer_link:after {
    content: '|';
    padding: 0 10px;
    color: rgba(255,255,255,0.5);
  }
}
.o-app-links {
  z-index: 1;
  position: absolute;
  width: 100%;
  right: 0;
  bottom: -23px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
@media screen and (min-width: 1025px) {
  .o-app-links {
    width: auto;
    right: 70px;
    bottom: -30px;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.o-app-links_item {
  margin: 0 4px;
}
@media screen and (min-width: 1025px) {
  .o-app-links_item {
    margin: 0 10px;
  }
}
.o-ticket-app-links {
  margin-top: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
@media screen and (min-width: 1025px) {
  .o-ticket-app-links {
    margin-top: 130px;
    width: auto;
  }
}
.o-ticket-app-links_item {
  margin: 0 4px;
}
@media screen and (min-width: 1025px) {
  .o-ticket-app-links_item {
    margin: 0 10px;
  }
}
.o-nav-app-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.o-nav-app-buttons_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.o-nav-app-buttons_button:not(:first-child) {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .o-nav-app-buttons_button:not(:first-child) {
    margin-top: 24px;
  }
}
.o-nav-app-buttons_button img {
  width: 100%;
  height: auto;
}
.o-app-mv {
  padding: 100px 25px 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .o-app-mv {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -40px;
    margin-right: -40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 200px;
    margin: 0 auto;
    max-width: 1050px;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  .o-app-mv.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 1025px) {
  .o-app-mv_left {
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 58.333333333333336%;
    -ms-flex: 0 1 58.333333333333336%;
    flex: 0 1 58.333333333333336%;
    max-width: 58.333333333333336%;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 1025px) {
  .o-app-mv_right {
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 41.66666666666667%;
    -ms-flex: 0 1 41.66666666666667%;
    flex: 0 1 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
}
.o-app-mv_overline {
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .o-app-mv_overline {
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
.o-app-mv_title {
  font-size: 26.5px;
  line-height: 1.415094339622641;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .o-app-mv_title {
    font-size: 43px;
    line-height: 1.395348837209302;
    letter-spacing: 0.05em;
    margin-top: 10px;
  }
}
.o-app-mv_description {
  margin-top: 20px;
  text-align: left;
  font-size: 15px;
  line-height: 1.866666666666667;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 1025px) {
  .o-app-mv_description {
    font-size: 17px;
    line-height: 1.705882352941176;
    letter-spacing: 0.025em;
    margin-top: 25px;
  }
}
.o-app-mv_buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -11px;
  margin-right: -12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 38px;
}
.o-app-mv_buttons.expanded {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .o-app-mv_buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -12px;
    margin-right: -13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 60px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .o-app-mv_buttons.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 1025px) {
  .o-app-mv_buttons {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.o-app-mv_button {
  padding-right: 11.5px;
  padding-left: 11.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 50%;
}
@media screen and (min-width: 768px) {
  .o-app-mv_button {
    padding-right: 12.5px;
    padding-left: 12.5px;
    width: auto;
    max-width: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 768px) {
  .o-app-mv_button img {
    width: 176px;
    height: auto;
  }
}
.o-app-mv_image {
  margin-top: 38px;
  padding: 0 65px;
}
@media screen and (min-width: 1025px) {
  .o-app-mv_image {
    padding: 0;
  }
}
.o-app-mv_image img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1025px) {
  .o-app-mv_image img {
    width: 100%;
    height: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.o-app-feature-thumbnails {
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails {
    padding-bottom: 116px;
  }
}
.o-app-feature-thumbnails_head {
  padding: 14px 25px;
  background-color: #000;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails_head {
    padding: 30px 25px;
  }
}
.o-app-feature-thumbnails_title {
  font-size: 21.5px;
  line-height: 1.325581395348837;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails_title {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails_inner {
    max-width: 900px;
    margin: 0 auto;
  }
}
.o-app-feature-thumbnails_row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -11px;
  margin-right: -12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 15px;
  padding: 0 25px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.o-app-feature-thumbnails_row.expanded {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails_row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -25px;
    margin-right: -25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .o-app-feature-thumbnails_row.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
.o-app-feature-thumbnails_col {
  padding-right: 11.5px;
  padding-left: 11.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 50%;
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails_col {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 33.33333333333333%;
    -ms-flex: 0 1 33.33333333333333%;
    flex: 0 1 33.33333333333333%;
    max-width: 33.33333333333333%;
    margin-top: 50px;
  }
}
.o-app-feature-thumbnails_circle {
  position: relative;
  display: block;
}
.o-app-feature-thumbnails_circle:before {
  content: '';
  display: block;
  height: 0;
  padding-bottom: 100%;
}
.o-app-feature-thumbnails_item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: solid 2px #00b9eb;
  border-radius: 50%;
}
.o-app-feature-thumbnails_item_icon img {
  width: 42px;
  height: 42px;
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails_item_icon img {
    width: 70px;
    height: 70px;
  }
}
.o-app-feature-thumbnails_item_title {
  font-size: 15px;
  line-height: 1.333333333333333;
  letter-spacing: 0.05em;
  margin-top: 10px;
  text-align: center;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  color: #000;
}
@media screen and (min-width: 768px) {
  .o-app-feature-thumbnails_item_title {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-weight: 700;
    margin-top: 14px;
  }
}
.o-app-features {
  padding: 1px 25px 60px;
  color: #fff;
  background-color: #00b9eb;
}
@media screen and (min-width: 768px) {
  .o-app-features {
    padding: 120px 25px;
    background-color: #00b9eb;
  }
}
@media screen and (min-width: 768px) {
  .o-app-features_row {
    margin: 0 auto;
    max-width: 1072px;
  }
}
@media screen and (min-width: 768px) {
  .o-app-features_col:nth-child(even) .o-app-features_item {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.o-app-features_item {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .o-app-features_item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .o-app-features_item.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .o-app-features_item_left {
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
    padding: 0 70px;
  }
}
@media screen and (min-width: 768px) {
  .o-app-features_item_right {
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
  }
}
.o-app-features_item_header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.o-app-features_item_icon img {
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 768px) {
  .o-app-features_item_icon img {
    width: 68px;
    height: 68px;
  }
}
.o-app-features_item_title {
  font-size: 20px;
  line-height: 1.625;
  letter-spacing: 0.05em;
  margin-left: 15px;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .o-app-features_item_title {
    font-size: 22px;
    line-height: 1.363636363636364;
    letter-spacing: 0.06em;
    margin-left: 20px;
  }
}
.o-app-features_item_description {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.866666666666667;
  letter-spacing: 0.025em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .o-app-features_item_description {
    font-size: 17px;
    line-height: 1.705882352941176;
    letter-spacing: 0.025em;
    margin-top: 34px;
  }
}
.o-app-features_item_image {
  margin-top: 23px;
  padding: 11px;
  position: relative;
  background: url("../images/top/attractions-img-flame.png?hash=690a76f1a56ad071a7772830d0ed4304") left top repeat;
  line-height: 1;
  -webkit-background-size: 9px 9px;
  -moz-background-size: 9px 9px;
  background-size: 9px 9px;
}
@media screen and (min-width: 768px) {
  .o-app-features_item_image {
    margin-top: 0;
  }
}
.o-app-features_item_image img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .o-app-features_item_image {
    padding: 20px;
  }
}
.o-app-features_item_image .filter {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .o-app-features_item_image .filter {
    padding: 11px;
  }
}
.o-app-features_item_image .filter .filter-inner {
  width: 100%;
  height: 100%;
  background: url("../images/top/attractions-filter.png?hash=c0443174123fdbbdea896ed6ead00857") 0 0 repeat;
}
@media screen and (max-width: 1024px) {
  .o-app-features_item_image .filter .filter-inner {
    -webkit-background-size: 2px 2px;
    -moz-background-size: 2px 2px;
    background-size: 2px 2px;
  }
}
.o-app-download {
  padding: 60px 25px 60px;
  background-color: #000;
  color: #fff;
}
.o-app-download.white {
  background-color: #fff;
  color: #000;
}
@media screen and (min-width: 768px) {
  .o-app-download {
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-background-size: 300px;
    -moz-background-size: 300px;
    background-size: 300px;
  }
}
@media screen and (min-width: 768px) {
  .o-app-download_inner {
    margin: 0 auto;
    max-width: 656px;
  }
}
.o-app-download_favicon {
  text-align: center;
}
.o-app-download_favicon img {
  width: 78px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .o-app-download_favicon img {
    width: 91px;
    height: auto;
  }
}
.o-app-download_title {
  font-size: 17.5px;
  line-height: 1.714285714285714;
  letter-spacing: 0.05em;
  margin-top: 25px;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .o-app-download_title {
    font-size: 25px;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
}
.o-app-download_buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -11px;
  margin-right: -12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 30px;
}
.o-app-download_buttons.expanded {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .o-app-download_buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -12px;
    margin-right: -13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .o-app-download_buttons.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
.o-app-download_button {
  padding-right: 11.5px;
  padding-left: 11.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  max-width: 50%;
}
@media screen and (min-width: 768px) {
  .o-app-download_button {
    padding-right: 12.5px;
    padding-left: 12.5px;
    width: auto;
    max-width: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
.o-app-download_description {
  font-size: 10.5px;
  line-height: 1.428571428571429;
  letter-spacing: 0em;
  margin-top: 32px;
  color: inherit;
}
@media screen and (min-width: 768px) {
  .o-app-download_description {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.o-app-video {
  padding: 60px 25px 0;
}
@media screen and (min-width: 768px) {
  .o-app-video {
    padding: 98px 25px 0;
  }
}
.o-app-video_header {
  font-size: 20px;
  line-height: 1.625;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .o-app-video_header {
    font-size: 30px;
    line-height: 2.166666666666667;
    letter-spacing: 0.05em;
  }
}
.o-app-video_video {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .o-app-video_video {
    max-width: 800px;
    margin: 20px auto 0;
  }
}
.o-app-video_video_inner {
  position: relative;
  height: 0;
  padding-bottom: 62%;
}
.o-app-video_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.o-app-supports {
  padding: 60px 25px 53px;
}
@media screen and (min-width: 768px) {
  .o-app-supports {
    padding: 102px 25px 111px;
  }
}
.o-app-supports_header {
  font-size: 20px;
  line-height: 1.625;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .o-app-supports_header {
    font-size: 30px;
    line-height: 2.166666666666667;
    letter-spacing: 0.05em;
  }
}
.o-app-supports_content {
  margin: 10px auto 0;
  position: relative;
  max-width: 85.33333333333333vw;
}
@media screen and (min-width: 1025px) {
  .o-app-supports_content {
    max-width: 800px;
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 768px) {
  .o-app-supports_swiper {
    overflow: hidden;
  }
}
.o-app-supports_image {
  text-align: center;
}
.o-app-supports_image img {
  width: 50.13333333333333vw;
}
@media screen and (min-width: 768px) {
  .o-app-supports_image img {
    width: 100%;
  }
}
.o-app-supports_body {
  font-size: 15px;
  line-height: 1.866666666666667;
  letter-spacing: 0.025em;
  margin: 14px auto 0;
  max-width: 50.13333333333333vw;
  color: #000;
  text-align: center;
}
.o-app-supports .swiper-button-next,
.o-app-supports .swiper-button-prev {
  margin-top: -53px;
  background: none;
}
@media screen and (min-width: 768px) {
  .o-app-supports .swiper-button-next,
  .o-app-supports .swiper-button-prev {
    margin-top: -70px;
  }
}
.o-app-supports .swiper-button-prev {
  left: 0;
  width: 37px;
  height: 37px;
}
@media screen and (min-width: 768px) {
  .o-app-supports .swiper-button-prev {
    left: -89px;
    width: 67px;
    height: 67px;
  }
}
.o-app-supports .swiper-button-next {
  right: 0;
  width: 37px;
  height: 37px;
}
@media screen and (min-width: 768px) {
  .o-app-supports .swiper-button-next {
    right: -89px;
    width: 67px;
    height: 67px;
  }
}
.o-app-supports .swiper-button-disabled {
  display: none;
}
.o-app-faq {
  padding: 53px 25px 60px;
  color: #fff;
  background-color: #00b9eb;
}
@media screen and (min-width: 768px) {
  .o-app-faq {
    padding: 100px 25px 120px;
  }
}
.o-app-faq_header {
  font-size: 20px;
  line-height: 1.625;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .o-app-faq_header {
    font-size: 30px;
    line-height: 2.166666666666667;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .o-app-faq_content {
    margin: -39px auto 0;
    max-width: 800px;
  }
}
@media screen and (min-width: 768px) {
  .o-app-faq_button {
    margin: 85px auto 0;
    max-width: 443px;
  }
}
.o-nav {
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.o-nav.show {
  visibility: visible;
}
.o-nav.show .o-nav_right {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.o-nav.show .o-nav_overlay {
  opacity: 1;
}
.o-nav_overlay {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.75);
  opacity: 0;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  transition: 0.6s ease;
}
.o-nav_close {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -53.333333333333336vw;
}
@media screen and (min-width: 768px) {
  .o-nav_close {
    top: 39px;
    margin-left: -259px;
  }
}
.o-nav_close img {
  width: 11.2vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .o-nav_close img {
    width: 31px;
    height: auto;
  }
}
.o-nav_right {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 78.93333333333334vw;
  -webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateX(150%);
  -moz-transform: translateX(150%);
  -o-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
}
@media screen and (min-width: 768px) {
  .o-nav_right {
    max-width: 375px;
  }
}
.o-nav_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00b9eb;
}
.o-nav_scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
}
.o-nav_inner {
  padding: 25px;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .o-nav_inner {
    padding: 38px;
  }
}
.o-nav_links {
  margin-top: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media screen and (min-width: 768px) {
  .o-nav_links {
    margin-top: 36px;
  }
}
.o-nav_link {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.025em;
  padding: 11px 0;
  color: #fff;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .o-nav_link {
    font-size: 21px;
    line-height: 1;
    letter-spacing: -0.05em;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .o-nav_link:hover {
    opacity: 0.7;
  }
}
.o-nav_sublinks {
  margin-top: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.o-nav_sublink {
  font-size: 13.5px;
  line-height: 1;
  letter-spacing: -0.025em;
  padding: 11px 0;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .o-nav_sublink {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0em;
    padding: 9px 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .o-nav_sublink:hover {
    opacity: 0.7;
  }
}
.o-nav_bottom {
  margin-top: 30px;
  z-index: 1;
  position: relative;
}
.o-nav_bottom_links {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.o-nav_bottom_link {
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.025em;
  padding: 8px 0;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .o-nav_bottom_link {
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.05em;
    padding: 12px 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .o-nav_bottom_link:hover {
    opacity: 0.7;
  }
}
.o-nav_follow {
  margin-top: 6px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.o-nav_follow_title {
  font-size: 13.5px;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-right: 10px;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}
@media screen and (min-width: 768px) {
  .o-nav_follow_title {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
}
.o-nav_follow ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.o-nav_follow li {
  width: 32px;
  height: 32px;
}
.o-nav_follow li a {
  display: block;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li {
    width: 22px;
    height: 22px;
  }
}
.o-nav_follow li a {
  width: 100%;
  height: 100%;
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  .o-nav_follow li a:hover {
    margin-top: -5px;
    opacity: 0.7;
  }
}
.o-nav_follow li.button-fb {
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-fb {
    margin-left: 9px;
  }
}
.o-nav_follow li.button-fb a {
  background: url("../images/common/menu-icon-fb.png?hash=ad6b27bb48cdeea26763564b031c56a1") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-fb a {
    background: url("../images/sp/common/menu-icon-fb.png?hash=f2ca09b70042d2fc501ebc4e9fec8d6e") center 0 no-repeat;
    -webkit-background-size: 10px 22px;
    -moz-background-size: 10px 22px;
    background-size: 10px 22px;
  }
}
.o-nav_follow li.button-instagram {
  margin-left: 36px;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-instagram {
    margin-left: 24px;
  }
}
.o-nav_follow li.button-instagram a {
  background: url("../images/common/menu-icon-instagram.png?hash=32839bb7eb2f577c8ef0a7456993b80e") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-instagram a {
    background: url("../images/sp/common/menu-icon-instagram.png?hash=3b2c1072d32d479e9f799a1d568ea646") center 0 no-repeat;
    -webkit-background-size: 22px;
    -moz-background-size: 22px;
    background-size: 22px;
  }
}
.o-nav_follow li.button-line {
  margin-left: 42px;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-line {
    margin-left: 25px;
  }
}
.o-nav_follow li.button-line a {
  background: url("../images/common/menu-icon-line.png?hash=14eb8fdfda206b5eb8cf7068a8483e43") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-line a {
    background: url("../images/sp/common/menu-icon-line.png?hash=2395c128e8b874f030fe8e1af2181f5c") center 0 no-repeat;
    -webkit-background-size: 22px 21px;
    -moz-background-size: 22px 21px;
    background-size: 22px 21px;
  }
}
.o-nav_follow li.button-twitter {
  margin-top: 5px;
  margin-left: 36px;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-twitter {
    margin-top: 3px;
    margin-left: 24px;
  }
}
.o-nav_follow li.button-twitter a {
  background: url("../images/common/menu-icon-twitter.png?hash=2785ad7b154c1290bd5cd6e5ef3a3a57") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .o-nav_follow li.button-twitter a {
    background: url("../images/sp/common/menu-icon-twitter.png?hash=86c408c6bc1f37ce5a718e56a97d7446") center 0 no-repeat;
    -webkit-background-size: 22px;
    -moz-background-size: 22px;
    background-size: 22px;
  }
}
.o-expertvoice_item {
  margin-top: 50px;
  padding: 25px 25px 130px;
  position: relative;
  border: solid 4px #00b9eb;
  -webkit-transition: padding 0.16s ease-out;
  -moz-transition: padding 0.16s ease-out;
  -o-transition: padding 0.16s ease-out;
  -ms-transition: padding 0.16s ease-out;
  transition: padding 0.16s ease-out;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item {
    padding: 50px 66px 130px;
  }
}
.o-expertvoice_item.open {
  padding-bottom: 0;
}
.o-expertvoice_item_header {
  padding-bottom: 18px;
  border-bottom: solid 3px #00b9eb;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_header {
    padding-bottom: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.o-expertvoice_item_right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column-reverse nowrap;
  -ms-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_right {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: left;
  }
}
.o-expertvoice_item_thumbnail {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_thumbnail {
    margin-right: 40px;
  }
}
.o-expertvoice_item_thumbnail img {
  width: 113px;
  height: 113px;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_thumbnail img {
    width: 168px;
    height: 168px;
  }
}
.o-expertvoice_item_meta {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_meta {
    margin-top: 40px;
  }
}
.o-expertvoice_item_type {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_type {
    font-size: 13px;
    line-height: 1.384615384615385;
    letter-spacing: 0.025em;
  }
}
.o-expertvoice_item_name {
  font-size: 15px;
  line-height: 1.866666666666667;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_name {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.o-expertvoice_item_title {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 16px;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_title {
    font-size: 30px;
    line-height: 1.333333333333333;
    letter-spacing: 0.05em;
  }
}
.o-expertvoice_item_content {
  font-size: 13.5px;
  line-height: 1.666666666666667;
  letter-spacing: 0.025em;
  margin-top: 16px;
  min-height: 6.666666668em;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .o-expertvoice_item_content {
    min-height: 3.333333334em;
    margin-top: 40px;
    font-size: 15px;
    line-height: 1.666666666666667;
    letter-spacing: 0.025em;
  }
}
.o-expertvoice_item_more {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 50px;
  margin: auto;
  text-align: center;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.o-expertvoice_item.open .o-expertvoice_item_more {
  display: none;
}
.o-expertvoice_item_collapse {
  margin-top: 44px;
}
.l-accordion {
  margin-top: 1px;
}
.l-accordion-group_title {
  color: #4e4e4e;
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.l-accordion-group.blue .l-accordion-group_title {
  color: #fff;
}
.l-accordion_header {
  padding: 4px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  color: #4e4e4e;
}
.l-accordion_icon {
  padding: 7px 8px 0;
}
.l-accordion_title {
  padding-left: 4px;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .l-accordion_title {
    font-size: 1.4rem;
  }
}
.l-accordion_body {
  height: 0;
  overflow: hidden;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .l-accordion_body {
    font-size: 1.4rem;
  }
}
.l-accordion_body_inner {
  padding-left: 2.5em;
}
.l-accordion-group.blue,
.l-accordion-group.blue .l-accordion_header {
  color: #fff;
}
.l-accordion-group.blue .l-accordion_icon .a-plus::before,
.l-accordion-group.blue .l-accordion_icon .a-plus::after {
  border-color: #fff;
}
.l-accordion2 {
  background-color: #fff;
  margin-top: 2px;
}
.l-accordion2-group {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .l-accordion2-group {
    margin-top: 47px;
  }
}
.l-accordion2-group_title {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: inherit;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .l-accordion2-group_title {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.l-accordion2-group.blue .l-accordion2-group_title {
  color: #fff;
}
.l-accordion2_header {
  padding: 14px 22px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
}
@media screen and (min-width: 768px) {
  .l-accordion2_header {
    padding: 33px 33px;
  }
}
.l-accordion2_icon {
  margin-left: auto;
  padding: 0 8px 0 23px;
}
.l-accordion2_title {
  font-size: 15px;
  line-height: 1.333333333333333;
  letter-spacing: 0.05em;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .l-accordion2_title {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.l-accordion2_body {
  height: 0;
  overflow: hidden;
  color: #000;
  font-size: 13.5px;
  line-height: 1.666666666666667;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 768px) {
  .l-accordion2_body {
    font-size: 17px;
    line-height: 1.705882352941176;
    letter-spacing: 0.025em;
  }
}
.l-accordion2_body_inner {
  padding: 0 22px 22px;
}
@media screen and (min-width: 768px) {
  .l-accordion2_body_inner {
    padding: 0 33px 33px;
  }
}
.l-accordion2-group.blue,
.l-accordion2-group.blue .l-accordion2_header {
  color: #fff;
}
.l-accordion2-group.blue .l-accordion2_icon .a-plus::before,
.l-accordion2-group.blue .l-accordion2_icon .a-plus::after {
  border-color: #fff;
}
.l-nav-accordion {
  margin-top: 2px;
}
.l-nav-accordion_header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #00b9eb;
}
.l-nav-accordion_icon {
  margin-left: auto;
  padding: 7px 8px 0;
}
.l-nav-accordion_title {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.025em;
  padding: 11px 0;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .l-nav-accordion_title {
    font-size: 21px;
    line-height: 1;
    letter-spacing: -0.05em;
  }
}
.l-nav-accordion_body {
  height: 0;
  overflow: hidden;
}
.l-nav-accordion_body_inner {
  padding: 0 0 10px 1em;
}
@media screen and (min-width: 768px) {
  .l-nav-accordion_body_inner {
    padding: 0 0 18px 1.4em;
  }
}
.l-nav-accordion-group.blue,
.l-nav-accordion-group.blue .l-nav-accordion_header {
  color: #fff;
}
.l-nav-accordion-group.blue .l-nav-accordion_icon .a-plus::before,
.l-nav-accordion-group.blue .l-nav-accordion_icon .a-plus::after {
  border-color: #fff;
}
.l-attraction-swiper-outer {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .l-attraction-swiper-outer {
    padding: 0 80px;
    max-width: 1280px;
  }
}
.l-attraction-swiper-outer .a-arrow-button.left {
  z-index: 2;
  position: absolute;
  top: 19%;
  left: 36px;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
@media screen and (min-width: 1025px) {
  .l-attraction-swiper-outer .a-arrow-button.left {
    top: 19%;
    left: 60px;
  }
}
.l-attraction-swiper-outer .a-arrow-button.right {
  z-index: 2;
  position: absolute;
  top: 19%;
  right: -36px;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
@media screen and (min-width: 1025px) {
  .l-attraction-swiper-outer .a-arrow-button.right {
    top: 19%;
    right: -62px;
  }
}
.l-attraction-swiper {
  overflow: hidden;
  position: relative;
}
.l-attraction-swiper_item {
  display: block;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.l-attraction-swiper_item:hover {
  opacity: 0.8;
}
.l-attraction-swiper_thumbnail {
  overflow: hidden;
  max-width: 300px;
}
.l-attraction-swiper_thumbnail img {
  width: 100%;
  height: auto;
}
.l-attraction-swiper_date {
  margin-top: 13px;
  color: #000;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .l-attraction-swiper_date {
    font-size: 0.8rem;
    margin-bottom: 0;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .l-attraction-swiper_date {
    display: inline-block;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    display: block;
  }
}
.l-attraction-swiper_title {
  margin-top: 5px;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .l-attraction-swiper_title {
    font-size: 1.1rem;
    margin-top: -3px;
  }
}
.l-section_inner {
  padding-top: 105px;
}
@media screen and (min-width: 1025px) {
  .l-section_inner {
    padding-top: 198px;
  }
}
.container {
  margin: 0 auto;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  .container {
    margin: 0 auto;
    padding: 0 100px;
    max-width: 1000px;
  }
}
.page-main {
  padding-bottom: 90px;
}
@media screen and (min-width: 1025px) {
  .page-main {
    padding-bottom: 210px;
  }
}
@media screen and (min-width: 1025px) {
  .page-main-img {
    background: url("../images/common/main-pixel-bg-1.png?hash=e23ea2abdf66d87a419682b14c12cead") left bottom no-repeat, url("../images/common/main-pixel-bg-2.png?hash=afeca4fe3192dd8cc5a7c4fff136aaa9") right bottom no-repeat;
  }
}
.page-main-blue {
  background-color: #5fbce7;
}
@media screen and (min-width: 1025px) {
  .page-main-blue {
    background: url("../images/top/attractions-pixel-bg-1.png?hash=d6fc44406998d46a709bb8a636e5ed26") left top no-repeat, url("../images/top/attractions-pixel-bg-2.png?hash=f01c733da8a6886315eabcb6e7ec9f78") right top no-repeat, url("../images/top/attractions-pixel-bg-6.png?hash=38f932b72eaad39b737fba1b02fd3909") left bottom no-repeat;
    background-color: #5fbce7;
  }
}
.sec-top-border {
  border-top: solid 1px #eaeaea;
}
.sec-ticket {
  background: url("../images/top/workshop-pixel-bg-1.png?hash=136604467e4af72b6cd713a2b3d3ff02") right top no-repeat;
  -webkit-background-size: 260px 140px;
  -moz-background-size: 260px 140px;
  background-size: 260px 140px;
  background-color: #000 !important;
}
@media screen and (max-width: 767px) {
  .sec-ticket {
    background: url("../images/sp/top/workshop-pixel-bg-1.png?hash=b7c9f8076ccadd60b38464a1ce687462") right top no-repeat;
    -webkit-background-size: 130px 70px;
    -moz-background-size: 130px 70px;
    background-size: 130px 70px;
    background-color: #000 !important;
  }
}
.sec-top {
  background: url("../images/top/about-pixel-bg-1.png?hash=a0f716a1c21b25206a40703b511b7591") left top no-repeat, url("../images/top/about-pixel-bg-2.png?hash=96a377ac75a9697531f7585bef11eaee") right top no-repeat;
}
@media screen and (max-width: 767px) {
  .sec-top {
    background: url("../images/sp/top/about-pixel-bg-1.png?hash=7170dff315520bbfb2c666e8a0bc6947") right top no-repeat;
    -webkit-background-size: 180px 60px;
    -moz-background-size: 180px 60px;
    background-size: 180px 60px;
  }
}
.sec-left-top {
  background: url("../images/top/about-pixel-bg-1.png?hash=a0f716a1c21b25206a40703b511b7591") left top no-repeat;
}
@media screen and (max-width: 767px) {
  .sec-left-top {
    background: url("../images/sp/top/about-pixel-bg-1.png?hash=7170dff315520bbfb2c666e8a0bc6947") right top no-repeat;
    -webkit-background-size: 180px 60px;
    -moz-background-size: 180px 60px;
    background-size: 180px 60px;
  }
}
@media screen and (min-width: 1025px) {
  .sec-right-top {
    background: url("../images/collaboration/flow-pixel-bg-1.png?hash=d839e829d7008a84f37e7a46b4eddb55") right top no-repeat;
  }
}
.sec-left-top-right-bottom {
  background: url("../images/top/about-pixel-bg-1.png?hash=a0f716a1c21b25206a40703b511b7591") left top no-repeat, url("../images/top/character-pixel-bg-2.png?hash=299840fc57757146f391bdaccee4cb42") right bottom no-repeat;
}
@media screen and (max-width: 767px) {
  .sec-left-top-right-bottom {
    background: url("../images/sp/top/about-pixel-bg-1.png?hash=7170dff315520bbfb2c666e8a0bc6947") right top no-repeat, url("../images/sp/top/character-pixel-bg-2.png?hash=1ae935af47c62f72b8850d6d25f9092a") right bottom no-repeat;
    -webkit-background-size: 180px 60px, 100px 50px;
    -moz-background-size: 180px 60px, 100px 50px;
    background-size: 180px 60px, 100px 50px;
  }
}
.sec-black {
  background: url("../images/top/contact-pixel-bg-1.png?hash=b104dfaeea42fdc9c565064ab7f0076c") right top no-repeat;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .sec-black {
    background: url("../images/sp/top/contact-pixel-bg-1.png?hash=7dc84962d37ddc735170e82d44071aaa") right top no-repeat #000;
    -webkit-background-size: 120px 80px;
    -moz-background-size: 120px 80px;
    background-size: 120px 80px;
  }
}
.sec-blue {
  background: url("../images/collaboration/portfolio-pixel-bg-1.png?hash=cd5fa1906f28090b1a4e12e6f7612b11") left top no-repeat, url("../images/collaboration/portfolio-pixel-bg-2.png?hash=859d44daab0dad7c2463b6ddad5327b0") right bottom no-repeat;
  background-color: #5fbce7;
}
@media screen and (max-width: 1024px) {
  .sec-blue {
    background: url("../images/sp/collaboration/portfolio-pixel-bg-1.png") left top no-repeat, url("../images/sp/collaboration/portfolio-pixel-bg-2.png?hash=141e7057b6833a5907b6d992059f0db0") right bottom no-repeat;
    -webkit-background-size: 130px 70px, 120px 20px;
    -moz-background-size: 130px 70px, 120px 20px;
    background-size: 130px 70px, 120px 20px;
    background-color: #5fbce7;
  }
}
.sec-gutter-bottom {
  padding-bottom: 198px;
}
@media screen and (max-width: 1024px) {
  .sec-gutter-bottom {
    padding-bottom: 105px;
  }
}
.sec-margin-bottom {
  margin-bottom: 198px;
}
@media screen and (max-width: 1024px) {
  .sec-margin-bottom {
    margin-bottom: 40px;
  }
}
.sec-inner {
  padding-top: 198px;
}
@media screen and (max-width: 1024px) {
  .sec-inner {
    padding-top: 105px;
  }
}
.sec-heading {
  z-index: 1;
  position: relative;
  width: auto;
  margin: 0 auto;
  text-align: center;
}
.sec-heading-title {
  text-align: center;
  font-size: 3.5rem;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .sec-heading-title {
    font-size: 6rem;
  }
}
.sec-heading-en {
  display: block;
  margin-bottom: 13px;
}
.sec-heading-en.white {
  color: #fff;
}
.sec-heading-ja {
  display: block;
  text-align: center !important;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
}
@media screen and (min-width: 1025px) {
  .sec-heading-ja {
    font-size: 2rem;
  }
}
.sec-heading-ja.white {
  color: #fff;
}
.sec-contents {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
.sec-hero {
  z-index: 2;
  position: relative;
  height: 95vh;
}
.sec-hero .inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sec-hero .kv {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sec-hero .kv img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: inherit;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@supports (object-fit: cover) {
  .sec-hero .kv img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    left: 0;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}
.sec-hero .kv_desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .sec-hero .kv_desktop {
    height: 100%;
    display: block;
  }
}
.sec-hero .kv_phone {
  height: 100%;
  display: block;
}
.sec-hero .kv_phone img {
  height: 100vh !important;
}
@media screen and (min-width: 768px) {
  .sec-hero .kv_phone {
    display: none;
  }
}
.sec-hero .logo {
  position: absolute;
  top: 18px;
  left: 15px;
  width: 111px;
}
@media screen and (max-width: 1024px) {
  .sec-hero .logo {
    top: 10px;
    left: 6px;
    width: 67px;
  }
}
.sec-hero .sp {
  z-index: 3;
  top: 0;
  position: fixed;
  display: block;
}
@media screen and (min-width: 768px) {
  .sec-hero .sp {
    display: none;
  }
}
.sec-hero .sp .logo {
  top: 5px;
  left: 130px;
  width: 150px;
}
.sec-hero .pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .sec-hero .pc {
    display: block;
  }
}
.sec-hero .heading {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  margin-top: 2px;
}
@media screen and (max-width: 1024px) {
  .sec-hero .heading {
    padding: 0 25px;
    margin-top: 4%;
    line-height: 1;
  }
  .sec-hero .heading svg {
    width: 100%;
  }
}
.sec-hero .heading .slide-mask {
  line-height: 1;
}
.sec-hero .heading .heading-en {
  letter-spacing: 2px;
  line-height: 1;
  font-weight: 700;
  font-size: 3.5rem;
  color: #fff;
  text-shadow: 0px 0px 5px #000;
}
@media screen and (min-width: 1025px) {
  .sec-hero .heading .heading-en {
    font-size: 7rem;
  }
}
.sec-hero .heading .heading-ja {
  margin-top: 1.5em;
  font-size: 1.5rem;
  font-weight: 700;
  text-shadow: 0px 0px 5px #000;
  color: #fff;
  line-height: 2;
}
@media screen and (min-width: 1025px) {
  .sec-hero .heading .heading-ja {
    font-size: 2rem;
  }
}
.sec-hero .heading span {
  margin-top: 12px;
  color: #fff;
  font-size: 2.4rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .sec-hero .heading span {
    margin-top: 0;
    font-size: 1.5rem;
  }
}
.paginate {
  margin-top: 40px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .paginate {
    margin-top: 140px;
  }
}
.paginate ul {
  margin-top: 40px;
  white-space: normal;
  text-align: center;
}
.paginate ul li {
  margin: 0 0.5em;
  display: inline-block;
  vertical-align: middle;
  color: #000;
}
.paginate ul li a {
  overflow: hidden;
  display: inline-block;
  margin-top: 10px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  background-color: #fff;
  border: solid 2px #5fbce7;
  color: #5fbce7;
  font-family: 'Roboto', sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.paginate ul li a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5fbce7;
  -webkit-animation-name: translateRightOut;
  -moz-animation-name: translateRightOut;
  -o-animation-name: translateRightOut;
  -ms-animation-name: translateRightOut;
  animation-name: translateRightOut;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.paginate ul li a:hover {
  color: #fff;
}
.paginate ul li a:hover:after {
  -webkit-animation-name: translateLeftIn;
  -moz-animation-name: translateLeftIn;
  -o-animation-name: translateLeftIn;
  -ms-animation-name: translateLeftIn;
  animation-name: translateLeftIn;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.paginate ul li a:hover {
  background-color: #5fbce7;
}
@media screen and (min-width: 1025px) {
  .paginate ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
.paginate ul li a span {
  z-index: 1;
  position: relative;
}
.paginate ul li a.paginate-active {
  background-color: #5fbce7;
  color: #fff;
}
.pagebreak {
  margin-top: 40px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .pagebreak {
    margin-top: 140px;
  }
}
.pagebreak > a,
.pagebreak > span {
  margin-top: 10px;
  margin-right: 5px;
  overflow: hidden;
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  background-color: #fff;
  border: solid 2px #5fbce7;
  color: #5fbce7;
  font-family: 'Roboto', sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.pagebreak > a:after,
.pagebreak > span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5fbce7;
  -webkit-animation-name: translateRightOut;
  -moz-animation-name: translateRightOut;
  -o-animation-name: translateRightOut;
  -ms-animation-name: translateRightOut;
  animation-name: translateRightOut;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.pagebreak > a:hover,
.pagebreak > span:hover {
  color: #fff;
}
.pagebreak > a:hover:after,
.pagebreak > span:hover:after {
  -webkit-animation-name: translateLeftIn;
  -moz-animation-name: translateLeftIn;
  -o-animation-name: translateLeftIn;
  -ms-animation-name: translateLeftIn;
  animation-name: translateLeftIn;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.pagebreak > a:hover,
.pagebreak > span:hover {
  background-color: #5fbce7;
}
@media screen and (min-width: 1025px) {
  .pagebreak > a,
  .pagebreak > span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
.pagebreak > a span,
.pagebreak > span span {
  z-index: 1;
  position: relative;
}
.pagebreak > span {
  background-color: #5fbce7;
  color: #fff;
}
.button-back-outer {
  padding-top: 150px;
}
@media screen and (max-width: 1024px) {
  .button-back-outer {
    padding-top: 60px;
  }
}
.button-back-outer-sm {
  padding-top: 75px;
}
@media screen and (max-width: 1024px) {
  .button-back-outer-sm {
    padding-top: 60px;
  }
}
.button-back {
  width: 470px;
  height: 70px;
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: #fff;
  -moz-transition-property: #fff;
  -o-transition-property: #fff;
  -ms-transition-property: #fff;
  transition-property: #fff;
}
@media screen and (max-width: 1024px) {
  .button-back {
    width: 270px;
    height: 47px;
  }
}
.button-back a,
.button-back button {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.button-back a::after,
.button-back button::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5fbce7;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.button-back.white a::after,
.button-back.white button::after {
  background: #fff;
}
.button-back .text {
  position: absolute;
  top: 0;
  left: 101px;
  margin-top: 28px;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
}
@media screen and (max-width: 1024px) {
  .button-back .text {
    left: 63px;
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .button-back .text .for-sp {
    display: block;
  }
}
.button-back .text.center {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.button-back .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.button-back .arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 14px;
  left: 31px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .button-back .arrow {
    top: 3px;
    left: 10px;
    width: 22px;
    height: 7px;
  }
}
.button-back .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.button-back .arrow span:before,
.button-back .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.button-back .arrow span:before {
  background-position: 0 100%;
}
.button-back .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .button-back:hover {
    background: #000;
  }
  .button-back:hover .bg {
    background: none;
  }
  .button-back:hover .bg.white {
    background: #fff;
  }
  .button-back:hover .text {
    color: #fff;
    margin-left: -20px;
  }
  .button-back:hover .text.center {
    margin-left: auto;
  }
  .button-back:hover a::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .button-back:hover button::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .button-back.white:hover .text {
    color: #000;
  }
  .button-back.white:hover .arrow span:before {
    opacity: 0;
  }
  .button-back.white:hover .arrow span:after {
    opacity: 1;
  }
}
.contact {
  background: url("../images/top/contact-pixel-bg-1.png?hash=b104dfaeea42fdc9c565064ab7f0076c") right top no-repeat, url("../images/top/contact-pixel-bg-2.png?hash=edad68c88cd4ae98f3ce9268fe24463a") left bottom no-repeat, url("../images/top/contact-pixel-bg-3.png?hash=13016b9a3e3e043a3f1cbd36677a6313") right bottom no-repeat;
  background-color: #5fbce7;
}
@media screen and (min-width: 1025px) {
  .contact {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    background: url("../images/sp/top/contact-pixel-bg-1.png?hash=7dc84962d37ddc735170e82d44071aaa") right top no-repeat #5fbce7;
    -webkit-background-size: 120px 80px;
    -moz-background-size: 120px 80px;
    background-size: 120px 80px;
  }
}
.contact .inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 148px 100px 140px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .contact .inner {
    padding: 79px 25px 80px;
  }
}
.contact .inner .heading {
  width: 341px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 42px;
}
.contact .inner .heading .heading-en {
  text-align: left;
}
.contact .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .contact .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.contact .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .contact .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .contact .inner .heading {
    width: 170.5px;
    margin-bottom: 20px;
  }
}
.contact .inner .heading .heading-en {
  margin-bottom: 6px;
}
.contact .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .contact .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.contact .inner .heading .heading-ja {
  letter-spacing: 0.06em;
}
.contact .inner .contents {
  text-align: center;
}
.contact .inner .contents .button-contact a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .button-contact a {
    width: 225px;
    height: 47px;
  }
}
.contact .inner .contents .button-contact a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.contact .inner .contents .button-contact a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .button-contact a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.contact .inner .contents .button-contact a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.contact .inner .contents .button-contact a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .button-contact a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.contact .inner .contents .button-contact a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.contact .inner .contents .button-contact a .arrow span:before,
.contact .inner .contents .button-contact a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.contact .inner .contents .button-contact a .arrow span:before {
  background-position: 0 100%;
}
.contact .inner .contents .button-contact a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .contact .inner .contents .button-contact a:hover {
    background: #000;
  }
  .contact .inner .contents .button-contact a:hover .bg {
    background: none;
  }
  .contact .inner .contents .button-contact a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .contact .inner .contents .button-contact a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .contact .inner .contents .button-contact a:hover .arrow span:before {
    opacity: 0;
  }
  .contact .inner .contents .button-contact a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .button-contact {
    text-align: left;
  }
}
.contact .inner .contents .button-contact a {
  width: 100%;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .button-contact a {
    width: 270px;
    height: 67px;
    margin: 0 auto;
  }
}
.contact .inner .contents .button-contact a .text {
  margin-top: 46px;
  left: 0;
  display: block;
  width: 100%;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .button-contact a .text {
    margin-top: 25px;
    margin-left: 20px;
    font-size: 1.4rem;
    letter-spacing: 0.03em;
  }
}
.contact .inner .contents .button-contact a .arrow {
  position: absolute;
  top: 33px;
  right: 30px;
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .button-contact a .arrow {
    position: absolute;
    top: 12px;
    right: 16px;
  }
}
.contact .inner .contents .company-logo-container {
  display: inline-block;
  margin-bottom: 49px;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .company-logo-container {
    margin-bottom: 30px;
  }
}
.contact .inner .contents .company-logo {
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents .company-logo {
    width: 90px;
  }
}
.contact .inner .contents ul {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.contact .inner .contents ul li {
  background: #49b2e3;
  margin-bottom: 4px;
  padding: 14px 0 13px;
  color: #fff;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents ul li {
    padding: 12px 20px 10px;
    margin-bottom: 5px;
    font-size: 1.3rem;
    line-height: 1.65;
  }
}
.contact .inner .contents ul li span {
  display: inline-block;
  width: 165px;
  text-align: center;
}
.contact .inner .contents ul li span.for-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .contact .inner .contents ul li span {
    display: block;
    margin-bottom: 3px;
    text-align: left;
    font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-weight: 700;
  }
}
.contact .inner .contents ul li span.text-space {
  width: 2em;
  margin: 0;
}
.sec-about {
  background: url("../images/collaboration/about-pixel-bg-1.png?hash=89e04b4f48821856b781066c74284d22") left top no-repeat, url("../images/collaboration/about-pixel-bg-2.png?hash=86c377e39701806f818deab21b82a73e") right top no-repeat, url("../images/collaboration/about-pixel-bg-3.png?hash=d92fecafc31c996db3b714d41b05fd32") left bottom no-repeat;
}
@media screen and (max-width: 1024px) {
  .sec-about {
    background: url("../images/sp/collaboration/about-pixel-bg-1.png?hash=0048311012ae480bb9bc81be1f851242") left top no-repeat, url("../images/sp/collaboration/about-pixel-bg-2.png?hash=08a22f87322b87775bb7c7e4c9d360cc") right top no-repeat, url("../images/sp/collaboration/about-pixel-bg-3.png?hash=13f84b81a1a94b61791688d5558fd05f") left bottom no-repeat;
    -webkit-background-size: 60px 20px, 160px 80px, 100px 20px;
    -moz-background-size: 60px 20px, 160px 80px, 100px 20px;
    background-size: 60px 20px, 160px 80px, 100px 20px;
  }
}
.sec .inner {
  padding-top: 198px;
  padding-bottom: 150px;
}
@media screen and (max-width: 1024px) {
  .sec .inner {
    padding-top: 105px;
    padding-bottom: 71px;
  }
}
.sec .inner .heading {
  position: relative;
  width: 774px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
.sec .inner .heading .heading-en {
  text-align: left;
}
.sec .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .sec .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.sec .inner .heading span {
  color: #000;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .sec .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .sec .inner .heading {
    width: 280px;
  }
}
.sec .inner .heading .heading-en {
  margin-bottom: 13px;
}
@media screen and (max-width: 1024px) {
  .sec .inner .heading .heading-en {
    margin-bottom: 3px;
  }
}
.sec .inner .heading .heading-ja {
  letter-spacing: 0.5em;
}
@media screen and (max-width: 1024px) {
  .sec .inner .heading .heading-ja {
    letter-spacing: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sec .inner .heading .heading-ja {
    letter-spacing: 0.2em;
  }
}
.sec .inner .heading .heading-ja span {
  font-size: 3rem;
  text-indent: 0.8em;
}
@media screen and (max-width: 1024px) {
  .sec .inner .heading .heading-ja span {
    font-size: 1.3rem;
    text-indent: 0.7em;
  }
}
.sec .inner .contents {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
.sec .inner .contents .img {
  display: inline-block;
  margin-bottom: 55px;
  text-align: left;
  line-height: 1;
  margin-top: -31px;
  padding-left: 6px;
}
@media screen and (max-width: 1024px) {
  .sec .inner .contents .img {
    width: 191px;
    margin: -29px auto 36px;
    padding-left: 0;
  }
}
.sec .inner .contents .text {
  margin-top: -82px;
  text-align: center;
  margin-bottom: 60px;
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .sec .inner .contents .text {
    margin: -52px 25px 34px;
    font-size: 1.3rem;
    text-align: left;
  }
}
.sec .inner .contents .text p {
  display: inline-block;
  text-align: center;
  line-height: 2.15;
}
@media screen and (max-width: 1024px) {
  .sec .inner .contents .text p {
    text-align: justify;
    line-height: 1.65;
    white-space: normal;
  }
}
@media screen and (max-width: 1024px) {
  .button-container {
    margin: 0 25px;
  }
}
.button-container ul {
  text-align: center;
  letter-spacing: -0.38em;
}
@media screen and (max-width: 1024px) {
  .button-container ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.button-container ul li {
  display: inline-block;
  vertical-align: top;
  width: 470px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .button-container ul li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
.button-container ul li .button-content {
  height: 270px;
  padding-top: 50px;
  background: #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button-content {
    padding-top: 27px;
    height: 166px;
  }
}
.button-container ul li .button-title {
  margin-bottom: 39px;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button-title {
    margin-bottom: 22px;
  }
}
.button-container ul li .button-title span {
  display: block;
}
.button-container ul li .button-title .en {
  margin-bottom: 10px;
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button-title .en {
    margin-bottom: 3px;
    font-size: 2.3rem;
  }
}
.button-container ul li .button-title .ja {
  font-size: 1.5rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.26em;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button-title .ja {
    font-size: 1rem;
  }
}
.button-container ul li .button {
  width: 370px;
  height: 76px;
  display: block;
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: #fff;
  -moz-transition-property: #fff;
  -o-transition-property: #fff;
  -ms-transition-property: #fff;
  transition-property: #fff;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button {
    width: 230px;
    height: 55px;
  }
}
.button-container ul li .button::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.button-container ul li .button .button-icon-pdf {
  position: absolute;
  top: 28px;
  left: 30px;
  width: 38px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  background: #000;
  line-height: 20px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button .button-icon-pdf {
    top: 20px;
    left: 15px;
    width: 27px;
    height: 15px;
    font-size: 1rem;
    line-height: 15px;
  }
}
.button-container ul li .button .button-text {
  position: absolute;
  top: 0;
  left: 80px;
  margin-top: 30px;
  color: #fff;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.11em;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button .button-text {
    left: 54px;
    margin-top: 20px;
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.4;
  }
  .button-container ul li .button .button-text .for-sp {
    display: block;
  }
}
.button-container ul li .button .button-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #5fbce7;
}
.button-container ul li .button .button-arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 16px;
  right: 24px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .button-container ul li .button .button-arrow {
    top: 7px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.button-container ul li .button .button-arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.button-container ul li .button .button-arrow span:before,
.button-container ul li .button .button-arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.button-container ul li .button .button-arrow span:before {
  background-position: 0 100%;
}
.button-container ul li .button .button-arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
.button-container ul li.button-download {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .button-container ul li.button-download {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .button-container ul li.button-download .button .button-text {
    margin-top: 9px;
  }
}
@media screen and (max-width: 1024px) {
  .button-container ul li.button-contact {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.button-container ul li.button-contact .button .button-text {
  left: 28px;
  letter-spacing: 0.18em;
}
@media screen and (max-width: 1024px) {
  .button-container ul li.button-contact .button .button-text {
    left: 13px;
  }
}
@media screen and (min-width: 1025px) {
  .button-container ul li a:hover {
    background: #5fbce7;
  }
  .button-container ul li a:hover .button-bg {
    background: none;
  }
  .button-container ul li a:hover .button-icon-pdf {
    color: #000;
    background: #fff;
  }
  .button-container ul li a:hover .button-text {
    color: #fff;
    margin-left: 20px;
  }
  .button-container ul li a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.popup {
  padding: 0 25px;
  font-weight: 700;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .popup img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 1025px) {
  .popup {
    font-size: 3rem;
    padding: 0 100px;
  }
}
.popup-btn {
  display: none;
}
.form {
  padding: 0 25px;
}
.form .select-arrow {
  position: relative;
}
.form .select-arrow:after {
  content: '';
  background: url("../images/contact/select-arrow.png?hash=04902ee623c39037fe2b2a34ea9ebc78") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 10px;
  height: 8px;
  color: #7e7e7e;
  z-index: 2;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form .required::before {
  content: '※';
  margin-right: 0.3em;
  color: #f00;
}
.form * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  .form {
    max-width: 800px;
    padding: 0 100px;
    margin: 0 auto;
  }
}
.form-form {
  margin-top: 50px;
}
@media screen and (min-width: 1025px) {
  .form-form {
    margin-top: 80px;
  }
}
.form-annotation {
  padding: 16px 24px;
  border-radius: 10px;
  background-color: #fd264d;
  color: #fff;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .form-annotation {
    font-size: 1.6rem;
  }
}
.form-annotation_title {
  color: #fff;
  font-size: 1.96rem;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .form-annotation_title {
    font-size: 2.24rem;
    font-weight: 700;
  }
}
.form-confirm {
  padding: 16px 24px;
  border-radius: 10px;
  background-color: #00b9eb;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .form-confirm {
    font-size: 1.6rem;
    font-weight: 700;
  }
}
.form-confirm_title {
  color: #fff;
  font-size: 1.96rem;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .form-confirm_title {
    font-size: 2.24rem;
    font-weight: 700;
  }
}
.form-note {
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .form-note {
    font-size: 1.6rem;
  }
}
.form-note {
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .form-note {
    font-size: 1.6rem;
  }
}
.form-note2 {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .form-note2 {
    font-size: 1.6rem;
    font-weight: 700;
  }
}
.form-recruit {
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .form-recruit {
    font-size: 1.6rem;
  }
}
.form-row {
  margin-top: 1.5em;
}
.form-col {
  position: relative;
  margin-top: 0.5em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.form-col-prefix {
  white-space: nowrap;
  padding: 0 8px;
}
.form-col-suffix {
  white-space: nowrap;
  padding: 0 8px;
}
.form-col .select-arrow {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.form-col .wpcf7-form-control-wrap {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.form-col .wpcf7-not-valid-tip {
  position: relative;
  bottom: 0;
  left: 0;
  white-space: nowrap;
}
.form-between {
  padding: 0 8px;
}
.form-head {
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .form-head {
    font-size: 1.6rem;
  }
}
.form-btn-outer {
  margin-top: 50px;
  position: relative;
  display: block;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .form-btn-outer {
    margin-top: 50px;
  }
}
.form-btn-outer .ajax-loader {
  position: absolute;
  top: 50%;
  left: 100%;
}
.form-btn {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: hidden;
  padding: 1.5em 2.5em;
  display: inline-block;
  min-width: 270px;
  margin-top: 10px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  background-color: #fff;
  border: solid 2px #5fbce7;
  color: #5fbce7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 16px;
  position: relative;
}
.form-btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5fbce7;
  -webkit-animation-name: translateRightOut;
  -moz-animation-name: translateRightOut;
  -o-animation-name: translateRightOut;
  -ms-animation-name: translateRightOut;
  animation-name: translateRightOut;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.form-btn:hover {
  color: #fff;
}
.form-btn:hover:after {
  -webkit-animation-name: translateLeftIn;
  -moz-animation-name: translateLeftIn;
  -o-animation-name: translateLeftIn;
  -ms-animation-name: translateLeftIn;
  animation-name: translateLeftIn;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}
.form-btn:hover {
  background-color: #5fbce7;
}
.form-btn span {
  z-index: 1;
  position: relative;
}
.form-btn.paginate-active {
  background-color: #5fbce7;
  color: #fff;
}
.form input[type='text'],
.form input[type='email'],
.form input[type='tel'],
.form input[type='file'],
.form textarea,
.form select {
  width: 100%;
  height: 55px;
  padding: 16px 15px;
  font-weight: 400;
  border: 1px solid #989898;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset !important;
  background-color: #f6f6f6 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .form input[type='text'],
  .form input[type='email'],
  .form input[type='tel'],
  .form input[type='file'],
  .form textarea,
  .form select {
    font-size: 1.6rem;
  }
}
.form select::-ms-expand {
  display: none;
}
.form select {
  -moz-appearance: none;
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
}
.form select {
  padding-left: 1em !important;
  padding-right: 2.8em;
  border-radius: 0 !important;
}
.form textarea {
  height: auto;
}
.form .wpcf7-form-control.wpcf7c-conf {
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}
.form div.wpcf7-response-output {
  font-weight: 700;
  color: #fff;
  border: none;
  background: #5fbce7;
  margin: 2em 0 1em;
  padding: 1em 1em;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .form div.wpcf7-response-output {
    font-size: 1.6rem;
  }
}
.form .attend-time input,
.form .out-time input {
  text-align: center;
}
.form .is-confirm .select-arrow::after {
  display: none;
}
.form .is-confirm .required::before {
  display: none;
}
.form .is-confirm input[type="text"],
.form .is-confirm input[type="email"],
.form .is-confirm select,
.form .is-confirm textarea {
  padding: 0 !important;
  height: auto;
  border: none;
}
.form .is-confirm select {
  width: auto;
}
.form .is-confirm input[name="your-email-confirm"] {
  display: none;
}
.form span.wpcf7-list-item {
  margin: 0 1em 0 0;
}
.form span.wpcf7-list-item:not(.first) {
  margin-top: 0.5em;
}
.comingsoon .text-comingsoon {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  color: #eaf2f5;
  height: auto;
}
.comingsoon .text-comingsoon .en {
  font-size: 4rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .comingsoon .text-comingsoon .en {
    font-size: 2rem;
  }
}
.thumbnail img {
  width: 100%;
  height: auto;
}
.sharedlist {
  margin-top: 40px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .sharedlist {
    margin-top: 80px;
  }
}
.ticket {
  padding: 0 20px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .ticket {
    max-width: 800px;
    margin: 80px auto 0;
  }
}
.ticket_arrow {
  position: relative;
}
.ticket_arrow::after {
  z-index: 10;
  position: absolute;
  margin-top: -3px;
  top: 50%;
  right: -12px;
  width: 6px;
  height: 6px;
  content: '';
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-indent: 0;
  vertical-align: 3px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: -ms-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 1025px) {
  .ticket_arrow::after {
    display: none;
  }
}
.ticket_arrow:last-child .ticket_scroll {
  margin-bottom: 30px;
}
@media screen and (min-width: 1025px) {
  .ticket_arrow:last-child .ticket_scroll {
    margin-bottom: 60px;
  }
}
.ticket_arrow:last-child .ticket_title {
  background-color: #e7a65c;
}
.ticket_active {
  z-index: 10;
  position: absolute;
  top: -3px;
  left: -3px;
  border: 3px solid #f00;
  width: 200px;
  height: 50px;
  text-align: left;
  line-height: 19px;
  pointer-events: none;
}
.ticket_active::before {
  content: '';
  z-index: 10;
  position: absolute;
  top: -3px;
  left: -19px;
  width: 10px;
  height: 100%;
  background-color: #f00;
  border: 3px solid #f00;
}
.ticket_active_label {
  top: -1px;
  z-index: 11;
  display: inline-block;
  position: relative;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  text-align: center;
}
.ticket_scroll {
  overflow-x: auto;
  position: relative;
  margin-bottom: 40px;
}
.ticket_table {
  position: relative;
  width: 100%;
  display: table;
  font-size: 90%;
}
@media screen and (min-width: 1025px) {
  .ticket_table {
    font-size: 100%;
  }
}
.ticket_row {
  display: table-row;
}
.ticket_row:last-child .ticket_field {
  border-right: solid 1px #efefef;
}
.ticket_title {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #5fbce7;
  color: #fff;
  padding: 0.6em 1em;
  font-weight: 700;
  font-size: 105%;
}
@media screen and (min-width: 1025px) {
  .ticket_title {
    padding: 0.8em 1.7em;
  }
}
.ticket_field {
  display: table-cell;
  vertical-align: middle;
  background-color: #fff;
  white-space: nowrap;
  padding: 0.6em 1em;
  border-left: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  font-weight: 700;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.ticket_field:first-child {
  font-weight: 400;
}
@media screen and (min-width: 1025px) {
  .ticket_field {
    padding: 0.8em 1.7em;
  }
}
.ticket-description {
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  padding: 0 20px;
  text-align: left;
  color: #fff;
}
.ticket-description h1,
.ticket-description h2,
.ticket-description h3,
.ticket-description h4,
.ticket-description h5,
.ticket-description h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.ticket-description h1,
.ticket-description h2,
.ticket-description h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.ticket-description img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.ticket-description iframe {
  max-width: 100%;
}
.ticket-description blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.ticket-description code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.ticket-description pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.ticket-description dt {
  font-weight: 700;
}
.ticket-description b,
.ticket-description strong {
  font-weight: 700;
}
.ticket-description a {
  word-wrap: break-word;
  color: $text-color;
}
.ticket-description ul {
  list-style-type: disc;
}
.ticket-description ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.ticket-description ol {
  list-style-type: decimal;
}
.ticket-description ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.ticket-description table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.ticket-description table tr th,
.ticket-description table tr td {
  padding: 1em;
}
.ticket-description table tr th,
.ticket-description table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.ticket-description img[class*="wp-image-"],
.ticket-description img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.ticket-description .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ticket-description .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.ticket-description .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.ticket-description .clear {
  clear: both;
}
@media screen and (min-width: 1025px) {
  .ticket-description {
    max-width: 800px;
    margin: 0 auto 80px;
  }
}
.page-nav-bg {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background-color: rgba(0,0,0,0.5);
}
@media screen and (min-width: 768px) {
  .page-nav-bg {
    display: none;
  }
}
.page-nav {
  z-index: 3;
  padding: 1.3em 0;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0;
  background-color: transparent;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .page-nav {
    pointer-events: auto;
  }
}
.page-nav.show {
  pointer-events: auto;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .page-nav.show {
    background-color: transparent;
  }
}
.page-nav .page-nav_inner {
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .page-nav .page-nav_inner {
    visibility: visible;
  }
}
.page-nav.show .page-nav_inner {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-nav {
    position: absolute;
    padding: 0;
    width: auto;
    left: 90px;
    top: 26px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 1025px) {
  .page-nav {
    position: absolute;
    padding: 0;
    width: auto;
    left: 128px;
    top: 46px;
    padding-right: 100px;
  }
}
.page-nav_inner {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-nav_inner {
    visibility: visible;
    opacity: 1;
    padding: 0;
    background-color: transparent;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.page-nav_button {
  margin-left: auto;
  padding: 6px 30px 26px;
  position: relative;
  border-radius: 50%;
  width: 15px;
  height: 10px;
  pointer-events: auto;
  cursor: pointer;
}
.page-nav_button .bar {
  position: relative;
  display: block;
  top: 0;
  width: 15px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: 0.24s ease;
  -moz-transition: 0.24s ease;
  -o-transition: 0.24s ease;
  -ms-transition: 0.24s ease;
  transition: 0.24s ease;
}
.page-nav_button .bar:nth-child(2) {
  top: 4px;
}
.page-nav_button .bar:nth-child(3) {
  top: 8px;
}
.show .page-nav_button .bar:nth-child(1) {
  top: 5px;
  -webkit-transform: rotate(-45deg) translateY(0%);
  -moz-transform: rotate(-45deg) translateY(0%);
  -o-transform: rotate(-45deg) translateY(0%);
  -ms-transform: rotate(-45deg) translateY(0%);
  transform: rotate(-45deg) translateY(0%);
}
.show .page-nav_button .bar:nth-child(2) {
  top: 3px;
  -webkit-transform: rotate(45deg) translateY(0%);
  -moz-transform: rotate(45deg) translateY(0%);
  -o-transform: rotate(45deg) translateY(0%);
  -ms-transform: rotate(45deg) translateY(0%);
  transform: rotate(45deg) translateY(0%);
}
.show .page-nav_button .bar:nth-child(3) {
  opacity: 0;
}
.page-nav_title {
  pointer-events: auto;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 0 14px 20px;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
}
.page-nav_title::after {
  position: absolute;
  top: 4px;
  right: 0;
  width: 6px;
  height: 6px;
  content: '';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-indent: 0;
  vertical-align: 3px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: -ms-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .page-nav_title {
    display: none;
  }
}
.page-nav_item {
  padding: 5px 18px;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .page-nav_item {
    padding: 0 18px;
    font-size: 120%;
  }
}
.reservation-form {
  margin-top: 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .reservation-form {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
  }
}
.reservation-form-button {
  margin-top: 10px;
}
@media screen and (min-width: 1025px) {
  .reservation-form-button {
    margin-top: 30px;
  }
}
.reservation-form .select-arrow {
  position: relative;
}
.reservation-form .select-arrow:after {
  content: '';
  background: url("../images/contact/select-arrow.png?hash=04902ee623c39037fe2b2a34ea9ebc78") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 10px;
  height: 8px;
  color: #7e7e7e;
  z-index: 2;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.reservation-form select {
  width: 100%;
  height: 55px;
  padding: 16px 15px;
  font-weight: 400;
  border: 1px solid #989898;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset !important;
  background-color: #f6f6f6 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .reservation-form select {
    font-size: 1.6rem;
  }
}
.reservation-form select::-ms-expand {
  display: none;
}
.reservation-form select {
  -moz-appearance: none;
  text-indent: 0.01px;
  -o-text-overflow: '';
  text-overflow: '';
}
.reservation-form select {
  padding-left: 1em !important;
  padding-right: 2.8em;
  border-radius: 0 !important;
}
.tags {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.tag {
  margin-top: 7px;
  margin-right: 7px;
  padding: 0.3em 1em;
  display: block;
  border: solid 1px #aaa;
  border-radius: 20px;
  font-size: 1.2rem;
  line-height: 1.2;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  color: #aaa;
}
.tag:hover {
  background-color: #aaa;
  color: #fff;
}
.magazine-swiper {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .magazine-swiper-slide {
    max-width: 800px;
    width: 60% !important;
  }
}
.magazine-swiper-slide_thumbnail {
  overflow: hidden;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  height: 200px;
}
@media screen and (min-width: 1025px) {
  .magazine-swiper-slide_thumbnail {
    height: 400px;
  }
}
.magazine-swiper-slide_thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.magazine-swiper-slide:hover .magazine-swiper-slide_thumbnail {
  opacity: 0.8;
}
.magazine-swiper-slide_body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .magazine-swiper-slide_body {
    font-size: 2rem;
  }
}
.magazine-swiper-slide_body_inner {
  width: 100%;
  padding: 0.5em 2em;
  background-color: rgba(0,0,0,0.2);
}
.magazine-swiper .swiper-pagination-bullet {
  background-color: rgba(0,0,0,0.2);
  border: solid 1px #fff;
  opacity: 1;
}
.magazine-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #00bfff;
  border: solid 1px #00bfff;
}
.magazine-swiper .swiper-pagination {
  z-index: 2;
}
.m-section-news {
  overflow: hidden;
  position: relative;
  padding: 10px 0;
}
@media screen and (min-width: 1025px) {
  .m-section-news {
    padding: 10px 64px;
  }
}
.m-section-news_header {
  text-align: center;
}
.m-section-news_title {
  margin: 0 auto;
  width: 101px;
}
@media screen and (min-width: 1025px) {
  .m-section-news_title {
    width: auto;
  }
}
.m-section-news_subtitle {
  margin-top: 8px;
  font-size: 1.1rem;
  font-weight: 700;
  olor: #000;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.m-section-news_swiper {
  margin-top: 32px;
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .m-section-news_swiper {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
.m-section-news .button-more {
  padding: 0 90px;
}
.m-section-news .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .m-section-news .button-more a {
    width: 225px;
    height: 47px;
  }
}
.m-section-news .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5fbce7;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.m-section-news .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .m-section-news .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.m-section-news .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.m-section-news .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .m-section-news .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.m-section-news .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.m-section-news .button-more a .arrow span:before,
.m-section-news .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.m-section-news .button-more a .arrow span:before {
  background-position: 0 100%;
}
.m-section-news .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .m-section-news .button-more a:hover {
    background: #000;
  }
  .m-section-news .button-more a:hover .bg {
    background: none;
  }
  .m-section-news .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .m-section-news .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .m-section-news .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .m-section-news .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .m-section-news .button-more {
    padding: 0;
    margin-right: 0;
  }
}
.m-section-news .button-more a {
  float: left;
}
@media screen and (max-width: 1024px) {
  .m-section-news .button-more a {
    float: none;
    margin: 0 auto;
  }
}
.related {
  margin-top: 80px;
  background-color: #f6f6f6;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
}
.related-title {
  margin-top: 20px;
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 1.6rem;
}
@media screen and (min-width: 1025px) {
  .related-title {
    text-align: left;
  }
}
.related-title span {
  z-index: 5;
  position: relative;
}
.related-title::after {
  content: '';
  position: absolute;
  background-color: #00bfff;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  opacity: 0.5;
}
@media screen and (min-width: 1025px) {
  .related-title {
    font-size: 1.8rem;
  }
}
.related-posts {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .related-posts {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.related-post {
  margin-top: 15px;
  display: block;
  width: 100%;
  padding: 0 10px;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .related-post {
    margin-top: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 33.33333%;
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
  }
}
.related-post:hover {
  opacity: 0.8;
}
.related-post_thumbnail img {
  width: 100%;
  height: auto;
}
.related-post_title {
  margin-top: 0.5em;
  text-align: left;
  font-size: 1.1rem;
  color: #555;
}
@media screen and (min-width: 1025px) {
  .related-post_title {
    font-size: 1.3rem;
  }
}
.news-topics {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .news-topics {
    bottom: 20px;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .news-topics {
    bottom: 15px;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.news-topics_inner {
  width: 410px;
  height: 114px;
  background: #000;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .news-topics_inner {
    width: 100%;
    height: 94px;
  }
}
@media screen and (max-width: 767px) {
  .news-topics_inner {
    width: 100%;
    height: 75px;
  }
}
.news-topics_inner .thumbnail {
  width: 116px;
  height: 116px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .news-topics_inner .thumbnail {
    width: 94px;
    height: 94px;
  }
}
@media screen and (max-width: 767px) {
  .news-topics_inner .thumbnail {
    width: 75px;
    height: 75px;
  }
}
.news-topics_inner .thumbnail img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: inherit;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@supports (object-fit: cover) {
  .news-topics_inner .thumbnail img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    left: 0;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}
.news-topics_inner .thumbnail img {
  width: auto;
  height: 100%;
}
.news-topics_inner a {
  display: none;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.news-topics_inner dl {
  width: 294px;
  padding: 0 30px 0 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .news-topics_inner dl {
    width: calc(100% - 94px);
  }
}
@media screen and (max-width: 767px) {
  .news-topics_inner dl {
    width: calc(100% - 75px);
    padding-left: 15px;
  }
}
.news-topics_inner dl dt {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .news-topics_inner dl dt {
    margin-top: 27px;
  }
}
@media screen and (max-width: 767px) {
  .news-topics_inner dl dt {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 0.9rem;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .news-topics_inner dl dt {
    display: inline-block;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-bottom: 0px;
  }
}
.news-topics_inner dl dd {
  font-size: 1.2rem;
  line-height: 1.7;
  letter-spacing: -0.03em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .news-topics_inner dl dd {
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .news-topics_inner dl dd {
    margin-top: -4px;
  }
}
.button-all {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .button-all {
    margin-right: 0;
  }
}
.button-all_inner {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.4em 1em 1.4em 2em;
  background-color: #000;
  color: #fff;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .button-all_inner {
    font-size: 1.4rem;
  }
}
.button-all_inner:hover {
  background-color: #fff;
  color: #000;
}
.button-all_inner:hover .arrow::after,
.button-all_inner:hover .arrow::before {
  border-color: #000;
}
.button-all_inner .arrow {
  margin-left: 1.5em;
  position: relative;
  width: 29px;
  height: 29px;
}
.button-all_inner .arrow::after,
.button-all_inner .arrow::before {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 6px;
  height: 6px;
  content: '';
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  text-indent: 0;
  vertical-align: 3px;
  border-right: 2px solid rgba(255,255,255,0.95);
  border-bottom: 2px solid rgba(255,255,255,0.95);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.button-all_inner .arrow.down::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.button-all_inner .arrow.down::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.button-news-more {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .button-news-more {
    margin-right: 0;
  }
}
.button-news-more.is-disabled .button-news-more_inner {
  background-color: #ccc;
}
.button-news-more_inner {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 1.4em 1em 1.4em 2em;
  background-color: #000;
  color: #fff;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .button-news-more_inner {
    font-size: 1.4rem;
  }
}
.button-news-more_inner:hover {
  background-color: #00bfff;
  color: #fff;
}
.button-news-more_inner:hover .arrow::after,
.button-news-more_inner:hover .arrow::before {
  border-color: #fff;
}
.button-news-more_inner .arrow {
  margin-left: 1.5em;
  position: relative;
  width: 29px;
  height: 29px;
}
.button-news-more_inner .arrow::after,
.button-news-more_inner .arrow::before {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 6px;
  height: 6px;
  content: '';
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  text-indent: 0;
  vertical-align: 3px;
  border-right: 2px solid rgba(255,255,255,0.95);
  border-bottom: 2px solid rgba(255,255,255,0.95);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.button-news-more_inner .arrow.down::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.button-news-more_inner .arrow.down::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.button {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .button {
    margin-right: 0;
  }
}
.button_inner {
  padding: 1.4em 2em 1.4em 2em;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  font-weight: 700;
  background-color: #5fbce7;
  color: #fff;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .button_inner {
    font-size: 1.6rem;
  }
}
.button:hover {
  background-color: #fff;
  color: #5fbce7;
}
.button-link {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .button-link {
    margin-right: 0;
  }
}
.button-link_inner {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.4em 0.5em 0.4em 1em;
  background-color: #000;
  color: #fff;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .button-link_inner {
    font-size: 1.4rem;
  }
}
.button-link_inner:hover {
  background-color: #fff;
  color: #000;
}
.button-link_inner:hover .arrow::after,
.button-link_inner:hover .arrow::before {
  border-color: #000;
}
.button-link_inner .arrow {
  margin-left: 1em;
  position: relative;
  width: 29px;
  height: 29px;
}
.button-link_inner .arrow::after,
.button-link_inner .arrow::before {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 6px;
  height: 6px;
  content: '';
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  text-indent: 0;
  vertical-align: 3px;
  border-right: 2px solid rgba(255,255,255,0.95);
  border-bottom: 2px solid rgba(255,255,255,0.95);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
}
.button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .button-more a {
    width: 225px;
    height: 47px;
  }
}
.button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.button-more a .arrow span:before,
.button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.button-more a .arrow span:before {
  background-position: 0 100%;
}
.button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .button-more a:hover {
    background: #000;
  }
  .button-more a:hover .bg {
    background: none;
  }
  .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .button-more {
    margin-right: 0;
  }
}
.button-more a {
  float: right;
}
@media screen and (max-width: 1024px) {
  .button-more a {
    float: none;
    margin: 0 auto;
  }
}
.button-more.hover-blue a::after {
  background-color: #00b9eb;
}
.coupon {
  padding-top: 30px;
  padding-bottom: 50px;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .coupon {
    padding-top: 30px;
    padding-bottom: 100px;
  }
}
.coupon_inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .coupon_inner {
    padding: 0 25px;
  }
}
@media screen and (min-width: 768px) {
  .coupon_row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .coupon_left {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    -o-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }
}
.coupon_right {
  margin-top: 20px;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .coupon_right {
    margin-top: 0;
    margin-left: 30px;
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    -o-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
  }
}
.coupon_image img {
  width: 100%;
  height: auto;
}
.coupon_title {
  color: #fff;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .coupon_title {
    font-weight: 700;
    font-size: 2.5rem;
  }
}
.coupon_body {
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.coupon_body h1,
.coupon_body h2,
.coupon_body h3,
.coupon_body h4,
.coupon_body h5,
.coupon_body h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.coupon_body h1,
.coupon_body h2,
.coupon_body h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.coupon_body img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.coupon_body iframe {
  max-width: 100%;
}
.coupon_body blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.coupon_body code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.coupon_body pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.coupon_body dt {
  font-weight: 700;
}
.coupon_body b,
.coupon_body strong {
  font-weight: 700;
}
.coupon_body a {
  word-wrap: break-word;
  color: $text-color;
}
.coupon_body ul {
  list-style-type: disc;
}
.coupon_body ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.coupon_body ol {
  list-style-type: decimal;
}
.coupon_body ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.coupon_body table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.coupon_body table tr th,
.coupon_body table tr td {
  padding: 1em;
}
.coupon_body table tr th,
.coupon_body table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.coupon_body img[class*="wp-image-"],
.coupon_body img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.coupon_body .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.coupon_body .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.coupon_body .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.coupon_body .clear {
  clear: both;
}
.coupon_remarks {
  margin-top: 10px;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  color: #fff;
}
.coupon_remarks h1,
.coupon_remarks h2,
.coupon_remarks h3,
.coupon_remarks h4,
.coupon_remarks h5,
.coupon_remarks h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.coupon_remarks h1,
.coupon_remarks h2,
.coupon_remarks h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.coupon_remarks img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.coupon_remarks iframe {
  max-width: 100%;
}
.coupon_remarks blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.coupon_remarks code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.coupon_remarks pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.coupon_remarks dt {
  font-weight: 700;
}
.coupon_remarks b,
.coupon_remarks strong {
  font-weight: 700;
}
.coupon_remarks a {
  word-wrap: break-word;
  color: $text-color;
}
.coupon_remarks ul {
  list-style-type: disc;
}
.coupon_remarks ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.coupon_remarks ol {
  list-style-type: decimal;
}
.coupon_remarks ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.coupon_remarks table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.coupon_remarks table tr th,
.coupon_remarks table tr td {
  padding: 1em;
}
.coupon_remarks table tr th,
.coupon_remarks table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.coupon_remarks img[class*="wp-image-"],
.coupon_remarks img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.coupon_remarks .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.coupon_remarks .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.coupon_remarks .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.coupon_remarks .clear {
  clear: both;
}
.coupon_remarks h1,
.coupon_remarks h2,
.coupon_remarks h3,
.coupon_remarks h4,
.coupon_remarks h5,
.coupon_remarks h6 {
  color: #fff !important;
}
@media screen and (min-width: 768px) {
  .coupon_remarks {
    margin-top: 20px;
  }
}
.coupon_remarks .l-accordion_title {
  color: #fff;
}
.coupon_remarks .l-accordion_icon .a-plus:before,
.coupon_remarks .l-accordion_icon .a-plus:after {
  border-color: #fff;
}
.coupon_buttons {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .coupon_buttons {
    margin-top: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
.coupon_buttons a {
  margin-top: 10px;
  display: block;
}
@media screen and (min-width: 768px) {
  .coupon_buttons a {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px;
  }
}
.coupon_buttons .button {
  max-width: 320px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .coupon_buttons .button {
    max-width: none;
  }
}
.post-body {
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.post-body h1,
.post-body h2,
.post-body h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.post-body img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.post-body iframe {
  max-width: 100%;
}
.post-body blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.post-body code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.post-body pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.post-body dt {
  font-weight: 700;
}
.post-body b,
.post-body strong {
  font-weight: 700;
}
.post-body a {
  word-wrap: break-word;
  color: $text-color;
}
.post-body ul {
  list-style-type: disc;
}
.post-body ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.post-body ol {
  list-style-type: decimal;
}
.post-body ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.post-body table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.post-body table tr th,
.post-body table tr td {
  padding: 1em;
}
.post-body table tr th,
.post-body table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.post-body img[class*="wp-image-"],
.post-body img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.post-body .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.post-body .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.post-body .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.post-body .clear {
  clear: both;
}
.js-viewport {
  -webkit-transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}
.js-viewport.viewed {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.status-bar-outer {
  padding: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.status-bar {
  margin-top: 8px;
  padding: 3px 8px;
  border: solid 2px #fff;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}
.squash-card {
  position: relative;
  display: block;
}
@media screen and (max-width: 1024px) {
  .squash-card {
    overflow: hidden;
  }
}
@media screen and (min-width: 1025px) {
  .squash-card {
    margin-bottom: 7.685185185185185%;
  }
  .squash-card:hover .squash-card_title span {
    display: inline-block;
    background: #38afe6;
  }
  .squash-card:hover .squash-card_video {
    -webkit-animation: stripe 1s infinite linear;
    -moz-animation: stripe 1s infinite linear;
    -o-animation: stripe 1s infinite linear;
    -ms-animation: stripe 1s infinite linear;
    animation: stripe 1s infinite linear;
  }
  .squash-card:hover .button-more {
    background: #000;
    color: #fff;
  }
  .squash-card:hover .button-more span.arrow span {
    -webkit-animation: buttonMore 0.4s linear forwards;
    -moz-animation: buttonMore 0.4s linear forwards;
    -o-animation: buttonMore 0.4s linear forwards;
    -ms-animation: buttonMore 0.4s linear forwards;
    animation: buttonMore 0.4s linear forwards;
  }
  .squash-card:hover .button-more span.arrow span:before {
    opacity: 0;
  }
  .squash-card:hover .button-more span.arrow span:after {
    opacity: 1;
  }
}
.squash-card_inner {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .squash-card_inner {
    overflow: hidden;
    height: 120px;
  }
}
.squash-card_inner.blue {
  background-color: #5fbce7;
}
.squash-card_poster-img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .squash-card_poster-img {
    display: block !important;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .squash-card_video {
    position: absolute;
    top: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .squash-card_video {
    position: relative;
    padding: 20px;
    background: url("../images/top/attractions-img-flame.png?hash=690a76f1a56ad071a7772830d0ed4304") left top repeat;
    line-height: 1;
  }
}
.squash-card_video_container {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .squash-card_video_container {
    height: 100%;
  }
}
.squash-card_filter {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .squash-card_filter_inner {
    width: 100%;
    height: 100%;
    background: url("../images/top/attractions-filter.png?hash=c0443174123fdbbdea896ed6ead00857") 0 0 repeat;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .squash-card_filter_inner {
    -webkit-background-size: 2px 2px;
    -moz-background-size: 2px 2px;
    background-size: 2px 2px;
  }
}
.squash-card video {
  display: block;
  width: 100%;
}
.squash-card_title {
  position: absolute;
  bottom: 41px;
  left: -20px;
  width: 100%;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .squash-card_title {
    bottom: 10px;
    left: 0px;
  }
}
.squash-card_title span {
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  line-height: 1;
  background: #5fbce7;
}
@media screen and (max-width: 1024px) {
  .squash-card_title span {
    background: #000;
  }
}
.squash-card_title .ja {
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .squash-card_title .ja {
    font-size: 1.4rem;
  }
}
.squash-card_title .ja span {
  line-height: 1.25;
}
.squash-card_title .en {
  font-size: 4.2rem;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .squash-card_title .en {
    font-size: 2.7rem;
  }
}
.squash-card_title .en span:last-child {
  margin-bottom: 0;
}
.squash-card_title .en span {
  line-height: 0.92;
}
@media screen and (max-width: 1024px) {
  .squash-card_title.sm .ja {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .squash-card_title.sm .en {
    font-size: 2.6rem;
  }
}
.squash-card .button-more {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #000;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .squash-card .button-more {
    width: 40px;
    height: 40px;
  }
}
.squash-card .button-more span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.squash-card .button-more span.text {
  width: 100%;
  margin-top: 39px;
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .squash-card .button-more span.text {
    margin-top: 22px;
    font-size: 0.7rem;
    letter-spacing: 0.15em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .squash-card .button-more span.text {
    display: inline-block;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: 7px;
  }
}
.squash-card .button-more span.arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 17px;
  left: 20px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .squash-card .button-more span.arrow {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 7px;
  }
}
.squash-card .button-more span.arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.squash-card .button-more span.arrow span:before,
.squash-card .button-more span.arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.squash-card .button-more span.arrow span:before {
  background-position: 0 0;
}
.squash-card .button-more span.arrow span:after {
  opacity: 0;
  background-position: 0 100%;
}
.squash-card_body {
  margin-top: 14px;
  position: relative;
  text-align: right;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .squash-card_body {
    display: none;
  }
}
.squash-card_body_inner {
  display: inline-block;
  font-size: 1.5rem;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .squash-card_body_inner {
    font-size: 1.3rem;
  }
}
.squash-card_body_inner >span {
  display: inline-block;
  text-align: right;
  overflow: hidden;
}
.squash-card_body_inner >span span {
  display: inline-block;
  white-space: nowrap;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
}
body {
  position: relative;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-size: 1.4rem;
  line-height: 2;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body img {
  vertical-align: top;
}
body button {
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}
body a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  body img,
  body svg {
    width: 100%;
  }
}
.is-first-view-lock body {
  height: 100vh;
  overflow: hidden;
}
.wrapper {
  position: relative;
  overflow: hidden;
}
.button-language ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 19px;
  width: 100%;
  height: 24px;
}
.button-language ul a {
  display: block;
}
.button-language ul li {
  width: 50%;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 1.1rem;
  font-weight: 700;
}
.button-language ul li span {
  padding-top: 7px;
  display: inline-block;
}
.button-language ul li a {
  position: relative;
  color: #000;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: #f4f3f3;
}
.button-language ul li a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #00bfff;
  border-left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  .button-language ul li a:hover {
    color: #00bfff;
  }
  .button-language ul li a:hover::after {
    opacity: 1;
  }
}
.button-language ul li.is-selected a {
  color: #fff;
}
.menu {
  display: none;
  opacity: 1;
  position: fixed;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 3;
  background: #00bfff;
}
.menu .nav,
.menu .company-nav {
  line-height: 1;
}
.menu .nav li a,
.menu .company-nav li a {
  display: inline-block;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .menu .nav li a:hover .text-en:before,
  .menu .company-nav li a:hover .text-en:before {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.menu .nav li .text-en,
.menu .company-nav li .text-en {
  margin-bottom: 9px;
  font-size: 2.8rem;
  letter-spacing: 0.08em;
  display: inline-block;
  position: relative;
}
.menu .nav li .text-en:before,
.menu .company-nav li .text-en:before {
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  background: #fff;
  content: "";
  width: 0;
  height: 4px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .menu .nav li .text-en,
  .menu .company-nav li .text-en {
    margin-bottom: 0;
    font-size: 1.85rem;
  }
}
.menu .nav li .text-ja,
.menu .company-nav li .text-ja {
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .menu .nav li .text-ja,
  .menu .company-nav li .text-ja {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    font-size: 1rem;
    font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-weight: 700;
    letter-spacing: -0.06em;
  }
}
.menu .nav {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 80px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - 80px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .menu .nav {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: calc(100% - 70px);
    top: 9.08203125%;
    left: 30px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  .menu .nav {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 46px;
    position: static;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.menu .nav ul {
  margin-top: 50px;
  float: left;
}
@media screen and (max-width: 767px) {
  .menu .nav ul {
    float: none;
    margin-top: 0;
  }
}
.menu .nav ul:first-child {
  width: 316px;
}
@media screen and (max-width: 767px) {
  .menu .nav ul:first-child {
    width: 100%;
  }
}
.menu .nav li {
  margin-bottom: 48px;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .menu .nav li {
    margin-bottom: 31px;
  }
}
.menu .nav li .num {
  display: inline-block;
  margin-right: 11px;
  font-size: 1.3rem;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .menu .nav li .num {
    font-size: 0.9rem;
    margin-right: 7px;
    margin-top: 3px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .menu .nav li .num {
    display: inline-block;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.menu .nav li .text-ja {
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .menu .nav li .text-ja {
    margin-left: 5px;
  }
}
.menu .company-nav {
  margin-right: 30px;
  margin-bottom: 48px;
  clear: both;
}
@media screen and (max-width: 767px) {
  .menu .company-nav {
    margin-right: 0;
    margin-bottom: 44px;
    width: 100%;
  }
}
.menu .company-nav li {
  margin-bottom: 38px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .menu .company-nav li {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 42px;
  }
}
@media screen and (max-width: 767px) {
  .menu .company-nav li {
    display: inline-block;
    margin: 0 14px;
  }
}
.menu .company-nav li .text-en {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .menu .company-nav li .text-en {
    display: none;
  }
}
.menu .company-nav li .text-ja {
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .menu .company-nav li .text-ja {
    font-size: 1.2rem;
  }
}
.menu .right-contents {
  position: absolute;
  bottom: 32px;
  right: 100px;
  width: 50%;
  text-align: right;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .menu .right-contents {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .menu .right-contents {
    position: static;
    width: 100%;
    text-align: center;
  }
}
.menu .button-language {
  width: 80px;
  margin-right: 32px;
  margin-bottom: 29px;
  float: right;
}
@media screen and (max-width: 767px) {
  .menu .button-language {
    position: absolute;
    top: 24px;
    left: 12px;
    width: 76px;
  }
}
.menu .button-language ul li.is-selected {
  background: #000;
}
.menu .button-language ul li a {
  background: #fff;
}
.menu .button-language ul li a::after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .menu .button-language ul li a:hover {
    background: #f4f3f3;
  }
}
.menu .button-follow {
  margin-right: 30px;
  margin-bottom: 82px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .menu .button-follow {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 767px) {
  .menu .button-follow {
    margin-bottom: 10px;
  }
}
.menu .button-follow p {
  display: inline-block;
  margin-top: 9px;
  margin-right: 7px;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  vertical-align: top;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 767px) {
  .menu .button-follow p {
    margin-top: 6px;
    margin-left: 28px;
    font-size: 1rem;
  }
}
.menu .button-follow ul {
  display: inline-block;
}
.menu .button-follow li {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
}
.menu .button-follow li a {
  display: block;
}
@media screen and (max-width: 767px) {
  .menu .button-follow li {
    width: 22px;
    height: 22px;
  }
}
.menu .button-follow li a {
  width: 100%;
  height: 100%;
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  .menu .button-follow li a:hover {
    margin-top: -5px;
    opacity: 0.7;
  }
}
.menu .button-follow li.button-fb {
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  .menu .button-follow li.button-fb {
    margin-left: 9px;
  }
}
.menu .button-follow li.button-fb a {
  background: url("../images/common/menu-icon-fb.png?hash=ad6b27bb48cdeea26763564b031c56a1") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .menu .button-follow li.button-fb a {
    background: url("../images/sp/common/menu-icon-fb.png?hash=f2ca09b70042d2fc501ebc4e9fec8d6e") center 0 no-repeat;
    -webkit-background-size: 10px 22px;
    -moz-background-size: 10px 22px;
    background-size: 10px 22px;
  }
}
.menu .button-follow li.button-instagram {
  margin-left: 36px;
}
@media screen and (max-width: 767px) {
  .menu .button-follow li.button-instagram {
    margin-left: 24px;
  }
}
.menu .button-follow li.button-instagram a {
  background: url("../images/common/menu-icon-instagram.png?hash=32839bb7eb2f577c8ef0a7456993b80e") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .menu .button-follow li.button-instagram a {
    background: url("../images/sp/common/menu-icon-instagram.png?hash=3b2c1072d32d479e9f799a1d568ea646") center 0 no-repeat;
    -webkit-background-size: 22px;
    -moz-background-size: 22px;
    background-size: 22px;
  }
}
.menu .button-follow li.button-line {
  margin-left: 42px;
}
@media screen and (max-width: 767px) {
  .menu .button-follow li.button-line {
    margin-left: 25px;
  }
}
.menu .button-follow li.button-line a {
  background: url("../images/common/menu-icon-line.png?hash=14eb8fdfda206b5eb8cf7068a8483e43") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .menu .button-follow li.button-line a {
    background: url("../images/sp/common/menu-icon-line.png?hash=2395c128e8b874f030fe8e1af2181f5c") center 0 no-repeat;
    -webkit-background-size: 22px 21px;
    -moz-background-size: 22px 21px;
    background-size: 22px 21px;
  }
}
.menu .copyright {
  font-size: 1.1rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .menu .copyright {
    font-size: 0.8rem;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .menu .copyright {
    display: inline-block;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: 14px;
  }
}
.button-menu {
  position: fixed;
  top: 20px;
  right: 20px;
  margin-bottom: 10px;
  background: #00bfff;
  width: 80px;
  height: 80px;
  vertical-align: top;
  z-index: 3;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (max-width: 767px) {
  .button-menu {
    width: 55px;
    height: 55px;
  }
}
.button-menu span {
  display: inline-block;
  position: absolute;
  top: 39px;
  left: 28px;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  width: 25px;
  height: 3px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .button-menu span {
    left: 20px;
    top: 27px;
    width: 15px;
    height: 2px;
  }
}
.button-menu span::before,
.button-menu span::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 3px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .button-menu span::before,
  .button-menu span::after {
    width: 15px;
    height: 2px;
  }
}
.button-menu span::before {
  margin-top: -8px;
}
@media screen and (max-width: 767px) {
  .button-menu span::before {
    margin-top: -6px;
  }
}
.button-menu span::after {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .button-menu span::after {
    margin-top: 6px;
  }
}
.is-menu-opened .button-menu {
  background: #000;
}
@media screen and (max-width: 767px) {
  .is-menu-opened .button-menu {
    width: 45px;
    height: 45px;
  }
}
.is-menu-opened .button-menu span {
  left: 20px;
  width: 40px;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .is-menu-opened .button-menu span {
    top: 22px;
    left: 12px;
    width: 22px;
  }
}
.is-menu-opened .button-menu span::before,
.is-menu-opened .button-menu span::after {
  width: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .is-menu-opened .button-menu span::before,
  .is-menu-opened .button-menu span::after {
    width: 22px;
  }
}
.is-menu-opened .button-menu span::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.is-menu-opened .button-menu span::after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media screen and (min-width: 1025px) {
  .is-menu-opened .button-menu:hover {
    background: #252525;
  }
}
@media screen and (max-width: 767px) {
  .button-menu {
    position: absolute;
    top: 12px;
    right: 12px;
  }
}
@media screen and (min-width: 1025px) {
  .button-menu:hover {
    background: #3aceff;
  }
}
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #5fbce7;
  z-index: 10;
}
.loader.js-kv-loader {
  position: absolute;
}
.loader .loader-contents {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .loader .loader-contents .loader-img {
    width: 100px;
  }
}
.loader .loader-contents .text-container {
  margin-left: 4px;
}
@media screen and (max-width: 767px) {
  .loader .loader-contents .text-container {
    margin-top: 6px;
  }
}
.loader .loader-contents .text-container .text {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .loader .loader-contents .text-container .text {
    font-size: 1.3rem;
  }
}
.loader .loader-contents .text-container .text span {
  display: inline-block;
  margin: 0 3px;
}
.header {
  position: fixed;
  top: 110px;
  right: 20px;
  z-index: 5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .header {
    position: absolute;
    top: 75px;
    right: 12px;
  }
}
@media screen and (max-width: 767px) {
  .header-hidemenu-for-sp {
    top: 10px;
  }
}
.header .button-space,
.header .button-group,
.header .button-ticket {
  display: block;
  width: 80px;
  height: 80px;
  padding-top: 12px;
  margin-bottom: 7px;
  color: #000;
  text-align: center;
  letter-spacing: -0.06em;
  line-height: 1.5;
  background: #fcf800;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .header .button-space,
  .header .button-group,
  .header .button-ticket {
    width: 55px;
    height: 55px;
    padding-top: 8px;
    font-size: 1rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1025px) {
  .header .button-space:hover,
  .header .button-group:hover,
  .header .button-ticket:hover {
    background: #f3ef00;
  }
}
.header .button-group {
  padding-top: 22px;
  margin-bottom: 20;
  color: #fff;
  background: #f3234f;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .header .button-group {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .header .button-group {
    padding-top: 30px;
  }
  .header .button-group:hover {
    background: #e6214b;
  }
}
.header .button-ticket {
  display: none;
  padding-top: 15px;
}
.header .button-space {
  padding-top: 21px;
}
@media screen and (max-width: 767px) {
  .header .button-space {
    padding-top: 14px;
  }
}
.header .button-language ul li.is-selected {
  background: #00bfff;
}
.header .button-share {
  margin-left: 21px;
}
.header .button-share li {
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}
.header .button-share li a {
  display: block;
}
.header .button-share li.button-fb {
  margin-bottom: 4px;
}
.header .button-share li.button-fb a {
  width: 12px;
  height: 22px;
  position: relative;
  -webkit-animation: delayView 0.2s linear;
  -moz-animation: delayView 0.2s linear;
  -o-animation: delayView 0.2s linear;
  -ms-animation: delayView 0.2s linear;
  animation: delayView 0.2s linear;
}
.header .button-share li.button-fb a::before,
.header .button-share li.button-fb a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.header .button-share li.button-fb a::before {
  width: 12px;
  height: 22px;
  background: url("../../../../images/common/header-icon-fb.png?hash=4cee7659b63d6ae556fc0a2a343d7cce") no-repeat;
  background-position: 0px 0px;
}
.header .button-share li.button-fb a::after {
  opacity: 0;
  width: 12px;
  height: 22px;
  background: url("../../../../images/common/header-icon-fb.png?hash=4cee7659b63d6ae556fc0a2a343d7cce") no-repeat;
  background-position: 0px -22px;
  -webkit-animation: fadeOut 0.2s linear;
  -moz-animation: fadeOut 0.2s linear;
  -o-animation: fadeOut 0.2s linear;
  -ms-animation: fadeOut 0.2s linear;
  animation: fadeOut 0.2s linear;
}
.header .button-share li.button-fb a:hover::after {
  opacity: 1;
  -webkit-animation: fadeIn 0.2s linear;
  -moz-animation: fadeIn 0.2s linear;
  -o-animation: fadeIn 0.2s linear;
  -ms-animation: fadeIn 0.2s linear;
  animation: fadeIn 0.2s linear;
}
.header .button-share li.button-fb a::before,
.header .button-share li.button-fb a::after {
  margin-left: -6px;
}
.header .button-share li.button-twitter a {
  width: 22px;
  height: 18px;
  position: relative;
  -webkit-animation: delayView 0.2s linear;
  -moz-animation: delayView 0.2s linear;
  -o-animation: delayView 0.2s linear;
  -ms-animation: delayView 0.2s linear;
  animation: delayView 0.2s linear;
}
.header .button-share li.button-twitter a::before,
.header .button-share li.button-twitter a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.header .button-share li.button-twitter a::before {
  width: 22px;
  height: 18px;
  background: url("../../../../images/common/header-icon-twitter.png?hash=b9c9e9402741f7f6b9f181ad875ae40d") no-repeat;
  background-position: 0px 0px;
}
.header .button-share li.button-twitter a::after {
  opacity: 0;
  width: 22px;
  height: 18px;
  background: url("../../../../images/common/header-icon-twitter.png?hash=b9c9e9402741f7f6b9f181ad875ae40d") no-repeat;
  background-position: 0px -18px;
  -webkit-animation: fadeOut 0.2s linear;
  -moz-animation: fadeOut 0.2s linear;
  -o-animation: fadeOut 0.2s linear;
  -ms-animation: fadeOut 0.2s linear;
  animation: fadeOut 0.2s linear;
}
.header .button-share li.button-twitter a:hover::after {
  opacity: 1;
  -webkit-animation: fadeIn 0.2s linear;
  -moz-animation: fadeIn 0.2s linear;
  -o-animation: fadeIn 0.2s linear;
  -ms-animation: fadeIn 0.2s linear;
  animation: fadeIn 0.2s linear;
}
.header .button-share li.button-twitter a::before,
.header .button-share li.button-twitter a::after {
  margin-left: -11px;
}
.header .button-share li.button-fb a,
.header .button-share li.button-twitter a {
  overflow: hidden;
  position: relative;
  width: 42px;
  height: 42px;
}
.header .button-share li.button-fb a::before,
.header .button-share li.button-twitter a::before,
.header .button-share li.button-fb a::after,
.header .button-share li.button-twitter a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
}
.section-news .inner {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .section-news .inner {
    padding-top: 80px;
    padding-bottom: 101px;
  }
}
.section-news .inner .heading {
  width: 202px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 48px;
}
.section-news .inner .heading .heading-en {
  text-align: left;
}
.section-news .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .section-news .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.section-news .inner .heading span {
  color: #000;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .section-news .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .section-news .inner .heading {
    width: 101px;
    margin-bottom: 24px;
  }
}
.section-news .inner .heading .heading-en {
  margin-bottom: 6px;
}
.section-news .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .section-news .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.section-news .inner .heading .heading-ja {
  letter-spacing: 0.18em;
}
.section-news .inner .contents {
  max-width: 1280px;
  margin: 0 auto;
}
.section-news .inner .contents .slider-container {
  position: relative;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .section-news .inner .contents .slider-container {
    margin-bottom: 27px;
  }
}
.section-news .slider-container {
  position: relative;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .section-news .slider-container {
    margin-bottom: 27px;
  }
}
.section-news .slider-container .slider {
  width: 87.5%;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .section-news .slider-container .slider {
    width: 93.75%;
  }
}
.section-news .slider-container ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.section-news .slider-container li {
  width: 25%;
  float: left;
  top: 0;
}
.section-news .slider-container li:nth-child(4) ~ li {
  display: none;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .section-news .slider-container li {
    width: 50%;
  }
  .section-news .slider-container li:nth-child(2) ~ li {
    display: none;
    position: absolute;
  }
}
.section-news .slider-container li a {
  display: block;
  padding: 0 7.142857142857142%;
  color: #000;
}
@media screen and (max-width: 767px) {
  .section-news .slider-container li a {
    padding: 0 6.666666666666667%;
  }
}
.section-news .slider-container li .img {
  position: relative;
  margin-bottom: 13px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.section-news .slider-container li .img::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e3e5ea;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .section-news .slider-container li .img {
    margin-bottom: 8px;
  }
}
.section-news .slider-container li .img img {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .section-news .slider-container li .img:hover {
    opacity: 0.8;
  }
}
.section-news .slider-container li .date {
  font-size: 1rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .section-news .slider-container li .date {
    font-size: 0.8rem;
    margin-bottom: 0;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .section-news .slider-container li .date {
    display: inline-block;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    display: block;
  }
}
.section-news .slider-container li .text {
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .section-news .slider-container li .text {
    font-size: 1.1rem;
    margin-top: -3px;
  }
}
.section-news .slider-container .button {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  margin-top: 3.59375%;
  z-index: 1;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .section-news .slider-container .button {
    width: 35px;
    height: 35px;
    margin-top: 8.125%;
  }
}
.section-news .slider-container .button.button-prev {
  left: 0;
  background: url("../images/top/news-slide-arrow-prev.png?hash=bc62831029702142d87aa0b62fcf7690") 0 0 no-repeat #000;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.section-news .slider-container .button.button-next {
  right: 0;
  background: url("../images/top/news-slide-arrow-next.png?hash=d2975c1ab0599c93782124af903fb998") 0 0 no-repeat #000;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
@media screen and (min-width: 1025px) {
  .section-news .slider-container .button:hover.button-prev,
  .section-news .slider-container .button:hover.button-next {
    background-color: #5fbce7;
  }
}
.section-news .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .section-news .button-more a {
    width: 225px;
    height: 47px;
  }
}
.section-news .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5fbce7;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.section-news .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .section-news .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.section-news .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.section-news .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .section-news .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.section-news .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.section-news .button-more a .arrow span:before,
.section-news .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.section-news .button-more a .arrow span:before {
  background-position: 0 100%;
}
.section-news .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .section-news .button-more a:hover {
    background: #000;
  }
  .section-news .button-more a:hover .bg {
    background: none;
  }
  .section-news .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .section-news .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .section-news .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .section-news .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
.section-news .button-more a {
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .section-news .button-more a:hover .text {
    color: #fff;
  }
  .section-news .button-more a:hover .arrow span:before {
    opacity: 1;
  }
  .section-news .button-more a:hover .arrow span:after {
    opacity: 0;
  }
}
.footer {
  position: relative;
  background: url("../images/common/footer-pixel-bg-1.png?hash=ed74bb868424b7c5761f2c375ee40064") left top no-repeat, url("../images/common/footer-pixel-bg-2.png?hash=f9f8b78760ad345937568bb265201bfb") right top no-repeat;
  background-color: #000;
}
.page-top .footer {
  background: url("../images/top/footer-pixel-bg-1.png?hash=0215b88d4ae382f4886035ee7b1e2c6c") left top no-repeat, url("../images/top/footer-pixel-bg-2.png?hash=d33d499be3ebf68da8cfbf17278b6fb1") right top no-repeat;
  background-color: #000;
}
.footer .to-top {
  position: absolute;
  top: -50px;
  left: 50%;
  width: 580px;
  height: 50px;
  margin-left: -290px;
  display: block;
  background: #1a1a1a;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .footer .to-top {
    position: static;
    width: 100%;
    margin: 0;
  }
}
.footer .to-top .arrow {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -10px;
}
@media screen and (max-width: 767px) {
  .footer .to-top .arrow {
    margin-left: -7px;
  }
}
.footer .to-top .arrow span {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .footer .to-top .arrow span {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@media screen and (min-width: 1025px) {
  .footer .to-top:hover {
    background: #2e2e2e;
  }
  .footer .to-top:hover .arrow {
    -webkit-animation: totop 0.6s linear forwards;
    -moz-animation: totop 0.6s linear forwards;
    -o-animation: totop 0.6s linear forwards;
    -ms-animation: totop 0.6s linear forwards;
    animation: totop 0.6s linear forwards;
  }
}
.footer .contents {
  position: relative;
  padding: 66px 0 56px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .footer .contents {
    padding-top: 47px;
  }
}
.footer .logo {
  position: absolute;
  top: 66px;
  left: 50%;
  margin-left: -170px;
}
@media screen and (max-width: 767px) {
  .footer .logo {
    position: static;
    margin: 0 auto;
    width: 57px;
  }
}
.footer .button-follow {
  display: inline-block;
  margin-top: 44px;
  margin-bottom: 80px;
  margin-left: 252px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .footer .button-follow {
    margin-top: 26px;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.footer .button-follow p {
  display: inline-block;
  margin-top: 9px;
  margin-right: 3px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #a5a5a5;
  line-height: 1;
  vertical-align: top;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .footer .button-follow p {
    margin-top: 6px;
    font-size: 1rem;
  }
}
.footer .button-follow ul {
  display: inline-block;
  vertical-align: middle;
}
.footer .button-follow li {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 11px;
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.footer .button-follow li a {
  display: block;
}
@media screen and (max-width: 767px) {
  .footer .button-follow li {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .footer .button-follow li:hover {
    margin-top: -5px;
    opacity: 0.7;
  }
}
.footer .button-follow li a {
  width: 100%;
  height: 100%;
}
.footer .button-follow li.button-fb a {
  background: url("../images/common/footer-icon-fb.png?hash=c722fbfd453d1a60f299c92ee8eb8456") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .footer .button-follow li.button-fb a {
    background: url("../images/sp/common/footer-icon-fb.png?hash=35af8b50f44225377d252e35ac625247") center 0 no-repeat;
    -webkit-background-size: 9px 20px;
    -moz-background-size: 9px 20px;
    background-size: 9px 20px;
  }
}
.footer .button-follow li.button-instagram a {
  background: url("../images/common/footer-icon-instagram.png?hash=297f804c366ab058e256da9aa72c0d77") center 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .footer .button-follow li.button-instagram a {
    background: url("../images/sp/common/footer-icon-instagram.png?hash=73ac4c31fcd1a9ad9b072526302fa146") center 0 no-repeat;
    -webkit-background-size: 20px;
    -moz-background-size: 20px;
    background-size: 20px;
  }
}
.footer .button-follow li.button-line a {
  background: url("../images/common/footer-icon-line.png?hash=ce0abc3cd0820b44b810f84f99a5378c") 3px 1px no-repeat;
}
@media screen and (max-width: 767px) {
  .footer .button-follow li.button-line a {
    background: url("../images/sp/common/footer-icon-line.png?hash=40d38b5e1083bc05c56ffcdbc6779115") center 0 no-repeat;
    -webkit-background-size: 20px;
    -moz-background-size: 20px;
    background-size: 20px;
  }
}
.footer .button-follow li.button-twitter a {
  background: url("../images/common/footer-icon-twitter.png?hash=83dfa86213d91a80fb90bf2d244df1e0") center 0 no-repeat;
  -webkit-background-size: 28px;
  -moz-background-size: 28px;
  background-size: 28px;
}
@media screen and (max-width: 767px) {
  .footer .button-follow li.button-twitter a {
    background: url("../images/sp/common/footer-icon-twitter.png?hash=83dfa86213d91a80fb90bf2d244df1e0") center 0 no-repeat;
    -webkit-background-size: 20px;
    -moz-background-size: 20px;
    background-size: 20px;
  }
}
.footer .translate {
  margin-top: 40px;
  text-align: center;
}
.footer .translate img {
  width: auto;
}
@media screen and (min-width: 768px) {
  .footer .translate {
    margin-top: -7px;
    margin-left: 20px;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
  }
}
.footer .logo-company {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .footer .logo-company {
    width: 85px;
    margin: 0 auto 15px;
  }
}
.footer .copyright {
  text-align: center;
  font-size: 1rem;
  color: #fff;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .footer .copyright {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
  }
}
.show-only-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .show-only-pc {
    display: none;
  }
}
.show-only-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .show-only-sp {
    display: none;
  }
}
.page-top .section-hero .inner {
  position: relative;
  width: 100%;
  height: 100vh;
}
.page-top .section-hero .kv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-top .section-hero .logo {
  position: absolute;
  top: 81px;
  left: 84px;
  width: 179px;
}
.page-top .section-hero .logo svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .logo {
    position: absolute;
    top: 54px;
    left: 51px;
    width: 130px;
  }
  .page-top .section-hero .logo svg {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .logo {
    position: absolute;
    top: -32px;
    left: 24px;
    width: 83px;
  }
  .page-top .section-hero .logo svg {
    width: 100%;
  }
}
.page-top .section-hero .logo-stroke mask path,
.page-top .section-hero .heading-stroke mask path {
  fill: #fff;
}
.page-top .section-hero .logo-stroke g path,
.page-top .section-hero .heading-stroke g path {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .logo-stroke g path,
  .page-top .section-hero .heading-stroke g path {
    stroke-width: 3px;
  }
}
.page-top .section-hero .logo-fill path,
.page-top .section-hero .heading-fill path {
  fill: #fff;
  -webkit-box-shadow: 10px #000;
  box-shadow: 10px #000;
}
.page-top .section-hero .heading {
  position: absolute;
  bottom: 117px;
  left: 76px;
  height: 189px;
}
.page-top .section-hero .heading svg.heading-play {
  position: absolute;
  bottom: 94px;
  left: 3px;
  height: 96px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .heading svg.heading-play {
    bottom: 96px;
    left: -3px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .heading svg.heading-play {
    bottom: 262px;
    left: -45px;
    height: 51px;
  }
}
.page-top .section-hero .heading svg.heading-learn {
  position: absolute;
  bottom: 94px;
  left: 274px;
  height: 96px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .heading svg.heading-learn {
    bottom: 96px;
    left: 268px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .heading svg.heading-learn {
    bottom: 205px;
    left: -21px;
    height: 51px;
  }
}
.page-top .section-hero .heading svg.heading-creative {
  position: absolute;
  bottom: 7px;
  left: -2px;
  height: 83px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .heading svg.heading-creative {
    bottom: 9px;
    left: -7px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .heading svg.heading-creative {
    bottom: 154px;
    left: 18px;
    height: 43px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .heading {
    position: absolute;
    bottom: 201px;
    left: 48px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .heading {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 270px;
  }
  .page-top .section-hero .heading svg {
    width: 100%;
  }
}
.page-top .section-hero .copy {
  position: absolute;
  bottom: 70px;
  left: 75px;
  display: inline-block;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .copy {
    position: absolute;
    bottom: 156px;
    left: 44px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .copy {
    position: absolute;
    bottom: 114px;
    left: 18px;
    width: 232px;
  }
}
.page-top .section-hero .scroll {
  position: absolute;
  bottom: 148px;
  right: 51px;
  width: 12px;
}
.page-top .section-hero .scroll::after {
  content: "";
  display: block;
  margin-top: 12px;
  margin-left: 4px;
  width: 10px;
  height: 30px;
  background: url("../images/top/scroll-arrow.png?hash=935e4726b44a810cfebf922192bb7be3") left top;
  -webkit-animation: scroll 2s infinite;
  -moz-animation: scroll 2s infinite;
  -o-animation: scroll 2s infinite;
  -ms-animation: scroll 2s infinite;
  animation: scroll 2s infinite;
}
.page-top .section-hero .news-container {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .news-container {
    bottom: 20px;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .news-container {
    bottom: 15px;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.page-top .section-hero .news {
  width: 410px;
  height: 114px;
  background: #000;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .news {
    width: 100%;
    height: 94px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .news {
    width: 100%;
    height: 75px;
  }
}
.page-top .section-hero .news .thumbnail {
  width: 116px;
  height: 116px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .news .thumbnail {
    width: 94px;
    height: 94px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .news .thumbnail {
    width: 75px;
    height: 75px;
  }
}
.page-top .section-hero .news .thumbnail img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: inherit;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
@supports (object-fit: cover) {
  .page-top .section-hero .news .thumbnail img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    left: 0;
    min-width: 0;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}
.page-top .section-hero .news .thumbnail img {
  width: auto;
  height: 100%;
}
.page-top .section-hero .news a {
  display: none;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.page-top .section-hero .news dl {
  width: 294px;
  padding: 0 30px 0 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .news dl {
    width: calc(100% - 94px);
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .news dl {
    width: calc(100% - 75px);
    padding-left: 15px;
  }
}
.page-top .section-hero .news dl dt {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .page-top .section-hero .news dl dt {
    margin-top: 27px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .news dl dt {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 0.9rem;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .page-top .section-hero .news dl dt {
    display: inline-block;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-bottom: 0px;
  }
}
.page-top .section-hero .news dl dd {
  font-size: 1.2rem;
  line-height: 1.7;
  letter-spacing: -0.03em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .page-top .section-hero .news dl dd {
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .page-top .section-hero .news dl dd {
    margin-top: -4px;
  }
}
.page-top .section-about {
  background: url("../images/top/about-pixel-bg-1.png?hash=a0f716a1c21b25206a40703b511b7591") left top no-repeat, url("../images/top/about-pixel-bg-2.png?hash=96a377ac75a9697531f7585bef11eaee") right top no-repeat, url("../images/top/about-bg.png?hash=8abb7ce2859d04336f29a8b0da9b498a") center top no-repeat;
}
@media screen and (max-width: 767px) {
  .page-top .section-about {
    background: url("../images/sp/top/about-pixel-bg-1.png?hash=7170dff315520bbfb2c666e8a0bc6947") right top no-repeat, url("../images/sp/top/about-bg.png?hash=e0a44d48b4bc7752ce2a5cdf834793d0") center top no-repeat;
    -webkit-background-size: 180px 60px, 450px 677px;
    -moz-background-size: 180px 60px, 450px 677px;
    background-size: 180px 60px, 450px 677px;
  }
}
.page-top .section-about .inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 198px 100px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .inner {
    padding: 95px 25px 0;
  }
}
.page-top .section-about .heading {
  width: 100%;
  margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .heading {
    margin-bottom: 20px;
  }
}
.page-top .section-about .heading span {
  position: relative;
  display: block;
  line-height: 1;
}
.page-top .section-about .heading .heading-1 {
  width: 320px;
  margin-bottom: 38px;
  margin-left: -2px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .heading .heading-1 {
    width: 163px;
    margin-bottom: 15px;
  }
}
.page-top .section-about .heading .heading-2 {
  width: 316px;
  margin-bottom: 33px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .heading .heading-2 {
    width: 160px;
    margin-bottom: 17px;
  }
}
.page-top .section-about .heading .heading-3 {
  width: 496px;
  margin-bottom: 26px;
  margin-left: -2px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .heading .heading-3 {
    width: 251px;
    margin-bottom: 13px;
  }
}
.page-top .section-about .heading .heading-4 {
  width: 336px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .heading .heading-4 {
    width: 270px;
    margin-left: -2px;
    margin-bottom: 16px;
  }
}
.page-top .section-about .heading .heading-5 {
  width: 328px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .heading .heading-5 {
    width: 161px;
  }
}
.page-top .section-about .character {
  position: absolute;
  top: 313px;
  left: 50%;
  margin-left: 177px;
  padding-top: 160px;
  width: 160px;
  height: 0px;
  overflow: hidden;
  background: url("../images/top/about-character.png?hash=5ee29e5b10bedf0e8675b1367cb93ac1") left top no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  -webkit-animation: aboutCharacter 1.6s steps(7, start) infinite;
  -moz-animation: aboutCharacter 1.6s steps(7, start) infinite;
  -o-animation: aboutCharacter 1.6s steps(7, start) infinite;
  -ms-animation: aboutCharacter 1.6s steps(7, start) infinite;
  animation: aboutCharacter 1.6s steps(7, start) infinite;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .character {
    top: 426px;
    margin-left: -90px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.page-top .section-about .contents .title {
  font-size: 3.6rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-left: -4px;
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .contents .title {
    margin-left: 0;
    margin-bottom: 270px;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
  }
}
.page-top .section-about .contents .title span {
  letter-spacing: -0.08em;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .contents .title span {
    letter-spacing: 0;
  }
}
.page-top .section-about .contents .title span:first-child {
  letter-spacing: 0;
  margin-left: -18px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .contents .title span:first-child {
    margin-left: -10px;
  }
}
.page-top .section-about .contents .title span:nth-child(3) {
  letter-spacing: 0;
  margin-left: -16px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .contents .title span:nth-child(3) {
    margin-left: 0;
  }
}
.page-top .section-about .contents .text {
  font-size: 1.8rem;
  line-height: 2.15;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .contents .text {
    font-size: 1.5rem;
    letter-spacing: -0.05em;
    line-height: 1.8;
  }
}
.page-top .section-about .contents .text p {
  margin-bottom: 1.45em;
}
.page-top .section-about .img-container {
  margin-top: -152px;
  text-align: right;
  min-width: 1280px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .img-container {
    margin-top: -8px;
    min-width: auto;
  }
}
.page-top .section-about .img-container div.img {
  float: right;
}
.page-top .section-about .img-container div.img img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 10px solid #fff;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .img-container div.img img {
    border-width: 5px;
  }
}
.page-top .section-about .img-container div.img.img-1 {
  margin-top: 170px;
  margin-right: -10px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .img-container div.img.img-1 {
    margin-top: 67.5px;
    margin-right: -5px;
    width: 140px;
  }
}
.page-top .section-about .img-container div.img.img-2 {
  margin-right: -90px;
  width: 500px;
}
@media screen and (max-width: 767px) {
  .page-top .section-about .img-container div.img.img-2 {
    margin-right: -5px;
    width: 140px;
  }
}
.page-top .section-attractions {
  padding-top: 190px;
  margin-top: -190px;
  background: url("../images/top/attractions-pixel-bg-1.png?hash=d6fc44406998d46a709bb8a636e5ed26") left top no-repeat, url("../images/top/attractions-pixel-bg-2.png?hash=f01c733da8a6886315eabcb6e7ec9f78") right top no-repeat, url("../images/top/attractions-pixel-bg-6.png?hash=38f932b72eaad39b737fba1b02fd3909") left bottom no-repeat;
  background-color: #5fbce7;
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions {
    padding-top: 68px;
    margin-top: -68px;
    background: url("../images/sp/top/attractions-pixel-bg-1.png?hash=fcb3f4fa950f08fc77642d0011a4774d") left top no-repeat, url("../images/sp/top/attractions-pixel-bg-2.png?hash=7970712ad3d3a3426fd4a4f556602bf6") right top no-repeat, url("../images/sp/top/attractions-pixel-bg-3.png?hash=38f932b72eaad39b737fba1b02fd3909") left bottom no-repeat;
    -webkit-background-size: 50px 20px, 120px 100px, 160px 80px;
    -moz-background-size: 50px 20px, 120px 100px, 160px 80px;
    background-size: 50px 20px, 120px 100px, 160px 80px;
    background-color: #5fbce7;
  }
}
.page-top .section-attractions .inner {
  padding-top: 170px;
  padding-bottom: 81px;
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner {
    padding-top: 79px;
    padding-bottom: 67px;
  }
}
.page-top .section-attractions .inner .heading {
  width: 512px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
.page-top .section-attractions .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-attractions .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-attractions .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner .heading {
    width: 256px;
    margin-bottom: 29px;
  }
}
.page-top .section-attractions .inner .heading .heading-en {
  margin-bottom: 18px;
}
.page-top .section-attractions .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-attractions .inner .contents {
  background: url("../images/top/attractions-pixel-bg-3.png?hash=76ebb66f3830f81fc820f4c2cb7d125e") right top no-repeat, url("../images/top/attractions-pixel-bg-4.png?hash=a9e5f1437b5c25445e0622ca0855bdef") right 41% no-repeat, url("../images/top/attractions-pixel-bg-5.png?hash=4f0d24bea603420bf88324fa5d299c3b") right 83% no-repeat;
  padding-top: 50px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents {
    padding-top: 0;
    background: none;
  }
}
.page-top .section-attractions .inner .contents.bg-short {
  background: url("../images/top/attractions-pixel-bg-3.png?hash=76ebb66f3830f81fc820f4c2cb7d125e") right top no-repeat, url("../images/top/attractions-pixel-bg-4.png?hash=a9e5f1437b5c25445e0622ca0855bdef") right 69.3% no-repeat;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents.bg-short {
    background: none;
  }
}
.page-top .section-attractions .inner .contents-inner {
  position: relative;
  max-width: 1600px;
  padding: 0 100px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner {
    padding: 0;
  }
}
.page-top .section-attractions .inner .contents-inner img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner ul {
    display: block;
  }
}
.page-top .section-attractions .inner .contents-inner li {
  float: left;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li {
    float: none;
  }
  .page-top .section-attractions .inner .contents-inner li .text-container {
    font-feature-settings: "palt";
    letter-spacing: -0.06em;
  }
}
.page-top .section-attractions .inner .contents-inner li:nth-child(odd) {
  margin-right: 7.407407407407407%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li:nth-child(odd) {
    margin-right: 0;
  }
}
.page-top .section-attractions .inner .contents-inner li a {
  display: block;
  color: #fff;
}
.page-top .section-attractions .inner .contents-inner li a .block {
  position: relative;
  margin-bottom: 14px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block {
    margin-bottom: 6px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .poster-img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .poster-img {
    padding: 11px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .video {
  position: relative;
  padding: 20px;
  background: url("../images/top/attractions-img-flame.png?hash=690a76f1a56ad071a7772830d0ed4304") left top repeat;
  line-height: 1;
}
.page-top .section-attractions .inner .contents-inner li a .block .video .filter {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .video .filter {
    padding: 11px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .video .filter .filter-inner {
  width: 100%;
  height: 100%;
  background: url("../images/top/attractions-filter.png?hash=c0443174123fdbbdea896ed6ead00857") 0 0 repeat;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .video .filter .filter-inner {
    -webkit-background-size: 2px 2px;
    -moz-background-size: 2px 2px;
    background-size: 2px 2px;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .video {
    padding: 11px;
    -webkit-background-size: 9px 9px;
    -moz-background-size: 9px 9px;
    background-size: 9px 9px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .video video {
  width: 100%;
}
.page-top .section-attractions .inner .contents-inner li a .block .title {
  position: absolute;
  bottom: 41px;
  left: -20px;
  width: 100%;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .title {
    bottom: 30px;
    left: -10px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .title span {
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  line-height: 1;
  background: #5fbce7;
}
.page-top .section-attractions .inner .contents-inner li a .block .title .ja {
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .title .ja {
    font-size: 1.4rem;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .title .ja span {
  line-height: 1.25;
}
.page-top .section-attractions .inner .contents-inner li a .block .title .en {
  font-size: 4.2rem;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .title .en {
    font-size: 2.7rem;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .title .en span:last-child {
  margin-bottom: 0;
}
.page-top .section-attractions .inner .contents-inner li a .block .title .en span {
  line-height: 0.92;
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #000;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .button-more {
    width: 40px;
    height: 40px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more span.text {
  width: 100%;
  margin-top: 39px;
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .button-more span.text {
    margin-top: 22px;
    font-size: 0.7rem;
    letter-spacing: 0.15em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .button-more span.text {
    display: inline-block;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more span.arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 17px;
  left: 20px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .block .button-more span.arrow {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more span.arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more span.arrow span:before,
.page-top .section-attractions .inner .contents-inner li a .block .button-more span.arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more span.arrow span:before {
  background-position: 0 0;
}
.page-top .section-attractions .inner .contents-inner li a .block .button-more span.arrow span:after {
  opacity: 0;
  background-position: 0 100%;
}
.page-top .section-attractions .inner .contents-inner li a .text-container {
  position: relative;
  text-align: right;
}
.page-top .section-attractions .inner .contents-inner li a .text-container .text {
  display: inline-block;
  font-size: 1.5rem;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li a .text-container .text {
    font-size: 1.3rem;
  }
}
.page-top .section-attractions .inner .contents-inner li a .text-container .text >span {
  display: inline-block;
  text-align: right;
  overflow: hidden;
}
.page-top .section-attractions .inner .contents-inner li a .text-container .text >span span {
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) {
  .page-top .section-attractions .inner .contents-inner li a:hover .block .title span {
    display: inline-block;
    background: #38afe6;
  }
  .page-top .section-attractions .inner .contents-inner li a:hover .block .video {
    -webkit-animation: stripe 1s infinite linear;
    -moz-animation: stripe 1s infinite linear;
    -o-animation: stripe 1s infinite linear;
    -ms-animation: stripe 1s infinite linear;
    animation: stripe 1s infinite linear;
  }
  .page-top .section-attractions .inner .contents-inner li a:hover .block .button-more {
    background: #000;
    color: #fff;
  }
  .page-top .section-attractions .inner .contents-inner li a:hover .block .button-more span.arrow span {
    -webkit-animation: buttonMore 0.4s linear forwards;
    -moz-animation: buttonMore 0.4s linear forwards;
    -o-animation: buttonMore 0.4s linear forwards;
    -ms-animation: buttonMore 0.4s linear forwards;
    animation: buttonMore 0.4s linear forwards;
  }
  .page-top .section-attractions .inner .contents-inner li a:hover .block .button-more span.arrow span:before {
    opacity: 0;
  }
  .page-top .section-attractions .inner .contents-inner li a:hover .block .button-more span.arrow span:after {
    opacity: 1;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-1 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-1 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-1 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-1 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-1 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-1 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-2 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-2 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-2 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-2 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-2 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-2 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-2 {
    margin-top: 0;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-3 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-3 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-3 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-3 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-3 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-3 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-4 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-4 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-4 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-4 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-4 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-4 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-5 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-5 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-5 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-5 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-5 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-5 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-6 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-6 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-6 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-6 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-6 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-6 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-6 {
    margin-top: 0;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-7 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-7 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-7 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-7 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-7 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-7 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-8 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-8 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-8 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-8 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-8 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-8 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-9 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-9 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-9 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-9 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-9 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-9 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-10 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-10 {
    width: 100%;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-10 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-10 a .title .en {
    margin-bottom: 5px;
  }
}
.page-top .section-attractions .inner .contents-inner li.attraction-10 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .contents-inner li.attraction-10 a .title .en span {
    margin-bottom: 7px;
  }
}
.page-top .section-attractions .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.page-top .section-attractions .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-top .section-attractions .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.page-top .section-attractions .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.page-top .section-attractions .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-attractions .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-top .section-attractions .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-attractions .inner .button-more a .arrow span:before,
.page-top .section-attractions .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-attractions .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-attractions .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-attractions .inner .button-more a:hover {
    background: #000;
  }
  .page-top .section-attractions .inner .button-more a:hover .bg {
    background: none;
  }
  .page-top .section-attractions .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .page-top .section-attractions .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .page-top .section-attractions .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .page-top .section-attractions .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .button-more {
    text-align: right;
    margin-right: 0;
  }
}
.page-top .section-attractions .inner .button-more a {
  float: right;
}
@media screen and (max-width: 1024px) {
  .page-top .section-attractions .inner .button-more a {
    float: none;
    margin-left: auto;
  }
}
.page-top .section-character {
  background: url("../images/top/character-pixel-bg-1.png?hash=2dffb1fc38e8f36589afa6d5a04a8f0b") left top no-repeat, url("../images/top/character-pixel-bg-2.png?hash=299840fc57757146f391bdaccee4cb42") right bottom no-repeat, url("../images/top/character-bg.png?hash=80088abc36c0cc05b5d26802cfa3102c") left top repeat;
}
@media screen and (max-width: 767px) {
  .page-top .section-character {
    margin-top: 0;
    background: url("../images/sp/top/character-pixel-bg-1.png?hash=2dffb1fc38e8f36589afa6d5a04a8f0b") left top no-repeat, url("../images/sp/top/character-pixel-bg-2.png?hash=1ae935af47c62f72b8850d6d25f9092a") right bottom no-repeat, url("../images/sp/top/character-bg.png?hash=bfc6d6a2785f40cd6e1856b978148e11") left top repeat;
    -webkit-background-size: 140px 20px, 100px 50px, 60px;
    -moz-background-size: 140px 20px, 100px 50px, 60px;
    background-size: 140px 20px, 100px 50px, 60px;
  }
}
.page-top .section-character_designby-outer {
  display: block;
  width: 100%;
}
.page-top .section-character_designby {
  margin-top: -10px;
  display: block;
  text-align: right;
}
.page-top .section-character .inner {
  padding-top: 158px;
  padding-bottom: 105px;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner {
    padding-top: 79px;
    padding-bottom: 83px;
  }
}
.page-top .section-character .inner .heading {
  width: 444px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 55px;
}
.page-top .section-character .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-character .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-character .inner .heading span {
  color: #000;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .heading {
    width: 222px;
    margin-bottom: 13px;
  }
}
.page-top .section-character .inner .heading .heading-en {
  margin-bottom: 6px;
}
.page-top .section-character .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-character .inner .heading .heading-ja {
  letter-spacing: 0.03em;
}
.page-top .section-character .inner .contents {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
}
.page-top .section-character .inner .contents .character-container {
  position: relative;
  width: 46.2962962962963%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container {
    width: 320px;
    margin-bottom: 29px;
  }
}
.page-top .section-character .inner .contents .character-container .character img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .character {
    width: 100%;
    margin-bottom: 29px;
  }
}
.page-top .section-character .inner .contents .character-container .aim .ciecle {
  width: 7px;
  height: 7px;
  border-radius: 4px 3px 3px 4px/4px 4px 3px 3px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .ciecle {
    width: 5px;
    height: 5px;
    border-radius: 3px 2px 2px 3px/3px 3px 2px 2px;
  }
}
.page-top .section-character .inner .contents .character-container .aim .plus {
  position: absolute;
  display: none;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background: #5eb3da;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .plus {
    display: block;
  }
}
.page-top .section-character .inner .contents .character-container .aim .plus span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.page-top .section-character .inner .contents .character-container .aim .plus span::before,
.page-top .section-character .inner .contents .character-container .aim .plus span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  background: #fff;
}
.page-top .section-character .inner .contents .character-container .aim .plus span::before {
  width: 8px;
  height: 2px;
  margin-left: -4px;
  margin-top: -1px;
}
.page-top .section-character .inner .contents .character-container .aim .plus span::after {
  width: 2px;
  height: 8px;
  margin-left: -1px;
  margin-top: -4px;
}
.page-top .section-character .inner .contents .character-container .aim .start {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .start {
    display: none;
  }
}
.page-top .section-character .inner .contents .character-container .aim .line {
  position: absolute;
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .line.for-pc {
    display: none;
  }
}
.page-top .section-character .inner .contents .character-container .aim .line span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.page-top .section-character .inner .contents .character-container .aim .line.line-landscape {
  height: 1px;
  z-index: 3;
}
.page-top .section-character .inner .contents .character-container .aim .line.line-landscape span {
  background: url("../images/top/character-line-landscape.png?hash=c3b140f6c9f433a48f55a8bfdf22a5f0") 0 0 repeat-x;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .line.line-landscape span {
    background: url("../images/sp/top/character-line-landscape.png?hash=ba021c74933864f22a63041306ca354b") 0 0 repeat-x;
    -webkit-background-size: 3px 2px;
    -moz-background-size: 3px 2px;
    background-size: 3px 2px;
  }
}
.page-top .section-character .inner .contents .character-container .aim .line.line-vertical {
  width: 1px;
}
.page-top .section-character .inner .contents .character-container .aim .line.line-vertical span {
  background: url("../images/top/character-line-vertical.png?hash=4ebe0c772c182d0b1a97ac1dcf0aa8a8") 0 0 repeat-y;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .line.line-vertical span {
    background: url("../images/sp/top/character-line-vertical.png?hash=355ead534d1509b4b97cdd709cc597c6") 0 0 repeat-y;
    -webkit-background-size: 2px 3px;
    -moz-background-size: 2px 3px;
    background-size: 2px 3px;
  }
}
.page-top .section-character .inner .contents .character-container .aim .point {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .point svg {
    width: auto;
    height: auto;
  }
}
.page-top .section-character .inner .contents .character-container .aim .point .gauge {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .point.is-animated .gauge circle {
    -webkit-animation: gauge-sp 1s infinite;
    -moz-animation: gauge-sp 1s infinite;
    -o-animation: gauge-sp 1s infinite;
    -ms-animation: gauge-sp 1s infinite;
    animation: gauge-sp 1s infinite;
  }
}
.page-top .section-character .inner .contents .character-container .aim .point .base {
  position: absolute;
  top: 3px;
  left: 3px;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .point .base {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.page-top .section-character .inner .contents .character-container .aim .point .ciecle {
  position: absolute;
  top: 15px;
  left: 15px;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim .point .ciecle {
    display: none;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 25px;
    height: 25px;
    border-radius: 13px 12px 12px 13px/13px 13px 12px 12px;
  }
}
.page-top .section-character .inner .contents .character-container .aim .point .num {
  position: absolute;
  top: 9px;
  left: 13px;
  display: none;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .line-1 {
  top: 10.555555555555555%;
  right: 50%;
  width: 14.000000000000002%;
  margin-right: 31%;
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .line-2 {
  top: 10.74074074074074%;
  right: 50%;
  height: 21.48148148148148%;
  margin-right: 31%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .line-2 {
    top: 22px;
    height: 68px;
    margin-right: 82px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .line-2 span {
    height: 0;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .start {
  top: 10%;
  right: 50%;
  margin-right: 44.4%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .start {
    top: 88px;
    margin-right: 80px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .point {
  top: 28.333333333333332%;
  right: 50%;
  margin-right: 34.8%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .point {
    top: -8px;
    margin-right: 102px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-1 .plus {
    top: 77px;
    right: 50%;
    margin-right: 70px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .line-1 {
  top: 4.814814814814815%;
  left: 50%;
  width: 34%;
  margin-left: -2.4%;
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .line-1 span {
  right: 0;
  left: auto;
  background-position: right;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .line-1 {
    top: 22px;
    width: 96px;
    margin-left: -8px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .line-1 span {
    width: 0;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .start {
  top: 4.25925925925926%;
  left: 50%;
  margin-left: 30.4%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .start {
    top: 20px;
    margin-left: -10px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .point {
  top: 1.296296296296296%;
  left: 50%;
  margin-left: -6.600000000000001%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .point {
    top: 4px;
    margin-left: 76px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-2 .plus {
    top: -5px;
    left: 50%;
    margin-left: -22px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .line-1 {
  top: 64.44444444444444%;
  right: 50%;
  width: 30%;
  margin-right: 16.400000000000002%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .line-1 {
    width: 1px;
    height: 28px;
    top: 187px;
    margin-right: 120px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .line-1 span {
    height: 0;
    top: auto;
    bottom: 0;
    background-position: bottom;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .line-2 {
  right: 50%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .line-2 {
    width: 77px;
    height: 1px;
    top: 186px;
    margin-right: 44px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .line-2 span {
    width: 0;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .start {
  top: 63.888888888888886%;
  right: 50%;
  margin-right: 45.6%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .start {
    top: 184px;
    margin-right: 41px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .point {
  top: 60.92592592592593%;
  right: 50%;
  margin-right: 20.4%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .point {
    top: 196px;
    margin-right: 139px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-3 .plus {
    top: 174px;
    right: 50%;
    margin-right: 30px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .line-1 {
  top: 64.44444444444444%;
  left: 50%;
  width: 26%;
  margin-left: 14.799999999999999%;
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .line-1 span {
  right: 0;
  left: auto;
  background-position: right;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .line-1 {
    top: 198px;
    margin-left: 89px;
    width: 23px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .line-1 span {
    width: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .line-2 {
    top: 134px;
    left: 50%;
    height: 66px;
    margin-left: 89px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .line-2 span {
    height: 0;
    top: auto;
    bottom: 0;
    background-position: bottom;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .start {
  top: 63.888888888888886%;
  left: 50%;
  margin-left: 39.800000000000004%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .start {
    top: 131px;
    margin-left: 87px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .point {
  top: 60.92592592592593%;
  left: 50%;
  margin-left: 10.4%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .point {
    top: 178px;
    margin-left: 102px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-4 .plus {
    top: 122px;
    left: 50%;
    margin-left: 77px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .line-1 {
  top: 86.66666666666667%;
  right: 50%;
  height: 22.22222222222222%;
  margin-right: 16.2%;
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .line-1 span {
  top: auto;
  bottom: 0;
  background-position: bottom;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .line-1 {
    top: 216px;
    right: 50%;
    height: 41px;
    margin-right: 118px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .line-1 span {
    height: 0;
    top: 0;
    bottom: auto;
    background-position: top;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .line-2 {
    right: 50%;
    top: 256px;
    width: 67px;
    margin-right: 52px;
  }
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .line-2 span {
    width: 0;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .start {
  top: 108.51851851851852%;
  right: 50%;
  margin-right: 15.6%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .start {
    top: 254px;
    margin-right: 50px;
  }
}
.page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .point {
  top: 82.77777777777777%;
  right: 50%;
  margin-right: 20%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .point {
    top: 192px;
    margin-right: 137px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .character-container .aim.aim-profile-5 .plus {
    top: 243px;
    right: 50%;
    margin-right: 39px;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .slide-contents {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents ul {
    width: 100%;
    height: 100%;
    position: relative;
  }
}
.page-top .section-character .inner .contents li {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .page-top .section-character .inner .contents li {
    left: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .page-top .section-character .inner .contents li.profile-1,
  .page-top .section-character .inner .contents li.profile-3 {
    right: 50% !important;
    left: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents li {
    position: static;
    top: 0;
    padding: 0 25px;
  }
  .page-top .section-character .inner .contents li ~ .js-slider-slide {
    display: none;
    position: absolute;
  }
}
.page-top .section-character .inner .contents li .num-inner,
.page-top .section-character .inner .contents li .title-inner,
.page-top .section-character .inner .contents li .text-inner {
  display: inline-block;
  text-align: left;
}
.page-top .section-character .inner .contents li .num,
.page-top .section-character .inner .contents li .title {
  line-height: 1;
  letter-spacing: 0.09em;
}
.page-top .section-character .inner .contents li .num-inner span,
.page-top .section-character .inner .contents li .title-inner span {
  color: #fff;
  background: #000;
  display: inline-block;
}
.page-top .section-character .inner .contents li .num {
  margin-bottom: 4px;
  font-size: 1.1rem;
  font-size: 0.859375vw;
}
@media screen and (min-width: 1280px) {
  .page-top .section-character .inner .contents li .num {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents li .num {
    margin-bottom: 6px;
    font-size: 1rem;
  }
}
.page-top .section-character .inner .contents li .num-inner span {
  line-height: 1.5;
}
.page-top .section-character .inner .contents li .title {
  margin-bottom: 8px;
  font-size: 3rem;
  font-size: 2.34375vw;
  font-weight: 900;
}
@media screen and (min-width: 1280px) {
  .page-top .section-character .inner .contents li .title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents li .title {
    margin-bottom: 16px;
    font-size: 2.6rem;
  }
}
.page-top .section-character .inner .contents li .text {
  font-size: 1.4rem;
  font-size: 1.09375vw;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (min-width: 1280px) {
  .page-top .section-character .inner .contents li .text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents li .text {
    font-size: 1.3rem;
  }
}
.page-top .section-character .inner .contents li .aim span {
  display: block;
}
.page-top .section-character .inner .contents li .aim .start,
.page-top .section-character .inner .contents li .aim .stop {
  width: 7px;
  height: 7px;
  border-radius: 4px 3px 3px 4px/4px 4px 3px 3px;
  background: #000;
}
.page-top .section-character .inner .contents li .aim .line {
  width: 68px;
  height: 1px;
  border-top: 1px dashed #000;
}
.page-top .section-character .inner .contents li.profile-1,
.page-top .section-character .inner .contents li.profile-3 {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents li.profile-1,
  .page-top .section-character .inner .contents li.profile-3 {
    text-align: left;
  }
}
.page-top .section-character .inner .contents li.profile-1 {
  top: 3.851851851851852%;
  right: 50%;
  margin-right: 21.85185185185185%;
}
.page-top .section-character .inner .contents li.profile-2 {
  top: -1.185185185185185%;
  left: 50%;
  margin-left: 15.833333333333332%;
}
.page-top .section-character .inner .contents li.profile-2 .text {
  margin-right: -1em;
}
.page-top .section-character .inner .contents li.profile-3 {
  top: 48%;
  right: 50%;
  margin-right: 22.5%;
}
.page-top .section-character .inner .contents li.profile-4 {
  top: 48%;
  left: 50%;
  margin-left: 20.185185185185187%;
}
.page-top .section-character .inner .contents li.profile-5 {
  top: 84.5925925925926%;
  left: 50%;
  margin-left: -5.833333333333333%;
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents li.profile-1,
  .page-top .section-character .inner .contents li.profile-2,
  .page-top .section-character .inner .contents li.profile-3,
  .page-top .section-character .inner .contents li.profile-4,
  .page-top .section-character .inner .contents li.profile-5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-character .inner .contents .slide-contents {
    margin-top: -16px;
  }
}
.page-top .section-character .inner .contents .slide-paginations {
  position: relative;
  margin-right: 22px;
  text-align: right;
  height: 11px;
  padding-top: 11px;
  margin-top: -11px;
}
.page-top .section-character .inner .contents .slide-paginations span {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #c8c8c8;
  display: inline-block;
  margin: 0 3px;
  vertical-align: top;
}
.page-top .section-character .inner .contents .slide-paginations span.is-selected {
  background: #000;
}
.page-top .section-workshop {
  background: url("../images/top/workshop-pixel-bg-1.png?hash=136604467e4af72b6cd713a2b3d3ff02") right top no-repeat;
  -webkit-background-size: 260px 140px, 100%;
  -moz-background-size: 260px 140px, 100%;
  background-size: 260px 140px, 100%;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop {
    background: url("../images/sp/top/workshop-pixel-bg-1.png?hash=b7c9f8076ccadd60b38464a1ce687462") right top no-repeat;
    -webkit-background-size: 130px 70px, 100%;
    -moz-background-size: 130px 70px, 100%;
    background-size: 130px 70px, 100%;
    background-color: #000;
  }
}
.page-top .section-workshop .inner {
  position: relative;
  margin: 0 auto;
  padding: 130px 30px 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner {
    padding: 80px 15px 80px;
  }
}
.page-top .section-workshop .inner .heading {
  width: 416px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
  text-align: center;
}
.page-top .section-workshop .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-workshop .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-workshop .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .heading {
    width: 210px;
    text-align: center;
    margin: 0 auto 14px;
  }
}
.page-top .section-workshop .inner .heading .heading-en {
  margin-bottom: 8px;
}
.page-top .section-workshop .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-workshop .inner .heading .heading-ja {
  margin-left: 6px;
  letter-spacing: 0.01em;
}
.page-top .section-workshop .inner .character {
  position: absolute;
  top: 195px;
  left: 50%;
  margin-left: 67px;
  padding-top: 120px;
  width: 120px;
  height: 0px;
  overflow: hidden;
  background: url("../images/top/workshop-character.png?hash=cf43d938be7c4406caa1d819fac86b66") left top repeat;
  -webkit-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -moz-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -o-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -ms-animation: workshopCharacter 0.96s steps(15, start) infinite;
  animation: workshopCharacter 0.96s steps(15, start) infinite;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .character {
    top: 324px;
    margin-left: -70px;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .contents {
    text-align: center;
  }
}
.page-top .section-workshop .inner .contents >.text {
  margin-bottom: 60px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .contents >.text {
    display: inline-block;
    margin-bottom: 26px;
    font-size: 1.3rem;
    text-align: left;
  }
  .page-top .section-workshop .inner .contents >.text p {
    text-align: center;
  }
}
.page-top .section-workshop .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.page-top .section-workshop .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-top .section-workshop .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.page-top .section-workshop .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #5fbce7;
}
.page-top .section-workshop .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-top .section-workshop .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-workshop .inner .button-more a .arrow span:before,
.page-top .section-workshop .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-workshop .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-workshop .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-workshop .inner .button-more a:hover {
    background: #5fbce7;
  }
  .page-top .section-workshop .inner .button-more a:hover .bg {
    background: none;
  }
  .page-top .section-workshop .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .page-top .section-workshop .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .page-top .section-workshop .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .page-top .section-workshop .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-workshop .inner .button-more a {
    margin: 0 auto;
  }
}
.page-top .section-howtoplay {
  background: url("../images/top/howtoplay-pixel-bg-1.png?hash=7ecd4e4b6d7347bcf6124c6ce6fdfd6a") left top no-repeat #5fbce7;
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay {
    background: url("../images/sp/top/howtoplay-pixel-bg-1.png?hash=4f18fbef7b37190ac4e40366cbbaf9e1") left top no-repeat #5fbce7;
    -webkit-background-size: 101px 60px;
    -moz-background-size: 101px 60px;
    background-size: 101px 60px;
  }
}
.page-top .section-howtoplay .inner {
  padding-top: 200px;
  padding-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.page-top .section-howtoplay .inner .heading {
  width: 474px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 72px;
}
.page-top .section-howtoplay .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-howtoplay .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-howtoplay .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner .heading {
    width: 237px;
    margin-bottom: 29px;
  }
}
.page-top .section-howtoplay .inner .heading .heading-en {
  margin-bottom: 8px;
}
.page-top .section-howtoplay .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-howtoplay .inner .heading .heading-ja {
  letter-spacing: 0.03em;
}
.page-top .section-howtoplay .inner .contents {
  background: url("../images/top/howtoplay-pixel-bg-2.png?hash=6fae2a711d9d4fe16c40df93df033a06") right 27.6% no-repeat, url("../images/top/howtoplay-pixel-bg-3.png?hash=f2fc6e2ac2c66cbede30c64486db7150") left 67.2% no-repeat;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents {
    background: none;
  }
}
.page-top .section-howtoplay .inner .contents-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.page-top .section-howtoplay .inner .contents-inner img {
  width: 100%;
}
.page-top .section-howtoplay .inner .contents-inner ul {
  margin-bottom: 4.6875%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner ul {
    margin-bottom: 40px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li {
  position: relative;
  float: left;
  width: 23.4375%;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li {
    float: none;
    width: 100%;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .num {
  position: absolute;
  top: 0;
  font-size: 6rem;
  font-size: 4.6875vw;
  font-weight: 900;
  line-height: 1;
  z-index: 1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 1280px) {
  .page-top .section-howtoplay .inner .contents-inner li .num {
    font-size: 6rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .num {
    font-size: 4.4rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .num span {
  display: block;
  font-size: 1.6rem;
  font-size: 1.25vw;
  letter-spacing: 0em;
  text-align: center;
  letter-spacing: 0.44em;
}
@media screen and (min-width: 1280px) {
  .page-top .section-howtoplay .inner .contents-inner li .num span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .num span {
    font-size: 1.2rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .img {
  margin-bottom: 6.666666666666667%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .img {
    margin-bottom: 13px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .title {
  width: 100%;
  line-height: 1;
}
.page-top .section-howtoplay .inner .contents-inner li .title .en {
  font-weight: 900;
  margin-bottom: 6%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .en {
    margin-bottom: 6px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .title .en > span {
  font-size: 3.8rem;
  font-size: 2.96875vw;
}
@media screen and (min-width: 1280px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .en > span {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .en > span {
    font-size: 3.1rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .title .en > span span {
  margin-bottom: 1.333333333333333%;
  font-size: 1.6rem;
  font-size: 1.25vw;
}
@media screen and (min-width: 1280px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .en > span span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .en > span span {
    margin-bottom: 6px;
    font-size: 1.4rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .title .en span {
  display: block;
  letter-spacing: 0.07em;
}
.page-top .section-howtoplay .inner .contents-inner li .title .en span.icon-plus {
  margin-bottom: 0;
  display: inline-block;
  font-size: 3.8rem;
  font-size: 2.96875vw;
  margin-left: 4px;
  margin-right: 6px;
}
@media screen and (min-width: 1280px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .en span.icon-plus {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .en span.icon-plus {
    margin-left: 2px;
    margin-right: 4px;
    font-size: 3.1rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li .title .ja {
  font-size: 1.8rem;
  font-size: 1.40625vw;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.35em;
}
@media screen and (min-width: 1280px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .ja {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li .title .ja {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-2,
  .page-top .section-howtoplay .inner .contents-inner li.rule-3,
  .page-top .section-howtoplay .inner .contents-inner li.rule-4 {
    margin-bottom: 53px;
    padding: 0 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-2 .num,
.page-top .section-howtoplay .inner .contents-inner li.rule-3 .num,
.page-top .section-howtoplay .inner .contents-inner li.rule-4 .num {
  left: 4.666666666666667%;
  margin-top: -10.666666666666668%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-2 .num,
  .page-top .section-howtoplay .inner .contents-inner li.rule-3 .num,
  .page-top .section-howtoplay .inner .contents-inner li.rule-4 .num {
    margin-top: -26px;
    left: 54px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-2 {
  margin-left: 7.8125%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-2 {
    margin-left: 0;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-3 {
  margin-top: 4.6875%;
  margin-left: 6.953125%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-3 {
    margin-top: 0;
    margin-left: 0;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-4 {
  margin-top: 9.6875%;
  margin-bottom: 11.09375%;
  margin-left: 7.109375%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-4 {
    margin-top: 0;
    margin-left: 0;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-4 .img {
  margin-bottom: 5.333333333333334%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-4 .img {
    margin-bottom: 13px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-4 .title .en {
  margin-bottom: 5.333333333333334%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-4 .title .en {
    margin-bottom: 6px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 {
  position: relative;
  width: 87.5%;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 {
    width: 100%;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .img,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .img {
  width: 85.71428571428571%;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .img,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .img {
    width: 100%;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .text-container,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .text-container {
  position: absolute;
  top: 0;
  margin-top: -3.571428571428571%;
  width: 33.035714285714285%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 95.55555555555556%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .text-container,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .text-container {
    position: static;
    width: 100%;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .text-container-inner,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .text-container-inner {
  padding-left: 11.891891891891893%;
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .text-container-inner,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .text-container-inner {
    position: relative;
    margin: -40px 20px 0;
    padding: 0 25px;
    z-index: 1;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .num,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .num {
  margin-top: -2.162162162162162%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .num,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .num {
    margin-top: -65px;
    color: #fff;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .text,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .text {
  width: 82.82208588957054%;
  margin-left: 1.226993865030675%;
  overflow: hidden;
  font-size: 1.5rem;
  text-align: justify;
  line-height: 1.9;
}
@media screen and (max-width: 1224px) and (min-width: 1025px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .text,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .text,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .text {
    margin-left: 0;
    width: 100%;
    font-size: 1.3rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en {
  margin-bottom: 7.361963190184049%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en {
    margin-bottom: 17px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en > span,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en > span {
  font-size: 5.600000000000001rem;
}
@media screen and (max-width: 1224px) and (min-width: 1025px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en > span,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en > span {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en > span,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en > span {
    font-size: 4.100000000000001rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en > span span,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en > span span {
  margin-top: 4px;
  margin-left: 2px;
  margin-bottom: 6px;
  font-size: 2.8rem;
}
@media screen and (max-width: 1224px) and (min-width: 1025px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en > span span,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en > span span {
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en > span span,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en > span span {
    margin: 5px 0 0;
    font-size: 2.2rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .en span,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .en span {
  letter-spacing: 0.06em;
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .ja,
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .ja {
  margin-left: 1.226993865030675%;
  margin-bottom: 30px;
  font-size: 2rem;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1224px) and (min-width: 1025px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .ja,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .ja {
    margin-bottom: 27px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title .ja,
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title .ja {
    margin-left: 4px;
    margin-bottom: 13px;
    font-size: 1.6rem;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 {
  margin-bottom: 7.8125%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 {
    margin-bottom: 60px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .num {
  right: 4.324324324324325%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .num {
    right: -3px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .num span {
  margin-bottom: 4px;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .num span {
    margin-bottom: 0;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .text-container {
  right: 0;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .text-container {
    height: 240px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-1 .title {
  padding-top: 24.846625766871167%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-1 .title {
    padding-top: 29px;
    margin-left: -2px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-5 {
  margin-left: 13.984374999999998%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 {
    margin-left: 0;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .num {
  right: 2.702702702702703%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .num {
    right: -3px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .img {
  margin-left: 12.589285714285714%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .img {
    margin-left: 0;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .text-container {
  left: 0;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .text-container {
    height: 270px;
  }
}
.page-top .section-howtoplay .inner .contents-inner li.rule-5 .title {
  padding-top: 21.472392638036812%;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .contents-inner li.rule-5 .title {
    padding-top: 29px;
    margin-left: -2px;
  }
}
.page-top .section-howtoplay .inner .button-more {
  margin-right: 80px;
}
.page-top .section-howtoplay .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.page-top .section-howtoplay .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-top .section-howtoplay .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.page-top .section-howtoplay .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.page-top .section-howtoplay .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-howtoplay .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-top .section-howtoplay .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-howtoplay .inner .button-more a .arrow span:before,
.page-top .section-howtoplay .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-howtoplay .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-howtoplay .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-howtoplay .inner .button-more a:hover {
    background: #000;
  }
  .page-top .section-howtoplay .inner .button-more a:hover .bg {
    background: none;
  }
  .page-top .section-howtoplay .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .page-top .section-howtoplay .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .page-top .section-howtoplay .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .page-top .section-howtoplay .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .button-more {
    margin-right: 0;
  }
}
.page-top .section-howtoplay .inner .button-more a {
  float: right;
}
@media screen and (max-width: 1024px) {
  .page-top .section-howtoplay .inner .button-more a {
    float: none;
    margin: 0 auto;
  }
}
.page-top .section-space {
  background: url("../images/top/space-bg.png?hash=0a5298d3441281c96d49c5a93bb71d6f") left top repeat-x #000;
}
@media screen and (max-width: 767px) {
  .page-top .section-space {
    -webkit-background-size: 13px 5px;
    -moz-background-size: 13px 5px;
    background-size: 13px 5px;
  }
}
.page-top .section-space .inner {
  padding-top: 158px;
  padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner {
    padding-top: 84px;
    padding-bottom: 65px;
  }
}
.page-top .section-space .inner .heading {
  width: 384px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 46px;
}
.page-top .section-space .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-space .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-space .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .heading {
    width: 192px;
    margin-bottom: 30px;
  }
}
.page-top .section-space .inner .heading .heading-en {
  margin-bottom: 5px;
}
.page-top .section-space .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-space .inner .heading .heading-ja {
  letter-spacing: 0.02em;
}
.page-top .section-space .inner .contents {
  max-width: 1280px;
  margin: 0 auto;
}
.page-top .section-space .inner .contents li {
  position: relative;
  margin-bottom: 40px;
}
.page-top .section-space .inner .contents li a {
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .contents li {
    margin-bottom: 0;
  }
}
.page-top .section-space .inner .contents li .status {
  z-index: 1;
  padding: 0.1em 0.8em;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
  font-weight: 700;
  min-width: 120px;
  text-align: center;
  font-size: 1.2rem;
  font-size: 3.75vw;
}
.page-top .section-space .inner .contents li .status.open {
  background-color: #fcf800;
  color: #000;
}
.page-top .section-space .inner .contents li .status.close {
  background-color: #000;
}
.page-top .section-space .inner .contents li .status.permanent {
  background-color: #00b9eb;
}
.page-top .section-space .inner .contents li .status.coming_soon {
  background-color: #f3234f;
}
@media screen and (min-width: 1025px) {
  .page-top .section-space .inner .contents li .status {
    font-size: 1.8rem;
    font-size: 1.40625vw;
    padding: 0.3em 1em;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1280px) {
  .page-top .section-space .inner .contents li .status {
    font-size: 1.8rem;
  }
}
.page-top .section-space .inner .contents li a {
  width: 87.5%;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .contents li a {
    width: 85.9375%;
  }
}
.page-top .section-space .inner .contents li .img {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .page-top .section-space .inner .contents li .img {
    height: 0;
    padding-bottom: 30%;
  }
}
.page-top .section-space .inner .contents li .img img {
  width: 100%;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  -ms-transition: 1s ease;
  transition: 1s ease;
}
.page-top .section-space .inner .contents li .img .img-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.page-top .section-space .inner .contents li .img .img-mask .img-mask-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.35);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: matrix(1.5, 0, -1.06066, 1.06066, 100, 0);
  -moz-transform: matrix(1.5, 0, -1.06066, 1.06066, 100, 0);
  -o-transform: matrix(1.5, 0, -1.06066, 1.06066, 100, 0);
  -ms-transform: matrix(1.5, 0, -1.06066, 1.06066, 100, 0);
  transform: matrix(1.5, 0, -1.06066, 1.06066, 100, 0);
}
.page-top .section-space .inner .contents li .text-container {
  position: absolute;
  top: 40%;
  left: 65.46875%;
  text-align: left;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .contents li .text-container {
    top: auto;
    bottom: 0;
    left: 4px;
  }
}
.page-top .section-space .inner .contents li .text-container div {
  position: relative;
}
.page-top .section-space .inner .contents li .text {
  margin-top: 18px;
  padding-right: 38px;
  color: #fff;
  font-size: 5.2rem;
  font-size: 4.0625vw;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 1280px) {
  .page-top .section-space .inner .contents li .text {
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .contents li .text {
    padding-right: 22px;
    font-size: 3.1rem;
    font-size: 9.6875vw;
  }
}
.page-top .section-space .inner .contents li .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 10px;
  margin-top: -7px;
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .contents li .arrow {
    width: 18px;
    height: 6px;
  }
}
.page-top .section-space .inner .contents li .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-space .inner .contents li .arrow span:before,
.page-top .section-space .inner .contents li .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-space .inner .contents li .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-space .inner .contents li .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-space .inner .contents li a:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .page-top .section-space .inner .contents li a:hover .img .img-mask .img-mask-inner {
    -webkit-transform: matrix(1.5, 0, -1.06066, 1.06066, 1580, 0);
    -moz-transform: matrix(1.5, 0, -1.06066, 1.06066, 1580, 0);
    -o-transform: matrix(1.5, 0, -1.06066, 1.06066, 1580, 0);
    -ms-transform: matrix(1.5, 0, -1.06066, 1.06066, 1580, 0);
    transform: matrix(1.5, 0, -1.06066, 1.06066, 1580, 0);
  }
}
.page-top .section-space .inner .button-more {
  margin-top: 60px;
}
.page-top .section-space .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.page-top .section-space .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-top .section-space .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.page-top .section-space .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #5fbce7;
}
.page-top .section-space .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-space .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-top .section-space .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-space .inner .button-more a .arrow span:before,
.page-top .section-space .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-space .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-space .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-space .inner .button-more a:hover {
    background: #5fbce7;
  }
  .page-top .section-space .inner .button-more a:hover .bg {
    background: none;
  }
  .page-top .section-space .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .page-top .section-space .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .page-top .section-space .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .page-top .section-space .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (min-width: 1025px) {
  .page-top .section-space .inner .button-more {
    margin-top: 80px;
  }
}
.page-top .section-space .inner .button-more a {
  margin: 0 auto;
}
.page-top .section-news {
  background: url("../images/top/news-bg.png?hash=da9191ae3e7d50a561ef61e58540e59c") left top repeat-x, url("../images/top/news-pixel-bg-1.png?hash=d0e53b3c874e3577f52360e95664fa6f") right bottom no-repeat;
}
@media screen and (max-width: 767px) {
  .page-top .section-news {
    background: url("../images/top/news-bg.png?hash=da9191ae3e7d50a561ef61e58540e59c") left top repeat-x, url("../images/sp/top/news-pixel-bg-1.png?hash=6638797934d60df7b4a79b6e266b2532") right bottom no-repeat;
    -webkit-background-size: 13px 5px, 120px 20px;
    -moz-background-size: 13px 5px, 120px 20px;
    background-size: 13px 5px, 120px 20px;
  }
}
.page-top .section-news .inner {
  padding-top: 156px;
  padding-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner {
    padding-top: 84px;
    padding-bottom: 101px;
  }
}
.page-top .section-news .inner .heading {
  width: 202px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 48px;
}
.page-top .section-news .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-news .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-news .inner .heading span {
  color: #000;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .heading {
    width: 101px;
    margin-bottom: 24px;
  }
}
.page-top .section-news .inner .heading .heading-en {
  margin-bottom: 6px;
}
.page-top .section-news .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-news .inner .heading .heading-ja {
  letter-spacing: 0.18em;
}
.page-top .section-news .inner .contents {
  max-width: 1280px;
  margin: 0 auto;
}
.page-top .section-news .inner .contents .slider-container {
  position: relative;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .contents .slider-container {
    margin-bottom: 27px;
  }
}
.page-top .section-news .inner .contents .slider {
  width: 87.5%;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .contents .slider {
    width: 93.75%;
  }
}
.page-top .section-news .inner .contents ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.page-top .section-news .inner .contents li {
  width: 25%;
  float: left;
  top: 0;
}
.page-top .section-news .inner .contents li:nth-child(4) ~ li {
  display: none;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .contents li {
    width: 50%;
  }
  .page-top .section-news .inner .contents li:nth-child(2) ~ li {
    display: none;
    position: absolute;
  }
}
.page-top .section-news .inner .contents li a {
  display: block;
  padding: 0 7.142857142857142%;
  color: #000;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .contents li a {
    padding: 0 6.666666666666667%;
  }
}
.page-top .section-news .inner .contents li .img {
  position: relative;
  margin-bottom: 13px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  padding-bottom: 66.66666%;
  height: 0;
  overflow: hidden;
}
.page-top .section-news .inner .contents li .img img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.page-top .section-news .inner .contents li .img::after {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e3e5ea;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .contents li .img {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1025px) {
  .page-top .section-news .inner .contents li .img:hover {
    opacity: 0.8;
  }
}
.page-top .section-news .inner .contents li .date {
  font-size: 1rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .contents li .date {
    font-size: 0.8rem;
    margin-bottom: 0;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .page-top .section-news .inner .contents li .date {
    display: inline-block;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    display: block;
  }
}
.page-top .section-news .inner .contents li .text {
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .contents li .text {
    font-size: 1.1rem;
    margin-top: -3px;
  }
}
.page-top .section-news .inner .contents .button {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  margin-top: 3.59375%;
  z-index: 1;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (max-width: 1024px) {
  .page-top .section-news .inner .contents .button {
    width: 35px;
    height: 35px;
    margin-top: 8.125%;
  }
}
.page-top .section-news .inner .contents .button.button-prev {
  left: 0;
  background: url("../images/top/news-slide-arrow-prev.png?hash=bc62831029702142d87aa0b62fcf7690") 0 0 no-repeat #000;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-news .inner .contents .button.button-next {
  right: 0;
  background: url("../images/top/news-slide-arrow-next.png?hash=d2975c1ab0599c93782124af903fb998") 0 0 no-repeat #000;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
@media screen and (min-width: 1025px) {
  .page-top .section-news .inner .contents .button:hover.button-prev,
  .page-top .section-news .inner .contents .button:hover.button-next {
    background-color: #5fbce7;
  }
}
.page-top .section-news .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.page-top .section-news .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5fbce7;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-top .section-news .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.page-top .section-news .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.page-top .section-news .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-news .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-top .section-news .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-news .inner .button-more a .arrow span:before,
.page-top .section-news .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-news .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-news .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-news .inner .button-more a:hover {
    background: #000;
  }
  .page-top .section-news .inner .button-more a:hover .bg {
    background: none;
  }
  .page-top .section-news .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .page-top .section-news .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .page-top .section-news .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .page-top .section-news .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
.page-top .section-news .inner .button-more a {
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .page-top .section-news .inner .button-more a:hover .text {
    color: #fff;
  }
  .page-top .section-news .inner .button-more a:hover .arrow span:before {
    opacity: 1;
  }
  .page-top .section-news .inner .button-more a:hover .arrow span:after {
    opacity: 0;
  }
}
.page-top .section-magazine {
  background-color: #000;
}
.page-top .section-magazine .inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 130px 100px 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner {
    padding: 80px 15px 80px;
  }
}
.page-top .section-magazine .inner .heading {
  width: 374px;
  margin: 0 auto;
  text-align: center;
  margin-left: -10px;
  margin-bottom: 18px;
  text-align: left;
}
.page-top .section-magazine .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-magazine .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-magazine .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .heading {
    width: 187px;
    text-align: center;
    margin: 0 auto 14px;
  }
}
.page-top .section-magazine .inner .heading .heading-en {
  margin-bottom: 8px;
}
.page-top .section-magazine .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-magazine .inner .heading .heading-ja {
  margin-left: 6px;
  letter-spacing: 0.01em;
}
.page-top .section-magazine .inner .character {
  position: absolute;
  top: 195px;
  left: 50%;
  margin-left: 67px;
  padding-top: 120px;
  width: 120px;
  height: 0px;
  overflow: hidden;
  background: url("../images/top/workshop-character.png?hash=cf43d938be7c4406caa1d819fac86b66") left top repeat;
  -webkit-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -moz-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -o-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -ms-animation: workshopCharacter 0.96s steps(15, start) infinite;
  animation: workshopCharacter 0.96s steps(15, start) infinite;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .character {
    top: 324px;
    margin-left: -70px;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .contents {
    text-align: center;
  }
}
.page-top .section-magazine .inner .contents >.text {
  margin-bottom: 60px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .contents >.text {
    display: inline-block;
    margin-bottom: 26px;
    font-size: 1.3rem;
    text-align: left;
  }
  .page-top .section-magazine .inner .contents >.text p {
    text-align: center;
  }
}
.page-top .section-magazine .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.page-top .section-magazine .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-top .section-magazine .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.page-top .section-magazine .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #5fbce7;
}
.page-top .section-magazine .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-top .section-magazine .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-magazine .inner .button-more a .arrow span:before,
.page-top .section-magazine .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-magazine .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-magazine .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-magazine .inner .button-more a:hover {
    background: #5fbce7;
  }
  .page-top .section-magazine .inner .button-more a:hover .bg {
    background: none;
  }
  .page-top .section-magazine .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .page-top .section-magazine .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .page-top .section-magazine .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .page-top .section-magazine .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-magazine .inner .button-more a {
    margin: 0 auto;
  }
}
.page-top .section-contact {
  background: url("../images/top/contact-pixel-bg-1.png?hash=b104dfaeea42fdc9c565064ab7f0076c") right top no-repeat, url("../images/top/contact-pixel-bg-2.png?hash=edad68c88cd4ae98f3ce9268fe24463a") left bottom no-repeat, url("../images/top/contact-pixel-bg-3.png?hash=13016b9a3e3e043a3f1cbd36677a6313") right bottom no-repeat;
  background-color: #5fbce7;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact {
    background: url("../images/sp/top/contact-pixel-bg-1.png?hash=7dc84962d37ddc735170e82d44071aaa") right top no-repeat #5fbce7;
    -webkit-background-size: 120px 80px;
    -moz-background-size: 120px 80px;
    background-size: 120px 80px;
  }
}
.page-top .section-contact .inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 148px 100px 260px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner {
    padding: 79px 25px 80px;
  }
}
.page-top .section-contact .inner .heading {
  width: 341px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 42px;
}
.page-top .section-contact .inner .heading .heading-en {
  text-align: left;
}
.page-top .section-contact .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-top .section-contact .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .heading {
    width: 170.5px;
    margin-bottom: 20px;
  }
}
.page-top .section-contact .inner .heading .heading-en {
  margin-bottom: 6px;
}
.page-top .section-contact .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-top .section-contact .inner .heading .heading-ja {
  letter-spacing: 0.06em;
}
.page-top .section-contact .inner .contents {
  text-align: center;
}
.page-top .section-contact .inner .contents .button-contact a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .button-contact a {
    width: 225px;
    height: 47px;
  }
}
.page-top .section-contact .inner .contents .button-contact a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-top .section-contact .inner .contents .button-contact a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .button-contact a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.page-top .section-contact .inner .contents .button-contact a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.page-top .section-contact .inner .contents .button-contact a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .button-contact a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-top .section-contact .inner .contents .button-contact a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-top .section-contact .inner .contents .button-contact a .arrow span:before,
.page-top .section-contact .inner .contents .button-contact a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-top .section-contact .inner .contents .button-contact a .arrow span:before {
  background-position: 0 100%;
}
.page-top .section-contact .inner .contents .button-contact a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .page-top .section-contact .inner .contents .button-contact a:hover {
    background: #000;
  }
  .page-top .section-contact .inner .contents .button-contact a:hover .bg {
    background: none;
  }
  .page-top .section-contact .inner .contents .button-contact a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .page-top .section-contact .inner .contents .button-contact a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .page-top .section-contact .inner .contents .button-contact a:hover .arrow span:before {
    opacity: 0;
  }
  .page-top .section-contact .inner .contents .button-contact a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .button-contact {
    text-align: left;
  }
}
.page-top .section-contact .inner .contents .button-contact a {
  width: 100%;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .button-contact a {
    width: 270px;
    height: 67px;
    margin: 0 auto;
  }
}
.page-top .section-contact .inner .contents .button-contact a .text {
  left: 0;
  width: 100%;
  margin-top: 46px;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .button-contact a .text {
    margin-top: 25px;
    margin-left: 20px;
    font-size: 1.4rem;
    letter-spacing: 0.03em;
  }
}
.page-top .section-contact .inner .contents .button-contact a .arrow {
  position: absolute;
  top: 33px;
  right: 30px;
  margin-top: 14px;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .button-contact a .arrow {
    position: absolute;
    top: 12px;
    right: 16px;
  }
}
.page-top .section-contact .inner .contents .company-logo-container {
  display: inline-block;
  margin-bottom: 49px;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .company-logo-container {
    margin-bottom: 30px;
  }
}
.page-top .section-contact .inner .contents .company-logo {
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents .company-logo {
    width: 90px;
  }
}
.page-top .section-contact .inner .contents ul {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.page-top .section-contact .inner .contents ul li {
  background: #49b2e3;
  margin-bottom: 4px;
  padding: 14px 0 13px;
  color: #fff;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents ul li {
    padding: 12px 20px 10px;
    margin-bottom: 5px;
    font-size: 1.3rem;
    line-height: 1.65;
  }
}
.page-top .section-contact .inner .contents ul li span {
  display: inline-block;
  width: 165px;
  text-align: center;
}
.page-top .section-contact .inner .contents ul li span.for-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .page-top .section-contact .inner .contents ul li span {
    display: block;
    margin-bottom: 3px;
    text-align: left;
    font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-weight: 700;
  }
}
.page-top .section-contact .inner .contents ul li span.text-space {
  width: 2em;
  margin: 0;
}
.page-top .news-swiper {
  padding-top: 180px;
}
@media screen and (max-width: 767px) {
  .page-top .news-swiper {
    padding-top: 100px;
  }
}
.slide-mask-center-wrap {
  display: inline-block;
  text-align: left;
}
.slide-mask {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.slide-mask .multiple {
  white-space: normal;
}
.slide-mask-break {
  overflow: hidden;
}
.slide-black-mask {
  position: relative;
}
.slide-black-mask-inline {
  display: inline-block;
}
.sample-page-movie .section-hero .section-inner,
.sample-page-slider .section-hero .section-inner {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
.sample-page-movie .section-hero .sample-1,
.sample-page-slider .section-hero .sample-1 {
  position: absolute;
  top: 80px;
  left: 85px;
}
.sample-page-movie .section-hero .sample-2,
.sample-page-slider .section-hero .sample-2 {
  position: absolute;
  top: 0;
  right: 0;
}
.sample-page-movie .section-hero .sample-3,
.sample-page-slider .section-hero .sample-3 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.sample-page-movie .section-hero .sample-4,
.sample-page-slider .section-hero .sample-4 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.sample-page-movie .section-hero .video {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
}
.sample-page-movie .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sample-page-movie .slider li {
  width: 100%;
  height: 100%;
}
.sample-page-movie .slider li.slide-1 {
  background: url("../images/top/kv-1.jpg?hash=b440edbf88661141d93d4cf38cf9f954") 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.section-academia {
  background-color: #000;
}
.section-academia_thumbnail img {
  width: 100%;
  height: auto;
}
.section-academia_body {
  margin-top: 21px;
  color: #fff;
  text-align: left;
  font-size: 13.5px;
  line-height: 1.666666666666667;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 768px) {
  .section-academia_body {
    font-size: 17px;
    line-height: 1.705882352941176;
    letter-spacing: 0.025em;
  }
}
@media screen and (min-width: 768px) {
  .section-academia_row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -25px;
    margin-right: -25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .section-academia_row.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .section-academia_left {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 53.333333333333336%;
    -ms-flex: 0 1 53.333333333333336%;
    flex: 0 1 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
}
@media screen and (min-width: 768px) {
  .section-academia_right {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 46.666666666666664%;
    -ms-flex: 0 1 46.666666666666664%;
    flex: 0 1 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
}
.section-academia .inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 130px 100px 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .section-academia .inner {
    padding: 80px 15px 80px;
  }
}
.section-academia .inner .heading {
  width: 374px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 74px;
}
.section-academia .inner .heading .heading-en {
  text-align: left;
}
.section-academia .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .section-academia .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.section-academia .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .section-academia .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .section-academia .inner .heading {
    width: 187px;
    text-align: center;
    margin: 0 auto 14px;
  }
}
.section-academia .inner .heading .heading-en {
  margin-bottom: 8px;
}
.section-academia .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .section-academia .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.section-academia .inner .heading .heading-ja {
  margin-left: 6px;
  letter-spacing: 0.01em;
}
.section-academia .inner .character {
  position: absolute;
  top: 195px;
  left: 50%;
  margin-left: 67px;
  padding-top: 120px;
  width: 120px;
  height: 0px;
  overflow: hidden;
  background: url("../images/top/workshop-character.png?hash=cf43d938be7c4406caa1d819fac86b66") left top repeat;
  -webkit-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -moz-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -o-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -ms-animation: workshopCharacter 0.96s steps(15, start) infinite;
  animation: workshopCharacter 0.96s steps(15, start) infinite;
}
@media screen and (max-width: 767px) {
  .section-academia .inner .character {
    top: 324px;
    margin-left: -70px;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@media screen and (max-width: 767px) {
  .section-academia .inner .contents {
    text-align: center;
  }
}
.section-academia .inner .contents >.text {
  margin-bottom: 60px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .section-academia .inner .contents >.text {
    display: inline-block;
    margin-bottom: 26px;
    font-size: 1.3rem;
    text-align: left;
  }
  .section-academia .inner .contents >.text p {
    text-align: center;
  }
}
.section-academia .inner .button-more {
  margin-top: 49px;
}
.section-academia .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .section-academia .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.section-academia .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.section-academia .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .section-academia .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.section-academia .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #5fbce7;
}
.section-academia .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .section-academia .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.section-academia .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.section-academia .inner .button-more a .arrow span:before,
.section-academia .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.section-academia .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.section-academia .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .section-academia .inner .button-more a:hover {
    background: #5fbce7;
  }
  .section-academia .inner .button-more a:hover .bg {
    background: none;
  }
  .section-academia .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .section-academia .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .section-academia .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .section-academia .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .section-academia .inner .button-more {
    margin-top: 34px;
  }
  .section-academia .inner .button-more a {
    margin: 0 auto;
  }
}
.section-littlespark {
  background-color: #ea5549;
}
.section-littlespark_thumbnail img {
  width: 100%;
  height: auto;
}
.section-littlespark_body {
  margin-top: 21px;
  color: #fff;
  text-align: left;
  font-size: 13.5px;
  line-height: 1.666666666666667;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 768px) {
  .section-littlespark_body {
    font-size: 17px;
    line-height: 1.705882352941176;
    letter-spacing: 0.025em;
  }
}
@media screen and (min-width: 768px) {
  .section-littlespark_logo {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .section-littlespark_row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -25px;
    margin-right: -25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .section-littlespark_row.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .section-littlespark_left {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 53.333333333333336%;
    -ms-flex: 0 1 53.333333333333336%;
    flex: 0 1 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
}
@media screen and (min-width: 768px) {
  .section-littlespark_right {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 46.666666666666664%;
    -ms-flex: 0 1 46.666666666666664%;
    flex: 0 1 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
}
.section-littlespark .inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 130px 100px 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner {
    padding: 80px 15px 80px;
  }
}
.section-littlespark .inner .heading {
  width: 374px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 74px;
}
.section-littlespark .inner .heading .heading-en {
  text-align: left;
}
.section-littlespark .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.section-littlespark .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .heading {
    width: 187px;
    text-align: center;
    margin: 0 auto 14px;
  }
}
.section-littlespark .inner .heading .heading-en {
  margin-bottom: 8px;
}
.section-littlespark .inner .heading .heading-en > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.section-littlespark .inner .heading .heading-ja {
  margin-left: 6px;
  letter-spacing: 0.01em;
}
.section-littlespark .inner .character {
  position: absolute;
  top: 195px;
  left: 50%;
  margin-left: 67px;
  padding-top: 120px;
  width: 120px;
  height: 0px;
  overflow: hidden;
  background: url("../images/top/workshop-character.png?hash=cf43d938be7c4406caa1d819fac86b66") left top repeat;
  -webkit-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -moz-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -o-animation: workshopCharacter 0.96s steps(15, start) infinite;
  -ms-animation: workshopCharacter 0.96s steps(15, start) infinite;
  animation: workshopCharacter 0.96s steps(15, start) infinite;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .character {
    top: 324px;
    margin-left: -70px;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .contents {
    text-align: center;
  }
}
.section-littlespark .inner .contents >.text {
  margin-bottom: 60px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .contents >.text {
    display: inline-block;
    margin-bottom: 26px;
    font-size: 1.3rem;
    text-align: left;
  }
  .section-littlespark .inner .contents >.text p {
    text-align: center;
  }
}
.section-littlespark .inner .button-more {
  margin-top: 49px;
}
.section-littlespark .inner .button-more a {
  width: 250px;
  height: 64px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .button-more a {
    width: 225px;
    height: 47px;
  }
}
.section-littlespark .inner .button-more a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.section-littlespark .inner .button-more a .text {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .button-more a .text {
    margin-top: 18px;
    font-size: 1.2rem;
  }
}
.section-littlespark .inner .button-more a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.section-littlespark .inner .button-more a .arrow {
  width: 30px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 19px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .button-more a .arrow {
    top: 3px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.section-littlespark .inner .button-more a .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.section-littlespark .inner .button-more a .arrow span:before,
.section-littlespark .inner .button-more a .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.section-littlespark .inner .button-more a .arrow span:before {
  background-position: 0 100%;
}
.section-littlespark .inner .button-more a .arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
@media screen and (min-width: 1025px) {
  .section-littlespark .inner .button-more a:hover {
    background: #000;
  }
  .section-littlespark .inner .button-more a:hover .bg {
    background: none;
  }
  .section-littlespark .inner .button-more a:hover .text {
    color: #000;
    margin-left: 20px;
  }
  .section-littlespark .inner .button-more a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .section-littlespark .inner .button-more a:hover .arrow span:before {
    opacity: 0;
  }
  .section-littlespark .inner .button-more a:hover .arrow span:after {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .section-littlespark .inner .button-more {
    margin-top: 34px;
  }
  .section-littlespark .inner .button-more a {
    margin: 0 auto;
  }
}
.page-lower .main {
  padding-bottom: 210px;
  background: url("../images/common/main-pixel-bg-1.png?hash=e23ea2abdf66d87a419682b14c12cead") left bottom no-repeat, url("../images/common/main-pixel-bg-2.png?hash=afeca4fe3192dd8cc5a7c4fff136aaa9") right bottom no-repeat;
}
@media screen and (max-width: 1024px) {
  .page-lower .main {
    padding-bottom: 90px;
    background: none;
  }
  .page-lower .main img {
    width: 100%;
  }
}
.page-lower .section-hero .inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-lower .section-hero .kv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-lower .section-hero .logo {
  position: absolute;
  top: 18px;
  left: 15px;
}
@media screen and (max-width: 1024px) {
  .page-lower .section-hero .logo {
    top: 10px;
    left: 6px;
    width: 67px;
  }
}
.page-lower .section-hero .heading {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  margin-top: 2px;
}
@media screen and (max-width: 1024px) {
  .page-lower .section-hero .heading {
    margin-top: -18px;
    line-height: 1;
  }
  .page-lower .section-hero .heading svg {
    width: 100%;
  }
}
.page-lower .section-hero .heading .slide-mask {
  line-height: 1;
}
.page-lower .section-hero .heading .heading-en {
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .page-lower .section-hero .heading .heading-en {
    margin-bottom: 0.5em;
    font-size: 38px;
  }
}
@media screen and (min-width: 1025px) {
  .page-lower .section-hero .heading .heading-en {
    font-size: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .page-lower .section-hero .heading .heading-ja {
    margin-top: -4px;
  }
}
.page-lower .section-hero .heading span {
  margin-top: 12px;
  color: #fff;
  font-size: 2.4rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  display: block;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .page-lower .section-hero .heading span {
    margin-top: 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container {
    margin: 0 25px;
  }
}
.page-lower .button-container ul {
  letter-spacing: -0.38em;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.page-lower .button-container ul li {
  display: inline-block;
  vertical-align: top;
  width: 470px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
.page-lower .button-container ul li .button-content {
  height: 270px;
  padding-top: 50px;
  background: #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button-content {
    padding-top: 27px;
    height: 166px;
  }
}
.page-lower .button-container ul li .button-title {
  margin-bottom: 39px;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button-title {
    margin-bottom: 22px;
  }
}
.page-lower .button-container ul li .button-title span {
  display: block;
}
.page-lower .button-container ul li .button-title .en {
  margin-bottom: 10px;
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button-title .en {
    margin-bottom: 3px;
    font-size: 2.3rem;
  }
}
.page-lower .button-container ul li .button-title .ja {
  font-size: 1.5rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.26em;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button-title .ja {
    font-size: 1rem;
  }
}
.page-lower .button-container ul li .button {
  width: 370px;
  height: 76px;
  display: block;
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: #fff;
  -moz-transition-property: #fff;
  -o-transition-property: #fff;
  -ms-transition-property: #fff;
  transition-property: #fff;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button {
    width: 230px;
    height: 55px;
  }
}
.page-lower .button-container ul li .button::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-lower .button-container ul li .button .button-icon-pdf {
  position: absolute;
  top: 28px;
  left: 30px;
  width: 38px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  background: #000;
  line-height: 20px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button .button-icon-pdf {
    top: 20px;
    left: 15px;
    width: 27px;
    height: 15px;
    font-size: 1rem;
    line-height: 15px;
  }
}
.page-lower .button-container ul li .button .button-text {
  position: absolute;
  top: 0;
  left: 80px;
  margin-top: 30px;
  color: #fff;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.11em;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button .button-text {
    left: 54px;
    margin-top: 20px;
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.4;
  }
  .page-lower .button-container ul li .button .button-text .for-sp {
    display: block;
  }
}
.page-lower .button-container ul li .button .button-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #5fbce7;
}
.page-lower .button-container ul li .button .button-arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 16px;
  right: 24px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li .button .button-arrow {
    top: 7px;
    right: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-lower .button-container ul li .button .button-arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-lower .button-container ul li .button .button-arrow span:before,
.page-lower .button-container ul li .button .button-arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.page-lower .button-container ul li .button .button-arrow span:before {
  background-position: 0 100%;
}
.page-lower .button-container ul li .button .button-arrow span:after {
  opacity: 0;
  background-position: 0 0;
}
.page-lower .button-container ul li.button-download {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li.button-download {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-lower .button-container ul li.button-download .button .button-text {
    margin-top: 9px;
  }
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li.button-contact {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.page-lower .button-container ul li.button-contact .button .button-text {
  left: 28px;
  letter-spacing: 0.18em;
}
@media screen and (max-width: 1024px) {
  .page-lower .button-container ul li.button-contact .button .button-text {
    left: 13px;
  }
}
@media screen and (min-width: 1025px) {
  .page-lower .button-container ul li a:hover {
    background: #5fbce7;
  }
  .page-lower .button-container ul li a:hover .button-bg {
    background: none;
  }
  .page-lower .button-container ul li a:hover .button-icon-pdf {
    color: #000;
    background: #fff;
  }
  .page-lower .button-container ul li a:hover .button-text {
    color: #fff;
    margin-left: 20px;
  }
  .page-lower .button-container ul li a:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.page-collaboration .section-hero .kv {
  background: url("../images/collaboration/kv.jpg?hash=bdb305375bf23da601e537af7b7a58d2") 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-hero .kv {
    background: url("../images/sp/collaboration/kv.jpg?hash=ce3bd7882a6247d148326e774073f462") 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
.page-collaboration .section-about {
  background: url("../images/collaboration/about-pixel-bg-1.png?hash=89e04b4f48821856b781066c74284d22") left top no-repeat, url("../images/collaboration/about-pixel-bg-2.png?hash=86c377e39701806f818deab21b82a73e") right top no-repeat, url("../images/collaboration/about-pixel-bg-3.png?hash=d92fecafc31c996db3b714d41b05fd32") left bottom no-repeat;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about {
    background: url("../images/sp/collaboration/about-pixel-bg-1.png?hash=0048311012ae480bb9bc81be1f851242") left top no-repeat, url("../images/sp/collaboration/about-pixel-bg-2.png?hash=08a22f87322b87775bb7c7e4c9d360cc") right top no-repeat, url("../images/sp/collaboration/about-pixel-bg-3.png?hash=13f84b81a1a94b61791688d5558fd05f") left bottom no-repeat;
    -webkit-background-size: 60px 20px, 160px 80px, 100px 20px;
    -moz-background-size: 60px 20px, 160px 80px, 100px 20px;
    background-size: 60px 20px, 160px 80px, 100px 20px;
  }
}
.page-collaboration .section-about .inner {
  padding-top: 198px;
  padding-bottom: 150px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner {
    padding-top: 105px;
    padding-bottom: 71px;
  }
}
.page-collaboration .section-about .inner .heading {
  position: relative;
  width: 774px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
.page-collaboration .section-about .inner .heading .heading-en {
  text-align: left;
}
.page-collaboration .section-about .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-collaboration .section-about .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-collaboration .section-about .inner .heading span {
  color: #000;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-collaboration .section-about .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner .heading {
    width: 280px;
  }
}
.page-collaboration .section-about .inner .heading .heading-en {
  margin-bottom: 13px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner .heading .heading-en {
    margin-bottom: 3px;
  }
}
.page-collaboration .section-about .inner .heading .heading-ja {
  letter-spacing: 0.5em;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner .heading .heading-ja {
    letter-spacing: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-collaboration .section-about .inner .heading .heading-ja {
    letter-spacing: 0.2em;
  }
}
.page-collaboration .section-about .inner .heading .heading-ja span {
  font-size: 3rem;
  text-indent: 0.8em;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner .heading .heading-ja span {
    font-size: 1.3rem;
    text-indent: 0.7em;
  }
}
.page-collaboration .section-about .inner .contents {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
.page-collaboration .section-about .inner .contents .img {
  display: inline-block;
  margin-bottom: 55px;
  text-align: left;
  line-height: 1;
  margin-top: -31px;
  padding-left: 6px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner .contents .img {
    width: 191px;
    margin: -29px auto 36px;
    padding-left: 0;
  }
}
.page-collaboration .section-about .inner .contents .text {
  margin-top: -82px;
  text-align: center;
  margin-bottom: 60px;
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner .contents .text {
    margin: -52px 25px 34px;
    font-size: 1.3rem;
    text-align: left;
  }
}
.page-collaboration .section-about .inner .contents .text p {
  display: inline-block;
  text-align: center;
  line-height: 2.15;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-about .inner .contents .text p {
    text-align: justify;
    line-height: 1.65;
    white-space: normal;
  }
}
.page-collaboration .section-portfolio {
  background: url("../images/collaboration/portfolio-pixel-bg-1.png?hash=cd5fa1906f28090b1a4e12e6f7612b11") left top no-repeat, url("../images/collaboration/portfolio-pixel-bg-2.png?hash=859d44daab0dad7c2463b6ddad5327b0") right bottom no-repeat;
  background-color: #5fbce7;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio {
    background: url("../images/sp/collaboration/portfolio-pixel-bg-1.png") left top no-repeat, url("../images/sp/collaboration/portfolio-pixel-bg-2.png?hash=141e7057b6833a5907b6d992059f0db0") right bottom no-repeat;
    -webkit-background-size: 130px 70px, 120px 20px;
    -moz-background-size: 130px 70px, 120px 20px;
    background-size: 130px 70px, 120px 20px;
    background-color: #5fbce7;
  }
}
.page-collaboration .section-portfolio .inner {
  padding-top: 158px;
  padding-bottom: 90px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner {
    padding-top: 79px;
    padding-bottom: 64px;
  }
}
.page-collaboration .section-portfolio .inner .heading {
  width: 362px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 56px;
  line-height: 1;
}
.page-collaboration .section-portfolio .inner .heading .heading-en {
  text-align: left;
}
.page-collaboration .section-portfolio .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-collaboration .section-portfolio .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-collaboration .section-portfolio .inner .heading span {
  color: #fff;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-collaboration .section-portfolio .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .heading {
    width: 199px;
    margin-bottom: 40px;
  }
}
.page-collaboration .section-portfolio .inner .heading .heading-en {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-collaboration .section-portfolio .inner .heading .heading-ja {
  font-size: 3rem;
  letter-spacing: 0.08em;
}
.page-collaboration .section-portfolio .inner .contents {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .contents ul {
    margin: 0 25px;
  }
}
.page-collaboration .section-portfolio .inner .contents ul li {
  position: relative;
  float: left;
  margin-bottom: 60px;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .contents ul li {
    float: none;
    margin-bottom: 25px;
  }
}
.page-collaboration .section-portfolio .inner .contents ul li:nth-child(odd) {
  margin-right: 58px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .contents ul li:nth-child(odd) {
    margin-right: 0;
  }
}
.page-collaboration .section-portfolio .inner .contents ul li .text {
  position: absolute;
  bottom: 36px;
  left: 27px;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .contents ul li .text {
    bottom: 21px;
    left: 19px;
  }
}
.page-collaboration .section-portfolio .inner .contents ul li .text span {
  display: block;
}
.page-collaboration .section-portfolio .inner .contents ul li .text .en {
  margin-bottom: 8px;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .contents ul li .text .en {
    line-height: 1.15;
    font-size: 2.3rem;
  }
}
.page-collaboration .section-portfolio .inner .contents ul li .text .ja {
  margin-left: 2px;
  font-size: 1.6rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .contents ul li .text .ja {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-portfolio .inner .contents ul li.comingsoon {
    display: none;
  }
}
.page-collaboration .section-portfolio .inner .contents ul li.comingsoon .text-comingsoon {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  color: #eaf2f5;
}
.page-collaboration .section-portfolio .inner .contents ul li.comingsoon .text-comingsoon .en {
  font-size: 2.6rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.page-collaboration .section-flow {
  background: url("../images/collaboration/flow-pixel-bg-1.png?hash=d839e829d7008a84f37e7a46b4eddb55") right top no-repeat;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow {
    background: url("../images/sp/collaboration/flow-pixel-bg-1.png?hash=f6dd8ec6f7c505446c2fca29cfafba01") right top no-repeat;
    -webkit-background-size: 120px 80px;
    -moz-background-size: 120px 80px;
    background-size: 120px 80px;
  }
}
.page-collaboration .section-flow .inner {
  padding-top: 158px;
  padding-bottom: 120px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner {
    padding-top: 90px;
    padding-bottom: 20px;
  }
}
.page-collaboration .section-flow .inner .heading {
  width: 168px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 72px;
  line-height: 1;
}
.page-collaboration .section-flow .inner .heading .heading-en {
  text-align: left;
}
.page-collaboration .section-flow .inner .heading .heading-ja {
  display: inline-block;
  text-align: left;
  letter-spacing: 0.42em;
}
@media screen and (max-width: 767px) {
  .page-collaboration .section-flow .inner .heading .heading-ja {
    letter-spacing: 0.22em;
  }
}
.page-collaboration .section-flow .inner .heading span {
  color: #000;
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .page-collaboration .section-flow .inner .heading span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .heading {
    width: 95px;
    margin-bottom: 26px;
  }
}
.page-collaboration .section-flow .inner .heading .heading-en {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .heading .heading-en {
    margin-bottom: 0;
  }
}
.page-collaboration .section-flow .inner .heading .heading-ja {
  font-size: 3rem;
  letter-spacing: 0.08em;
}
.page-collaboration .section-flow .inner .contents {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
.page-collaboration .section-flow .inner .contents .flow {
  margin-bottom: 120px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow {
    margin: 0 40px 36px;
  }
}
.page-collaboration .section-flow .inner .contents .flow li {
  position: relative;
  float: left;
  width: 320px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
}
.page-collaboration .section-flow .inner .contents .flow li .icon {
  height: 115px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li .icon {
    margin: 0 auto 24px;
    height: auto;
  }
}
.page-collaboration .section-flow .inner .contents .flow li .title {
  line-height: 1;
  margin-bottom: 22px;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li .title {
    margin-bottom: 13px;
  }
}
.page-collaboration .section-flow .inner .contents .flow li .title span {
  display: block;
}
.page-collaboration .section-flow .inner .contents .flow li .title .en {
  margin-bottom: 4px;
  color: #5fbce7;
  font-size: 3.6rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li .title .en {
    font-size: 2.8rem;
  }
}
.page-collaboration .section-flow .inner .contents .flow li .title .ja {
  font-size: 1.5rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li .title .ja {
    font-size: 1.2rem;
  }
}
.page-collaboration .section-flow .inner .contents .flow li .text {
  padding: 26px 30px 0;
  font-size: 1.5rem;
  text-align: left;
  border-top: 6px solid;
  text-align: justify;
  line-height: 1.9;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li .text {
    padding: 10px 0 0;
    border-width: 5px;
    font-size: 1.3rem;
    line-height: 1.65;
  }
}
.page-collaboration .section-flow .inner .contents .flow li .arrow {
  position: absolute;
  top: 52px;
  right: -20px;
  display: block;
  width: 40px;
  height: 13px;
  background: url("../images/collaboration/flow-arrow.png?hash=4d24e9a5812389265b71588be3b31330") 0 0 no-repeat;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li .arrow {
    position: static;
    width: 8px;
    height: 20px;
    margin: 16px auto 0;
    background: url("../images/sp/collaboration/flow-arrow.png?hash=89efe9e2181618884667db5063a84838") 0 0 no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li.flow-1 .icon {
    width: 70px;
  }
}
.page-collaboration .section-flow .inner .contents .flow li.flow-1 .icon img {
  margin-top: 11px;
}
.page-collaboration .section-flow .inner .contents .flow li.flow-1 .text {
  border-color: #e8e8e8;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li.flow-2 .icon {
    width: 62px;
    margin-bottom: 17px;
  }
}
.page-collaboration .section-flow .inner .contents .flow li.flow-2 .icon img {
  margin-top: 1px;
}
.page-collaboration .section-flow .inner .contents .flow li.flow-2 .text {
  border-color: #d7d9d9;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li.flow-2 .text {
    border-color: #e8e8e8;
  }
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li.flow-3 .icon {
    margin-bottom: 15px;
    width: 59px;
  }
}
.page-collaboration .section-flow .inner .contents .flow li.flow-3 .icon img {
  margin-top: 0;
}
.page-collaboration .section-flow .inner .contents .flow li.flow-3 .text {
  border-color: #c1c1c1;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .section-flow .inner .contents .flow li.flow-3 .text {
    border-color: #e8e8e8;
  }
}
.page-collaboration .button-back {
  width: 470px;
  height: 70px;
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: #fff;
  -moz-transition-property: #fff;
  -o-transition-property: #fff;
  -ms-transition-property: #fff;
  transition-property: #fff;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .button-back {
    width: 270px;
    height: 47px;
  }
}
.page-collaboration .button-back a {
  display: block;
  width: 100%;
  height: 100%;
}
.page-collaboration .button-back::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5fbce7;
  content: "";
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}
.page-collaboration .button-back .text {
  position: absolute;
  top: 0;
  left: 101px;
  margin-top: 28px;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
  letter-spacing: 0.22em;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .button-back .text {
    left: 63px;
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .page-collaboration .button-back .text .for-sp {
    display: block;
  }
}
.page-collaboration .button-back .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}
.page-collaboration .button-back .arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 12px;
  left: 31px;
  margin-top: 14px;
  width: 30px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .page-collaboration .button-back .arrow {
    top: 3px;
    left: 10px;
    width: 22px;
    height: 7px;
  }
}
.page-collaboration .button-back .arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.page-collaboration .button-back .arrow span:before,
.page-collaboration .button-back .arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/button-back-arrow.png?hash=300a0b01bae89698ecacf1d3b64236b6") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
@media screen and (min-width: 1025px) {
  .page-collaboration .button-back:hover {
    background: #000;
  }
  .page-collaboration .button-back:hover .bg {
    background: none;
  }
  .page-collaboration .button-back:hover .text {
    color: #fff;
    margin-left: -20px;
  }
  .page-collaboration .button-back:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.page-news .kv {
  background: url("../images/collaboration/kv.jpg?hash=bdb305375bf23da601e537af7b7a58d2") 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .page-news .kv {
    background: url("../images/sp/collaboration/kv.jpg?hash=ce3bd7882a6247d148326e774073f462") 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
.archive {
  margin-top: 100px;
  padding: 0 15px;
}
@media screen and (min-width: 1025px) {
  .archive {
    padding: 0;
  }
}
.archive-item {
  margin-top: 10px;
  padding: 7px 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  color: #000;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
}
@media screen and (min-width: 1025px) {
  .archive-item {
    margin-top: 40px;
    overflow: hidden;
    position: relative;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border: none;
  }
}
.archive-meta {
  position: relative;
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -o-box-flex: 4;
  box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
  padding-left: 0;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .archive-meta {
    padding-left: 40px;
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
.archive-title {
  overflow: hidden;
  max-height: 10em;
  white-space: normal;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 1025px) {
  .archive-title {
    font-size: 2rem;
  }
}
.archive-date {
  margin-top: 8px;
  font-size: 1rem;
  line-height: 1;
  color: #898989;
}
@media screen and (min-width: 1025px) {
  .archive-date {
    margin-top: 1em;
    font-size: 1.2rem;
  }
}
.archive-thumbnail {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  max-width: 70px;
  height: 70px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 70px;
  -ms-flex: 1 1 70px;
  flex: 1 1 70px;
}
@media screen and (min-width: 1025px) {
  .archive-thumbnail {
    border-radius: 0;
    max-width: none;
    height: auto;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}
.archive-thumbnail img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  -ms-transition: 1s ease;
  transition: 1s ease;
}
@media screen and (min-width: 1025px) {
  .archive-thumbnail img {
    width: 100%;
    height: auto;
  }
}
.archive-filter {
  padding: 10px;
  text-align: center;
}
.archive-filter-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.archive-filter-item {
  margin: 0 6px;
  padding: 0 6px;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #fff;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .archive-filter-item {
    margin: 0 8px;
    padding: 0 8px;
    font-size: 1.8rem;
  }
}
.archive-filter-item:hover,
.archive-filter-item.active {
  background: #000;
  color: #fff;
}
.archive-item:hover .archive-thumbnail img {
  -webkit-transform: scale(1.1) translateX(-45%);
  -moz-transform: scale(1.1) translateX(-45%);
  -o-transform: scale(1.1) translateX(-45%);
  -ms-transform: scale(1.1) translateX(-45%);
  transform: scale(1.1) translateX(-45%);
}
.single {
  max-width: 700px;
  margin: 50px auto 0;
  padding: 0 25px;
}
@media screen and (min-width: 1025px) {
  .single {
    margin: 100px auto 0;
  }
}
.single-thumbnail {
  position: relative;
  overflow: hidden;
  margin-top: 1em;
  text-align: center;
}
.single-thumbnail img {
  width: 100%;
  height: auto;
}
.single-title {
  font-size: 2rem;
  white-space: normal;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .single-title {
    font-size: 2.8rem;
  }
}
.single-meta {
  padding-top: 10px;
  margin-top: 10px;
  border-top: solid 1px #eee;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .single-meta {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.single-share {
  margin-left: auto;
}
.single-date {
  font-size: 1.2rem;
}
.single-body {
  margin-top: 50px;
  color: #000;
  text-align: left;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.single-body h1,
.single-body h2,
.single-body h3,
.single-body h4,
.single-body h5,
.single-body h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.single-body h1,
.single-body h2,
.single-body h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.single-body img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.single-body iframe {
  max-width: 100%;
}
.single-body blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.single-body code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.single-body pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.single-body dt {
  font-weight: 700;
}
.single-body b,
.single-body strong {
  font-weight: 700;
}
.single-body a {
  word-wrap: break-word;
  color: $text-color;
}
.single-body ul {
  list-style-type: disc;
}
.single-body ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.single-body ol {
  list-style-type: decimal;
}
.single-body ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.single-body table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.single-body table tr th,
.single-body table tr td {
  padding: 1em;
}
.single-body table tr th,
.single-body table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.single-body img[class*="wp-image-"],
.single-body img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.single-body .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.single-body .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.single-body .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.single-body .clear {
  clear: both;
}
.single-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 50px;
  padding-top: 10px;
  border-top: solid 1px #eee;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .single-bottom-share {
    margin-left: auto;
  }
}
.single-tags {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .single-tags {
    margin-top: 50px;
  }
}
.single-tags_title {
  margin-top: 0.3em;
  margin-right: 0.5em;
  font-weight: 700;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .single-tags_title {
    font-size: 1.5rem;
  }
}
.magazine-sec-inner {
  padding-top: 50px;
}
@media screen and (min-width: 1025px) {
  .magazine-sec-inner {
    padding-top: 50px;
  }
}
.magazine {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.magazine.reverse {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: column-reverse nowrap;
  -ms-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
}
.magazine.reverse .magazine-side {
  padding-top: 64px;
}
@media screen and (min-width: 1025px) {
  .magazine.reverse .magazine-side {
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .magazine.reverse {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
@media screen and (min-width: 1025px) {
  .magazine {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.magazine-main {
  padding: 0 25px;
}
@media screen and (min-width: 1025px) {
  .magazine-main {
    padding: 0 50px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.magazine-side {
  display: block;
  padding: 0 25px;
}
@media screen and (min-width: 1025px) {
  .magazine-side {
    padding: 0 50px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 300px;
    -ms-flex: 0 1 300px;
    flex: 0 1 300px;
    max-width: 300px;
  }
}
.magazine-side_section_title {
  position: relative;
  font-weight: 700;
  font-size: 1.6rem;
}
.magazine-side_section_title span {
  z-index: 1;
  position: relative;
}
.magazine-side_section_title::after {
  content: '';
  position: absolute;
  background-color: #00bfff;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  opacity: 0.5;
}
@media screen and (min-width: 1025px) {
  .magazine-side_section_title {
    font-size: 1.8rem;
  }
}
.magazine-side_items {
  margin-top: 10px;
}
@media screen and (min-width: 1025px) {
  .magazine-side_items {
    margin-top: 20px;
  }
}
.magazine-side_item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.magazine-side_item:hover {
  opacity: 0.8;
}
.magazine-side_item_thumbnail {
  position: relative;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.magazine-side_item_thumbnail img {
  width: 100%;
  height: auto;
}
.magazine-side_item_title {
  margin-left: 1em;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  font-size: 1.2rem;
  color: #222;
}
@media screen and (min-width: 1025px) {
  .magazine-side_item_title {
    font-size: 1.3rem;
  }
}
.magazine-side_sep {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #e1e1e1;
}
.magazine-side_facebook {
  padding-top: 30px;
}
.magazine-sep {
  border-top: solid 1px #e1e1e1;
  margin: 20px 0;
}
@media screen and (min-width: 1025px) {
  .magazine-sep {
    margin: 40px 0;
  }
}
.magazine-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #000;
}
@media screen and (min-width: 1025px) {
  .magazine-item {
    overflow: hidden;
    position: relative;
  }
}
.magazine-meta {
  position: relative;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -o-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding-left: 1em;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .magazine-meta {
    padding-left: 40px;
    padding-bottom: 1em;
  }
}
.magazine-meta_bottom {
  margin-top: 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.magazine-meta_bottom .tags {
  display: none;
}
@media screen and (min-width: 1025px) {
  .magazine-meta_bottom .tags {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
.magazine-title {
  overflow: hidden;
  max-height: 10em;
  white-space: normal;
  font-weight: 700;
  font-size: 1.3rem;
  color: #222;
}
.magazine-title a {
  color: #222;
}
@media screen and (min-width: 1025px) {
  .magazine-title {
    font-size: 1.6rem;
  }
}
.magazine-description {
  margin-top: 1em;
  overflow: hidden;
  max-height: 10em;
  white-space: normal;
  font-size: 1.1rem;
  color: #555;
  display: none;
}
@media screen and (min-width: 1025px) {
  .magazine-description {
    font-size: 1.3rem;
    display: block;
  }
}
.magazine-date {
  margin-left: auto;
  line-height: 1.2;
  color: #555;
  display: none;
}
@media screen and (min-width: 1025px) {
  .magazine-date {
    display: block;
  }
}
.magazine-thumbnail {
  overflow: hidden;
  position: relative;
  width: 40%;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -o-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.magazine-thumbnail img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  -ms-transition: 1s ease;
  transition: 1s ease;
}
.magazine-thumbnail_category {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.1em 1em;
  color: #fff;
  opacity: 0.8;
  font-size: 1.2rem;
  font-weight: 700;
}
.magazine-thumbnail_category span {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .magazine-thumbnail_category {
    padding: 0.3em 2em;
    font-size: 1.4rem;
  }
}
.magazine-filter {
  padding: 10px;
  text-align: center;
}
.magazine-filter-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.magazine-filter-item {
  margin: 0 6px;
  padding: 0 6px;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #fff;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .magazine-filter-item {
    margin: 0 8px;
    padding: 0 8px;
    font-size: 1.8rem;
  }
}
.magazine-filter-item:hover,
.magazine-filter-item.active {
  background: #000;
  color: #fff;
}
.magazine-item:hover .magazine-thumbnail img {
  -webkit-transform: scale(1.1) translateX(-45%);
  -moz-transform: scale(1.1) translateX(-45%);
  -o-transform: scale(1.1) translateX(-45%);
  -ms-transform: scale(1.1) translateX(-45%);
  transform: scale(1.1) translateX(-45%);
}
.magazine-single {
  max-width: 700px;
  margin: 50px auto 0;
  padding: 0 25px;
}
@media screen and (min-width: 1025px) {
  .magazine-single {
    margin: 100px auto 0;
  }
}
.magazine-single-thumbnail {
  position: relative;
  overflow: hidden;
  margin-top: 1em;
  text-align: center;
}
.magazine-single-thumbnail img {
  width: 100%;
  height: auto;
}
.magazine-single-title {
  font-size: 2rem;
  white-space: normal;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .magazine-single-title {
    font-size: 2.8rem;
  }
}
.magazine-single-meta {
  padding-top: 10px;
  margin-top: 10px;
  border-top: solid 1px #eee;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .magazine-single-meta {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.magazine-single-share {
  margin-left: auto;
}
.magazine-single-date {
  font-size: 1.2rem;
}
.magazine-single-body {
  margin-top: 50px;
  color: #000;
  text-align: left;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.magazine-single-body h1,
.magazine-single-body h2,
.magazine-single-body h3,
.magazine-single-body h4,
.magazine-single-body h5,
.magazine-single-body h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.magazine-single-body h1,
.magazine-single-body h2,
.magazine-single-body h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.magazine-single-body img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.magazine-single-body iframe {
  max-width: 100%;
}
.magazine-single-body blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.magazine-single-body code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.magazine-single-body pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.magazine-single-body dt {
  font-weight: 700;
}
.magazine-single-body b,
.magazine-single-body strong {
  font-weight: 700;
}
.magazine-single-body a {
  word-wrap: break-word;
  color: $text-color;
}
.magazine-single-body ul {
  list-style-type: disc;
}
.magazine-single-body ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.magazine-single-body ol {
  list-style-type: decimal;
}
.magazine-single-body ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.magazine-single-body table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.magazine-single-body table tr th,
.magazine-single-body table tr td {
  padding: 1em;
}
.magazine-single-body table tr th,
.magazine-single-body table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.magazine-single-body img[class*="wp-image-"],
.magazine-single-body img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.magazine-single-body .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.magazine-single-body .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.magazine-single-body .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.magazine-single-body .clear {
  clear: both;
}
.magazine-single-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 50px;
  padding-top: 10px;
  border-top: solid 1px #eee;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .magazine-single-bottom-share {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .page-single-attraction .button-menu {
    top: 3px;
    background-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  .page-single-attraction .header {
    top: 76px;
  }
}
@media screen and (max-width: 767px) {
  .page-single-attraction .header .button-space {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .page-single-attraction .header .button-group {
    display: none;
  }
}
.attraction {
  padding-bottom: 50px;
}
@media screen and (min-width: 1025px) {
  .attraction {
    padding-bottom: 180px;
  }
}
.attraction-inner {
  padding-top: 100px;
}
@media screen and (max-width: 1024px) {
  .attraction-inner {
    padding-top: 50px;
  }
}
.attraction-meta {
  padding-bottom: 100px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .attraction-meta {
    padding-bottom: 50px;
  }
}
.attraction-catchcopy {
  font-size: 2.5rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.attraction-catchcopy p {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .attraction-catchcopy {
    font-size: 2.5rem;
  }
}
.attraction-share {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .attraction-share {
    padding-bottom: 10px;
  }
}
.attraction-share-no-margin-bottom {
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .attraction-share-no-margin-bottom {
    padding-bottom: 0;
  }
}
.attraction-container {
  margin: 0 auto;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  .attraction-container {
    margin: 0 auto;
    padding: 0 100px;
    max-width: 1000px;
  }
}
.attraction-video {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.6037736%;
}
.attraction-video-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.attraction-video div {
  height: 100%;
}
.attraction-video iframe,
.attraction-video video,
.attraction-video img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.attraction-description {
  margin-top: 40px;
  font-size: 1.3rem;
  line-height: 2.15;
  text-align: justify;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
@media screen and (min-width: 1025px) {
  .attraction-description {
    font-size: 1.8rem;
    line-height: 1.65;
    text-align: left;
  }
}
.attraction-description h1,
.attraction-description h2,
.attraction-description h3,
.attraction-description h4,
.attraction-description h5,
.attraction-description h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.attraction-description h1,
.attraction-description h2,
.attraction-description h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.attraction-description img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.attraction-description iframe {
  max-width: 100%;
}
.attraction-description blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.attraction-description code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.attraction-description pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.attraction-description dt {
  font-weight: 700;
}
.attraction-description b,
.attraction-description strong {
  font-weight: 700;
}
.attraction-description a {
  word-wrap: break-word;
  color: $text-color;
}
.attraction-description ul {
  list-style-type: disc;
}
.attraction-description ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.attraction-description ol {
  list-style-type: decimal;
}
.attraction-description ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.attraction-description table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.attraction-description table tr th,
.attraction-description table tr td {
  padding: 1em;
}
.attraction-description table tr th,
.attraction-description table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.attraction-description img[class*="wp-image-"],
.attraction-description img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.attraction-description .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.attraction-description .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.attraction-description .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.attraction-description .clear {
  clear: both;
}
@media screen and (min-width: 1025px) {
  .attraction-description {
    margin-top: 80px;
  }
}
.attraction-description-no-margin-top {
  margin-top: 0;
}
@media screen and (min-width: 1025px) {
  .attraction-description-no-margin-top {
    margin-top: 0;
  }
}
.attraction-media {
  margin-top: 40px;
}
@media screen and (min-width: 1025px) {
  .attraction-media {
    margin-top: 80px;
  }
}
.attraction-media-title {
  margin-bottom: 4px;
  color: #5fbce7;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .attraction-media-title {
    font-size: 3rem;
  }
}
.attraction-logo-photo {
  padding-bottom: 50px;
}
@media screen and (min-width: 1025px) {
  .attraction-logo-photo {
    padding-bottom: 100px;
  }
}
.attraction-logo {
  margin: 0 -12px;
  padding: 50px 0 0;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .attraction-logo {
    margin: 0 -30x;
    padding: 100px 0 0;
  }
}
.attraction-logo-item {
  overflow: hidden;
  position: relative;
  margin: 12px 12px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
}
@media screen and (min-width: 1025px) {
  .attraction-logo-item {
    margin: 30px 30px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 510px;
    -ms-flex: 0 0 510px;
    flex: 0 0 510px;
  }
}
.attraction-logo img {
  width: 100%;
  height: auto;
}
.attraction-photo {
  margin: 0 -12px;
  padding: 50px 0 0;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .attraction-photo {
    margin: 0 -30x;
    padding: 100px 0 0;
  }
}
.attraction-photo-item {
  overflow: hidden;
  position: relative;
  margin: 12px 12px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
}
@media screen and (min-width: 1025px) {
  .attraction-photo-item {
    margin: 30px 30px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 510px;
    -ms-flex: 0 0 510px;
    flex: 0 0 510px;
  }
}
.attraction-photo img {
  width: 100%;
  height: auto;
}
.attraction_collaborations_inner {
  padding-top: 105px;
  padding-bottom: 105px;
}
@media screen and (min-width: 1025px) {
  .attraction_collaborations_inner {
    padding-top: 198px;
    padding-bottom: 198px;
  }
}
.attraction-archive .contents {
  background: url("../images/top/attractions-pixel-bg-3.png?hash=76ebb66f3830f81fc820f4c2cb7d125e") right top no-repeat, url("../images/top/attractions-pixel-bg-4.png?hash=a9e5f1437b5c25445e0622ca0855bdef") right 41% no-repeat, url("../images/top/attractions-pixel-bg-5.png?hash=4f0d24bea603420bf88324fa5d299c3b") right 83% no-repeat;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive .contents {
    padding-top: 20px;
    padding-bottom: 40px;
    background: none;
  }
}
.attraction-archive .contents-inner {
  position: relative;
  max-width: 1600px;
  padding: 0 100px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .attraction-archive .contents-inner {
    padding: 0 25px;
  }
}
.attraction-archive .contents-inner img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive ul {
    display: block;
  }
}
.attraction-archive li {
  float: left;
  margin-bottom: 7.685185185185185%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li {
    float: none;
    margin-bottom: 18px;
  }
  .attraction-archive li .text-container {
    font-feature-settings: "palt";
    letter-spacing: -0.06em;
  }
}
.attraction-archive li:nth-child(odd) {
  margin-right: 7.407407407407407%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li:nth-child(odd) {
    margin-right: 0;
  }
}
.attraction-archive li a {
  display: block;
  color: #fff;
}
.attraction-archive li a .block {
  position: relative;
  margin-bottom: 14px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block {
    margin-bottom: 6px;
  }
}
.attraction-archive li a .block .poster-img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .poster-img {
    padding: 11px;
  }
}
.attraction-archive li a .block .video {
  position: relative;
  padding: 20px;
  background: url("../images/top/attractions-img-flame.png?hash=690a76f1a56ad071a7772830d0ed4304") left top repeat;
  line-height: 1;
}
.attraction-archive li a .block .video .filter {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .video .filter {
    padding: 11px;
  }
}
.attraction-archive li a .block .video .filter .filter-inner {
  width: 100%;
  height: 100%;
  background: url("../images/top/attractions-filter.png?hash=c0443174123fdbbdea896ed6ead00857") 0 0 repeat;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .video .filter .filter-inner {
    -webkit-background-size: 2px 2px;
    -moz-background-size: 2px 2px;
    background-size: 2px 2px;
  }
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .video {
    padding: 11px;
    -webkit-background-size: 9px 9px;
    -moz-background-size: 9px 9px;
    background-size: 9px 9px;
  }
}
.attraction-archive li a .block .video video {
  width: 100%;
}
.attraction-archive li a .block .title {
  position: absolute;
  bottom: 41px;
  left: -20px;
  width: 100%;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .title {
    bottom: 30px;
    left: -10px;
  }
}
.attraction-archive li a .block .title span {
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  line-height: 1;
  background: #5fbce7;
}
.attraction-archive li a .block .title .ja {
  font-size: 2rem;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .title .ja {
    font-size: 1.4rem;
  }
}
.attraction-archive li a .block .title .ja span {
  line-height: 1.25;
}
.attraction-archive li a .block .title .en {
  font-size: 4.2rem;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .title .en {
    font-size: 2.7rem;
  }
}
.attraction-archive li a .block .title .en span:last-child {
  margin-bottom: 0;
}
.attraction-archive li a .block .title .en span {
  line-height: 0.92;
}
.attraction-archive li a .block .button-more {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #000;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .button-more {
    width: 40px;
    height: 40px;
  }
}
.attraction-archive li a .block .button-more span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.attraction-archive li a .block .button-more span.text {
  width: 100%;
  margin-top: 39px;
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .button-more span.text {
    margin-top: 22px;
    font-size: 0.7rem;
    letter-spacing: 0.15em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .attraction-archive li a .block .button-more span.text {
    display: inline-block;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: 7px;
  }
}
.attraction-archive li a .block .button-more span.arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 17px;
  left: 20px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .block .button-more span.arrow {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 7px;
  }
}
.attraction-archive li a .block .button-more span.arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.attraction-archive li a .block .button-more span.arrow span:before,
.attraction-archive li a .block .button-more span.arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.attraction-archive li a .block .button-more span.arrow span:before {
  background-position: 0 0;
}
.attraction-archive li a .block .button-more span.arrow span:after {
  opacity: 0;
  background-position: 0 100%;
}
.attraction-archive li a .text-container {
  position: relative;
  text-align: right;
}
.attraction-archive li a .text-container .text {
  display: inline-block;
  font-size: 1.5rem;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li a .text-container .text {
    font-size: 1.3rem;
  }
}
.attraction-archive li a .text-container .text >span {
  display: inline-block;
  text-align: right;
  overflow: hidden;
}
.attraction-archive li a .text-container .text >span span {
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) {
  .attraction-archive li a:hover .block .title span {
    display: inline-block;
    background: #38afe6;
  }
  .attraction-archive li a:hover .block .video {
    -webkit-animation: stripe 1s infinite linear;
    -moz-animation: stripe 1s infinite linear;
    -o-animation: stripe 1s infinite linear;
    -ms-animation: stripe 1s infinite linear;
    animation: stripe 1s infinite linear;
  }
  .attraction-archive li a:hover .block .button-more {
    background: #000;
    color: #fff;
  }
  .attraction-archive li a:hover .block .button-more span.arrow span {
    -webkit-animation: buttonMore 0.4s linear forwards;
    -moz-animation: buttonMore 0.4s linear forwards;
    -o-animation: buttonMore 0.4s linear forwards;
    -ms-animation: buttonMore 0.4s linear forwards;
    animation: buttonMore 0.4s linear forwards;
  }
  .attraction-archive li a:hover .block .button-more span.arrow span:before {
    opacity: 0;
  }
  .attraction-archive li a:hover .block .button-more span.arrow span:after {
    opacity: 1;
  }
}
.attraction-archive li.attraction-1 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-1 {
    width: 100%;
  }
}
.attraction-archive li.attraction-1 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-1 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-1 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-1 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-2 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-2 {
    width: 100%;
  }
}
.attraction-archive li.attraction-2 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-2 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-2 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-2 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-3 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-3 {
    width: 100%;
  }
}
.attraction-archive li.attraction-3 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-3 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-3 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-3 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-4 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-4 {
    width: 100%;
  }
}
.attraction-archive li.attraction-4 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-4 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-4 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-4 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-5 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-5 {
    width: 100%;
  }
}
.attraction-archive li.attraction-5 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-5 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-5 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-5 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-6 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-6 {
    width: 100%;
  }
}
.attraction-archive li.attraction-6 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-6 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-6 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-6 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-7 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-7 {
    width: 100%;
  }
}
.attraction-archive li.attraction-7 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-7 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-7 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-7 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-8 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-8 {
    width: 100%;
  }
}
.attraction-archive li.attraction-8 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-8 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-8 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-8 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-9 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-9 {
    width: 100%;
  }
}
.attraction-archive li.attraction-9 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-9 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-9 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-9 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-10 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-10 {
    width: 100%;
  }
}
.attraction-archive li.attraction-10 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-10 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-10 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-10 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-11 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-11 {
    width: 100%;
  }
}
.attraction-archive li.attraction-11 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-11 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-11 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-11 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-12 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-12 {
    width: 100%;
  }
}
.attraction-archive li.attraction-12 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-12 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-12 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-12 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-13 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-13 {
    width: 100%;
  }
}
.attraction-archive li.attraction-13 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-13 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-13 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-13 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-14 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-14 {
    width: 100%;
  }
}
.attraction-archive li.attraction-14 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-14 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-14 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-14 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-15 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-15 {
    width: 100%;
  }
}
.attraction-archive li.attraction-15 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-15 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-15 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-15 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-16 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-16 {
    width: 100%;
  }
}
.attraction-archive li.attraction-16 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-16 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-16 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-16 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-17 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-17 {
    width: 100%;
  }
}
.attraction-archive li.attraction-17 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-17 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-17 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-17 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-18 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-18 {
    width: 100%;
  }
}
.attraction-archive li.attraction-18 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-18 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-18 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-18 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-19 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-19 {
    width: 100%;
  }
}
.attraction-archive li.attraction-19 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-19 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-19 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-19 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-20 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-20 {
    width: 100%;
  }
}
.attraction-archive li.attraction-20 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-20 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-20 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-20 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-21 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-21 {
    width: 100%;
  }
}
.attraction-archive li.attraction-21 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-21 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-21 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-21 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-22 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-22 {
    width: 100%;
  }
}
.attraction-archive li.attraction-22 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-22 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-22 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-22 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-23 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-23 {
    width: 100%;
  }
}
.attraction-archive li.attraction-23 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-23 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-23 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-23 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-24 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-24 {
    width: 100%;
  }
}
.attraction-archive li.attraction-24 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-24 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-24 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-24 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-25 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-25 {
    width: 100%;
  }
}
.attraction-archive li.attraction-25 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-25 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-25 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-25 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-26 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-26 {
    width: 100%;
  }
}
.attraction-archive li.attraction-26 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-26 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-26 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-26 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-27 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-27 {
    width: 100%;
  }
}
.attraction-archive li.attraction-27 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-27 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-27 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-27 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-28 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-28 {
    width: 100%;
  }
}
.attraction-archive li.attraction-28 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-28 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-28 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-28 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-29 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-29 {
    width: 100%;
  }
}
.attraction-archive li.attraction-29 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-29 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-29 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-29 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-30 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-30 {
    width: 100%;
  }
}
.attraction-archive li.attraction-30 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-30 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-30 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-30 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-31 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-31 {
    width: 100%;
  }
}
.attraction-archive li.attraction-31 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-31 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-31 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-31 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-32 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-32 {
    width: 100%;
  }
}
.attraction-archive li.attraction-32 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-32 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-32 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-32 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-33 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-33 {
    width: 100%;
  }
}
.attraction-archive li.attraction-33 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-33 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-33 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-33 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-34 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-34 {
    width: 100%;
  }
}
.attraction-archive li.attraction-34 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-34 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-34 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-34 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-35 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-35 {
    width: 100%;
  }
}
.attraction-archive li.attraction-35 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-35 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-35 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-35 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-36 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-36 {
    width: 100%;
  }
}
.attraction-archive li.attraction-36 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-36 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-36 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-36 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-37 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-37 {
    width: 100%;
  }
}
.attraction-archive li.attraction-37 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-37 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-37 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-37 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-38 {
  width: 42.592592592592595%;
  margin-top: 6.481481481481481%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-38 {
    width: 100%;
  }
}
.attraction-archive li.attraction-38 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-38 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-38 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-38 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-39 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-39 {
    width: 100%;
  }
}
.attraction-archive li.attraction-39 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-39 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-39 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-39 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive li.attraction-40 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-40 {
    width: 100%;
  }
}
.attraction-archive li.attraction-40 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-40 a .title .en {
    margin-bottom: 5px;
  }
}
.attraction-archive li.attraction-40 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive li.attraction-40 a .title .en span {
    margin-bottom: 7px;
  }
}
.attraction-archive-button-outer {
  padding-top: 80px;
}
@media screen and (max-width: 1024px) {
  .attraction-archive-button-outer {
    padding-top: 20px;
  }
}
.t-right {
  text-align: right;
}
.coupon-print {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../images/top/news-bg.png?hash=da9191ae3e7d50a561ef61e58540e59c") left top repeat-x, url("../images/top/news-bg2.png?hash=11cb4c201d15223f8ce21eb058510eb0") left bottom repeat-x;
}
.coupon-print_inner {
  zoom: 1;
  padding: 60px 0 100px;
  max-width: 1000px;
  width: 1000px;
  margin: 0 auto;
}
.coupon-print_page_title {
  text-align: center;
  font-size: 3.5rem;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .coupon-print_page_title {
    font-size: 6rem;
  }
}
.coupon-print_page_subtitle {
  display: block;
  text-align: center !important;
  color: #5fbce7;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
}
@media screen and (min-width: 1025px) {
  .coupon-print_page_subtitle {
    font-size: 2rem;
  }
}
.coupon-print_header {
  margin-top: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.coupon-print_header_left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 75px;
  -ms-flex: 0 1 75px;
  flex: 0 1 75px;
  max-width: 75px;
}
.coupon-print_header_left img {
  width: 100%;
  height: auto;
}
.coupon-print_header_right {
  margin-left: 40px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.coupon-print_header_place {
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 2rem;
}
.coupon-print_header_address {
  font-size: 1.3rem;
}
.coupon-print_expire {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 50px;
  padding: 10px 20px;
  width: 100%;
  background-color: #000;
  color: #fff;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
}
.coupon-print_image {
  margin-top: 60px;
}
.coupon-print_image img {
  max-width: 100%;
  height: auto;
}
.coupon-print_title {
  margin-top: 30px;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
}
.p-group_faq {
  margin-top: 32px;
}
@media screen and (min-width: 1025px) {
  .p-group_faq {
    margin-top: 64px;
  }
}
.p-group_faq_item {
  margin-top: 1px;
}
.workshop {
  padding: 0 25px;
  margin-top: 50px;
  background-color: #5fbce7;
}
@media screen and (min-width: 1025px) {
  .workshop {
    max-width: 1600px;
    padding: 0 100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1025px) {
  .workshop {
    margin-top: 100px;
  }
}
.workshop-empty {
  text-align: center;
  font-size: 2.2rem;
  color: #fff;
}
.workshop-item {
  margin-top: 40px;
  display: block;
}
@media screen and (min-width: 1025px) {
  .workshop-item {
    margin-top: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.workshop-item-frame {
  position: relative;
  padding: 11px;
  background: url("../images/top/attractions-img-flame.png?hash=690a76f1a56ad071a7772830d0ed4304") left top repeat;
  line-height: 1;
}
@media screen and (min-width: 1025px) {
  .workshop-item-frame {
    padding: 20px;
  }
}
.workshop-row:nth-child(even) .workshop-item {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.workshop-thumbnail {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .workshop-thumbnail {
    width: 60%;
  }
}
.workshop-thumbnail img {
  width: 100%;
  height: auto;
}
.workshop-thumbnail .button-more {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #000;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .workshop-thumbnail .button-more {
    width: 40px;
    height: 40px;
  }
}
.workshop-thumbnail .button-more span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.workshop-thumbnail .button-more span.text {
  width: 100%;
  margin-top: 39px;
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .workshop-thumbnail .button-more span.text {
    margin-top: 22px;
    font-size: 0.7rem;
    letter-spacing: 0.15em;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 1024px) {
  .workshop-thumbnail .button-more span.text {
    display: inline-block;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-left: 7px;
  }
}
.workshop-thumbnail .button-more span.arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  top: 17px;
  left: 20px;
  content: "";
  display: block;
}
@media screen and (max-width: 1024px) {
  .workshop-thumbnail .button-more span.arrow {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 7px;
  }
}
.workshop-thumbnail .button-more span.arrow span {
  width: 100%;
  height: 100%;
  display: block;
}
.workshop-thumbnail .button-more span.arrow span:before,
.workshop-thumbnail .button-more span.arrow span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background: url("../images/common/arrow.png?hash=eefc577ddcf741e49ccb26ff83a4f9a2") 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.workshop-thumbnail .button-more span.arrow span:before {
  background-position: 0 0;
}
.workshop-thumbnail .button-more span.arrow span:after {
  opacity: 0;
  background-position: 0 100%;
}
.workshop-meta {
  padding: 15px 10px 10px;
  display: block;
  color: #fff;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .workshop-meta {
    width: 40%;
    padding: 0 40px;
  }
}
.workshop:hover .workshop-item-frame {
  -webkit-animation: stripe 1s infinite linear;
  -moz-animation: stripe 1s infinite linear;
  -o-animation: stripe 1s infinite linear;
  -ms-animation: stripe 1s infinite linear;
  animation: stripe 1s infinite linear;
}
@media screen and (min-width: 1025px) {
  .workshop-thumbnail:hover .button-more {
    background: #000;
    color: #fff;
  }
  .workshop-thumbnail:hover .button-more span.arrow span {
    -webkit-animation: buttonMore 0.4s linear forwards;
    -moz-animation: buttonMore 0.4s linear forwards;
    -o-animation: buttonMore 0.4s linear forwards;
    -ms-animation: buttonMore 0.4s linear forwards;
    animation: buttonMore 0.4s linear forwards;
  }
  .workshop-thumbnail:hover .button-more span.arrow span:before {
    opacity: 0;
  }
  .workshop-thumbnail:hover .button-more span.arrow span:after {
    opacity: 1;
  }
}
.workshop-title {
  margin-bottom: 0.4em;
  line-height: 1.6;
  font-weight: 700;
  font-size: 2.4rem;
}
@media screen and (min-width: 1025px) {
  .workshop-title {
    margin-bottom: 0.8em;
  }
}
.workshop-content {
  font-size: 1.4rem;
  font-size: 1.09375vw;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (min-width: 1280px) {
  .workshop-content {
    font-size: 1.4rem;
  }
}
.workshop-content a {
  color: #000;
}
@media screen and (max-width: 767px) {
  .workshop-content {
    font-size: 1.3rem;
  }
}
.workshop-date {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .page-single-space .button-menu {
    top: 3px;
    background-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  .page-single-space .header {
    top: 70px;
  }
}
.page-single-space .header .button-space {
  display: none;
}
.page-single-space .header .button-ticket {
  padding-top: 21px;
  display: block;
}
.space {
  padding: 0 25px;
  margin-top: 50px;
}
@media screen and (min-width: 1025px) {
  .space {
    max-width: 1600px;
    padding: 0 100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1025px) {
  .space {
    margin-top: 100px;
  }
}
.space-empty {
  color: #fff;
  text-align: center;
  font-size: 2.2rem;
}
@media screen and (min-width: 1025px) {
  .space-row {
    margin: 0 -25px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.space-item {
  margin-top: 40px;
  display: block;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .space-item {
    width: 33.33333%;
    margin: 80px 0 0;
    position: relative;
  }
}
@media screen and (min-width: 1025px) {
  .space-item-inner {
    position: relative;
    padding: 0 25px;
  }
}
.space-thumbnail {
  display: block;
  position: relative;
  overflow: hidden;
}
.space-thumbnail.close:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.space-thumbnail img {
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  -ms-transition: 1s ease;
  transition: 1s ease;
  width: 100%;
  height: auto;
}
.space-thumbnail_close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.space-thumbnail_close_label {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
}
.space-status {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1em;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  background-color: #000;
}
.space-status.open {
  background-color: #fcf800;
  color: #000;
}
.space-status.close {
  background-color: #000;
}
.space-status.permanent {
  background-color: #00b9eb;
}
.space-status.coming_soon {
  background-color: #f3234f;
}
.space-meta {
  display: block;
  text-align: left;
}
.space-item:hover .space-thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.space-title {
  margin: 0.5em 0 0.8em;
  line-height: 1.6;
  font-weight: 700;
  font-size: 1.8rem;
}
@media screen and (min-width: 1025px) {
  .space-title {
    font-size: 2.4rem;
  }
}
.space-title .small {
  font-size: 75%;
}
.space-place {
  margin: 0.4em 0 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
}
.space-date {
  font-weight: 700;
  line-height: 1.6;
  font-size: 1.4rem;
}
.space-description {
  margin-top: 1em;
  font-size: 1.4rem;
  font-size: 1.09375vw;
  letter-spacing: 0.05em;
  line-height: 1.75;
  white-space: normal;
}
@media screen and (min-width: 1280px) {
  .space-description {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .space-description {
    font-size: 1.3rem;
  }
}
.space-filter {
  padding: 10px;
  text-align: center;
}
.space-filter-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.space-filter-item {
  margin: 6px 6px;
  padding: 0 6px;
  font-size: 1.4rem;
  font-weight: 700;
  background: #000;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .space-filter-item {
    margin: 8px 8px;
    padding: 0 8px;
    font-size: 1.8rem;
  }
}
.space-filter-item:hover,
.space-filter-item.active {
  background-color: #fff;
  color: #000;
}
.space-single-inner {
  padding-top: 100px;
}
@media screen and (max-width: 1024px) {
  .space-single-inner {
    padding-top: 56px;
  }
}
.space-single-share {
  margin-top: 16px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.space-single-share span {
  margin-top: 0 !important;
}
.space-single-status {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 110px;
}
.space-single_academia_thumbnail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.space-single_academia_thumbnail img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .space-single_academia_thumbnail {
    position: relative;
    padding: 20px;
    line-height: 1;
    background: url("../images/top/attractions-img-flame.png?hash=690a76f1a56ad071a7772830d0ed4304") left top repeat;
    background-color: #5fbce7;
  }
}
.space-single_academia_thumbnail:hover {
  -webkit-animation: stripe 1s infinite linear;
  -moz-animation: stripe 1s infinite linear;
  -o-animation: stripe 1s infinite linear;
  -ms-animation: stripe 1s infinite linear;
  animation: stripe 1s infinite linear;
}
.space-single_academia_body {
  margin-top: 21px;
  color: #000;
  text-align: left;
  font-size: 13.5px;
  line-height: 1.666666666666667;
  letter-spacing: 0.025em;
}
@media screen and (min-width: 768px) {
  .space-single_academia_body {
    font-size: 17px;
    line-height: 1.705882352941176;
    letter-spacing: 0.025em;
  }
}
.space-single_academia_button {
  margin-top: 37px;
}
@media screen and (min-width: 768px) {
  .space-single_academia_button {
    margin-top: 80px;
  }
}
.space-single_academia_button .a-button-more {
  text-align: center;
}
.space-single_academia_button a {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .space-single_academia_row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -25px;
    margin-right: -25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .space-single_academia_row.expanded {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .space-single_academia_left {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 53.333333333333336%;
    -ms-flex: 0 1 53.333333333333336%;
    flex: 0 1 53.333333333333336%;
    max-width: 53.333333333333336%;
  }
}
@media screen and (min-width: 768px) {
  .space-single_academia_right {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 46.666666666666664%;
    -ms-flex: 0 1 46.666666666666664%;
    flex: 0 1 46.666666666666664%;
    max-width: 46.666666666666664%;
  }
}
.space-single-attractions .contents {
  background: url("../images/top/attractions-pixel-bg-3.png?hash=76ebb66f3830f81fc820f4c2cb7d125e") right top no-repeat, url("../images/top/attractions-pixel-bg-4.png?hash=a9e5f1437b5c25445e0622ca0855bdef") right 41% no-repeat, url("../images/top/attractions-pixel-bg-5.png?hash=4f0d24bea603420bf88324fa5d299c3b") right 83% no-repeat;
  padding-top: 80px;
  padding-bottom: 130px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions .contents {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background: none;
  }
}
.space-single-attractions .contents.bg-short {
  background: url("../images/top/attractions-pixel-bg-3.png?hash=76ebb66f3830f81fc820f4c2cb7d125e") right top no-repeat, url("../images/top/attractions-pixel-bg-4.png?hash=a9e5f1437b5c25445e0622ca0855bdef") right 69.3% no-repeat;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions .contents.bg-short {
    background: none;
  }
}
.space-single-attractions .contents-inner {
  position: relative;
  max-width: 1600px;
  padding: 0 150px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions .contents-inner {
    padding: 0;
  }
}
.space-single-attractions .contents-inner img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions ul {
    display: block;
  }
}
.space-single-attractions li {
  float: left;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li {
    float: none;
  }
  .space-single-attractions li .text-container {
    font-feature-settings: "palt";
    letter-spacing: -0.06em;
  }
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li:nth-child(n+4) {
    pointer-events: none;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}
.space-single-attractions li.show {
  pointer-events: auto;
  height: auto;
  opacity: 1;
}
.space-single-attractions li:nth-child(odd) {
  margin-right: 7.407407407407407%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li:nth-child(odd) {
    margin-right: 0;
  }
}
.space-single-attractions li.attraction-1 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-1 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-1 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-1 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-1 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-1 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-2 {
  width: 42.592592592592595%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-2 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-2 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-2 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-2 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-2 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 1025px) {
  .space-single-attractions li.attraction-2 {
    margin-top: 6.481481481481481%;
  }
}
.space-single-attractions li.attraction-3 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-3 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-3 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-3 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-3 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-3 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-4 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-4 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-4 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-4 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-4 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-4 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-5 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-5 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-5 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-5 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-5 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-5 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-6 {
  width: 42.592592592592595%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-6 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-6 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-6 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-6 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-6 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 1025px) {
  .space-single-attractions li.attraction-6 {
    margin-top: 6.481481481481481%;
  }
}
.space-single-attractions li.attraction-7 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-7 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-7 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-7 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-7 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-7 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-8 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-8 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-8 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-8 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-8 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-8 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-9 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-9 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-9 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-9 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-9 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-9 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-10 {
  width: 42.592592592592595%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-10 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-10 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-10 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-10 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-10 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 1025px) {
  .space-single-attractions li.attraction-10 {
    margin-top: 6.481481481481481%;
  }
}
.space-single-attractions li.attraction-11 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-11 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-11 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-11 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-11 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-11 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-12 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-12 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-12 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-12 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-12 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-12 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-13 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-13 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-13 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-13 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-13 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-13 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-14 {
  width: 42.592592592592595%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-14 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-14 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-14 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-14 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-14 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 1025px) {
  .space-single-attractions li.attraction-14 {
    margin-top: 6.481481481481481%;
  }
}
.space-single-attractions li.attraction-15 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-15 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-15 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-15 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-15 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-15 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-16 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-16 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-16 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-16 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-16 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-16 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-17 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-17 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-17 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-17 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-17 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-17 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-18 {
  width: 42.592592592592595%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-18 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-18 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-18 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-18 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-18 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 1025px) {
  .space-single-attractions li.attraction-18 {
    margin-top: 6.481481481481481%;
  }
}
.space-single-attractions li.attraction-19 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-19 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-19 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-19 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-19 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-19 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-20 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-20 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-20 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-20 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-20 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-20 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-21 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-21 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-21 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-21 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-21 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-21 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-22 {
  width: 42.592592592592595%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-22 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-22 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-22 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-22 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-22 a .title .en span {
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 1025px) {
  .space-single-attractions li.attraction-22 {
    margin-top: 6.481481481481481%;
  }
}
.space-single-attractions li.attraction-23 {
  width: 39.81481481481482%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-23 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-23 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-23 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-23 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-23 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-24 {
  width: 52.77777777777778%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-24 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-24 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-24 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-24 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-24 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-attractions li.attraction-25 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-25 {
    width: 100%;
  }
}
.space-single-attractions li.attraction-25 a .title .en {
  margin-bottom: 9px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-25 a .title .en {
    margin-bottom: 5px;
  }
}
.space-single-attractions li.attraction-25 a .title .en span {
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .space-single-attractions li.attraction-25 a .title .en span {
    margin-bottom: 7px;
  }
}
.space-single-about {
  padding: 30px 25px 0;
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-size: 1.4rem;
  font-size: 1.09375vw;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
.space-single-about h1,
.space-single-about h2,
.space-single-about h3,
.space-single-about h4,
.space-single-about h5,
.space-single-about h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.space-single-about h1,
.space-single-about h2,
.space-single-about h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.space-single-about img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.space-single-about iframe {
  max-width: 100%;
}
.space-single-about blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.space-single-about code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.space-single-about pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.space-single-about dt {
  font-weight: 700;
}
.space-single-about b,
.space-single-about strong {
  font-weight: 700;
}
.space-single-about a {
  word-wrap: break-word;
  color: $text-color;
}
.space-single-about ul {
  list-style-type: disc;
}
.space-single-about ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.space-single-about ol {
  list-style-type: decimal;
}
.space-single-about ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.space-single-about table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.space-single-about table tr th,
.space-single-about table tr td {
  padding: 1em;
}
.space-single-about table tr th,
.space-single-about table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.space-single-about img[class*="wp-image-"],
.space-single-about img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.space-single-about .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.space-single-about .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.space-single-about .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.space-single-about .clear {
  clear: both;
}
@media screen and (min-width: 1025px) {
  .space-single-about {
    max-width: 1000px;
    padding: 0 100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .space-single-about {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .space-single-about {
    font-size: 1.3rem;
  }
}
.space-single-about-inner {
  padding-top: 1px;
}
@media screen and (min-width: 768px) {
  .space-single-about-inner {
    padding-top: 40px;
  }
}
.space-single-about-section {
  padding-bottom: 80px;
}
.space-single-information {
  padding: 0 25px 50px;
  margin-top: 50px;
  color: #000;
  font-size: 1.5rem;
  font-size: 1.171875vw;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (min-width: 1025px) {
  .space-single-information {
    max-width: 1000px;
    padding: 0 100px 190px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1025px) {
  .space-single-information {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1280px) {
  .space-single-information {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .space-single-information {
    font-size: 1.4rem;
  }
}
.space-single-information table {
  width: 100%;
}
.space-single-information table tr th {
  opacity: 0.75;
  vertical-align: top;
  min-width: 5em;
  padding: 10px 10px 10px 0;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .space-single-information table tr th {
    min-width: 0;
    width: 20%;
  }
}
.space-single-information table tr td {
  width: 100%;
  padding: 10px 0;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .space-single-information table tr td {
    width: 80%;
  }
}
.space-single-map {
  margin-top: 20px;
}
@media screen and (min-width: 1025px) {
  .space-single-map {
    margin-top: 50px;
  }
}
.space-single-map .js-googlemap,
.space-single-map iframe {
  width: 100%;
  height: 200px;
}
@media screen and (min-width: 1025px) {
  .space-single-map .js-googlemap,
  .space-single-map iframe {
    height: 320px;
  }
}
.space-single-state {
  text-align: center;
  color: #5fbce7;
  padding-top: 2em;
  font-weight: 700;
  font-size: 2rem;
}
.space-single-state-title {
  font-size: 3rem;
}
.space-single-faq .contents {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .space-single-faq .contents {
    padding-top: 20px;
    padding-bottom: 100px;
    background: none;
  }
}
.space-single-faq .contents-inner {
  font-family: 'こぶりなゴシック W3 JIS2004', 'Koburina Gothic W3 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  position: relative;
  max-width: 1000px;
  padding: 0 100px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.space-single-faq .contents-inner h1,
.space-single-faq .contents-inner h2,
.space-single-faq .contents-inner h3,
.space-single-faq .contents-inner h4,
.space-single-faq .contents-inner h5,
.space-single-faq .contents-inner h6 {
  font-weight: 700;
  padding: 2em 0 0.8em;
}
.space-single-faq .contents-inner h1,
.space-single-faq .contents-inner h2,
.space-single-faq .contents-inner h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
  font-size: 2rem;
  color: #4e4e4e;
}
.space-single-faq .contents-inner img {
  margin: $line-height-computed 0;
  max-width: 100%;
  height: auto;
}
.space-single-faq .contents-inner iframe {
  max-width: 100%;
}
.space-single-faq .contents-inner blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.space-single-faq .contents-inner code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.space-single-faq .contents-inner pre {
  overflow-x: auto;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.space-single-faq .contents-inner dt {
  font-weight: 700;
}
.space-single-faq .contents-inner b,
.space-single-faq .contents-inner strong {
  font-weight: 700;
}
.space-single-faq .contents-inner a {
  word-wrap: break-word;
  color: $text-color;
}
.space-single-faq .contents-inner ul {
  list-style-type: disc;
}
.space-single-faq .contents-inner ul li {
  list-style-type: inherit;
  margin-left: 2em;
  text-align: left;
}
.space-single-faq .contents-inner ol {
  list-style-type: decimal;
}
.space-single-faq .contents-inner ol li {
  list-style-type: inherit;
  margin-left: 2em;
}
.space-single-faq .contents-inner table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  border-right: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.space-single-faq .contents-inner table tr th,
.space-single-faq .contents-inner table tr td {
  padding: 1em;
}
.space-single-faq .contents-inner table tr th,
.space-single-faq .contents-inner table tr td {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.space-single-faq .contents-inner img[class*="wp-image-"],
.space-single-faq .contents-inner img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
.space-single-faq .contents-inner .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.space-single-faq .contents-inner .alignright {
  width: 50%;
  float: right;
  display: inline;
}
.space-single-faq .contents-inner .alignleft {
  width: 50%;
  float: left;
  display: inline;
}
.space-single-faq .contents-inner .clear {
  clear: both;
}
@media screen and (max-width: 1024px) {
  .space-single-faq .contents-inner {
    padding: 0 25px;
  }
}
.space-single-calendar_content {
  max-width: 1040px !important;
}
.space-single-calendar_iframe {
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 75%;
  position: relative;
  height: 0;
}
.space-single-calendar_iframe iframe {
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.howtoplay {
  padding: 0 25px;
  margin-top: 50px;
}
@media screen and (min-width: 1025px) {
  .howtoplay {
    max-width: 1000px;
    padding: 0 100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1025px) {
  .howtoplay {
    margin-top: 100px;
  }
}
.howtoplay-title {
  line-height: 1.2;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 3.1rem;
}
@media screen and (min-width: 1025px) {
  .howtoplay-title {
    font-size: 3.8rem;
    font-size: 2.96875vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1280px) {
  .howtoplay-title {
    font-size: 3.8rem;
  }
}
.howtoplay-subtitle {
  margin-top: 40px;
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.35em;
}
@media screen and (min-width: 1025px) {
  .howtoplay-subtitle {
    margin-top: 80px;
    font-size: 1.8rem;
    font-size: 1.40625vw;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1280px) {
  .howtoplay-subtitle {
    font-size: 1.8rem;
  }
}
.howtoplay-rule {
  font-size: 1.5rem;
  line-height: 2.6;
}
@media screen and (max-width: 1224px) and (min-width: 1025px) {
  .howtoplay-rule {
    font-size: 1.4rem;
  }
}
.howtoplay-rule li {
  margin-left: 1.2em;
  list-style-type: disc;
}
.p-template {
  padding: 70px 25px 0;
}
@media screen and (min-width: 1025px) {
  .p-template {
    max-width: 800px;
    padding: 100px 100px 0;
    margin: 0 auto;
  }
}
.p-app {
  background: url("../images/top/about-pixel-bg-1.png?hash=a0f716a1c21b25206a40703b511b7591") left top no-repeat, url("../images/top/about-pixel-bg-2.png?hash=96a377ac75a9697531f7585bef11eaee") right top no-repeat;
}
@media screen and (max-width: 767px) {
  .p-app {
    background: url("../images/sp/top/about-pixel-bg-1.png?hash=7170dff315520bbfb2c666e8a0bc6947") right top no-repeat;
    -webkit-background-size: 180px 60px;
    -moz-background-size: 180px 60px;
    background-size: 180px 60px;
  }
}
.p-app_button {
  margin-top: 26px;
}
@media screen and (min-width: 768px) {
  .p-app_button {
    margin-top: 118px;
  }
}
.academia-reserve_inner {
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  .academia-reserve_inner {
    margin-top: 30px;
  }
}
.academia-reserve_title {
  font-family: 'こぶりなゴシック W6 JIS2004', 'Koburina Gothic W6 JIS2004', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.55;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .academia-reserve_title {
    font-size: 22px;
    line-height: 2.818181818181818;
    letter-spacing: 0.025em;
  }
}
.academia-reserve_body {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .academia-reserve_body {
    text-align: center;
  }
}
.academia-reserve_form {
  margin-top: 55px;
}
@media screen and (min-width: 768px) {
  .academia-reserve_form {
    margin-top: 60px;
  }
}
.p-expertvoice_contact {
  padding-top: 60px;
  max-width: 270px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-expertvoice_contact {
    padding-top: 75px;
    max-width: 470px;
  }
}
/*# sourceMappingURL=style.css.map */