@charset "utf-8";
img {
  width: 100%;
}
.img_cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: block;
  width: fit-content;
  font-size: 12px;
  line-height: 1;
  color: #fff;
}
.img_cap.bk {
  color: #000;
}
@media screen and (max-width:750px) {
  .img_cap {
    font-size: 2.666vw;
  }
}
.positionWrap .bg {
  background-image: url("../img/value/location_value/kv_pc.webp");
}
.positionWrap .scene01 img {
  width: 94px;
}
.positionWrap .scene02 img {
  width: 94px;
}

@media (max-width: 750px) {
  .positionWrap .bg {
    background-image: url("../img/value/location_value/kv_sp.webp");
  }
  .positionWrap .scene01 img {
    width: 17.467vw;
  }
  .positionWrap .scene02 img {
    width: 17.6vw;
  }
  .body_copy {
    padding-block: 32.133vw 32.667vw;
  }
}

.contents_wrap {
  background-color: #000;
}
.body_copy .text_wrap {
  width: 100%;
}
.body_copy .text > p {
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .body_copy .text p {
    writing-mode: initial;
    width: 200px;
  }
}
@media screen and (min-width:751px) {
  .body_copy {
    padding-block: 300px;
  }
  .body_copy .text {
    display: contents;
  }
}
@media screen and (max-width:750px) {
  .body_copy {
    padding-block: 30vw 30.267vw;
  }
  .body_copy .text {
    margin-inline: auto;
    width: 63.333%;
    width: fit-content;
  }
  .body_copy .text > p {
    line-height: 2.333;
    letter-spacing: 0.2em;
    width: initial;
    margin: initial;
  }
}


.daimonji {
  position: relative;
}
.daimonji_contents-wrap,
.centerarea_contents-wrap,
.gion_contents-wrap {
  position: absolute;
  display: grid;
  place-content: center;
  height: 100%;
  width: 100%;
  top: 0;
}
.daimonji_ttl,
.centerarea_ttl,
.shinmachi_area_ttl,
.gion_ttl {
  width: 85px;
  margin: 0 auto 100px;
}
.daimonji_txt,
.centerarea_txt,
.shinmachi_area_txt,
.gion_txt {
  font-size: 16px;
  line-height: calc(40/16);
  letter-spacing: 0.16em;
}
.daimonji_txt,
.centerarea_txt,
.gion_txt {
  width: 564px;
}
.daimonji .bgimg-wrap .bghidden-wrap,
.centerarea .bgimg-wrap .bghidden-wrap,
.gion .bgimg-wrap .bghidden-wrap {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width:750px) {
  .daimonji_ttl,
  .centerarea_ttl,
  .shinmachi_area_ttl,
  .gion_ttl {
    width: 16vw;
    margin: 0 auto 100px;
    /*! letter-spacing: 0.1em; */
  }
  .daimonji_txt,
  .centerarea_txt,
  .shinmachi_area_txt,
  .gion_txt {
    font-size: 3.2vw;
    line-height: calc(40/16);
    letter-spacing: 0.16em;
  }
  .daimonji_txt,
  .centerarea_txt,
  .gion_txt {
    width: 89.6vw;
    margin: 0 auto;
    line-height: 2;
  }
  .daimonji .bgimg-wrap .bghidden-wrap,
  .centerarea .bgimg-wrap .bghidden-wrap,
  .gion .bgimg-wrap .bghidden-wrap {
/*     height: fit-content; */
  }
}


