@charset "UTF-8";
@keyframes loadingAnimation {
  0% {
    opacity: 1;
    stroke-dashoffset: 2000;
    fill: transparent; }
  25% {
    opacity: 1;
    stroke-dashoffset: 2000;
    fill: transparent; }
  50% {
    opacity: 1;
    stroke-dashoffset: 0;
    fill: transparent; }
  75% {
    opacity: 0;
    stroke-dashoffset: 0;
    fill: transparent; }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
    fill: transparent; } }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  margin: 0;
  border: 0; }

html {
  font-family: こぶりなゴシック W3 JIS2004, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%;
  font-feature-settings: "palt"; }

body {
  font-size: 1.6rem;
  line-height: 2; }

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a,
a:visited {
  color: inherit; }

/* Layout
* *********************************** */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block; }

* {
  box-sizing: border-box; }

*::before,
*::after {
  box-sizing: inherit; }

/* Elements
* *********************************** */
table {
  border-spacing: 0;
  border-collapse: collapse; }

ol,
ul {
  list-style: none; }

img,
video {
  max-width: 100%; }

img {
  height: auto;
  vertical-align: top;
  border-style: none; }

blockquote,
q {
  quotes: none; }

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: "";
  content: none; }

/* Attributes & states
* *********************************** */
[hidden] {
  display: none !important; }

[disabled] {
  cursor: not-allowed; }

*:focus:not(:focus-visible) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none; }

/* Utility classes
* *********************************** */
.cf::before,
.cf::after {
  display: table;
  content: " "; }

.cf::after {
  clear: both; }

