@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

svg {
  width: 100%;
  height: auto;
  display: block;
}

:root {
  --baseColor: #000;
  --mainColor: #12e0ef;
  --textColor: #fff;
  --container: 1200px;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.035em;
  color: var(--textColor);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

input, textarea, select {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  width: auto;
  max-width: 100%;
  display: block;
}

.l-header .logo {
  width: 90px;
  max-width: 20vw;
}

.l-header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 17px 4.7%;
  background: #000;
}

@media screen and (max-width: 800px) {
  .l-header_inner {
    padding: 4vw 4.7%;
  }
}

#globalNav .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#globalNav .menu li {
  color: #fff;
}

#globalNav .menu li + li {
  margin-left: 2em;
}

#globalNav .menu a {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: inherit;
}

.l-footer {
  padding: 40px 0;
  background: #000;
}

.l-footer .logo {
  width: 218px;
  margin: 50px auto 0;
}

.l-footer .txt1 {
  text-align: center;
}

.l-footer .logoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 60px;
}

.l-footer .logoList > li {
  max-width: 194px;
}

@media screen and (min-width: 801px) {
  .l-footer .footerNav .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.4rem;
  }
  .l-footer .footerNav .menu > li {
    padding: 0.5em 0.4em;
    position: relative;
  }
  .l-footer .footerNav .menu > li:not(:last-child) {
    border-right: 1px solid #fff;
  }
  .l-footer .footerNav .menu a {
    text-decoration: underline;
  }
  .l-footer .footerNav .menu a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1220px) {
  .l-footer {
    padding: 4% 0;
  }
  .l-footer .logo {
    margin-top: 5%;
  }
  .l-footer .logoList {
    margin-top: 6%;
  }
}

@media screen and (max-width: 800px) {
  .l-footer .footerNav .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
  }
  .l-footer .footerNav .menu > li {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .l-footer .footerNav .menu > li:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .l-footer .footerNav .menu a {
    height: 100%;
    padding: 0.5em 0.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .l-footer .footerNav .menu a:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .l-footer .logoList > li {
    max-width: 42%;
  }
}

/* コンテイナー */
.l-container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
}

@media screen and (max-width: 1220px) {
  .l-container {
    padding-left: 4%;
    padding-right: 4%;
  }
}

/* PC/SP */
@media screen and (min-width: 801px) {
  .sp {
    display: none !important;
  }
}

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

/* clearfix */
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/* 汎用ボタン */
.c-btn a {
  font-family: "Teko", sans-serif;
  font-size: 6rem;
  text-align: center;
  letter-spacing: 0.03em;
  color: #000;
  background: var(--mainColor);
  width: 100%;
  max-width: 10.67em;
  min-height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.c-btn a i {
  display: inline-block;
  margin-bottom: 0.1em;
  margin-right: 0.2em;
  -webkit-transition: inherit;
  transition: inherit;
}

.c-btn a i.icon-mail {
  width: 0.834em;
  aspect-ratio: 1 / 0.76;
  background: url(../img/iconMail.svg) no-repeat center/contain;
}

.c-btn a:hover {
  color: #fff;
  background: #14474a;
}

.c-btn a:hover i {
  -webkit-filter: contrast(0) brightness(2);
          filter: contrast(0) brightness(2);
}

.c-btn a.fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: none;
}

.c-btn a.left {
  margin-left: 0;
  margin-right: auto;
}

.c-btn a.right {
  margin-left: auto;
  margin-right: 0;
}

.c-btn a.center {
  margin-left: auto;
  margin-right: auto;
}

.c-btn a.reverse {
  background: #fff;
  color: var(--mainColor);
}

.c-btn a.reverse:hover {
  background: var(--mainColor);
  color: #fff;
}

@media screen and (max-width: 800px) {
  .c-btn a {
    font-size: 9vw;
  }
}

:root {
  --c-flex-gap: 20px;
}