.daimonji_ttl {
  margin-top: -37px;
}
.daimonji .bgimg-wrap {
  height: 67.559vw;
}
.daimonji .caption {
  position: absolute;
  right: 5px;
  color: #555555;
  z-index: 2;
  top: 34vw;
}
@media screen and (max-width:1680px) {
  .daimonji .bgimg-wrap {
    height: 1135px;
  }
  .daimonji .caption {
    top: 572px;
  }
}
.daimonji .bgimg-wrap .bghidden-wrap {
  background-image: url("../img/value/location_value/kyoto_img01_pc.webp");
}
@media screen and (max-width:750px) {
  .daimonji_ttl {
    margin-top: 48vw;
    margin-bottom: 13.33vw;
  }
  .daimonji .bgimg-wrap {
    height: 67.559vw;
  }
  .daimonji .bgimg-wrap {
    height: 223vw;
  }
  .daimonji .bgimg-wrap .bghidden-wrap {
    background-image: url("../img/value/location_value/kyoto_img01_sp.webp");
    width: 100%;
    background-size: contain;
    background-position: top;
  }
  .daimonji .caption {
    position: absolute;
    right: 0.5vw;
    color: #555555;
    z-index: 2;
    top: 49vw;
  }
  .daimonji_contents-wrap {
    /*! top: -50vw; */
  }
}

.section.centerarea {
  position: relative;
}
.centerarea .bgimg-wrap {
  height: 131.19vw;
}
@media screen and (max-width:1680px) {
  .centerarea .bgimg-wrap {
    height: 2204px;
  }
}
.centerarea .bgimg-wrap .bghidden-wrap {
  background-image: url("../img/value/location_value/kyoto_center_bg_pc.webp");
}
.centerarea_img-wrap .caption {
  font-size: 12px;
  position: absolute;
  right: 3px;
  bottom: 3px;
  z-index: 2;
}
.centerarea_flex-wrap {
  display: grid;
  max-width: 960px;
  grid-template-columns: 1fr 1fr;
  gap: 76px;
}
.centerarea_txt  {
  width: 100%;
}
.centerarea_ttl {
  margin-bottom: 60px;
}
.centerarea_contents-wrap {
  top: 189px;
  height: fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0 40px;
  /*! position: relative; */
  transform: translate(-50%,0);
  left: 50%;
  /*! max-width: 1280px; */
}
.centerarea_flex-wrap {
  display: grid;
  width: 960px;
  grid-template-columns: 1fr 1fr;
  gap: 76px;
  align-items: center;
}
@media screen and (max-width:1040px) {
  .centerarea_contents-wrap {
    width: 100%;
    /*! top: 189px; */
  }
  .centerarea_flex-wrap {
    padding: 0 40px;
    width: 89.6vw;
    max-width: initial;
  }
}
@media screen and (max-width:750px) {
  .centerarea .bgimg-wrap .bghidden-wrap {
    background-image: url("../img/value/location_value/kyoto_center_bg_sp.webp");
    background-size: contain;
    background-position: bottom;
  }
  .centerarea .bgimg-wrap {
    height: 342.8vw;
  }
  .centerarea_txt  {
    margin-bottom: 10.4vw;
  }
  .centerarea_ttl {
    margin-bottom: 13.6vw;
  }
  .centerarea_contents-wrap {
    padding: initial;
    top: 28vw;
  }
  .centerarea_flex-wrap {
    display: block;
    max-width: initial;
  }
  .centerarea_img-wrap .caption {
    font-size: 2.66vw;
    position: absolute;
    right: 0.2vw;
    bottom: 0.8vw;
  }
}


.shinmachi_area_contents-wrap {
  margin-top: 202px;
  margin-bottom: 226px;
}
.shinmachi_area_grid-wrap {
  display: grid;
  max-width: 960px;
  grid-template-columns: 1fr 1fr;
  gap: 76px; 
}
.shinmachi_area_ttl {
  margin: 0 auto 94px;
  display: block;
}
.shinmachi_area_grid-wrap {
  display: grid;
  max-width: 1280px;
  grid-template-columns: 560fr 660fr;
  gap: 0 60px;
  margin: 0 auto;
  align-items: center;
  padding: 0 40px;
}
.shinmachi_area_txt {
  grid-row: 1/2;
  grid-column: 1/2;
}
.shinmachi_area_grid-wrap .illust {
  grid-row: 2/3;
  grid-column: 1/2;
  position: relative;
}
.shinmachi_area_grid-wrap .figure {
  grid-row: 1/3;
  grid-column: 2/3; 
  position: relative;
}
.shinmachi_area_grid-wrap .illust,
.shinmachi_area_grid-wrap .figure {
  width: 100%;
}
.shinmachi_area_txt {
 letter-spacing: 0.2em; 
}
.shinmachi_area_grid-wrap .illust {
  margin-top: 30px;
}
.shinmachi_area_grid-wrap .illust .caption {
  margin-top: 5px;
  letter-spacing: 0.2em;
}
@media screen and (max-width:750px) {
  .shinmachi_area_contents-wrap {
    margin-top: 24.8vw;
    margin-bottom: 26vw;
  }
  .shinmachi_area_ttl {
   width: 15.8vw; 
   margin-bottom: 13vw;
  }
  .shinmachi_area_grid-wrap {
    display: block;
    max-width: initial;
    padding: initial;
    width: 89.6vw;
  }
  .shinmachi_area_txt {
    line-height: 2;
    margin-bottom: 8vw;
  }
  .shinmachi_area_grid-wrap .illust {
    margin-bottom: 9.3vw;
  }
  .shinmachi_area_grid-wrap .illust .caption {
    margin-top: 1vw;
    letter-spacing: 0.2em;
  }
}

