@charset "UTF-8";
/*Break Point
------------------------------*/
/*Break Point (for viequ house)
---------------------------------*/
/*font
---------------------------------*/
/*font-size
---------------------------------*/
/*color
---------------------------------*/
.mv figure p {
  position: absolute;
  width: 26%;
  left: 18.5%;
  top: 37.3%;
}
@media print, screen and (max-width: 768px) {
  .mv figure p {
    width: 54%;
    left: 0;
    right: 0;
    margin: auto;
    top: 18.5%;
  }
}

.pc {
  display: block;
}
@media print, screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media print, screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

h2 {
  width: 4.5em;
}
@media print, screen and (max-width: 768px) {
  h2 {
    padding-bottom: 5%;
    margin-bottom: 7%;
  }
}
h2 span {
  display: block;
  font-size: 70%;
  padding-bottom: 2%;
}

h3 {
  font-size: min(5vw, 2.5rem);
  text-align: center;
}

h4 {
  font-size: min(4.5vw, 1.9rem);
  letter-spacing: 0.1rem;
}
@media print, screen and (max-width: 768px) {
  h4 {
    line-height: 1.7;
    letter-spacing: 0;
  }
}

.cap_btm4 {
  bottom: 4.5%;
}
@media print, screen and (max-width: 768px) {
  .cap_btm4 {
    bottom: 4%;
  }
}

.col-01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.8fr 0.34em 1fr;
  grid-template-columns: 1.8fr 1fr;
  -ms-grid-rows: 1fr 0.34em 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 0.34em;
}

.col-01 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.col-01 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.col-01 > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.col-01 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.col-01 figure:first-child {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media print, screen and (max-width: 768px) {
  .col-01 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .col-01 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .col-01 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .col-01 figure:first-child {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

@media print, screen and (max-width: 768px) {
  .w10 {
    width: 20%;
  }
}

@media print, screen and (max-width: 768px) {
  .w88 {
    width: 75%;
  }
}

@media print, screen and (max-width: 768px) {
  .f15 {
    font-size: clamp(12px, 5vw, 1.5rem);
  }
}

/*スクロール開始位置変更*/
.scroll-box.-cen {
  direction: ltr;
}

@media print, screen and (max-width: 768px) {
  .scroll-box > img.loc01 {
    width: 150vw;
  }
}

.cap_map01 {
  position: absolute;
  bottom: 10%;
}

@media print, screen and (max-width: 768px) {
  .f08 {
    font-size: 10px;
  }
  .f12-2 {
    font-size: 3.5vw;
  }
  .lhsp01 {
    line-height: 2.2;
  }
  .lhsp02 {
    line-height: 1.8;
  }
  .lhsp03 {
    line-height: 2;
  }
  .pt34_underM {
    padding-top: 34%;
  }
  .pt44_underM {
    padding-top: 44%;
  }
  .pb30_underM {
    padding-bottom: 30%;
  }
  .pb40_underM {
    padding-bottom: 40%;
  }
  .cap_r {
    padding: 7px 3px 0 0;
  }
  .sp-01 {
    margin-top: -7%;
    padding-bottom: 8%;
  }
  .panView__hint2 {
    top: 77vw;
    left: 77%;
  }
  .lh20 {
    line-height: 1.6;
  }
  .lh26 {
    line-height: 2.4;
  }
  .-sc.-sc04 {
    top: 93%;
    left: 50%;
  }
  .-sc75 {
    left: 75%;
  }
  .s02 {
    height: 53vh;
  }
  .s02 > img {
    width: 160%;
  }
  .t54vw_underM {
    top: 54vw;
  }
  .scroll-box.box01 {
    padding-inline: 0;
  }
  .scroll-box.box02 {
    height: 12.5em;
    padding-inline: 1em;
  }
}