@charset "UTF-8";
.outfit {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.outfit {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ▼▼▼ fagiano
======================================================*/
.article {
  padding-bottom: 72px;
}
@media screen and (max-width: 767px) {
  .article {
    padding-bottom: 48px;
  }
}

article {
  background: #fff;
  padding-top: 64px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  article {
    padding-top: 25px;
  }
}

section {
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  section {
    padding-bottom: 50px;
  }
}

.fagiano_gallery {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-auto-rows: minmax(0.5vw, auto);
  gap: 0;
  max-width: 1200px;
  margin: 0 auto 100px;
  position: relative;
}
.fagiano_gallery img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .fagiano_gallery {
    padding: 0 5%;
    margin-bottom: clamp(60px, 12vw, 80px);
  }
}

.fagiano_img_main {
  grid-column: 2/20;
  grid-row: 2/20;
  position: relative;
  z-index: 1;
}
.fagiano_img_main > img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .fagiano_img_main > img {
    border-radius: 20px;
  }
}
.fagiano_img_main::before {
  content: "";
  background: #0A58B2;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -15px;
  bottom: -15px;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .fagiano_img_main::before {
    border-radius: 20px;
    right: clamp(-10px, -1.5vw, -15px);
    bottom: clamp(-10px, -1.5vw, -15px);
  }
}

.fagiano_img_sub {
  grid-column: 16/25;
  grid-row: 18/25;
  align-self: end;
  position: relative;
  z-index: 2;
}
.fagiano_img_sub img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .fagiano_img_sub img {
    border-radius: 20px;
  }
}
.fagiano_img_sub::before {
  content: "";
  background: #ED746D;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -10px;
  bottom: -10px;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .fagiano_img_sub::before {
    border-radius: 20px;
    right: clamp(-8px, -1.2vw, -10px);
    bottom: clamp(-8px, -1.2vw, -10px);
  }
}

.fagiano_img_jersey {
  grid-column: 3/14;
  grid-row: 28/40;
  position: relative;
  z-index: 4;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
.fagiano_img_jersey img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .fagiano_img_jersey img {
    border-radius: 20px;
  }
}
.fagiano_img_jersey::before {
  content: "";
  background: #0A58B2;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -10px;
  bottom: -10px;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .fagiano_img_jersey::before {
    border-radius: 20px;
    right: clamp(-6px, -1.2vw, -10px);
    bottom: clamp(-6px, -1.2vw, -10px);
  }
}

.fagiano_img_bottom {
  grid-column: 1/25;
  grid-row: 38/56;
  position: relative;
  z-index: 3;
}
.fagiano_img_bottom img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .fagiano_img_bottom img {
    border-radius: 20px;
  }
}
.fagiano_img_bottom::before {
  content: "";
  background: #ED746D;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -15px;
  bottom: -15px;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .fagiano_img_bottom::before {
    border-radius: 20px;
    right: clamp(-10px, -1.8vw, -15px);
    bottom: clamp(-10px, -1.8vw, -15px);
  }
}

.fagiano_illust_01 {
  grid-column: 4/10;
  grid-row: 21/26;
  width: 100%;
  z-index: 5;
  pointer-events: none;
}
.fagiano_illust_01 img {
  width: 100%;
  height: auto;
  display: block;
}

.fagiano_illust_02 {
  grid-column: 16/24;
  grid-row: 30/35;
  width: 100%;
  z-index: 5;
  pointer-events: none;
}
.fagiano_illust_02 img {
  width: 100%;
  height: auto;
  display: block;
}

#area01 .container {
  max-width: 840px;
}

#area01 .txt {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #area01 .txt {
    margin-bottom: 40px;
  }
}

.txt {
  letter-spacing: 0.05em;
  line-height: 1.93;
}
@media screen and (max-width: 767px) {
  .txt {
    line-height: 1.79;
  }
}

.video {
  width: 100%;
  border: 10px solid #ED746D;
  border-radius: 40px;
  aspect-ratio: 1/0.59;
  overflow: hidden;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .video {
    border-width: 5px;
    border-radius: 20px;
    margin-bottom: 40px;
  }
}
.video iframe {
  width: 100%;
  height: 100%;
}