.cf {
  *zoom: 1; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.pc-block {
  display: none; }

.pc-inline {
  display: none; }

.pc-inline-block {
  display: none; }

.sp-block {
  display: block; }

.sp-inline {
  display: inline; }

.sp-inline-block {
  display: inline-block; }

@media screen and (min-width: 768px) {
  .pc-block {
    display: block; }
  .pc-inline {
    display: inline; }
  .pc-inline-block {
    display: inline-block; }
  .sp-block {
    display: none; }
  .sp-inline {
    display: none; }
  .sp-inline-block {
    display: none; } }

.button {
  position: relative;
  display: inline-block;
  width: 90%;
  padding: 12px 65px 12px 12px;
  font-family: こぶりなゴシック w6 jis2004;
  font-size: 18px;
  font-weight: 500;
  line-height: 2em;
  text-decoration: none;
  background-color: #ffe600;
  border: solid 3px #000;
  transition: all 450ms ease; }
  @media screen and (max-width: 736px) {
    .button {
      font-size: 5.33333vw; } }
  .button::after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 34px;
    height: 10px;
    pointer-events: none;
    content: "";
    background-image: url("../img/icon-button-arrow.png");
    background-size: contain;
    transition: all 450ms ease;
    transform: translateY(-50%); }
  .button:hover {
    color: #ffe600;
    background-color: #000; }
    .button:hover::after {
      background-image: url("../img/icon-button-arrow-yellow.png");
      transform: translateY(-50%) translateX(8px); }
  .button-wrap {
    text-align: center; }
  .button--yellow {
    color: #ffe600;
    background-color: #000;
    border-color: #ffe600; }
    .button--yellow::after {
      background-image: url("../img/icon-button-arrow-yellow.png"); }
    .button--yellow:visited {
      color: #ffe600; }
    .button--yellow:hover {
      color: #000;
      background-color: #ffe600; }
      .button--yellow:hover::after {
        background-image: url("../img/icon-button-arrow.png"); }
  .button--mini {
    width: 100%;
    max-width: 200px;
    padding: 8px 65px 8px 12px;
    text-align: center; }
    @media screen and (max-width: 736px) {
      .button--mini {
        max-width: 100%;
        padding: 2.13333vw; } }
  .button--middle {
    max-width: 300px; }
    @media screen and (max-width: 736px) {
      .button--middle {
        width: 100%;
        max-width: 100%;
        text-align: center; } }
  .button--big {
    max-width: 640px;
    padding: 12px 60px;
    font-size: 25px; }
    @media screen and (max-width: 736px) {
      .button--big {
        font-size: 5.33333vw; } }
  .button--disabled {
    padding: 12px;
    color: #000;
    text-align: center;
    background-color: #aaa; }
    .button--disabled::after {
      display: none; }
    .button--disabled:hover {
      color: #000;
      background-color: #aaa; }

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .loading svg .st0 {
    animation: loadingAnimation 4s linear 0s infinite;
    stroke: #ffe600;
    stroke-dasharray: 2000;
    stroke-dashoffset: 0;
    stroke-width: 0.5; }
  .loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #000;
    transition: all 750ms ease; }
    .loading-mask.js-animate {
      opacity: 0; }
      .loading-mask.js-animate--end {
        display: none; }

.section__inner {
  padding: 100px 0; }
  @media screen and (max-width: 736px) {
    .section__inner {
      padding: 20vw 0; } }

.section__title {
  position: relative;
  padding-bottom: 0.25em;
  padding-left: 2.5vw;
  margin-right: 2.5vw;
  margin-bottom: 3vw;
  font-size: 10vw;
  line-height: 1em;
  letter-spacing: 0.025em; }
  @media screen and (max-width: 736px) {
    .section__title {
      padding-left: 5.33333vw;
      margin-right: 5.33333vw;
      margin-bottom: 10.66667vw; } }
  .section__title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
    content: "";
    background-image: url("../img/border-title.svg");
    background-repeat: repeat-x;
    background-size: auto 100%;
    transition: all 450ms ease;
    transform: scaleX(0);
    transform-origin: left center; }
    @media screen and (max-width: 736px) {
      .section__title::after {
        height: 11.06667vw; } }
  .section__title--inner {
    position: relative;
    z-index: 2; }
  .section__title.js-animate::after {
    transform: scaleX(1); }

.main-visual {
  position: relative;
  height: 51.875vw;
  overflow: hidden; }
  @media screen and (max-width: 736px) {
    .main-visual {
      height: 168vw; } }
  .main-visual__inner {
    position: relative;
    z-index: 5;
    width: 62.5vw;
    padding-top: 8.4375vw;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (max-width: 736px) {
      .main-visual__inner {
        width: 89.33333vw;
        padding-top: 16vw; } }
  .main-visual__logo {
    margin-bottom: 27px; }
    @media screen and (max-width: 736px) {
      .main-visual__logo {
        width: 63.33333vw;
        margin-right: auto;
        margin-bottom: 6.66667vw;
        margin-left: auto; } }
  .main-visual__term {
    width: 37.5vw;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (max-width: 736px) {
      .main-visual__term {
        width: 89.33333vw; } }
    .main-visual__term img {
      width: 100%; }
  .main-visual__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none; }
    .main-visual__bg-box {
      position: relative;
      overflow: hidden; }
      .main-visual__bg-box::after {
        position: absolute;
        top: 0.565vw;
        right: 0;
        bottom: 0.6vw;
        width: 1.125vw;
        content: "";
        background-image: url("../img/border-vertical.svg");
        background-repeat: repeat-y;
        background-size: contain;
        opacity: 0.8;
        transition: transform 750ms ease;
        transform: scaleY(0);
        transform-origin: center top; }
        @media screen and (max-width: 736px) {
          .main-visual__bg-box::after {
            top: 1.6vw;
            bottom: 1.6vw;
            width: 2vw; } }
      .main-visual__bg-box--1::after {
        transition-delay: 900ms; }
      .main-visual__bg-box--2::after {
        transition-delay: 1200ms; }
      .main-visual__bg-box--3::after {
        transition-delay: 1500ms; }
      .main-visual__bg-box--4::after {
        transition-delay: 1800ms; }
      .main-visual__bg-box--5::after {
        transition-delay: 2100ms; }
      .main-visual__bg-box--6::after {
        transition-delay: 2400ms; }
      .main-visual__bg-box--7::after {
        transition-delay: 2700ms; }
      .main-visual__bg-box--8::after {
        transition-delay: 3000ms; }
      .main-visual__bg-box--9::after {
        transition-delay: 3300ms; }
    .main-visual__bg-line {
      position: relative; }
      .main-visual__bg-line::after {
        position: absolute;
        top: 50%;
        left: 0;
        width: calc(100vw - 1.0625vw);
        height: 2vw;
        content: "";
        background-image: url("../img/border-horizontal.svg");
        background-repeat: repeat-x;
        background-position: center center;
        background-size: auto 100%;
        opacity: 0.8;
        transition: transform 750ms ease;
        transition-delay: 1000ms;
        transform: scaleX(0) translateY(-50%);
        transform-origin: left center; }
        @media screen and (max-width: 736px) {
          .main-visual__bg-line::after {
            height: 5.7vw;
            margin-bottom: 3.3vw; } }
      .main-visual__bg-line--1::after {
        transition-delay: 600ms; }
      .main-visual__bg-line--2::after {
        transition-delay: 700ms; }
      .main-visual__bg-line--3::after {
        transition-delay: 800ms; }
      .main-visual__bg-line--4::after {
        transition-delay: 900ms; }
      .main-visual__bg-line--5::after {
        transition-delay: 1000ms; }
      .main-visual__bg-line--6::after {
        transition-delay: 1100ms; }
      .main-visual__bg-line--7::after {
        transition-delay: 1200ms; }
      .main-visual__bg-line--8::after {
        transition-delay: 1300ms; }
      .main-visual__bg-line--9::after {
        transition-delay: 1400ms; }
      .main-visual__bg-line--10::after {
        transition-delay: 1500ms; }
      .main-visual__bg-line--11::after {
        transition-delay: 1600ms; }
      .main-visual__bg-line--12::after {
        transition-delay: 1700ms; }
      .main-visual__bg-line--13::after {
        transition-delay: 1800ms; }
      .main-visual__bg-line--14::after {
        transition-delay: 1900ms; }
      .main-visual__bg-line--15::after {
        transition-delay: 2000ms; }
      .main-visual__bg-line--16::after {
        transition-delay: 2100ms; }
      .main-visual__bg-line--17::after {
        transition-delay: 2200ms; }
      .main-visual__bg-line--18::after {
        transition-delay: 2300ms; }
      .main-visual__bg-line--19::after {
        transition-delay: 2400ms; }
      .main-visual__bg-line--20::after {
        transition-delay: 2500ms; }
    .main-visual__bg-text {
      position: absolute;
      top: -0.25em;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0;
      font-family: こぶりなゴシック w6 jis2004;
      font-size: 2vw;
      line-height: 1.5625em;
      letter-spacing: 0.005em; }
      @media screen and (max-width: 736px) {
        .main-visual__bg-text {
          top: -0.45em;
          font-size: 4.53333vw;
          line-height: 2.02941em;
          letter-spacing: -0.005em; } }
      @media screen and (min-width: 359px) and (max-width: 361px) {
        .main-visual__bg-text {
          line-height: 2.02em; } }
      @media screen and (min-width: 413px) and (max-width: 415px) {
        .main-visual__bg-text {
          line-height: 2.02em; } }
      .main-visual__bg-text--inner {
        display: inline;
        opacity: 0;
        transition: opacity 350ms ease; }
        .main-visual__bg-text--inner:nth-child(1) {
          transition-delay: 20ms; }
        .main-visual__bg-text--inner:nth-child(2) {
          transition-delay: 40ms; }
        .main-visual__bg-text--inner:nth-child(3) {
          transition-delay: 60ms; }
        .main-visual__bg-text--inner:nth-child(4) {
          transition-delay: 80ms; }
        .main-visual__bg-text--inner:nth-child(5) {
          transition-delay: 100ms; }
        .main-visual__bg-text--inner:nth-child(6) {
          transition-delay: 120ms; }
        .main-visual__bg-text--inner:nth-child(7) {
          transition-delay: 140ms; }
        .main-visual__bg-text--inner:nth-child(8) {
          transition-delay: 160ms; }
        .main-visual__bg-text--inner:nth-child(9) {
          transition-delay: 180ms; }
        .main-visual__bg-text--inner:nth-child(10) {
          transition-delay: 200ms; }
        .main-visual__bg-text--inner:nth-child(11) {
          transition-delay: 220ms; }
        .main-visual__bg-text--inner:nth-child(12) {
          transition-delay: 240ms; }
        .main-visual__bg-text--inner:nth-child(13) {
          transition-delay: 260ms; }
        .main-visual__bg-text--inner:nth-child(14) {
          transition-delay: 280ms; }
        .main-visual__bg-text--inner:nth-child(15) {
          transition-delay: 300ms; }
        .main-visual__bg-text--inner:nth-child(16) {
          transition-delay: 320ms; }
        .main-visual__bg-text--inner:nth-child(17) {
          transition-delay: 340ms; }
        .main-visual__bg-text--inner:nth-child(18) {
          transition-delay: 360ms; }
        .main-visual__bg-text--inner:nth-child(19) {
          transition-delay: 380ms; }
        .main-visual__bg-text--inner:nth-child(20) {
          transition-delay: 400ms; }
        .main-visual__bg-text--inner:nth-child(21) {
          transition-delay: 420ms; }
        .main-visual__bg-text--inner:nth-child(22) {
          transition-delay: 440ms; }
        .main-visual__bg-text--inner:nth-child(23) {
          transition-delay: 460ms; }
        .main-visual__bg-text--inner:nth-child(24) {
          transition-delay: 480ms; }
        .main-visual__bg-text--inner:nth-child(25) {
          transition-delay: 500ms; }
        .main-visual__bg-text--inner:nth-child(26) {
          transition-delay: 520ms; }
        .main-visual__bg-text--inner:nth-child(27) {
          transition-delay: 540ms; }
        .main-visual__bg-text--inner:nth-child(28) {
          transition-delay: 560ms; }
        .main-visual__bg-text--inner:nth-child(29) {
          transition-delay: 580ms; }
        .main-visual__bg-text--inner:nth-child(30) {
          transition-delay: 600ms; }
        .main-visual__bg-text--inner:nth-child(31) {
          transition-delay: 620ms; }
        .main-visual__bg-text--inner:nth-child(32) {
          transition-delay: 640ms; }
        .main-visual__bg-text--inner:nth-child(33) {
          transition-delay: 660ms; }
        .main-visual__bg-text--inner:nth-child(34) {
          transition-delay: 680ms; }
        .main-visual__bg-text--inner:nth-child(35) {
          transition-delay: 700ms; }
        .main-visual__bg-text--inner:nth-child(36) {
          transition-delay: 720ms; }
        .main-visual__bg-text--inner:nth-child(37) {
          transition-delay: 740ms; }
        .main-visual__bg-text--inner:nth-child(38) {
          transition-delay: 760ms; }
        .main-visual__bg-text--inner:nth-child(39) {
          transition-delay: 780ms; }
        .main-visual__bg-text--inner:nth-child(40) {
          transition-delay: 800ms; }
        .main-visual__bg-text--inner:nth-child(41) {
          transition-delay: 820ms; }
        .main-visual__bg-text--inner:nth-child(42) {
          transition-delay: 840ms; }
        .main-visual__bg-text--inner:nth-child(43) {
          transition-delay: 860ms; }
        .main-visual__bg-text--inner:nth-child(44) {
          transition-delay: 880ms; }
        .main-visual__bg-text--inner:nth-child(45) {
          transition-delay: 900ms; }
        .main-visual__bg-text--inner:nth-child(46) {
          transition-delay: 920ms; }
        .main-visual__bg-text--inner:nth-child(47) {
          transition-delay: 940ms; }
        .main-visual__bg-text--inner:nth-child(48) {
          transition-delay: 960ms; }
        .main-visual__bg-text--inner:nth-child(49) {
          transition-delay: 980ms; }
        .main-visual__bg-text--inner:nth-child(50) {
          transition-delay: 1000ms; }
        .main-visual__bg-text--inner:nth-child(51) {
          transition-delay: 1020ms; }
        .main-visual__bg-text--inner:nth-child(52) {
          transition-delay: 1040ms; }
        .main-visual__bg-text--inner:nth-child(53) {
          transition-delay: 1060ms; }
        .main-visual__bg-text--inner:nth-child(54) {
          transition-delay: 1080ms; }
        .main-visual__bg-text--inner:nth-child(55) {
          transition-delay: 1100ms; }
        .main-visual__bg-text--inner:nth-child(56) {
          transition-delay: 1120ms; }
        .main-visual__bg-text--inner:nth-child(57) {
          transition-delay: 1140ms; }
        .main-visual__bg-text--inner:nth-child(58) {
          transition-delay: 1160ms; }
        .main-visual__bg-text--inner:nth-child(59) {
          transition-delay: 1180ms; }
        .main-visual__bg-text--inner:nth-child(60) {
          transition-delay: 1200ms; }
        .main-visual__bg-text--inner:nth-child(61) {
          transition-delay: 1220ms; }
        .main-visual__bg-text--inner:nth-child(62) {
          transition-delay: 1240ms; }
        .main-visual__bg-text--inner:nth-child(63) {
          transition-delay: 1260ms; }
        .main-visual__bg-text--inner:nth-child(64) {
          transition-delay: 1280ms; }
        .main-visual__bg-text--inner:nth-child(65) {
          transition-delay: 1300ms; }
        .main-visual__bg-text--inner:nth-child(66) {
          transition-delay: 1320ms; }
        .main-visual__bg-text--inner:nth-child(67) {
          transition-delay: 1340ms; }
        .main-visual__bg-text--inner:nth-child(68) {
          transition-delay: 1360ms; }
        .main-visual__bg-text--inner:nth-child(69) {
          transition-delay: 1380ms; }
        .main-visual__bg-text--inner:nth-child(70) {
          transition-delay: 1400ms; }
        .main-visual__bg-text--inner:nth-child(71) {
          transition-delay: 1420ms; }
        .main-visual__bg-text--inner:nth-child(72) {
          transition-delay: 1440ms; }
        .main-visual__bg-text--inner:nth-child(73) {
          transition-delay: 1460ms; }
        .main-visual__bg-text--inner:nth-child(74) {
          transition-delay: 1480ms; }
        .main-visual__bg-text--inner:nth-child(75) {
          transition-delay: 1500ms; }
        .main-visual__bg-text--inner:nth-child(76) {
          transition-delay: 1520ms; }
        .main-visual__bg-text--inner:nth-child(77) {
          transition-delay: 1540ms; }
        .main-visual__bg-text--inner:nth-child(78) {
          transition-delay: 1560ms; }
        .main-visual__bg-text--inner:nth-child(79) {
          transition-delay: 1580ms; }
        .main-visual__bg-text--inner:nth-child(80) {
          transition-delay: 1600ms; }
        .main-visual__bg-text--inner:nth-child(81) {
          transition-delay: 1620ms; }
        .main-visual__bg-text--inner:nth-child(82) {
          transition-delay: 1640ms; }
        .main-visual__bg-text--inner:nth-child(83) {
          transition-delay: 1660ms; }
        .main-visual__bg-text--inner:nth-child(84) {
          transition-delay: 1680ms; }
        .main-visual__bg-text--inner:nth-child(85) {
          transition-delay: 1700ms; }
        .main-visual__bg-text--inner:nth-child(86) {
          transition-delay: 1720ms; }
        .main-visual__bg-text--inner:nth-child(87) {
          transition-delay: 1740ms; }
        .main-visual__bg-text--inner:nth-child(88) {
          transition-delay: 1760ms; }
        .main-visual__bg-text--inner:nth-child(89) {
          transition-delay: 1780ms; }
        .main-visual__bg-text--inner:nth-child(90) {
          transition-delay: 1800ms; }
        .main-visual__bg-text--inner:nth-child(91) {
          transition-delay: 1820ms; }
        .main-visual__bg-text--inner:nth-child(92) {
          transition-delay: 1840ms; }
        .main-visual__bg-text--inner:nth-child(93) {
          transition-delay: 1860ms; }
        .main-visual__bg-text--inner:nth-child(94) {
          transition-delay: 1880ms; }
        .main-visual__bg-text--inner:nth-child(95) {
          transition-delay: 1900ms; }
        .main-visual__bg-text--inner:nth-child(96) {
          transition-delay: 1920ms; }
        .main-visual__bg-text--inner:nth-child(97) {
          transition-delay: 1940ms; }
        .main-visual__bg-text--inner:nth-child(98) {
          transition-delay: 1960ms; }
        .main-visual__bg-text--inner:nth-child(99) {
          transition-delay: 1980ms; }
        .main-visual__bg-text--inner:nth-child(100) {
          transition-delay: 2000ms; }
        .main-visual__bg-text--inner:nth-child(101) {
          transition-delay: 2020ms; }
        .main-visual__bg-text--inner:nth-child(102) {
          transition-delay: 2040ms; }
        .main-visual__bg-text--inner:nth-child(103) {
          transition-delay: 2060ms; }
        .main-visual__bg-text--inner:nth-child(104) {
          transition-delay: 2080ms; }
        .main-visual__bg-text--inner:nth-child(105) {
          transition-delay: 2100ms; }
        .main-visual__bg-text--inner:nth-child(106) {
          transition-delay: 2120ms; }
        .main-visual__bg-text--inner:nth-child(107) {
          transition-delay: 2140ms; }
        .main-visual__bg-text--inner:nth-child(108) {
          transition-delay: 2160ms; }
        .main-visual__bg-text--inner:nth-child(109) {
          transition-delay: 2180ms; }
        .main-visual__bg-text--inner:nth-child(110) {
          transition-delay: 2200ms; }
        .main-visual__bg-text--inner:nth-child(111) {
          transition-delay: 2220ms; }
        .main-visual__bg-text--inner:nth-child(112) {
          transition-delay: 2240ms; }
        .main-visual__bg-text--inner:nth-child(113) {
          transition-delay: 2260ms; }
        .main-visual__bg-text--inner:nth-child(114) {
          transition-delay: 2280ms; }
        .main-visual__bg-text--inner:nth-child(115) {
          transition-delay: 2300ms; }
        .main-visual__bg-text--inner:nth-child(116) {
          transition-delay: 2320ms; }
        .main-visual__bg-text--inner:nth-child(117) {
          transition-delay: 2340ms; }
        .main-visual__bg-text--inner:nth-child(118) {
          transition-delay: 2360ms; }
        .main-visual__bg-text--inner:nth-child(119) {
          transition-delay: 2380ms; }
        .main-visual__bg-text--inner:nth-child(120) {
          transition-delay: 2400ms; }
        @media screen and (max-width: 736px) {
          .main-visual__bg-text--inner.pc-inline {
            display: none; } }
  .main-visual.js-trigger .main-visual__bg-text--inner {
    opacity: 1; }
  .main-visual.js-trigger .main-visual__bg-box::after {
    transform: scaleY(1); }
  .main-visual.js-trigger .main-visual__bg-line::after {
    transform: scaleX(1) translateY(-50%); }
  .main-visual.js-trigger .main-visual__bg-border--horizontal {
    transform: scaleX(1); }
  .main-visual.js-trigger .main-visual__bg-border--vertical {
    transform: scaleY(1); }

_::-webkit-full-page-media,
_:future,
:root .main-visual__bg-text {
  letter-spacing: -0.01em; }

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

@media screen and (max-width: 736px) {
  .statement__title img {
    width: 67.6vw; } }

.statement__content {
  position: relative;
  overflow: hidden; }

.statement__text {
  width: 77vw;
  margin-right: auto;
  margin-left: auto;
  font-family: こぶりなゴシック w6 jis2004;
  font-size: 3.125vw;
  line-height: 3.2em;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 736px) {
    .statement__text {
      width: 100%;
      padding-left: 2.66667vw;
      font-size: 6.4vw;
      line-height: 3.3em; } }
  .statement__text-box {
    position: relative;
    overflow: hidden; }
    .statement__text-box::after {
      position: absolute;
      top: 3.4375vw;
      right: 0;
      bottom: 3.4375vw;
      width: 16px;
      pointer-events: none;
      content: "";
      background-image: url("../img/border-vertical.svg");
      background-repeat: repeat-y;
      opacity: 0.8;
      transition: transform 750ms ease;
      transform: scaleY(0);
      transform-origin: center top; }
      @media screen and (max-width: 736px) {
        .statement__text-box::after {
          top: 6.4vw;
          bottom: 6.4vw; } }
    .statement__text-box.js-animate::after {
      transform: scaleY(1); }
    .statement__text-box-border {
      position: absolute;
      width: 100%;
      height: 3.125vw;
      background-image: url("../img/border-horizontal.svg");
      background-repeat: repeat-x;
      background-size: 100% auto;
      opacity: 0.8;
      transition: transform 750ms ease;
      transform: translateX(-100%); }
      @media screen and (max-width: 736px) {
        .statement__text-box-border {
          height: 10.8vw; } }
      .statement__text-box-border.js-animate {
        transform: translateX(0); }
      .statement__text-box-border--top {
        top: 3.4375vw; }
        @media screen and (max-width: 736px) {
          .statement__text-box-border--top {
            top: 4.8vw; } }
      .statement__text-box-border--middle {
        top: calc(50% - 1.5625vw); }
        @media screen and (max-width: 736px) {
          .statement__text-box-border--middle {
            top: calc(50% - 5.4vw); } }
      .statement__text-box-border--bottom {
        bottom: 3.4375vw; }
        @media screen and (max-width: 736px) {
          .statement__text-box-border--bottom {
            bottom: 4.8vw; } }
  .statement__text strong {
    display: inline-block;
    font-family: toppan-bunkyu-midashi-go-std;
    transform: scale(1.4); }
  .statement__text--align-center {
    text-align: center; }
  .statement__text--align-right {
    text-align: right; }
  .statement__text--annotation {
    font-size: 1.125vw; }

.statement__border {
  width: 100%;
  height: 3.125vw;
  margin-bottom: 6.8vw;
  background-image: url("../img/border-horizontal.svg");
  background-repeat: repeat-x;
  background-size: 100% auto;
  opacity: 0.8;
  transition: transform 750ms ease;
  transform: translateX(-100%); }
  @media screen and (max-width: 736px) {
    .statement__border {
      height: 10.8vw;
      margin-bottom: 10.8vw; } }
  .statement__border::last-child {
    margin-bottom: 0; }
  .statement__border.js-animate {
    transform: translateX(0%); }
  .statement__border-wrap {
    position: absolute;
    top: 0;
    right: 2.5vw;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none; }
    @media screen and (max-width: 736px) {
      .statement__border-wrap {
        top: 1vw;
        right: 0; } }
  .statement__border-group {
    position: relative;
    margin-top: 3.5vw;
    overflow: hidden; }
    .statement__border-group--line-3 {
      height: 23vw;
      margin-bottom: 7vw; }
      @media screen and (max-width: 736px) {
        .statement__border-group--line-3 {
          height: 52.66667vw;
          margin-bottom: 10.44667vw; } }
    .statement__border-group--line-2 {
      height: 13vw;
      margin-bottom: 7vw; }
      @media screen and (max-width: 736px) {
        .statement__border-group--line-2 {
          height: 31.6vw;
          margin-bottom: 10.44667vw; } }
    .statement__border-group::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 16px;
      height: 100%;
      content: "";
      background-image: url("../img/border-vertical.svg");
      background-repeat: repeat-y;
      opacity: 0.8;
      transition: transform 750ms ease;
      transform: translateY(-115%); }
    .statement__border-group.js-animate::after {
      transform: translateY(0); }

::-webkit-full-page-media,
_:future,
:root .statement__text {
  letter-spacing: 0.015em; }

.contents__content {
  width: 94%;
  max-width: 1200px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto; }

@media screen and (max-width: 736px) {
  .contents__title img {
    width: 56.66667vw; } }

.contents__catch {
  position: relative;
  max-width: 580px;
  margin-right: auto;
  margin-bottom: 55px;
  margin-left: auto;
  font-family: toppan-bunkyu-midashi-go-std;
  font-size: 60px;
  line-height: 2em;
  text-align: center; }
  @media screen and (max-width: 736px) {
    .contents__catch {
      width: 89.33333vw;
      margin-bottom: 4vw;
      font-size: 9.33333vw;
      line-height: 2em; } }
  .contents__catch--inner {
    display: block; }
  .contents__catch-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none; }
  .contents__catch-border {
    position: absolute;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url("../img/border-horizontal.svg");
    background-repeat: repeat-x;
    background-size: auto 100%;
    opacity: 0.8;
    transition: transform 450ms ease;
    transform: scaleX(0);
    transform-origin: left center; }
    @media screen and (max-width: 736px) {
      .contents__catch-border {
        height: 9.33333vw; } }
    .contents__catch-border--1 {
      top: 30px;
      transition-delay: 0; }
      @media screen and (max-width: 736px) {
        .contents__catch-border--1 {
          top: 4vw; } }
    .contents__catch-border--2 {
      top: 150px;
      transition-delay: 100ms; }
      @media screen and (max-width: 736px) {
        .contents__catch-border--2 {
          top: 22.66667vw; } }
    .contents__catch-border--3 {
      top: 270px;
      transition-delay: 200ms; }
      @media screen and (max-width: 736px) {
        .contents__catch-border--3 {
          top: 41.33333vw; } }
  .contents__catch.js-animate .contents__catch-border {
    transform: scale(1); }

.contents__lead {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  font-family: こぶりなゴシック w6 jis2004;
  font-size: 18px;
  line-height: 1.7; }
  @media screen and (max-width: 736px) {
    .contents__lead {
      width: 89.33333vw;
      font-size: 4.26667vw;
      line-height: 2; } }
  .contents__lead--annotation {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    font-family: こぶりなゴシック w6 jis2004;
    font-size: 12px; }
    @media screen and (max-width: 736px) {
      .contents__lead--annotation {
        width: 89.33333vw; } }

.contents__list {
  margin-top: 120px; }
  @media screen and (max-width: 736px) {
    .contents__list {
      margin-top: 8.66667vw; } }

.contents__item {
  display: flex;
  margin-bottom: 100px;
  align-items: flex-start; }
  @media screen and (max-width: 736px) {
    .contents__item {
      flex-direction: column;
      width: 89.33333vw;
      margin-right: auto;
      margin-bottom: 16vw;
      margin-left: auto; } }
  .contents__item:nth-child(odd) .contents__item-thumb {
    margin-right: 40px; }
    @media screen and (max-width: 736px) {
      .contents__item:nth-child(odd) .contents__item-thumb {
        margin-right: auto; } }
  .contents__item:nth-child(odd) .contents__item-detail {
    padding-right: 100px; }
    @media screen and (max-width: 736px) {
      .contents__item:nth-child(odd) .contents__item-detail {
        padding-right: 0; } }
    .contents__item:nth-child(odd) .contents__item-detail::after {
      right: 0; }
  .contents__item:nth-child(even) {
    flex-direction: row-reverse; }
    @media screen and (max-width: 736px) {
      .contents__item:nth-child(even) {
        flex-direction: column; } }
    .contents__item:nth-child(even) .contents__item-thumb {
      margin-right: 0; }
      @media screen and (max-width: 736px) {
        .contents__item:nth-child(even) .contents__item-thumb {
          margin-right: auto; } }
    .contents__item:nth-child(even) .contents__item-detail {
      padding-left: 100px;
      margin-right: 40px; }
      @media screen and (max-width: 736px) {
        .contents__item:nth-child(even) .contents__item-detail {
          padding-left: 0;
          margin-right: auto; } }
      .contents__item:nth-child(even) .contents__item-detail::after {
        left: 0; }
  .contents__item--number-1 .contents__item-detail::after {
    width: 32px;
    height: 113px;
    background-image: url("../img/contents-number-1.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-1 .contents__item-detail::after {
        width: 4.26667vw;
        height: 15.06667vw; } }
  .contents__item--number-2 .contents__item-detail::after {
    width: 49px;
    height: 115px;
    background-image: url("../img/contents-number-2.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-2 .contents__item-detail::after {
        width: 6.53333vw;
        height: 15.33333vw; } }
  .contents__item--number-3 .contents__item-detail::after {
    width: 49px;
    height: 116px;
    background-image: url("../img/contents-number-3.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-3 .contents__item-detail::after {
        width: 6.53333vw;
        height: 15.46667vw; } }
  .contents__item--number-4 .contents__item-detail::after {
    width: 57px;
    height: 113px;
    background-image: url("../img/contents-number-4.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-4 .contents__item-detail::after {
        width: 7.6vw;
        height: 15.06667vw; } }
  .contents__item--number-5 .contents__item-detail::after {
    width: 49px;
    height: 114px;
    background-image: url("../img/contents-number-5.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-5 .contents__item-detail::after {
        width: 6.53333vw;
        height: 15.2vw; } }
  .contents__item--number-6 .contents__item-detail::after {
    width: 49px;
    height: 114px;
    background-image: url("../img/contents-number-6.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-6 .contents__item-detail::after {
        width: 6.53333vw;
        height: 15.2vw; } }
  .contents__item--number-7 .contents__item-detail::after {
    width: 49px;
    height: 113px;
    background-image: url("../img/contents-number-7.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-7 .contents__item-detail::after {
        width: 6.53333vw;
        height: 15.06667vw; } }
  .contents__item--number-8 .contents__item-detail::after {
    width: 49px;
    height: 116px;
    background-image: url("../img/contents-number-8.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-8 .contents__item-detail::after {
        width: 6.53333vw;
        height: 15.46667vw; } }
  .contents__item--number-9 .contents__item-detail::after {
    width: 49px;
    height: 115px;
    background-image: url("../img/contents-number-9.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-9 .contents__item-detail::after {
        width: 6.53333vw;
        height: 15.33333vw; } }
  .contents__item--number-10 .contents__item-detail::after {
    width: 85px;
    height: 108px;
    background-image: url("../img/contents-number-10.svg"); }
    @media screen and (max-width: 736px) {
      .contents__item--number-10 .contents__item-detail::after {
        width: 11.33333vw;
        height: 14.4vw; } }
  .contents__item-thumb {
    position: relative;
    width: calc(100% / 3);
    margin-right: 40px; }
    @media screen and (max-width: 736px) {
      .contents__item-thumb {
        width: 64vw;
        margin-right: auto;
        margin-bottom: 8vw;
        margin-left: auto; } }
    .contents__item-thumb-border {
      background-image: url("../img/border-horizontal.svg");
      background-repeat: repeat-x;
      background-size: auto 100%;
      opacity: 0.8;
      transition: transform 500ms ease;
      transform: translateX(-105%); }
      .contents__item-thumb-border--1 {
        transition-delay: 100ms; }
      .contents__item-thumb-border--2 {
        transition-delay: 200ms; }
      .contents__item-thumb-border--3 {
        transition-delay: 300ms; }
      .contents__item-thumb-border--4 {
        transition-delay: 400ms; }
      .contents__item-thumb-border--5 {
        transition-delay: 500ms; }
      .contents__item-thumb-border-mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        flex-direction: column; }
      .contents__item-thumb-border-group {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden; }
        .contents__item-thumb-border-group::after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: 8px;
          height: 100%;
          content: "";
          background-image: url("../img/border-vertical.svg");
          background-repeat: repeat-y;
          opacity: 0.8;
          transition: all 500ms ease;
          transform: translateY(-105%); }
        .contents__item-thumb-border-group--line-3 {
          height: calc((100% / 9) * 5);
          margin-bottom: auto; }
          .contents__item-thumb-border-group--line-3::after {
            transition-delay: 200ms; }
          .contents__item-thumb-border-group--line-3 .contents__item-thumb-border {
            height: calc(100% / 5); }
        .contents__item-thumb-border-group--line-2 {
          height: calc((100% / 9) * 3); }
          .contents__item-thumb-border-group--line-2::after {
            transition-delay: 400ms; }
          .contents__item-thumb-border-group--line-2 .contents__item-thumb-border {
            height: calc(100% / 3); }
  .contents__item-detail {
    position: relative;
    width: calc((100% / 3) * 2); }
    @media screen and (max-width: 736px) {
      .contents__item-detail {
        width: 100%; } }
    .contents__item-detail::after {
      position: absolute;
      bottom: 0;
      content: "";
      background-repeat: no-repeat;
      background-size: contain; }
      @media screen and (max-width: 736px) {
        .contents__item-detail::after {
          bottom: calc(100% + 8vw); } }
  .contents__item-name {
    margin-bottom: 10px;
    font-family: toppan-bunkyu-midashi-go-std;
    font-size: 54px;
    line-height: 1.25em; }
    @media screen and (max-width: 736px) {
      .contents__item-name {
        margin-bottom: 2.66667vw;
        font-size: 8.8vw; } }
    .contents__item-name--inner-sub {
      display: block;
      font-size: 22px;
      line-height: 1.25; }
      @media screen and (max-width: 736px) {
        .contents__item-name--inner-sub {
          font-size: 4vw; } }
  .contents__item-date {
    margin-bottom: 15px;
    font-family: din-condensed;
    font-size: 32px;
    line-height: 1em; }
    @media screen and (max-width: 736px) {
      .contents__item-date {
        margin-bottom: 4vw;
        font-size: 7.46667vw; } }
    .contents__item-date--inner {
      padding: 0 4px;
      background-color: #ffe600; }
  .contents__item-subtitle {
    margin-bottom: 5px;
    font-family: toppan-bunkyu-midashi-go-std;
    font-size: 32px;
    line-height: 1.5em; }
    @media screen and (max-width: 736px) {
      .contents__item-subtitle {
        margin-bottom: 1.33333vw;
        font-size: 5.33333vw; } }
  .contents__item-excerpt {
    font-size: 18px;
    line-height: 1.55556em; }
    @media screen and (max-width: 736px) {
      .contents__item-excerpt {
        font-size: 4.26667vw;
        line-height: 1.5em; } }
  .contents__item-links {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 30px; }
    @media screen and (max-width: 736px) {
      .contents__item-links {
        flex-direction: column;
        margin-top: 5.33333vw; } }
    .contents__item-links-item {
      width: 200px;
      margin-right: 10px; }
      @media screen and (max-width: 736px) {
        .contents__item-links-item {
          width: 100%;
          margin-bottom: 5.33333vw; } }
      .contents__item-links-item:last-child {
        margin-right: 0; }
        @media screen and (max-width: 736px) {
          .contents__item-links-item:last-child {
            margin-bottom: 0; } }
  .contents__item--comingsoon .contents__item-thumb::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    width: 100%;
    font-family: din-condensed;
    font-size: 40px;
    color: #fff;
    text-align: center;
    content: "Coming Soon";
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 736px) {
      .contents__item--comingsoon .contents__item-thumb::after {
        font-size: 6.4vw; } }
  .contents__item--comingsoon .contents__item-name {
    user-select: none; }
    .contents__item--comingsoon .contents__item-name--inner {
      background-image: url("../img/border-event-text.svg");
      background-repeat: repeat-x;
      background-size: auto 100%; }
  .contents__item--comingsoon .contents__item-date {
    user-select: none; }
    .contents__item--comingsoon .contents__item-date--inner {
      background-color: initial;
      background-image: url("../img/border-event-text.svg");
      background-repeat: repeat-x;
      background-size: auto 100%; }
  .contents__item--comingsoon .contents__item-subtitle {
    user-select: none; }
    .contents__item--comingsoon .contents__item-subtitle--inner {
      background-image: url("../img/border-event-text.svg");
      background-repeat: repeat-x;
      background-size: auto 100%; }
  .contents__item--comingsoon .contents__item-excerpt {
    user-select: none; }
    .contents__item--comingsoon .contents__item-excerpt--inner {
      display: block;
      width: 100%;
      height: 22px;
      margin-bottom: 0.75em;
      background-image: url("../img/border-event-text.svg");
      background-repeat: repeat-x;
      background-size: auto 100%; }
  .contents__item.js-animate .contents__item-thumb-border {
    transform: translateX(0); }
    .contents__item.js-animate .contents__item-thumb-border-group::after {
      transform: translateY(0); }

.contents__text {
  font-family: こぶりなゴシック w6 jis2004;
  font-size: 40px;
  line-height: 1.425em;
  text-align: center; }
  @media screen and (max-width: 736px) {
    .contents__text {
      font-size: 5.33333vw;
      line-height: 1.5em; } }

.contents__button {
  margin-top: 50px; }

.yellow-card {
  overflow: hidden;
  background-color: #ccc; }
  .yellow-card__inner {
    width: 92%;
    max-width: 1000px;
    padding-bottom: 0;
    margin-right: auto;
    margin-left: auto; }
    @media screen and (max-width: 736px) {
      .yellow-card__inner {
        padding-top: 14vw; } }
  .yellow-card__title {
    margin-bottom: 15px;
    font-family: toppan-bunkyu-midashi-go-std;
    font-size: 62px;
    line-height: 1em;
    text-align: center; }
    @media screen and (max-width: 736px) {
      .yellow-card__title {
        font-size: 10.66667vw; } }
    .yellow-card__title--sub {
      font-family: こぶりなゴシック w6 jis2004;
      font-size: 18px;
      text-align: center; }
      @media screen and (max-width: 736px) {
        .yellow-card__title--sub {
          font-size: 4.26667vw; } }
  .yellow-card__subtitle {
    margin-bottom: 45px;
    text-align: center; }
    @media screen and (max-width: 736px) {
      .yellow-card__subtitle {
        margin-bottom: 2.66667vw; } }
    .yellow-card__subtitle-img {
      background-color: #ffe600; }
      @media screen and (max-width: 736px) {
        .yellow-card__subtitle-img {
          width: 29.6vw; } }
  .yellow-card__lead {
    margin-bottom: 40px;
    font-family: こぶりなゴシック w6 jis2004;
    font-size: 18px;
    line-height: 2em;
    text-align: center; }
    @media screen and (max-width: 736px) {
      .yellow-card__lead {
        margin-bottom: 11.33333vw;
        font-size: 4.26667vw;
        text-align: left; } }
  .yellow-card__row {
    display: flex; }
    @media screen and (max-width: 736px) {
      .yellow-card__row {
        flex-direction: column; } }
  .yellow-card__detail {
    width: 69%;
    max-width: 690px;
    padding-bottom: 80px; }
    @media screen and (max-width: 736px) {
      .yellow-card__detail {
        width: 100%;
        padding-bottom: 16vw; } }
    .yellow-card__detail-content {
      margin-bottom: 50px; }
      @media screen and (max-width: 736px) {
        .yellow-card__detail-content {
          margin-bottom: 10.66667vw; } }
    .yellow-card__detail-title {
      font-family: toppan-bunkyu-midashi-go-std;
      font-size: 32px; }
      @media screen and (max-width: 736px) {
        .yellow-card__detail-title {
          font-size: 5.33333vw; } }
      .yellow-card__detail-title--inner {
        padding: 3px;
        background-color: #ffe600; }
      .yellow-card__detail-title--present {
        margin-bottom: 15px; }
    .yellow-card__detail-list {
      padding-left: 1em;
      margin-top: 1em;
      font-size: 18px;
      list-style: disc; }
      @media screen and (max-width: 736px) {
        .yellow-card__detail-list {
          font-size: 3.73333vw; } }
    .yellow-card__detail-item {
      font-family: こぶりなゴシック w6 jis2004;
      font-size: 18px;
      line-height: 1.55556em; }
      @media screen and (max-width: 736px) {
        .yellow-card__detail-item {
          font-size: 3.73333vw;
          line-height: 2; } }
    .yellow-card__detail-text {
      font-size: 18px;
      line-height: 1.83333em; }
      @media screen and (max-width: 736px) {
        .yellow-card__detail-text {
          font-size: 3.73333vw; } }
      .yellow-card__detail-text--annotation {
        font-size: 12px; }
        @media screen and (max-width: 736px) {
          .yellow-card__detail-text--annotation {
            font-size: 2.66667vw; } }
  .yellow-card__catch {
    font-family: こぶりなゴシック w6 jis2004;
    font-size: 32px;
    color: #ffe600; }
  .yellow-card__button-wrap {
    margin-top: 20px;
    text-align: left; }
  .yellow-card__img {
    position: relative;
    width: calc(100% - 69%); }
    @media screen and (max-width: 736px) {
      .yellow-card__img {
        width: 100%; } }
    .yellow-card__img-hand {
      position: absolute;
      bottom: 0;
      left: 20%;
      width: 395px;
      max-width: 395px; }
      @media screen and (max-width: 736px) {
        .yellow-card__img-hand {
          position: relative;
          width: 54.8vw;
          max-width: 54.8vw; } }

.about__title {
  margin-bottom: 5vw; }
  @media screen and (max-width: 736px) {
    .about__title {
      margin-bottom: 13.33333vw; }
      .about__title img {
        width: 37.2vw; } }

.about__content {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto; }

.about__catch {
  margin-bottom: 15px;
  font-family: toppan-bunkyu-midashi-go-std;
  font-size: 62px;
  line-height: 1em;
  text-align: center; }
  @media screen and (max-width: 736px) {
    .about__catch {
      font-size: 10.66667vw; } }

.about__subcatch {
  margin-bottom: 60px;
  text-align: center; }
  @media screen and (max-width: 736px) {
    .about__subcatch {
      margin-bottom: 10.66667vw; } }
  .about__subcatch-img {
    background-color: #000; }
    @media screen and (max-width: 736px) {
      .about__subcatch-img {
        width: 32.26667vw; } }

.about__row {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 60px; }
  @media screen and (max-width: 736px) {
    .about__row {
      flex-direction: column;
      width: 89.33333vw;
      margin-right: auto;
      margin-bottom: 4vw;
      margin-left: auto; } }

.about__motto {
  width: calc((100% - 50px) / 2);
  margin-right: auto; }
  @media screen and (max-width: 736px) {
    .about__motto {
      width: 64vw;
      margin-bottom: 9.33333vw;
      margin-left: auto; } }

.about__detail {
  width: calc((100% - 50px) / 2); }
  @media screen and (max-width: 736px) {
    .about__detail {
      width: 100%; } }

.about__description {
  margin-bottom: 1em;
  font-size: 16px;
  line-height: 2; }
  @media screen and (max-width: 736px) {
    .about__description {
      font-size: 4.26667vw; } }

.about__button {
  margin-top: 45px; }
  @media screen and (max-width: 736px) {
    .about__button {
      font-size: 4vw; } }

.footer {
  background-color: #000; }
  .footer__inner {
    padding: 40px 0 45px;
    text-align: center; }
    @media screen and (max-width: 736px) {
      .footer__inner {
        padding: 14.66667vw 0 14.66667vw; } }
  .footer__sns-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 736px) {
      .footer__sns-list {
        margin-bottom: 5.33333vw; } }
  .footer__sns-item {
    width: 45px;
    margin: 0 10px; }
    @media screen and (max-width: 736px) {
      .footer__sns-item {
        width: 10.66667vw;
        margin: 0 1.33333vw; } }
  .footer__sns-link {
    transition: all 450ms ease; }
    .footer__sns-link:hover {
      opacity: 0.7; }
  .footer__logo {
    padding-right: 10px;
    margin-bottom: 20px; }
    @media screen and (max-width: 736px) {
      .footer__logo {
        width: 20vw;
        margin-right: auto;
        margin-bottom: 4vw;
        margin-left: auto; } }
    .footer__logo-link {
      transition: all 450ms ease; }
      .footer__logo-link:hover {
        opacity: 0.7; }
  .footer__copyrights {
    font-family: こぶりなゴシック w6 jis2004;
    font-size: 14px;
    color: #fff; }
    @media screen and (max-width: 736px) {
      .footer__copyrights {
        font-size: 3.73333vw; } }
  .footer__fixed-logo {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    width: 70px;
    height: 120px;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px;
    background-image: url("../img/fixed-ningen-logo.svg");
    background-repeat: no-repeat; }
    @media screen and (max-width: 736px) {
      .footer__fixed-logo {
        width: 40px;
        height: 70px;
        background-size: cover; } }
  .footer__fixed-link {
    display: block;
    width: 100%;
    height: 100%; }