body {
    overflow-x: hidden;
}

/* screen - index */

.index {
  align-items: center;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  gap: 11.11vw;
  min-width: 100.0vw;
  overflow: hidden;
  position: relative;
}

.index .fv {
  height: 43.65vw;
  object-fit: cover;
  position: relative;
  width: 100.0vw;
}

.index .lead {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4.17vw;
  position: relative;
  width: 83.33vw;
}

.index .frame {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.78vw;
  position: relative;
  width: 100%;
}

.index .lead-title {
  color: var(--shark);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 2.67vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .line-1 {
  height: 0.09vw;
  position: relative;
  width: 8.33vw;
}

.index .lead-text {
  letter-spacing: 0.02vw;
  line-height: 1.78vw;
  position: relative;
  width: 48.61vw;
}

.index .block {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.index .block-text-a {
  padding: 0.0vw 0.0vw 0.0vw 13.5vw;
}

.index .block-title-1 {
  letter-spacing: 0;
  line-height: 2.67vw;
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.index .block-text {
  letter-spacing: 0.02vw;
  line-height: 2.0vw;
  position: relative;
  width: 31.94vw;
}

.index .img-1 {
  height: 37.78vw;
  position: relative;
  width: 49.65vw;
}


.index .frame-26 {
  align-items: center;
  background-color: var(--eerie-black);
  display: flex;
  gap: 0.69vw;
  height: 4.17vw;
  justify-content: center;
  padding: 0.69vw;
  position: relative;
  width: 22.22vw;
}

.index .gallery {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8.33vw;
  position: relative;
  width: 48.61vw;
}

.index .frame-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6.94vw;
  position: relative;
  width: 100%;
}

.index .frame-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.index .block-title {
  letter-spacing: 0;
  line-height: 2.67vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .text {
  letter-spacing: 0;
  line-height: 1.78vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .line-1-1 {
  height: 0.07vw;
  object-fit: cover;
  position: relative;
  width: 5.56vw;
}

.index .dsc02035 {
  height: 53.75vw;
  object-fit: cover;
  position: relative;
  width: 42.99vw;
}

.index .frame-10 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.index .frame-13 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.32vw;
  padding: 3.25vw 0.0vw 0.0vw;
  position: relative;
}

.index .dsc02023 {
  height: 28.26vw;
  object-fit: cover;
  position: relative;
  width: 22.57vw;
}

.index .dsc02031 {
  height: 28.26vw;
  object-fit: cover;
  position: relative;
  width: 22.57vw;
}

.index .image {
  height: 28.26vw;
  object-fit: cover;
  position: relative;
  width: 22.57vw;
}

.index .frame-15 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.69vw;
  padding: 11.11vw 0.0vw 0.0vw;
  position: relative;
}

.index .image-1 {
  height: 28.26vw;
  object-fit: cover;
  position: relative;
  width: 22.57vw;
}

.index .image-2 {
  height: 45.62vw;
  object-fit: cover;
  position: relative;
  width: 36.46vw;
}

.index .image-2-1 {
  height: 37.78vw;
  object-fit: cover;
  position: relative;
  width: 49.65vw;
}

.index .block-text-b {
  padding: 0.0vw 13.5vw 0.0vw 0.0vw;
}

.index .image-3 {
  height: 37.78vw;
  position: relative;
  width: 49.65vw;
}

.index .frame-25 {
  align-items: center;
  background-color: var(--supernova);
  display: flex;
  height: 37.78vw;
  justify-content: center;
  position: relative;
  width: 49.65vw;
}

.index .logo {
  cursor: pointer;
  height: 15.56vw;
  width: 33.54vw;
}

.index .footer {
  align-items: center;
  background-color: var(--shark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.67vw;
  padding: 2.78vw 41.88vw;
  position: relative;
  width: 100.0vw;
}

.index .logo-1 {
  cursor: pointer;
  height: 3.23vw;
  position: relative;
  width: 6.94vw;
}

.index .copyright {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .block-text-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.78vw;
  position: relative;
}


.index .text-2 {
  letter-spacing: 0;
  position: relative;
  width: fit-content;
}

/* screen - ipad-mini-8u463-1 */

.ipad-mini-8u463-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 16.13vw;
  min-width: 100.0vw;
  overflow: hidden;
  position: relative;
}

.ipad-mini-8u463-1 .x1080x926-1-1 {
  height: 85.74vw;
  object-fit: cover;
  position: relative;
  width: 100.0vw;
}

.ipad-mini-8u463-1 .lead-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8.06vw;
  position: relative;
  width: 91.94vw;
}

.ipad-mini-8u463-1 .frame-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5.38vw;
  position: relative;
  width: 100%;
}

.ipad-mini-8u463-1 .lead-title-2 {
  color: var(--shark);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 5.16vw;
  margin-top: -0.13vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.ipad-mini-8u463-1 .line-1-4 {
  width: 16.13vw;
}

.ipad-mini-8u463-1 .lead-text-2 {
  letter-spacing: 0.04vw;
  line-height: 3.44vw;
  position: relative;
  width: 69.89vw;
}

.ipad-mini-8u463-1 .block-2 {
  display: inline-flex;
}

.ipad-mini-8u463-1 .block-text-a-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5.38vw;
  padding: 0.0vw 0.0vw 0.0vw 0.0vw;
  position: relative;
}