.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-flex.gap {
  gap: var(--c-flex-gap);
}

.c-flex.gapLarge {
  gap: calc(var(--c-flex-gap) * 2);
}

.c-flex--2 > * {
  width: calc(100% / 2);
}

.c-flex--2.gap > * {
  width: calc(calc(100% - calc(var(--c-flex-gap) * calc(2 - 1))) / 2);
}

.c-flex--3 > * {
  width: calc(100% / 3);
}

.c-flex--3.gap > * {
  width: calc(calc(100% - calc(var(--c-flex-gap) * calc(3 - 1))) / 3);
}

.c-flex--4 > * {
  width: calc(100% / 4);
}

.c-flex--4.gap > * {
  width: calc(calc(100% - calc(var(--c-flex-gap) * calc(4 - 1))) / 4);
}

.c-flex--5 > * {
  width: calc(100% / 5);
}

.c-flex--5.gap > * {
  width: calc(calc(100% - calc(var(--c-flex-gap) * calc(5 - 1))) / 5);
}

.c-flex--6 > * {
  width: calc(100% / 6);
}

.c-flex--6.gap > * {
  width: calc(calc(100% - calc(var(--c-flex-gap) * calc(6 - 1))) / 6);
}

.c-flex--end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.c-flex--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-flex--between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-flex--alignEnd {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.c-flex--alignCenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-flex--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.c-flex--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.u-tal {
  text-align: left !important;
}

.u-tac {
  text-align: center !important;
}

.u-tar {
  text-align: right !important;
}

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

.alingLeft {
  margin-left: 0;
  margin-right: auto;
}

.alignRight {
  margin-left: auto;
  margin-right: 0;
}

.font-10 {
  font-size: 1rem !important;
  line-height: 2rem;
}

.font-12 {
  font-size: 1.2rem !important;
  line-height: 2.2rem;
}

.font-14 {
  font-size: 1.4rem !important;
  line-height: 2.4rem;
}

.font-16 {
  font-size: 1.6rem !important;
  line-height: 2.6rem;
}

.font-18 {
  font-size: 1.8rem !important;
  line-height: 2.8rem;
}

.font-20 {
  font-size: 2rem !important;
  line-height: 3rem;
}

.font-22 {
  font-size: 2.2rem !important;
  line-height: 3.2rem;
}

.font-24 {
  font-size: 2.4rem !important;
  line-height: 3.4rem;
}

.font-26 {
  font-size: 2.6rem !important;
  line-height: 3.6rem;
}

.font-28 {
  font-size: 2.8rem !important;
  line-height: 3.8rem;
}

.font-30 {
  font-size: 3rem !important;
  line-height: 4rem;
}

.u-marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #F4DF42));
  background: linear-gradient(transparent 50%, #F4DF42 50%);
  padding-bottom: 0.3em;
}

.u-bold {
  font-weight: bold;
}

.u-mainColor {
  color: var(--mainColor);
}

.u-subcolor {
  color: var(--subColor);
}

.u-emp {
  color: #BD0010;
}

.mt-5 {
  margin-top: 0.5em !important;
}

.mt-10 {
  margin-top: 1em !important;
}

.mt-15 {
  margin-top: 1.5em !important;
}

.mt-20 {
  margin-top: 2em !important;
}

.mt-25 {
  margin-top: 2.5em !important;
}

.mt-30 {
  margin-top: 3em !important;
}

.mt-35 {
  margin-top: 3.5em !important;
}

.mt-40 {
  margin-top: 4em !important;
}

.mt-45 {
  margin-top: 4.5em !important;
}

.mt-50 {
  margin-top: 5em !important;
}

main {
  overflow: hidden;
}

h2.heading {
  font-family: "Teko", sans-serif;
  font-size: 7rem;
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: center;
  color: #fff;
  background: #000;
  padding: 0.12em 0.5em 0;
}

h2.heading.--white {
  color: #000;
  background: #e7e7e7;
}

@media screen and (min-width: 801px) and (max-width: 1220px) {
  h2.heading {
    font-size: 5.4vw;
  }
}

@media screen and (max-width: 800px) {
  h2.heading {
    font-size: 7vw;
  }
}

.parallaxWrapper {
  position: relative;
}

.parallaxWrapper > .end {
  padding-bottom: 85px;
}

@media screen and (max-width: 1220px) {
  .parallaxWrapper > .end {
    padding-bottom: 8%;
  }
}

.parallax {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  z-index: -1;
}

.parallax .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 105vh;
}

