:root {
  --articleWidthSmall: 14.2rem;
  --articleWidthMiddle: 28.5rem;
  --articleWidthLarge: 57rem;
  --articleHeightSmall: 5rem;
  --articleHeightMiddle: 10.1rem;
  --articleHeightLarge: 20.2rem;
}

html {
  font-size: 62.5%;
  touch-action: manipulation;
}
@media screen and (max-width: 47.9375em) {
  html {
    font-size: 62.5%;
  }
}

body {
  overflow: hidden;
  background: var(--colorBlack);
  position: relative;
}

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

.p-main {
  height: 100svh;
  position: relative;
}

.l-top {
  width: 100%;
}
.l-top_wrapper {
  --pan-x: 0px;
  --pan-y: 0px;
  --scale: 1;
  --pan-w: 192.7rem;
  --pan-h: 114.4rem;
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  cursor: grab;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.l-top_wrapper::-webkit-scrollbar {
  display: none;
}
.l-top_wrapper:active {
  cursor: grabbing;
}
.l-top_overlay {
  background: url(/focal/img/top/l-top_overlay.webp);
  background-size: 100%;
  display: block;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 190.7vw;
  height: 113.2vw;
  transform: translate3d(var(--pan-x), var(--pan-y), 0) scale(var(--scale));
  transform-origin: 0 0;
}
.l-top_container {
  position: absolute;
  width: 190.7vw;
  max-width: 260.5rem;
  min-width: 192.7rem;
  height: 113.2vw;
  min-height: 114.4rem;
  max-height: 154.7rem;
  opacity: 0;
  user-select: none;
  -webkit-user-select: none;
  transform-origin: top left;
  position: relative;
}
.l-top_container.is-visible {
  opacity: 1;
}
.l-top_container.dragging {
  transition: none;
  cursor: grabbing;
}
.l-top_container.dragging a, .l-top_container.dragging .js-header_menu {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.l-top_container p, .l-top_container img, .l-top_container video {
  user-select: none;
  pointer-events: none;
  -webkit-user-select: none;
}
.l-top_container a, .l-top_container .js-header_menu {
  user-select: none;
  -webkit-user-select: none;
}
.l-top_logo {
  background: url(/focal/img/top/l-top_logo_bg.png);
  display: flex;
  flex-direction: column-reverse;
  gap: clamp(1.11rem, 1.1vw, 1.5rem);
  position: absolute;
  top: clamp(38.82rem, 38.43vw, 52.5rem);
  left: clamp(86.14rem, 85.29vw, 116.5rem);
  transition: opacity 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .l-top_logo:hover {
    opacity: 0.5;
  }
}
.l-top_logo_ttl img {
  width: clamp(18.49rem, 18.3vw, 25rem);
  margin-left: clamp(0.37rem, 0.37vw, 0.5rem);
}
.l-top_logo_img_wrapper {
  min-height: clamp(35.27rem, 34.92vw, 47.7rem);
  position: relative;
  overflow: hidden;
  width: 100%;
}
.l-top_logo video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}
.l-top_logo video.is-play {
  z-index: 1;
}
.l-top_logo img {
  height: auto;
  display: block;
  width: clamp(20.33rem, 20.13vw, 27.5rem);
  margin: auto;
}
.l-top_article000 {
  background: url(/focal/img/top/l-top_content_bg_top02_v2.webp);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: clamp(15.38rem, 15.23vw, 20.8rem);
  left: clamp(107.21rem, 106.15vw, 145rem);
  background-position-x: 2px;
}
.l-top_article000::before {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  mix-blend-mode: multiply;
  background: var(--colorBeige);
}
.l-top_article000_ttl {
  position: absolute;
  top: clamp(22.4rem, 22.18vw, 30.3rem);
  left: clamp(0.07rem, 0.07vw, 0.1rem);
  z-index: 1;
}
.l-top_article000_ttl img {
  position: relative;
  height: clamp(4.51rem, 4.47vw, 6.1rem);
  width: auto;
}
.l-top_article001 {
  background: url(/focal/img/top/l-top_content_bg_bottom01.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 1px;
  position: absolute;
  top: clamp(61.15rem, 60.54vw, 82.7rem);
  left: clamp(21.96rem, 21.74vw, 29.7rem);
}
.l-top_article001_ttl {
  position: absolute;
  top: clamp(7.47rem, 7.39vw, 10.1rem);
  left: 0rem;
  z-index: 1;
}
.l-top_article001_ttl img {
  position: relative;
  height: clamp(4.51rem, 4.47vw, 6.1rem);
  width: auto;
}
.l-top_article002 {
  background: url(/focal/img/top/l-top_content_bg_top01_v3.webp);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: clamp(15.38rem, 15.23vw, 20.8rem);
  left: clamp(21.96rem, 21.74vw, 29.7rem);
  clip-path: polygon(100% 0, 100% clamp(22.33rem, 22.11vw, 30.2rem), clamp(63.22rem, 62.59vw, 85.5rem) 49.9%, 75% 100%, 0 100%, 0 0);
}
.l-top_article002_ttl {
  position: absolute;
  top: clamp(14.94rem, 14.79vw, 20.2rem);
  left: clamp(21.07rem, 20.86vw, 28.5rem);
  z-index: 1;
}
.l-top_article002_ttl img {
  height: clamp(4.21rem, 4.17vw, 5.7rem);
  width: auto;
  position: relative;
  z-index: 1;
}
.l-top_article002_wrapper {
  display: flex;
  align-items: flex-start;
}
.l-top_article002_right {
  border-right: 1px solid var(--colorBlack);
  border-bottom: 1px solid var(--colorBlack);
}
.l-top_article002_right .l-top_article_block {
  border-left: none;
}
.l-top_article002_right .l-top_article_flex {
  border-left: none;
}
.l-top_article003 {
  background: url(/focal/img/top/l-top_content_bg_bottom02_v2.webp);
  background-repeat: no-repeat;
  position: absolute;
  background-size: calc(100% - 1px) 100%;
  top: clamp(68.69rem, 68.01vw, 92.9rem);
  left: clamp(86.14rem, 85.29vw, 116.5rem);
  clip-path: polygon(clamp(21.07rem, 20.86vw, 28.5rem) 0, 100% 0, 100% 100%, 0 100%, 0 clamp(7.47rem, 7.39vw, 10.1rem), clamp(21.07rem, 20.86vw, 28.5rem) clamp(7.47rem, 7.39vw, 10.1rem));
}
.l-top_article003_ttl {
  position: absolute;
  top: clamp(7.47rem, 7.39vw, 10.1rem);
  left: 0rem;
  z-index: 1;
}
.l-top_article003_ttl img {
  position: relative;
  height: clamp(4.51rem, 4.47vw, 6.1rem);
  width: auto;
}
.l-top_article_item {
  display: flex;
  overflow: hidden;
  width: max-content;
  border-right: 1px solid var(--colorBlack);
}
.l-top_article_item:last-child {
  width: max-content;
  border-bottom: 1px solid var(--colorBlack);
}
.l-top_article_item.is-beige {
  border-right: 1px solid var(--colorBoldBeige);
  width: max-content;
  border-bottom: 1px solid var(--colorBoldBeige);
}
.l-top_article_item video {
  object-fit: cover;
  display: block;
}
.l-top_article_item_out {
  display: flex;
  gap: clamp(0.96rem, 0.95vw, 1.3rem) clamp(0.96rem, 0.95vw, 1.3rem);
}
.l-top_article_item_out_border {
  border: 1px solid var(--colorBoldBeige);
}
.l-top_article_item_out.is-grid {
  flex-direction: column;
}
.l-top_article_item_child {
  display: flex;
}
.l-top_article_item_child.is-before::before {
  display: block;
  content: "";
  width: clamp(21.07rem, 20.86vw, 28.5rem);
  height: clamp(7.47rem, 7.39vw, 10.1rem);
}
.l-top_article_item_child.is-large_before::before {
  display: block;
  content: "";
  width: clamp(42.15rem, 41.73vw, 57rem);
  height: clamp(7.47rem, 7.39vw, 10.1rem);
}
.l-top_article_ttl {
  display: block;
  position: relative;
  width: clamp(42.15rem, 41.73vw, 57rem);
  background: var(--colorBlack);
  height: clamp(7.62rem, 7.54vw, 10.3rem);
  padding: clamp(0.44rem, 0.44vw, 0.6rem) clamp(0.89rem, 0.88vw, 1.2rem);
}
.l-top_article_ttl svg, .l-top_article_ttl span {
  transition: opacity 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media (hover: hover) {
  .l-top_article_ttl:hover {
    opacity: 1;
  }
  .l-top_article_ttl:hover svg, .l-top_article_ttl:hover span {
    opacity: 0.3;
  }
  .l-top_article_ttl:hover::before {
    opacity: 1;
  }
}
.l-top_article_ttl::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.l-top_article_ttl_number {
  font-family: YakuHanMPs, "EB Garamond", serif;
  font-weight: 600;
  font-style: italic;
  font-size: clamp(0.74rem, 0.73vw, 1rem);
  line-height: 1.375;
  display: block;
  letter-spacing: 0.1em;
  color: var(--colorBoldBeige);
  transition: color 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
  margin-bottom: clamp(0.37rem, 0.37vw, 0.5rem);
}
.l-top_article_ttl.is-000::before {
  background: url(/focal/img/top/l-top_article_ttl_000_bg_v2.png);
  background-size: cover;
}
.l-top_article_ttl.is-000 svg {
  height: clamp(4.51rem, 4.47vw, 6.1rem);
  left: clamp(1.78rem, 1.76vw, 2.4rem);
}
.l-top_article_ttl.is-001 {
  height: clamp(7.54rem, 7.47vw, 10.2rem);
}
.l-top_article_ttl.is-001::before {
  background: url(/focal/img/top/l-top_article_ttl_001_bg_v2.png);
  background-size: cover;
}
.l-top_article_ttl.is-001 svg {
  height: clamp(4.14rem, 4.1vw, 5.6rem);
  left: clamp(0.52rem, 0.51vw, 0.7rem);
  top: clamp(0.22rem, 0.22vw, 0.3rem);
}
.l-top_article_ttl.is-002::before {
  background: url(/focal/img/top/l-top_article_ttl_002_bg_v2.png);
  background-size: cover;
}
.l-top_article_ttl.is-002 svg {
  height: clamp(3.85rem, 3.81vw, 5.2rem);
  left: clamp(1.03rem, 1.02vw, 1.4rem);
}
.l-top_article_ttl.is-003::before {
  background: url(/focal/img/top/l-top_article_ttl_003_bg_v2.png);
  background-size: cover;
}
.l-top_article_ttl.is-003 svg {
  left: clamp(1.78rem, 1.76vw, 2.4rem);
  height: clamp(4.58rem, 4.54vw, 6.2rem);
}
.l-top_article_ttl svg {
  width: auto;
  height: clamp(4.51rem, 4.47vw, 6.1rem);
  position: relative;
}
.l-top_article_ttl svg path {
  transition: fill 0.3s, stroke 0.3s;
}
.l-top_article_block {
  overflow: hidden;
  border-top: 1px solid var(--colorBlack);
  border-left: 1px solid var(--colorBlack);
  position: relative;
}
.l-top_article_block.is-beige {
  border-top: 1px solid var(--colorBoldBeige);
  border-left: 1px solid var(--colorBoldBeige);
}
.l-top_article_block.is-xsmall {
  width: clamp(10.5rem, 10.4vw, 14.2rem);
  height: clamp(3.7rem, 3.66vw, 5rem);
}
.l-top_article_block.is-small {
  width: clamp(10.5rem, 10.4vw, 14.2rem);
  height: clamp(7.47rem, 7.39vw, 10.1rem);
}
.l-top_article_block.is-small.is-02 {
  width: clamp(10.57rem, 10.47vw, 14.3rem);
  background: var(--colorBlack);
}
.l-top_article_block.is-smalllarge {
  width: clamp(10.5rem, 10.4vw, 14.2rem);
  height: clamp(14.94rem, 14.79vw, 20.2rem);
}
.l-top_article_block.is-middle {
  width: clamp(21.07rem, 20.86vw, 28.5rem);
  height: clamp(7.47rem, 7.39vw, 10.1rem);
}
.l-top_article_block.is-large {
  width: clamp(21.07rem, 20.86vw, 28.5rem);
  height: clamp(14.94rem, 14.79vw, 20.2rem);
}
.l-top_article_block.is-ttl {
  width: clamp(42.15rem, 41.73vw, 57rem);
  height: clamp(7.47rem, 7.39vw, 10.1rem);
}
.l-top_article_block .l-top_article_block {
  border-top: none;
  border-left: none;
}
.l-top_article_block .l-top_article_block.c-border_black_top {
  border-top: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_block.c-border_black_left {
  border-left: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_block.c-border_black_right {
  border-right: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_block.c-border_black_bottom {
  border-bottom: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_block.c-border_beige_top {
  border-top: 1px solid var(--colorBoldBeige);
}
.l-top_article_block .l-top_article_block.c-border_beige_left {
  border-left: 1px solid var(--colorBoldBeige);
}
.l-top_article_block .l-top_article_block.c-border_beige_right {
  border-right: 1px solid var(--colorBoldBeige);
}
.l-top_article_block .l-top_article_block.c-border_beige_bottom {
  border-bottom: 1px solid var(--colorBoldBeige);
}
.l-top_article_block .l-top_article_flex {
  border-top: none;
  border-left: none;
}
.l-top_article_block .l-top_article_flex.c-border_black_top {
  border-top: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_flex.c-border_black_left {
  border-left: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_flex.c-border_black_right {
  border-right: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_flex.c-border_black_bottom {
  border-bottom: 1px solid var(--colorBlack);
}
.l-top_article_block .l-top_article_flex.c-border_beige_top {
  border-top: 1px solid var(--colorBoldBeige);
}
.l-top_article_block .l-top_article_flex.c-border_beige_left {
  border-left: 1px solid var(--colorBoldBeige);
}
.l-top_article_block .l-top_article_flex.c-border_beige_right {
  border-right: 1px solid var(--colorBoldBeige);
}
.l-top_article_block .l-top_article_flex.c-border_beige_bottom {
  border-bottom: 1px solid var(--colorBoldBeige);
}
.l-top_article_block video {
  position: relative;
  z-index: 1;
}
.l-top_article_flex {
  display: flex;
  overflow: hidden;
  border-top: 1px solid var(--colorBlack);
  border-left: 1px solid var(--colorBlack);
}
.l-top_article_flex.is-beige {
  border-top: 1px solid var(--colorBoldBeige);
  border-left: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex.is-small {
  width: clamp(21.07rem, 20.86vw, 28.5rem);
  height: clamp(7.47rem, 7.39vw, 10.1rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.l-top_article_flex.is-middle {
  width: clamp(21.07rem, 20.86vw, 28.5rem);
  height: clamp(14.94rem, 14.79vw, 20.2rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.l-top_article_flex video {
  position: relative;
  z-index: 1;
}
.l-top_article_flex .l-top_article_block {
  border-top: none;
  border-left: none;
}
.l-top_article_flex .l-top_article_block.c-border_black_top {
  border-top: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_block.c-border_black_left {
  border-left: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_block.c-border_black_right {
  border-right: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_block.c-border_black_bottom {
  border-bottom: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_block.c-border_beige_top {
  border-top: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex .l-top_article_block.c-border_beige_left {
  border-left: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex .l-top_article_block.c-border_beige_right {
  border-right: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex .l-top_article_block.c-border_beige_bottom {
  border-bottom: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex .l-top_article_flex {
  border-top: none;
  border-left: none;
}
.l-top_article_flex .l-top_article_flex.c-border_black_top {
  border-top: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_flex.c-border_black_left {
  border-left: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_flex.c-border_black_right {
  border-right: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_flex.c-border_black_bottom {
  border-bottom: 1px solid var(--colorBlack);
}
.l-top_article_flex .l-top_article_flex.c-border_beige_top {
  border-top: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex .l-top_article_flex.c-border_beige_left {
  border-left: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex .l-top_article_flex.c-border_beige_right {
  border-right: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex .l-top_article_flex.c-border_beige_bottom {
  border-bottom: 1px solid var(--colorBoldBeige);
}
.l-top_article_flex img {
  height: 100%;
}
.l-top_article_flex .is-bg_black {
  background: var(--colorBlack);
}
.l-top_article_video {
  position: relative;
}
.l-top_article_video_thumb {
  position: absolute;
  top: 0;
  left: 0;
}
.l-top_article_video_thumb_img.is-smalllarge {
  object-fit: cover;
  width: clamp(10.5rem, 10.4vw, 14.2rem);
  height: clamp(14.94rem, 14.79vw, 20.2rem);
}
.l-top_article_ttl_middle {
  font-size: clamp(1.48rem, 1.46vw, 2rem);
  font-family: YakuHanMPs, "Shippori Mincho", serif;
  font-weight: 600;
  letter-spacing: -0.2em;
}
.l-top_article_txt_large {
  font-size: clamp(1.29rem, 1.28vw, 1.75rem);
  font-family: YakuHanMPs, "Shippori Mincho", serif;
  font-weight: var(--weightSemiBold);
  line-height: 1.4;
  letter-spacing: -0.07em;
  font-style: italic;
  padding: 0 clamp(1.33rem, 1.32vw, 1.8rem);
  display: flex;
  align-items: center;
  height: 100%;
}
.l-top_article_txt_middle {
  font-size: clamp(0.74rem, 0.73vw, 1rem);
  font-family: YakuHanMPs, "Shippori Mincho", serif;
  font-weight: 600;
  line-height: 1.9;
  padding: 0 clamp(1.03rem, 1.02vw, 1.4rem);
  display: flex;
  align-items: center;
  height: 100%;
  letter-spacing: 0;
}
.l-top_article_txt_middle.is-justify {
  text-align: justify;
}
.l-top_article_txt_middle_ruby {
  font-size: clamp(0.59rem, 0.59vw, 0.8rem);
}
.l-top_article_txt_small {
  font-family: YakuHanMPs, "Shippori Mincho B1", serif;
  font-weight: 600;
  font-size: clamp(0.59rem, 0.59vw, 0.8rem);
  line-height: 1.56;
  letter-spacing: 0.03em;
  padding: 0 clamp(0.59rem, 0.59vw, 0.8rem);
  display: flex;
  align-items: center;
  height: 100%;
}
.l-top_article_txt_small_en {
  font-family: YakuHanMPs, "EB Garamond", serif;
  font-weight: 600;
  font-style: italic;
  padding-right: 0.5em;
  font-size: clamp(0.74rem, 0.73vw, 1rem);
}
.l-top_article_out_top {
  position: absolute;
  top: clamp(-0.52rem, -0.51vw, -0.7rem);
  opacity: 0.3;
}
.l-top_article_out_left {
  position: absolute;
  top: clamp(15.38rem, 15.23vw, 20.8rem);
  left: 0;
  opacity: 0.3;
}
.l-top_article_out_right {
  position: absolute;
  top: clamp(15.38rem, 15.23vw, 20.8rem);
  right: 0;
  opacity: 0.3;
}
.l-top_article_out_bottom {
  position: absolute;
  bottom: clamp(-0.52rem, -0.51vw, -0.7rem);
  opacity: 0.3;
}
.l-top_article_out .l-top_article_ttl_number {
  padding: clamp(0.44rem, 0.44vw, 0.6rem) clamp(0.89rem, 0.88vw, 1.2rem);
}
.l-top_zoom_controls {
  position: fixed;
  bottom: 0rem;
  right: 0rem;
  z-index: 9;
  background: var(--colorBlack);
}
.l-top_zoom_controls button {
  border: 1px solid var(--colorBoldBeige);
  border-right: none;
  position: relative;
  display: block;
  padding: clamp(1.92rem, 1.9vw, 2.6rem) clamp(2.51rem, 2.49vw, 3.4rem);
  cursor: pointer;
}
.l-top_zoom_controls button:nth-of-type(2) {
  border-bottom: none;
}
.l-top_zoom_controls button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(2.22rem, 2.2vw, 3rem);
  height: 1px;
  display: block;
  content: "";
  background: var(--colorBoldBeige);
}
.l-top_zoom_controls button::before, .l-top_zoom_controls button::after {
  transition: opacity 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.l-top_zoom_controls button.is-none {
  cursor: auto;
}
.l-top_zoom_controls button.is-none::before, .l-top_zoom_controls button.is-none::after {
  pointer-events: none;
  opacity: 0.2;
}
.l-top_zoom_controls .l-top_zoom_out {
  border-top: none;
}
.l-top_zoom_in::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: clamp(2.22rem, 2.2vw, 3rem);
  display: block;
  content: "";
  background: var(--colorBoldBeige);
}
.l-top_zoom_out {
  border-top: none;
}
.l-top_drag {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.l-top_drag_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
}
.l-top_drag_content {
  overflow: hidden;
  border-radius: 1rem;
  position: absolute;
  padding: clamp(2.59rem, 2.56vw, 3.5rem) 0 clamp(1.78rem, 1.76vw, 2.4rem);
  width: clamp(18.49rem, 18.3vw, 25rem);
  height: clamp(22.92rem, 22.69vw, 31rem);
  background: url(/focal/img/top/l-top_drag_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 47.9375em) {
  .l-top_drag_content {
    width: 16.8rem;
    height: 21.1rem;
    padding: 2.4rem 0;
  }
}
.l-top_drag_content::before {
  top: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  mix-blend-mode: multiply;
  background: var(--colorBeige);
}
.l-top_drag_content:nth-of-type(3) .l-top_drag_icn_wrapper {
  width: clamp(14.34rem, 14.2vw, 19.4rem);
  height: clamp(11.83rem, 11.71vw, 16rem);
  display: block;
  margin: 0 0 clamp(2.74rem, 2.71vw, 3.7rem) clamp(2.74rem, 2.71vw, 3.7rem);
  position: relative;
}
@media screen and (max-width: 47.9375em) {
  .l-top_drag_content:nth-of-type(3) .l-top_drag_icn_wrapper {
    width: 12.5rem;
    height: 12.8rem;
    margin: 0.3rem 0 0.3rem 2.7rem;
  }
}
.l-top_drag_icn_wrapper {
  width: clamp(11.61rem, 11.49vw, 15.7rem);
  height: clamp(11.61rem, 11.49vw, 15.7rem);
  display: block;
  margin: 0 auto clamp(2.74rem, 2.71vw, 3.7rem);
  position: relative;
}
@media screen and (max-width: 47.9375em) {
  .l-top_drag_icn_wrapper {
    width: 10.7rem;
    height: 10.7rem;
    margin-bottom: 2.6rem;
  }
}
.l-top_drag_icn_hand {
  width: clamp(7.76rem, 7.69vw, 10.5rem);
  position: absolute;
  top: clamp(1.48rem, 1.46vw, 2rem);
  left: clamp(1.48rem, 1.46vw, 2rem);
  transform: translate(0, 0);
}
@media screen and (max-width: 47.9375em) {
  .l-top_drag_icn_hand {
    width: 7.1rem;
  }
}
.l-top_drag_icn_arrow {
  width: clamp(1.85rem, 1.83vw, 2.5rem);
  height: clamp(1.85rem, 1.83vw, 2.5rem);
  position: absolute;
  will-change: opacity;
}
@media screen and (max-width: 47.9375em) {
  .l-top_drag_icn_arrow {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.l-top_drag_icn_arrow.is-top_left {
  top: 0;
  left: 0;
}
.l-top_drag_icn_arrow.is-top_right {
  top: 0;
  right: 0;
}
.l-top_drag_icn_arrow.is-bottom_left {
  bottom: 0;
  left: 0;
}
.l-top_drag_icn_arrow.is-bottom_right {
  bottom: 0;
  right: 0;
}
.l-top_drag_txt {
  font-size: clamp(1.33rem, 1.32vw, 1.8rem);
  font-family: YakuHanMPs, "Shippori Mincho", serif;
  font-weight: 700;
  line-height: 1.5;
  color: var(--colorBlack);
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 47.9375em) {
  .l-top_drag_txt {
    font-size: 1.2rem;
  }
}
.l-top_loading {
  z-index: 9;
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: url(/focal/img/top/l-top_loading_bg.webp);
  background-size: cover;
}
.l-top_loading_img {
  width: clamp(17.6rem, 17.42vw, 23.8rem);
  height: auto;
}

::selection {
  background-color: transparent;
}