.gion .bgimg-wrap {
  height: 75.29vw;
}
@media screen and (max-width:1680px) {
  .gion .bgimg-wrap {
    height: 1265px;
  }
}
.gion .bgimg-wrap .bghidden-wrap {
  background-image: url("../img/value/location_value/gion_kaisho_bg_pc.webp");
}
.gion .bg_image_area {
  position: relative;
}
.gion_contents-wrap {
  place-content: center;
  height: auto;
  margin-top: 190px;
}
.houkahoko {
  max-width: 1280px;
  margin: -142px auto 0;
}
.houkahoko .img-grid {
  display: flex;
  gap: 100px;
  max-width: 1280px;
}
.houkahoko .img-grid .houkahoko-img {
  max-width: 360px;
}
.houkahoko-img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.houkahoko-txtcontents {
  width: 560px;
  margin: 60px auto 0;
  text-align: center;
  padding-bottom: 274px;
}
.houkahoko-ttl {
  border-bottom: 1px solid rgba(255,255,255,0.3);
  margin: 0px auto 18px;
  padding-bottom: 32px;
}
.houkahoko-ttl img {
  width: 290px;
}
.houkahoko-txt p {
  font-size: 16px;
  line-height: calc(40/16);
  letter-spacing: 0.2em;
}

@media screen and (max-width:1280px) {
  .houkahoko .img-grid {
    display: grid;
    justify-content: center;
    gap: 40px;
    justify-items: center;
  }
  .houkahoko-img01 {
    grid-row: 1/2;
    grid-column: 1/3;
  }
}
@media screen and (max-width:750px) {
  .gion .bgimg-wrap {
    height: 169vw;
  }
  .gion .bgimg-wrap .bghidden-wrap {
    background-image: url("../img/value/location_value/gion_kaisho_bg_sp.webp");
    background-size: contain;
    background-position: top;
  }
  .gion_contents-wrap {
    margin-top: 25vw;
    /*! margin-bottom: 5vw; */
  }
  .gion_ttl {
    width: 15.7vw;
    margin-bottom: 13vw;
  }
  .houkahoko {
    max-width: initial;
    width: 89.6vw;
    margin: -12.2vw auto 0;
  }
  .houkahoko .img-grid {
    display: grid;
    gap: 5.33vw;
  }
  .houkahoko .img-grid .houkahoko-img {
    max-width: initial;
  }
  .houkahoko-img01 {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .houkahoko-txtcontents {
    width: 100%;
    margin: 9.8vw auto 0;
    text-align: center;
    padding-bottom: 18.4vw;
  }
  .houkahoko-ttl img {
    width: 54vw;
  }
  .houkahoko-ttl {
    margin: 0px auto 3.4vw;
    padding-bottom: 5.7vw;
  }
  .houkahoko-txt p {
    font-size: 3.2vw;
    line-height: calc(2);
    letter-spacing: 0.2em;
  }
}
.birdEye {
  position: relative;
}
.birdEye .caption {
  position: absolute;
  right: 0.2em;
  bottom: 0.2em;
  color: #fff;
    
}