.parallax.parallax1 .bg {
  background: url(../img/bg1.jpg) repeat-y center/cover;
}

.parallax.parallax2 .bg {
  background: url(../img/bg2.jpg) repeat-y center/cover;
}

.parallax.parallax3 .bg {
  background: url(../img/bg3.jpg) repeat-y center/cover;
}

@media screen and (max-width: 800px) {
  .parallax {
    background-size: auto 100vh;
  }
}

.c-copyright {
  font-size: 1.8rem;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .c-copyright {
    font-size: 1.2rem;
  }
}

.p-kv {
  position: relative;
  overflow: hidden;
}

.p-kv > *:not(.bg) {
  position: absolute;
}

.p-kv img {
  width: 100%;
  max-width: none;
}

.p-kv .keepout {
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1 / 0.034;
  background: url(../img/kvKeepout.png) repeat left top/auto 128%;
}

.p-kv .img1 {
  top: 11%;
  left: 6.8%;
  width: 42.3046875%;
  z-index: 2;
}

.p-kv .img2 {
  bottom: 0%;
  right: -3%;
  width: 46.25%;
  z-index: 1;
}

.p-kv.js-scroll .keepout {
  -webkit-transition: 1.5s ease 0.3s;
  transition: 1.5s ease 0.3s;
  opacity: 0;
  background-position: left -50% top;
}

.p-kv.js-scroll .img1 {
  -webkit-transition: 1s ease 0.6s;
  transition: 1s ease 0.6s;
  opacity: 0;
  -webkit-transform: translateX(15%);
          transform: translateX(15%);
}

.p-kv.js-scroll .img2 {
  -webkit-transition: 1.5s cubic-bezier(0.33, 0, 0.1, 1) 0.9s;
  transition: 1.5s cubic-bezier(0.33, 0, 0.1, 1) 0.9s;
  opacity: 0;
  -webkit-filter: brightness(0%);
          filter: brightness(0%);
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
}

.p-kv.is-scroll .keepout {
  opacity: 1;
  background-position: left top;
}