.ipad-mini-8u463-1 .block-text-2 {
  letter-spacing: 0.04vw;
  line-height: 3.87vw;
  position: relative;
  width: 69.89vw;
}

.ipad-mini-8u463-1 .img-1-2 {
  height: 69.95vw;
  position: relative;
  width: 91.94vw;
}


.ipad-mini-8u463-1 .frame-26-2 {
  align-items: center;
  background-color: var(--eerie-black);
  display: flex;
  gap: 1.34vw;
  height: 8.06vw;
  justify-content: center;
  padding: 1.34vw;
  position: relative;
  width: 43.01vw;
}

.ipad-mini-8u463-1 .text-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.ipad-mini-8u463-1 .gallery-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16.13vw;
  position: relative;
  width: 91.94vw;
}

.ipad-mini-8u463-1 .frame-1-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10.75vw;
  position: relative;
  width: 100%;
}

.ipad-mini-8u463-1 .frame-2-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.ipad-mini-8u463-1 .block-title-4 {
  white-space: nowrap;
}

.ipad-mini-8u463-1 .text-2 {
  letter-spacing: 0;
  line-height: 3.44vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.ipad-mini-8u463-1 .line-1-5 {
  width: 10.75vw;
}

.ipad-mini-8u463-1 .dsc02035-2 {
  height: 104.03vw;
  object-fit: cover;
  position: relative;
  width: 83.2vw;
}

.ipad-mini-8u463-1 .frame-10-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.ipad-mini-8u463-1 .frame-13-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.63vw;
  padding: 6.28vw 0.0vw 0.0vw;
  position: relative;
}

.ipad-mini-8u463-1 .dsc02023-2 {
  height: 54.7vw;
  object-fit: cover;
  position: relative;
  width: 43.68vw;
}

.ipad-mini-8u463-1 .dsc02031-2 {
  height: 54.7vw;
  object-fit: cover;
  position: relative;
  width: 43.68vw;
}

.ipad-mini-8u463-1 .image-7 {
  height: 54.7vw;
  width: 43.68vw;
}

.ipad-mini-8u463-1 .frame-15-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.34vw;
  padding: 21.51vw 0.0vw 0.0vw;
  position: relative;
}

.ipad-mini-8u463-1 .image-8 {
  height: 54.7vw;
  width: 43.68vw;
}

.ipad-mini-8u463-1 .image-9 {
  height: 88.31vw;
  width: 70.56vw;
}

.ipad-mini-8u463-1 .block-text-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5.38vw;
  position: relative;
}

.ipad-mini-8u463-1 .image-2-3 {
  height: 69.95vw;
  object-fit: cover;
  position: relative;
  width: 91.94vw;
}

.ipad-mini-8u463-1 .image-3-2 {
  height: 69.95vw;
  position: relative;
  width: 91.94vw;
}

.ipad-mini-8u463-1 .block-4 {
  display: flex;
  width: 91.94vw;
}

.ipad-mini-8u463-1 .frame-25-2 {
  align-items: center;
  background-color: var(--supernova);
  display: flex;
  height: 73.12vw;
  justify-content: center;
  position: relative;
  width: 91.94vw;
}

.ipad-mini-8u463-1 .logo-4 {
  cursor: pointer;
  height: 30.11vw;
  margin-left: -0.13vw;
  width: 64.92vw;
}

.ipad-mini-8u463-1 .footer-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--shark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 3.23vw;
  padding: 5.38vw 0vw;
  position: relative;
  width: 100%;
}

.ipad-mini-8u463-1 .logo-5 {
  cursor: pointer;
  height: 6.25vw;
  margin-left: -37.77vw;
  margin-right: -37.77vw;
  position: relative;
  width: 13.44vw;
}

.ipad-mini-8u463-1 .copyright-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -40.86vw;
  margin-right: -40.86vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.ipad-mini-8u463-1 .block {
  align-items: flex-start;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10.75vw;
  position: relative;
}

.ipad-mini-8u463-1 .block-title {
  letter-spacing: 0;
  line-height: 5.16vw;
  margin-top: -0.13vw;
  position: relative;
  width: fit-content;
}

.ipad-mini-8u463-1 .image {
  object-fit: cover;
  position: relative;
}

.ipad-mini-8u463-1 .line-1 {
  height: 0.2vw;
  position: relative;
}
/* screen - iphone-13-mini-1 */

.iphone-13-mini-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 21.33vw;
  min-width: 100.0vw;
  position: relative;
}

.iphone-13-mini-1 .x1080x926-1 {
  height: 85.74vw;
  object-fit: cover;
  position: relative;
  width: 100.0vw;
}

.iphone-13-mini-1 .lead-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10.67vw;
  position: relative;
  width: 89.33vw;
}

.iphone-13-mini-1 .frame-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10.67vw;
  position: relative;
  width: 100%;
}

