.special_site_wrapper {
  font-family: noto-sans-cjk-jp, "Noto Sans JP", din-2014, sans-serif;
}
.special_site_wrapper header, .special_site_wrapper footer,
.special_site_wrapper nav,
.special_site_wrapper h1, .special_site_wrapper h2, .special_site_wrapper h3, .special_site_wrapper h4, .special_site_wrapper h5,
.special_site_wrapper article, .special_site_wrapper section,
.special_site_wrapper p, .special_site_wrapper div, .special_site_wrapper span, .special_site_wrapper figure,
.special_site_wrapper ul, .special_site_wrapper ol, .special_site_wrapper li, .special_site_wrapper dl, .special_site_wrapper dt, .special_site_wrapper dd, .special_site_wrapper img, .special_site_wrapper a {
  box-sizing: border-box;
}
.special_site_wrapper p, .special_site_wrapper a, .special_site_wrapper ul, .special_site_wrapper li, .special_site_wrapper h3, .special_site_wrapper h4 {
  font-feature-settings: "palt";
}
.special_site_wrapper a {
  text-decoration: none;
}
.special_site_wrapper p, .special_site_wrapper ul {
  margin: 0;
}
.special_site_wrapper ul {
  list-style: none;
  padding: 0;
}
.special_site_wrapper sup {
  font-size: 0.5em;
}
.special_site_wrapper img, .special_site_wrapper video {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes back {
  0% {
    transform: translateX(0%);
  }
  30% {
    transform: translateX(-15%);
  }
  70% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(0%);
  }
}
@media print {
  .sp {
    display: none !important;
  }
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

@media print {
  .special_site_wrapper {
    position: relative;
    font-size: 62.5%;
  }
  .special_site_wrapper .back_top {
    position: fixed;
    left: 9em;
    top: calc(4.5em + 117px);
    width: 6.5em;
    height: 6.5em;
    z-index: 2;
  }
  .special_site_wrapper .back_top a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/common/icon_back.svg) center/contain no-repeat;
  }
  .special_site_wrapper .back_top a:hover {
    animation: back 1s ease-in-out 0s infinite;
  }
  .special_site_wrapper section#bner_section {
    margin-top: 7.7em;
  }
  .special_site_wrapper section#bner_section a {
    display: block;
    width: 150em;
    margin: 0 auto;
    transform-origin: center;
    transition: transform 0.3s ease;
  }
  .special_site_wrapper section#bner_section a:hover {
    transform: scale(1.01);
  }
  .special_site_wrapper section#topics_section {
    margin-top: 7.7em;
    z-index: 2;
  }
  .special_site_wrapper section#topics_section .bg {
    background: url(../images/common/bg3.jpg?0925) center/cover;
  }
  .special_site_wrapper section#topics_section .inner_wrap {
    padding: 12em 0 19em;
  }
  .special_site_wrapper section#topics_section .section_title {
    background: linear-gradient(180deg, #f8f9cf 10%, #f9e39f 50%, #f7e09c 60%, #ddc37f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: din-2014, sans-serif;
    font-weight: 600;
    letter-spacing: 0.15em;
    line-height: 1;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.6);
    text-shadow: none;
    font-size: 4.4em;
    text-align: center;
    padding-left: 0.15em;
    opacity: 0;
    transform: translate(0%, 30%);
    transition: opacity 0.5s ease, transform 0.5s ease-in-out;
  }
  .special_site_wrapper section#topics_section .section_title.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .section_text {
    color: #fff;
    font-size: 2.5em;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    margin: 2em 0;
    opacity: 0;
    transform: translate(0%, 30%);
    transition: opacity 0.5s ease, transform 0.5s ease-in-out;
  }
  .special_site_wrapper section#topics_section .section_text.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .bnr_set {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
  .special_site_wrapper section#topics_section .bnr_set .col {
    width: 65.2em;
    margin: 0 5em;
    opacity: 0;
    transform: translate(0%, 10%);
    transition: opacity 0.8s ease, transform 0.8s ease-in-out;
  }
  .special_site_wrapper section#topics_section .bnr_set .col.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .bnr_set .col a {
    display: block;
    width: 100%;
    box-shadow: -4.5em 5.4em 3em 0 rgba(0, 0, 0, 0.5);
    transform-origin: center;
    transition: transform 0.3s ease;
  }
  .special_site_wrapper section#topics_section .bnr_set .col a:hover {
    transform: scale(1.02);
  }
  .special_site_wrapper section#topics_section .bnr_set .col:nth-child(2) {
    transition-delay: 0.2s;
  }
  .special_site_wrapper section#topics_section .go_top {
    position: absolute;
    width: 24.2em;
    right: 7.8em;
    bottom: 4.4em;
    z-index: 2;
  }
  .special_site_wrapper section#topics_section .go_top a {
    display: block;
  }
  .special_site_wrapper section.logo_section {
    width: 100%;
    margin: 0 auto;
    background: rgba(13, 15, 20, 0.7);
    backdrop-filter: blur(0.2em);
    -webkit-backdrop-filter: blur(0.2em);
  }
  .special_site_wrapper section.logo_section ul {
    display: flex;
    width: 100%;
    height: 38em;
    justify-content: center;
    align-items: center;
  }
  .special_site_wrapper section.logo_section ul li {
    display: block;
    margin: 0 11em;
  }
  .special_site_wrapper section.logo_section ul li a {
    display: block;
    transition: transform 0.3s ease;
  }
  .special_site_wrapper section.logo_section ul li a:hover {
    transform: scale(1.04);
  }
  .special_site_wrapper section.logo_section ul li.roppongi {
    width: 28.1em;
  }
  .special_site_wrapper section.logo_section ul li.azabudai {
    width: 24em;
  }
  .special_site_wrapper section.logo_section ul li.toranomon {
    width: 25.1em;
  }
  .special_site_wrapper section.logo_section ul li.omotesando {
    width: 15.8em;
  }
  .special_site_wrapper section.logo_section ul li.ark {
    width: 8.7em;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .special_site_wrapper {
    position: relative;
    font-size: 62.5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
  .special_site_wrapper {
    font-size: 0.5208333333vw;
  }
}
@media screen and (min-width: 768px) {
  .special_site_wrapper .back_top {
    position: fixed;
    left: 9em;
    top: calc(4.5em + 117px);
    width: 6.5em;
    height: 6.5em;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .special_site_wrapper .back_top {
    top: calc(4.5em + 65px);
  }
}
@media screen and (min-width: 768px) {
  .special_site_wrapper .back_top a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/common/icon_back.svg) center/contain no-repeat;
  }
  .special_site_wrapper .back_top a:hover {
    animation: back 1s ease-in-out 0s infinite;
  }
  .special_site_wrapper section#bner_section {
    margin-top: 7.7em;
  }
  .special_site_wrapper section#bner_section a {
    display: block;
    width: 150em;
    margin: 0 auto;
    transform-origin: center;
    transition: transform 0.3s ease;
  }
  .special_site_wrapper section#bner_section a:hover {
    transform: scale(1.01);
  }
  .special_site_wrapper section#topics_section {
    margin-top: 7.7em;
    z-index: 2;
  }
  .special_site_wrapper section#topics_section .bg {
    background: url(../images/common/bg3.jpg?0925) center/cover;
  }
  .special_site_wrapper section#topics_section .inner_wrap {
    padding: 12em 0 19em;
  }
  .special_site_wrapper section#topics_section .section_title {
    background: linear-gradient(180deg, #f8f9cf 10%, #f9e39f 50%, #f7e09c 60%, #ddc37f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: din-2014, sans-serif;
    font-weight: 600;
    letter-spacing: 0.15em;
    line-height: 1;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.6);
    text-shadow: none;
    font-size: 4.4em;
    text-align: center;
    padding-left: 0.15em;
    opacity: 0;
    transform: translate(0%, 30%);
    transition: opacity 0.5s ease, transform 0.5s ease-in-out;
  }
  .special_site_wrapper section#topics_section .section_title.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .section_text {
    color: #fff;
    font-size: 2.5em;
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    margin: 2em 0;
    opacity: 0;
    transform: translate(0%, 30%);
    transition: opacity 0.5s ease, transform 0.5s ease-in-out;
  }
  .special_site_wrapper section#topics_section .section_text.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .bnr_set {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
  .special_site_wrapper section#topics_section .bnr_set .col {
    width: 65.2em;
    margin: 0 5em;
    opacity: 0;
    transform: translate(0%, 10%);
    transition: opacity 0.8s ease, transform 0.8s ease-in-out;
  }
  .special_site_wrapper section#topics_section .bnr_set .col.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .bnr_set .col a {
    display: block;
    width: 100%;
    box-shadow: -4.5em 5.4em 3em 0 rgba(0, 0, 0, 0.5);
    transform-origin: center;
    transition: transform 0.3s ease;
  }
  .special_site_wrapper section#topics_section .bnr_set .col a:hover {
    transform: scale(1.02);
  }
  .special_site_wrapper section#topics_section .bnr_set .col:nth-child(2) {
    transition-delay: 0.2s;
  }
  .special_site_wrapper section#topics_section .go_top {
    position: absolute;
    width: 24.2em;
    right: 7.8em;
    bottom: 4.4em;
    z-index: 2;
  }
  .special_site_wrapper section#topics_section .go_top a {
    display: block;
  }
  .special_site_wrapper section.logo_section {
    width: 100%;
    margin: 0 auto;
    background: rgba(13, 15, 20, 0.7);
    backdrop-filter: blur(0.2em);
    -webkit-backdrop-filter: blur(0.2em);
  }
  .special_site_wrapper section.logo_section ul {
    display: flex;
    width: 100%;
    height: 38em;
    justify-content: center;
    align-items: center;
  }
  .special_site_wrapper section.logo_section ul li {
    display: block;
    margin: 0 11em;
  }
  .special_site_wrapper section.logo_section ul li a {
    display: block;
    transition: transform 0.3s ease;
  }
  .special_site_wrapper section.logo_section ul li a:hover {
    transform: scale(1.04);
  }
  .special_site_wrapper section.logo_section ul li.roppongi {
    width: 28.1em;
  }
  .special_site_wrapper section.logo_section ul li.azabudai {
    width: 24em;
  }
  .special_site_wrapper section.logo_section ul li.toranomon {
    width: 25.1em;
  }
  .special_site_wrapper section.logo_section ul li.omotesando {
    width: 15.8em;
  }
  .special_site_wrapper section.logo_section ul li.ark {
    width: 8.7em;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .special_site_wrapper {
    font-size: 2.6666666667vw;
    position: relative;
  }
  .special_site_wrapper .back_top {
    position: fixed;
    left: 1.05em;
    top: calc(2em + 80px);
    width: 3.2em;
    height: 3.2em;
    z-index: 2;
  }
  .special_site_wrapper .back_top a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/common/icon_back.svg) center/contain no-repeat;
  }
  .special_site_wrapper section#bner_section {
    margin-top: 3.6em;
  }
  .special_site_wrapper section#bner_section a {
    display: block;
    width: 29.7em;
    margin: 0 auto;
  }
  .special_site_wrapper section#topics_section {
    margin-top: 3.6em;
    z-index: 2;
  }
  .special_site_wrapper section#topics_section .bg {
    background: url(../images/common/bg3_sp.jpg?0925) center/cover;
  }
  .special_site_wrapper section#topics_section .inner_wrap {
    padding: 4.3em 0 7.5em;
  }
  .special_site_wrapper section#topics_section .section_title {
    background: linear-gradient(180deg, #f8f9cf 10%, #f9e39f 50%, #f7e09c 60%, #ddc37f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: din-2014, sans-serif;
    font-weight: 600;
    letter-spacing: 0.15em;
    line-height: 1;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.6);
    text-shadow: none;
    font-size: 1.7em;
    text-align: center;
    padding-left: 0.15em;
    margin-bottom: 2.14em;
    opacity: 0;
    transform: translate(0%, 30%);
    transition: opacity 0.5s ease, transform 0.5s ease-in-out;
  }
  .special_site_wrapper section#topics_section .section_title.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .section_text {
    color: #fff;
    font-size: 1.25em;
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    margin-bottom: 2em;
    opacity: 0;
    transform: translate(0%, 30%);
    transition: opacity 0.5s ease, transform 0.5s ease-in-out;
  }
  .special_site_wrapper section#topics_section .section_text.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .bnr_set .col {
    width: 28.8em;
    margin: 0 auto;
    opacity: 0;
    transform: translate(0%, 10%);
    transition: opacity 0.8s ease, transform 0.8s ease-in-out;
  }
  .special_site_wrapper section#topics_section .bnr_set .col.show {
    opacity: 1;
    transform: translate(0%, 0%);
  }
  .special_site_wrapper section#topics_section .bnr_set .col a {
    display: block;
    width: 100%;
    box-shadow: -2.25em 2.7em 1.5em 0 rgba(0, 0, 0, 0.5);
  }
  .special_site_wrapper section#topics_section .bnr_set .col:nth-child(2) {
    margin-top: 5.2em;
    transition-delay: 0.2s;
  }
  .special_site_wrapper section#topics_section .go_top {
    position: absolute;
    width: 12.1em;
    right: 1.8em;
    bottom: -6.2em;
    z-index: 2;
  }
  .special_site_wrapper section#topics_section .go_top a {
    display: block;
  }
  .special_site_wrapper section.logo_section {
    width: 100%;
    margin: 0 auto;
    background: rgba(13, 15, 20, 0.7);
    backdrop-filter: blur(0.2em);
    -webkit-backdrop-filter: blur(0.2em);
    padding: 11em 0 5em;
  }
  .special_site_wrapper section.logo_section ul {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .special_site_wrapper section.logo_section ul li {
    display: block;
    margin: 0 2.15em;
  }
  .special_site_wrapper section.logo_section ul li a {
    display: block;
  }
  .special_site_wrapper section.logo_section ul li.roppongi {
    width: 14em;
  }
  .special_site_wrapper section.logo_section ul li.azabudai {
    width: 12.15em;
  }
  .special_site_wrapper section.logo_section ul li.toranomon {
    width: 12.7em;
  }
  .special_site_wrapper section.logo_section ul li.omotesando {
    width: 7.95em;
  }
  .special_site_wrapper section.logo_section ul li.ark {
    width: 4.4em;
  }
  .special_site_wrapper section.logo_section ul li:nth-child(n+3) {
    margin: 3em 5.27em 0;
  }
  .pc {
    display: none !important;
  }
}