.nav-global-property-link.nav-outline::after {
  bottom: 3px;
  background-color: #000;
  border-bottom: none;
  opacity: 0.7;
}
.parts-endcaption {
    padding-block: 40px;
}

/*************************************************

kv_area

*************************************************/
.kv_area {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(44, 36, 29, 0.3);
}
.kv_wrap {
  width: calc(100% - 80px);
  margin-left: auto;
  display: flex;
  column-gap: 3%;
  align-items: end;
}
.kv_body {
  flex: 1 1 18%;
}

.kv_title_en {
  font-family: "Cormorant Infant", serif;
  font-size: 16px;
  letter-spacing: 0.04em;
}
.kv_title {
  margin-top: 40px;
  font-size: 28px;
  letter-spacing: 0.08em;
  line-height: 1.2;
}
.kv_text {
  margin-top: 40px;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 2;
}

@media only screen and (max-width: 767px) {
  .kv_area {
    padding-bottom: 60px;
  }
  .kv_wrap {
    width: 100%;
    flex-direction: column-reverse;
    align-items: start;
    row-gap: 30px;
  }
  .kv_body {
    width: calc(100% - 40px);
    margin-inline: auto;
  }
  .kv_title {
    margin-top: 20px;
  }
  .kv_text {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1200px) {
  .wrap iframe {
    margin-top : 80px;
  }
}

.wrap iframe {
  width:100%;
  height: 2900px;
}

.wrap #sentyaku iframe {
  width:100%;
  height: 3500px;
}

@media only screen and (max-width: 900px) {
  .wrap iframe{
    height: 3000px;
  }
}

@media only screen and (max-width: 768px) {
  .wrap iframe{
    height: 8000px;
  }
  .wrap #sentyaku iframe {
    height:9700px;
  }
}

@media only screen and (max-width: 500px) {
  .wrap iframe{
    height: 4200px;
  }
  .wrap #sentyaku iframe {
    height:5100px;
  }
}

@media only screen and (max-width: 400px) {
  .wrap iframe{
    height: 3750px;
  }
  .wrap #sentyaku iframe {
    height:4600px;
  }
}



.outlineArea {
  padding-block: 200px;
}
@media only screen and (max-width:767px) {
.outlineArea {
  padding-block: 80px;
}
}


.btns {
  width : 800px;
  max-width : calc(100% - 30px);
  margin : 0 auto;
  display : flex;
  flex-wrap:wrap;
  /*justify-content:space-between;*/
  justify-content:center;
  /*pointer-events: none;*/
}

.outline-btn {
  width : calc(100% / 2 - 10px);
  text-align : center;
  border: solid 1px #000066;
  color: #000066;
  padding : 10px;
  font-size : 18px;
  cursor:pointer;
  transition : 0.5s;

}

.outline-btn.active {
  background: #000066;
  color : #fff;
}

@media only screen and (max-width: 767px) {
  .outline-btn {
    width : 100%;
    margin-bottom : 10px;
  }
}