.p-kv.is-scroll .img1 {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.p-kv.is-scroll .img2 {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-animation: blinking 1.5s ease 1.5s 1 normal forwards running;
          animation: blinking 1.5s ease 1.5s 1 normal forwards running;
}

@media screen and (max-width: 800px) {
  .p-kv .keepout {
    aspect-ratio: 1 / 0.085;
  }
  .p-kv .img1 {
    top: 3.8%;
    left: 2%;
    width: 96%;
  }
  .p-kv .img2 {
    bottom: -0.8%;
    right: 2.2%;
    width: 78.4%;
  }
}

.p-sec01 {
  padding: 112px 0 70px;
}

.p-sec01 h2 {
  font-family: "Teko", sans-serif;
  font-size: 10rem;
  line-height: 1;
  letter-spacing: 0.025em;
  color: #000;
  padding: 0.4em 0.5em 0.4em 23%;
  background: url(../img/sec01HeadingBg.jpg) no-repeat center/cover;
  position: relative;
}

.p-sec01 h2 img {
  position: absolute;
  top: -25%;
  left: 3.7%;
  width: 17.67%;
}

.p-sec01 h2.js-scroll {
  -webkit-transition: 0.5s ease 0.3s;
  transition: 0.5s ease 0.3s;
  opacity: 0;
  letter-spacing: -0.01em;
}

.p-sec01 h2.js-scroll img {
  -webkit-transition: 0.5s ease 0.6s;
  transition: 0.5s ease 0.6s;
  opacity: 0;
  -webkit-transform: rotate3d(1, 1, 0, 90deg);
          transform: rotate3d(1, 1, 0, 90deg);
  -webkit-filter: contrast(0) brightness(2);
          filter: contrast(0) brightness(2);
}

.p-sec01 h2.is-scroll {
  opacity: 1;
  letter-spacing: 0.025em;
}

.p-sec01 h2.is-scroll img {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-filter: none;
          filter: none;
}

.p-sec01 .block1 {
  margin-top: 93px;
}

.p-sec01 .block1 .logo {
  width: 213px;
  max-width: 35.5vw;
}

.p-sec01 .block1 h3 {
  font-family: "Teko", sans-serif;
  font-size: 6rem;
  line-height: 0.9;
  letter-spacing: 0.025em;
  color: var(--mainColor);
  margin-top: 0.45em;
}

.p-sec01 .block1 .txt {
  font-size: 2rem;
  max-width: 600px;
}

.p-sec01 .block1 .card {
  position: relative;
  padding-top: 42%;
}

.p-sec01 .block1 .card img {
  position: absolute;
}

.p-sec01 .block1 .card img:nth-child(1) {
  top: 14%;
  left: 42%;
  width: 31.76%;
}

.p-sec01 .block1 .card img:nth-child(2) {
  top: 15.1%;
  left: 23.5%;
  width: 26.1%;
}

.p-sec01 .block1 .card img:nth-child(3) {
  top: 10%;
  left: 2%;
  width: 23.71%;
}

.p-sec01 .block1 .card.js-scroll img {
  -webkit-transition: 0.7s cubic-bezier(0.33, 0, 0.1, 1) 0.3s;
  transition: 0.7s cubic-bezier(0.33, 0, 0.1, 1) 0.3s;
  opacity: 0;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

.p-sec01 .block1 .card.js-scroll img:nth-child(1) {
  -webkit-transform: rotate(-10deg) translateX(-50%);
          transform: rotate(-10deg) translateX(-50%);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.p-sec01 .block1 .card.js-scroll img:nth-child(2) {
  -webkit-transform: rotate(-10deg) translateX(-50%);
          transform: rotate(-10deg) translateX(-50%);
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.p-sec01 .block1 .card.js-scroll img:nth-child(3) {
  -webkit-transform: rotate(10deg) translateX(-50%);
          transform: rotate(10deg) translateX(-50%);
}

.p-sec01 .block1 .card.is-scroll img {
  opacity: 1;
  -webkit-transform: none !important;
          transform: none !important;
}

@media screen and (min-width: 801px) {
  .p-sec01 .block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-sec01 .block1 .detail {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .p-sec01 .block1 .img {
    width: 43.584%;
    margin-top: 12px;
    margin-right: -10px;
  }
}

@media screen and (max-width: 1220px) {
  .p-sec01 {
    padding: 11% 0 7%;
  }
  .p-sec01 .block1 {
    margin-top: 12%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1220px) {
  .p-sec01 h2 {
    font-size: 7.5vw;
  }
  .p-sec01 .block1 h3 {
    font-size: 4.5vw;
  }
  .p-sec01 .block1 .txt {
    font-size: 1.7vw;
  }
}

@media screen and (max-width: 800px) {
  .p-sec01 h2 {
    font-size: 7vw;
  }
  .p-sec01 h2 img {
    top: -70%;
    left: -5.3%;
    width: 25%;
  }
  .p-sec01 .block1 h3 {
    font-size: 7.5vw;
  }
  .p-sec01 .block1 .txt {
    font-size: 4vw;
  }
  .p-sec01 .block1 .img {
    margin-top: 4vw;
  }
}

.p-sec02 {
  padding-top: 100px;
}

.p-sec02 .cardList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 141px 20px;
  margin-top: 53px;
  position: relative;
}

.p-sec02 .cardList:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 689px;
  aspect-ratio: 1 / 0.16255;
  background: url(../img/sec02Keepout.png) no-repeat center/contain;
}

.p-sec02 .cardList.js-scroll > li {
  -webkit-transition: 0.5s ease 0.3s;
  transition: 0.5s ease 0.3s;
  opacity: 0;
  -webkit-filter: contrast(0) brightness(2);
          filter: contrast(0) brightness(2);
  -webkit-transform: rotate3d(1, 1, 0, 90deg);
          transform: rotate3d(1, 1, 0, 90deg);
}

.p-sec02 .cardList.js-scroll:after {
  -webkit-transition: 1s ease 1.5s;
  transition: 1s ease 1.5s;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(45%, transparent), color-stop(55%, #000));
  -webkit-mask-image: linear-gradient(-90deg, transparent 45%, #000 55%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(45%, transparent), color-stop(55%, #000));
          mask-image: linear-gradient(-90deg, transparent 45%, #000 55%);
  -webkit-mask-size: 300%;
          mask-size: 300%;
  -webkit-mask-position: 100%;
          mask-position: 100%;
}

.p-sec02 .cardList.is-scroll > li {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: none;
          transform: none;
}

.p-sec02 .cardList.is-scroll:after {
  -webkit-mask-position: 0%;
          mask-position: 0%;
}

@media screen and (min-width: 801px) {
  .p-sec02 .cardList > li {
    width: calc(calc(100% - 60px) / 4);
  }
}

@media screen and (max-width: 1220px) {
  .p-sec02 {
    padding-top: 10%;
  }
}

@media screen and (max-width: 800px) {
  .p-sec02 .cardList {
    gap: 4vw;
    padding-bottom: 20vw;
  }
  .p-sec02 .cardList:after {
    top: auto;
    bottom: 0;
    max-width: 100%;
  }
  .p-sec02 .cardList > li {
    width: calc(calc(100% - 4vw) / 2);
  }
}

.p-sec03 {
  padding: 120px 0 75px;
}

.p-sec03 .cardList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 64px;
  margin-top: 52px;
}

.p-sec03 .block2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 100px;
}

.p-sec03 .block2 .img {
  position: relative;
  z-index: 2;
}

.p-sec03 .block2 .content {
  font-family: "Teko", sans-serif;
  font-size: 5.5rem;
  text-align: center;
  line-height: 0.9;
  letter-spacing: 0.025em;
  color: #fff000;
  position: relative;
  z-index: 1;
}

.p-sec03 .block2 .content:before {
  content: '';
  position: absolute;
  top: 28%;
  left: -50%;
  right: -50%;
  bottom: 0;
  margin: auto;
  width: 14.309em;
  aspect-ratio: 1 / 0.7967;
  background: url(../img/sec03Splash.png) no-repeat center/contain;
  z-index: -1;
}

@media screen and (min-width: 801px) {
  .p-sec03 .block2 .img {
    width: 50.75%;
  }
  .p-sec03 .block2 .content {
    width: calc(49.25% - 20px);
  }
}

@media screen and (max-width: 1220px) {
  .p-sec03 {
    padding: 12% 0 7%;
  }
  .p-sec03 .cardList {
    margin-top: 5%;
  }
  .p-sec03 .block2 {
    margin-top: 10%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1220px) {
  .p-sec03 .block2 .content {
    font-size: 4vw;
  }
}

@media screen and (max-width: 800px) {
  .p-sec03 .cardList {
    gap: 4vw;
  }
  .p-sec03 .cardList > li {
    width: calc(calc(100% - 4vw) / 2);
  }
  .p-sec03 .block2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-sec03 .block2 .content {
    font-size: 8vw;
    margin: 5vw 0 30vw;
  }
}

.p-sec04 {
  padding-top: 120px;
}

.p-sec04 .txt1 {
  font-family: "Teko", sans-serif;
  font-size: 5rem;
  line-height: 1;
}

.p-sec04 .block1 {
  margin-top: 35px;
}

.p-sec04 .block1 dl {
  font-size: 3rem;
  margin-top: 1em;
}

.p-sec04 .block1 dl dt {
  color: var(--mainColor);
}

.p-sec04 .block1 dl dt:not(:first-child) {
  margin-top: 2em;
}

.p-sec04 .block2 {
  margin-top: 30px;
}

.p-sec04 .block2 h3 {
  font-size: 3rem;
  color: var(--mainColor);
}

.p-sec04 .checkList table {
  font-size: 2rem;
  line-height: 1.25;
}

.p-sec04 .checkList table caption {
  text-align: left;
  margin-bottom: 0.2em;
}

.p-sec04 .checkList table th, .p-sec04 .checkList table td {
  white-space: nowrap;
}

.p-sec04 .checkList table th {
  text-align: left;
}

.p-sec04 .checkList table td {
  text-align: right;
}

@media screen and (min-width: 801px) {
  .p-sec04 .block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-sec04 .block1 .img {
    width: 44.75%;
  }
  .p-sec04 .block1 .detail {
    margin-top: 20px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .p-sec04 .checkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 69px;
  }
  .p-sec04 .checkList > * {
    width: calc(calc(100% - 138px) / 3);
  }
}

@media screen and (max-width: 1220px) {
  .p-sec04 {
    padding-top: 12%;
  }
  .p-sec04 .block1 dl dt:not(:first-child) {
    margin-top: 1em;
  }
}

@media screen and (min-width: 801px) and (max-width: 1220px) {
  .p-sec04 .txt1 {
    font-size: 4vw;
  }
  .p-sec04 .block1 dl {
    font-size: 2.5vw;
  }
  .p-sec04 .block2 h3 {
    font-size: 2.5vw;
  }
  .p-sec04 .checkList {
    gap: 2vw;
  }
  .p-sec04 .checkList > * {
    width: calc(calc(100% - 4vw) / 3);
  }
  .p-sec04 .checkList table {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 800px) {
  .p-sec04 .txt1 {
    font-size: 6vw;
  }
  .p-sec04 .block1 .detail {
    margin-top: 5vw;
  }
  .p-sec04 .block1 dl {
    font-size: 4.5vw;
  }
  .p-sec04 .block2 h3 {
    font-size: 4.5vw;
  }
  .p-sec04 .checkList > *:not(:first-child) {
    margin-top: 1.5em;
  }
  .p-sec04 .checkList table {
    width: 100%;
    font-size: 4vw;
  }
}

.p-sec05 {
  padding-top: 130px;
}

.p-sec05 .txt1 {
  font-size: 3rem;
}
.p-sec05 .txt1:hover{
	color: var(--mainColor);
}

.p-sec05 .cardList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 33px 20px;
  margin-top: 85px;
}

.p-sec05 .cardList figcaption {
  margin-top: 1em;
  line-height: 1.3;
}

.p-sec05 .cardList.js-scroll > li {
  -webkit-transition: 0.5s ease 0.3s;
  transition: 0.5s ease 0.3s;
  opacity: 0;
  -webkit-filter: contrast(0) brightness(2);
          filter: contrast(0) brightness(2);
  -webkit-transform: rotate3d(1, 1, 0, 90deg);
          transform: rotate3d(1, 1, 0, 90deg);
}

.p-sec05 .cardList.is-scroll > li {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: none;
          transform: none;
}

@media screen and (min-width: 801px) {
  .p-sec05 .cardList > li {
    width: calc(calc(100% - 60px) / 4);
  }
}

@media screen and (max-width: 1220px) {
  .p-sec05 {
    padding-top: 13%;
  }
  .p-sec05 .cardList {
    margin-top: 8%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1220px) {
  .p-sec05 .txt1 {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 800px) {
  .p-sec05 .txt1 {
    font-size: 4.5vw;
  }
  .p-sec05 .cardList {
    gap: 1.5em 4vw;
  }
  .p-sec05 .cardList > li {
    width: calc(calc(100% - 4vw) / 2);
  }
}

.p-sec06 {
  padding-top: 125px;
}

.p-sec06 .txt1 {
  font-size: 3rem;
}

@media screen and (max-width: 1220px) {
  .p-sec06 {
    padding-top: 12%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1220px) {
  .p-sec06 .txt1 {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 800px) {
  .p-sec06 .txt1 {
    font-size: 4.5vw;
  }
}

.p-contact {
  padding: 130px 0 65px;
}

.p-contact .c-copyright {
  margin-top: 5.5em;
}

@media screen and (max-width: 1220px) {
  .p-contact {
    padding: 13% 0 6%;
  }
  .p-contact .c-copyright {
    margin-top: 3em;
  }
}

/* Animation */
.js-scroll.fadeInUp {
  opacity: 0;
  -webkit-transition: 0.6s ease 0.3s;
  transition: 0.6s ease 0.3s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.js-scroll.fadeInLeft {
  opacity: 0;
  -webkit-transition: 0.6s ease 0.3s;
  transition: 0.6s ease 0.3s;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}

.js-scroll.fadeInRight {
  opacity: 0;
  -webkit-transition: 0.6s ease 0.3s;
  transition: 0.6s ease 0.3s;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.js-scroll.fadeInZoom {
  opacity: 0;
  -webkit-transition: 0.6s ease 0.3s;
  transition: 0.6s ease 0.3s;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.js-scroll.fadeInFlip {
  opacity: 0;
  -webkit-transition: 0.5s ease 0.3s;
  transition: 0.5s ease 0.3s;
  -webkit-filter: contrast(0) brightness(2);
          filter: contrast(0) brightness(2);
  -webkit-transform: rotate3d(1, 1, 0, 90deg);
          transform: rotate3d(1, 1, 0, 90deg);
}

.js-scroll.fadeInMask {
  -webkit-transition: 1.2s ease 0.3s;
  transition: 1.2s ease 0.3s;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(40%, transparent), color-stop(60%, #000));
  -webkit-mask-image: linear-gradient(-90deg, transparent 40%, #000 60%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(40%, transparent), color-stop(60%, #000));
          mask-image: linear-gradient(-90deg, transparent 40%, #000 60%);
  -webkit-mask-size: 300%;
          mask-size: 300%;
  -webkit-mask-position: 100%;
          mask-position: 100%;
}

.js-scroll.fadeInSplash {
  -webkit-transition: 0.5s cubic-bezier(0, 1, 0, 1) 0.3s;
  transition: 0.5s cubic-bezier(0, 1, 0, 1) 0.3s;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

.js-scroll.is-scroll.fadeInUp, .js-scroll.is-scroll.fadeInLeft, .js-scroll.is-scroll.fadeInRight, .js-scroll.is-scroll.fadeInZoom, .js-scroll.is-scroll.fadeInFlip, .js-scroll.is-scroll.fadeInSplash {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-filter: none;
          filter: none;
}

.js-scroll.is-scroll.fadeInMask {
  -webkit-mask-position: 0%;
          mask-position: 0%;
}

@-webkit-keyframes blinking {
  0% {
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  10%, 20%, 30%, 40%, 50% {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
  15%, 35%, 45%, 55% {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
  }
  100% {
    -webkit-filter: none;
            filter: none;
  }
}

@keyframes blinking {
  0% {
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  10%, 20%, 30%, 40%, 50% {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
  15%, 35%, 45%, 55% {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
  }
  100% {
    -webkit-filter: none;
            filter: none;
  }
}