:root {
  --font-noto-sans-jp: 'Noto Sans JP', sans-serif;
  --font-inter: 'Inter', sans-serif;
  --global-max-width-pc: 500px;
  --global-max-width-sp: 390px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --color-common-white: #fff;
  --color-common-black: #000;
  --color-black: #000;
  --color-gray: #333;
  --color-parchment: #ffecb1;
  --color-wf-primary: #0062b2;
  --color-wf-secondary: #00a0e9;
  --color-wf-bg: #fec125;
  --color-wf-bg-2: #ffecb1;
  --color-wf-bg-3: #fff8e0;
  --color-wf-bg-4: #ecf8fd;
  --color-wf-bg-5: #b4e7fd;
  --color-wf-bg-6: #e1f6fe;
  --color-wf-bg-7: #86cecb;
  --color-wf-text: #333;
  --color-wf-text-2: #c30d23;
  --color-wf-text-3: #002d62;
  --color-wf-accent: #fff100;
  --color-wf-accent-2: #002e69;
  --color-wf-border: #d8d8d8;
  --color-shadow: rgba(0, 46, 105, 25%);
  --color-wf-overlay: rgba(0, 0, 0, 60%);
  --color-wf-gradient: linear-gradient(90deg, #00aee9 0%, #0067b6 100%);
  --color-wf-gradient-2: linear-gradient(92.89deg, #01b3ed 0.47%, #0067b6 100%);
  --global-hover-opacity: 0.7;
  --transition-delay: 0.3s;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  min-height: 100%;
  overscroll-behavior: none;
}

body {
  font-family: var(--font-noto-sans-jp);
  line-height: 1.6;
  color: var(--color-wf-text);
  background: var(--color-common-white);
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 501px) {
  body {
    background: url("../image/bg-kv-pc.webp") no-repeat center center/cover;
    background-attachment: fixed;
  }
}

a {
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

a[href^="mailto:"] {
  color: inherit;
}

a[href^="mailto:"]:hover {
  text-decoration: none;
}

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

/* Image
-------------------------------------------------------------- */
.c-image-dummy {
  position: relative;
  overflow: hidden;
}

.c-image-dummy__mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.c-image-dummy__mask img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Footer Teaser
-------------------------------------------------------------- */
.l-footer-teaser {
  width: 100%;
  padding: 1.6rem 2rem;
  background-color: var(--color-parchment);
}

.l-footer-teaser__image-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 26.5rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}

.l-footer-teaser__text {
  font-size: 0.8rem;
  color: var(--color-wf-text);
  line-height: 1.61;
  text-align: center;
}

@media screen and (min-width: 501px) {
  .l-footer-teaser {
    padding: 1.6rem 2rem;
  }
  .l-footer-teaser__image-text {
    max-width: 100%;
    margin-bottom: 0.8rem;
  }
  .l-footer-teaser__image-text img {
    width: revert-layer;
  }
  .l-footer-teaser__text {
    font-size: 1.2rem;
  }
}

/* Teaser Page
-------------------------------------------------------------- */
.p-teaser {
  width: 100%;
  height: auto;
  background: var(--color-wf-bg-7);
}

.p-teaser .l-wrapper {
  width: 100%;
  height: auto;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-teaser .l-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5.6rem 1.3rem;
}

.p-teaser .c-teaser {
  position: relative;
  width: 100%;
  max-width: 47.4rem;
  aspect-ratio: 728/1366;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  container-type: inline-size;
}

.p-teaser .c-teaser img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.p-teaser .c-teaser__date {
  position: absolute;
  top: 69.1%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 4.972cqw;
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  color: var(--color-wf-text);
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}

@media screen and (min-width: 501px) {
  .p-teaser .l-main {
    padding: 6rem 2rem;
  }
  .p-teaser .c-teaser {
    max-width: 90rem;
    aspect-ratio: 900/710;
  }
  .p-teaser .c-teaser__date {
    top: 73.1%;
    font-size: 2.667cqw;
  }
}

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

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

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

.u-text-justify {
  text-align: justify;
}

.u-black {
  font-weight: var(--font-weight-black);
}

.u-bold {
  font-weight: var(--font-weight-bold);
}

.u-medium {
  font-weight: var(--font-weight-medium);
}

.u-normal {
  font-weight: var(--font-weight-normal);
}

.u-pc-only {
  display: none;
}

@media screen and (min-width: 501px) {
  .u-pc-only {
    display: block;
  }
}

.u-sp-only {
  display: block;
}

@media screen and (min-width: 501px) {
  .u-sp-only {
    display: none;
  }
}

.u-sp2-only {
  display: block;
}

@media screen and (min-width: 768px) {
  .u-sp2-only {
    display: none;
  }
}
/*# sourceMappingURL=teaser.css.map */