@font-face {

  font-family: "Helvetica Light";

  src: url("../font/helvetica-light.ttf") format("truetype");

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: "Helvetica Light";

  src: url("../font/helvetica-light.ttf") format("truetype");

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

/*-----------------------------------*/

/*-----------------------------------*/

@media (min-width: 1441px) {

  html {

    font-size: 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1440px) {

  html {

    font-size: 0.6944444444vw;

  }

}

@media screen and (max-width: 767px) {

  html {

    font-size: 2.6666666667vw;

  }

}

/*-----------------------------------*/

/*-----------------------------------*/

body {

  color: #fff;

  font-size: 1.5rem;

  line-height: 1.6;

  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, sans-serif;

  font-weight: 400;

  letter-spacing: 0.05em;

  background: #d50028;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

@media (min-width: 768px) {

  body {

    font-size: 1.6rem;

  }

}



::selection {

  color: #d50028;

  background: #00a6e9;

}



textarea {

  width: 100% !important;

  max-width: 100%;

}



section {

  position: relative;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, sans-serif;

  font-weight: 500;

}



.en-title {

  font-family: "Helvetica Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;

  text-transform: uppercase;

  letter-spacing: 0.08em;

}



b,

strong {

  font-weight: 500;

}



a,

a:where(:not(.wp-element-button)) {

  display: block;

  color: inherit;

  text-decoration: none;

}



a[x-apple-data-detectors] {

  color: inherit !important;

  text-decoration: none !important;

  font-weight: inherit !important;

}



picture,

img {

  display: block;

  max-width: 100%;

}



table {

  border-collapse: collapse;

}

table tbody {

  -webkit-text-size-adjust: 100%;

}



/*-----------------------------------*/

/*-----------------------------------*/

@media (max-width: 767px) {

  .pc {

    display: none;

  }

}



.pc-in {

  display: none;

}

@media (min-width: 768px) {

  .pc-in {

    display: inline;

  }

}



@media (min-width: 768px) {

  .sp {

    display: none;

  }

}



.sp-in {

  display: none;

}

@media (max-width: 767px) {

  .sp-in {

    display: inline;

  }

}



/*-----------------------------------*/

/*-----------------------------------*/

.container {

  position: relative;

  margin-left: 2rem;

  margin-right: 2rem;

  z-index: 1;

}

@media (min-width: 768px) {

  .container {

    max-width: 134rem;

    margin: 0 auto;

  }

}



@media (min-width: 768px) {

  .container--pc {

    position: relative;

    max-width: 134rem;

    margin: 0 auto;

    z-index: 1;

  }

}



main,

.wrap {

  overflow: hidden;

}



/*-----------------------------------*/

/*-----------------------------------*/

.swiper-slide {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-font-smoothing: antialiased;

  transform: translate3d(0, 0, 0);

}



.visually-hidden {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  border: 0;

  overflow: hidden;

  clip: rect(0 0 0 0);

  clip-path: inset(50%);

  white-space: nowrap;

}



.inline-link {

  display: inline;

  text-decoration: underline;

  transition: opacity 0.3s;

}

@media (min-width: 768px) {

  .inline-link:hover {

    opacity: 0.6;

  }

}



@media (min-width: 768px) {

  .hover-opacity {

    transition: opacity 0.3s;

  }

  .hover-opacity:hover {

    opacity: 0.6;

  }

}



/*# sourceMappingURL=base.css.map */