@charset "UTF-8";

:root {
  --c-darkgray:#333333;
}

.p-template a {
  text-decoration: underline;
}

small {
  color:var(--c-white);
}

.blockquote {
  padding:clamp(12px, 0.690vw + 9.379px, 16px) clamp(16px, 2.759vw + 5.517px, 32px);
  color: var(--c-white);
  background-color: var(--c-darkgray);
}

.cookie-wrapper {
  color:var(--c-white);
  width: 100%;
  overflow: hidden;
}

.txt-link {
  margin-right: calc(24 * var(--vw-scale));
}

@media print, screen and (max-width: 1024px) {
  .txt-link {
    margin-right: clamp(1.295rem, 0.1393rem + 4.9307vw, 3.2rem);
  }
  .p-template a.txt-link::after {
    right: -3.2083333333vw;
    width: 2.3854166667vw;
    height: 2.3854166667vw;
  }
}

.u-mt10 {
  margin-top: calc(10 * var(--vw-scale));
}

.temp-ttl {
  position: relative;
  font-weight: var(--f-w-bold);
  font-family: var(--f-f-raj);
}
@media print, screen and (min-width: 1025px) {
  .temp-ttl {
    font-size: calc(80 * var(--vw-md-scale));
  }
}
@media print, screen and (max-width: 1024px) {
  .temp-ttl {
    font-size: 15.625vw;
    line-height: 1;
  }
}
.temp-ttl > span {
  position: relative;
}
.temp-ttl > span::after,
.temp-ttl > span::before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTQyODYgMTJMNS4xNDI4NiA2Ljg1NzE0TDAgNi44NTcxNFY1LjE0Mjg2TDUuMTQyODYgNS4xNDI4NlYtMi45OTczNWUtMDdMNi44NTcxNCAtMi4yNDgwMWUtMDdWNS4xNDI4NkwxMiA1LjE0Mjg2VjYuODU3MTRMNi44NTcxNCA2Ljg1NzE0TDYuODU3MTQgMTJMNS4xNDI4NiAxMloiIGZpbGw9IiMxQzFDMUMiLz4KPC9zdmc+")
    no-repeat center center/cover;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
@media print, screen and (min-width: 1025px) {
  .temp-ttl > span::after,
  .temp-ttl > span::before {
    width: calc(12 * var(--vw-scale));
    height: calc(12 * var(--vw-scale));
  }
}
@media print, screen and (max-width: 1024px) {
  .temp-ttl > span::after,
  .temp-ttl > span::before {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
}

.l-sub .temp-ttl > span::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 1025px) {

  .l-sub .temp-ttl > span::before {
    left: calc(-33 * var(--vw-md-scale));
  }
}
@media print, screen and (max-width: 1024px) {

  .l-sub .temp-ttl > span::before {
    left: -5.5989583333vw;
  }
}

.l-sub .temp-ttl > span::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 1025px) {
  .l-sub .temp-ttl > span::after {
    right: calc(-33 * var(--vw-md-scale));
  }
}
@media print, screen and (max-width: 1024px) {
  .l-sub .temp-ttl > span::after {
    right: -5.5989583333vw;
  }
}

.l-sub .temp-ttl {
  white-space: normal;
  font-family: var(--f-f-noto);
  font-weight: var(--f-w-black);
  letter-spacing: 0.05em;
  line-height: 1.4;
  text-align: center;
}
@media print, screen and (min-width: 1025px) {
  .l-sub .temp-ttl {
    font-size: calc(48 * var(--vw-scale));
  }
}
@media print, screen and (max-width: 1024px) {
  .l-sub .temp-ttl {
    font-size: 7.8125vw;
    width: 80.2083333333vw;
    margin: 0 auto;
  }
}
.l-sub .temp-ttl > span {
  display: inline-block;
  max-width: 100%;
}
.l-sub .temp-ttl > span::after,
.l-sub .temp-ttl > span::before {
  opacity: 1;
}