.iphone-13-mini-1 .lead-title-1 {
  color: var(--shark);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 7.68vw;
  margin-top: -0.27vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-13-mini-1 .line-1-2 {
  width: 32.0vw;
}

.iphone-13-mini-1 .lead-text-1 {
  letter-spacing: 0.08vw;
  line-height: 6.4vw;
  position: relative;
  width: 89.33vw;
}

.iphone-13-mini-1 .block-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10.67vw;
  position: relative;
}

.iphone-13-mini-1 .block-text-1 {
  letter-spacing: 0.08vw;
  line-height: 7.2vw;
  position: relative;
  width: 89.33vw;
}

.iphone-13-mini-1 .img-1-1 {
  height: 67.97vw;
  position: relative;
  width: 89.33vw;
}


.iphone-13-mini-1 .frame-26-1 {
  align-items: center;
  background-color: var(--eerie-black);
  display: flex;
  gap: 2.67vw;
  height: 16.0vw;
  justify-content: center;
  padding: 2.67vw;
  position: relative;
  width: 85.33vw;
}

.iphone-13-mini-1 .text-2 {
  line-height: normal;
}


.iphone-13-mini-1 .gallery-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16.0vw;
  position: relative;
}

.iphone-13-mini-1 .frame-2-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.iphone-13-mini-1 .block-title-2 {
  white-space: nowrap;
}

.iphone-13-mini-1 .text-1 {
  color: var(--shark);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 6.4vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-13-mini-1 .line-1-3 {
  width: 21.33vw;
}

.iphone-13-mini-1 .dsc02035-1 {
  height: 101.09vw;
  object-fit: cover;
  position: relative;
  width: 80.85vw;
}

.iphone-13-mini-1 .frame-10-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 89.33vw;
}

.iphone-13-mini-1 .frame-13-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.61vw;
  padding: 6.1vw 0.0vw 0.0vw;
  position: relative;
}

.iphone-13-mini-1 .dsc02023-1 {
  height: 53.15vw;
  object-fit: cover;
  position: relative;
  width: 42.45vw;
}

.iphone-13-mini-1 .dsc02031-1 {
  height: 53.15vw;
  object-fit: cover;
  position: relative;
  width: 42.45vw;
}

.iphone-13-mini-1 .image-4 {
  height: 53.15vw;
  width: 42.45vw;
}

.iphone-13-mini-1 .frame-15-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.31vw;
  padding: 20.9vw 0.0vw 0.0vw;
  position: relative;
}

.iphone-13-mini-1 .image-5 {
  height: 53.15vw;
  width: 42.45vw;
}

.iphone-13-mini-1 .image-6 {
  height: 85.81vw;
  width: 68.57vw;
}

.iphone-13-mini-1 .image-2-2 {
  height: 67.97vw;
  object-fit: cover;
  position: relative;
  width: 89.33vw;
}

.iphone-13-mini-1 .image-3-1 {
  height: 67.97vw;
  position: relative;
  width: 89.33vw;
}

.iphone-13-mini-1 .frame-25-1 {
  align-items: center;
  background-color: var(--supernova);
  display: flex;
  height: 71.05vw;
  justify-content: center;
  position: relative;
  width: 89.33vw;
}

.iphone-13-mini-1 .logo-2 {
  cursor: pointer;
  height: 29.26vw;
  margin-left: -0.13vw;
  margin-top: 0;
  width: 63.08vw;
}

.iphone-13-mini-1 .footer-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--shark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6.4vw;
  padding: 10.67vw 0vw;
  position: relative;
  width: 100%;
}

.iphone-13-mini-1 .logo-3 {
  cursor: pointer;
  height: 12.39vw;
  margin-left: -124.13vw;
  margin-right: -124.13vw;
  position: relative;
  width: 26.67vw;
}

.iphone-13-mini-1 .copyright-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -130.27vw;
  margin-right: -130.27vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.iphone-13-mini-1 .block-title {
  letter-spacing: 0;
  line-height: 7.68vw;
  margin-top: -0.27vw;
  position: relative;
  width: fit-content;
}

.iphone-13-mini-1 .image {
  object-fit: cover;
  position: relative;
}

.iphone-13-mini-1 .line-1 {
  height: 0.2vw;
  position: relative;
}
@media screen and (max-width: 743px) {
  .screen.index { 
    display: none;
   }
  .screen.ipad-mini-8u463-1 { 
    display: none;
   }
}
@media screen and (min-width: 744px) and (max-width: 1024px) {
  .screen.index { 
    display: none;
   }
  .screen.iphone-13-mini-1 { 
    display: none;
   }
}
@media screen and (min-width: 1025px) {
  .screen.iphone-13-mini-1 { 
    display: none;
   }
  .screen.ipad-mini-8u463-1 { 
    display: none;
   }
}




.pigment-box {
  max-width: 70%;
  margin: 0px auto;
  padding: 24px 28px;
  border: 1px solid #ddd;   /* 枠線のみ */
  background: #fff;
  text-align: center;       /* タイトルは中央 */
}

.pigment-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #333;
}

.pigment-text {
  font-size: 15px;
  line-height: 1.8;
  color: #444;
  margin: 0;
  text-align: left;         /* 説明文は左揃え */
}