@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
#asset {
  color: #221706;
}

#asset .image,
#asset .images {
  position: relative;
}

#asset .page-content .wrap {
  max-width: 1000rem;
}

#asset .intro {
  position: relative;
  padding: 55rem 0 75rem;
  margin-bottom: 25rem;
  background: url(../images/location/intro-bg.png) center no-repeat;
  background-size: auto 100%;
  text-align: center;
}

#asset .intro .txt {
  font-size: 24rem;
  line-height: 1.5;
  font-weight: normal;
  padding-bottom: 50rem;
}

#asset .intro .lead {
  font-size: 14rem;
  line-height: 2.2;
}

#asset .map-section {
  padding: 164rem 0 154rem;
  margin-bottom: 100rem;
  background-color: #373022;
  color: #fff;
}

#asset .map-section .wrap {
  max-width: 900rem;
}

#asset .map-section .header {
  padding-bottom: 60rem;
  text-align: center;
}

#asset .map-section .header .title {
  font-size: 24rem;
  line-height: 1.6;
  font-weight: normal;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: .5px solid;
  display: inline-block;
}

#asset .map-section .header .lead {
  font-size: 14rem;
  line-height: 2.9;
}

#asset .map-section .annotation {
  padding-top: 10rem;
  text-align: right;
  font-size: 10rem;
  line-height: 1.6;
}

#asset .sections.box,
#asset .sections .box {
  display: flex;
  justify-content: space-between;
}

#asset .sections .title {
  font-size: 24rem;
  line-height: 1.6;
  font-weight: normal;
  text-align: center;
  padding-bottom: 76rem;
}

#asset .sections .annotation {
  font-size: 10rem;
  line-height: 1.6;
  padding-top: 10rem;
  padding-bottom: 20rem;
}

#asset .sections .sub-section {
  padding-bottom: 90rem;
}

#asset .sections .sub-section .sub-title {
  font-size: 24rem;
  line-height: 1.8;
  font-weight: normal;
  padding-bottom: 20rem;
  margin-bottom: 20rem;
  border-bottom: .5px solid #221706;
}

#asset .sections .sub-section .text {
  font-size: 14rem;
  line-height: 2.8;
}

#asset .section01 .sub-section01 {
  padding-bottom: 10rem;
}

#asset .section01 .sub-section01 .sub-header {
  width: 44%;
}

#asset .section01 .sub-section01 .img-wrapper {
  width: 50%;
}

#asset .section01 .sub-section02 {
  padding-top: 80rem;
}

#asset .section01 .sub-section02 .sub-header {
  order: 0;
  width: 45%;
}

#asset .section01 .sub-section02 .img-wrapper {
  order: 1;
  width: 50%;
}

#asset .section02 {
  padding-top: 80rem;
  padding-bottom: 80rem;
  background: rgba(159, 149, 136, 0.25);
}

#asset .section02 .title {
  padding-bottom: 38rem;
}

#asset .section02 .text01 {
  font-size: 16rem;
  line-height: 1.5;
  padding-bottom: 8rem;
}

#asset .section02 .img-wrapper {
  width: 56%;
}

#asset .section02 .text {
  width: 40%;
  font-size: 14rem;
  line-height: 2.8;
}

#asset .section03 {
  padding-top: 115rem;
  padding-bottom: 50rem;
}

#asset .section03 .title {
  font-size: 24rem;
  line-height: 1.6;
  font-weight: normal;
  text-align: center;
  padding-bottom: 38rem;
}

#asset .section03 .lead {
  padding-bottom: 54rem;
  font-size: 14rem;
  line-height: 2.8;
  text-align: center;
}

#asset .section03 .annotation {
  padding-top: 10rem;
  font-size: 10rem;
  line-height: 1.5;
}

#asset .section03 .annotation01 {
  text-align: right;
  padding-bottom: 40rem;
}

#asset .section03 .sub-section .sub-title {
  font-size: 18rem;
  font-weight: normal;
  line-height: 1.7;
  padding-bottom: 15rem;
}

#asset .section03 .sub-section .sub-lead {
  font-size: 11rem;
  line-height: 1.7;
  padding-bottom: 20rem;
}

#asset .page-annotation {
  background-color: transparent;
}

#asset .annotation,
#asset .caption {
  font-family: "Noto Serif JP", serif;
}

@media (max-width: 768px) {
  #asset .wrap {
    width: 90%;
  }
  #asset .intro {
    padding: 25rem 0 0rem;
    margin-bottom: 35rem;
    background-size: 80% auto;
    background-position: top center;
  }
  #asset .intro .txt {
    text-align: left;
    font-size: 22rem;
    line-height: 1.5;
    font-weight: normal;
    padding-bottom: 20rem;
  }
  #asset .intro .lead {
    text-align: left;
  }
  #asset .intro .lead br {
    display: none;
  }
  #asset .map-section {
    padding: 50rem 0 50rem;
    margin-bottom: 50rem;
  }
  #asset .map-section .header {
    padding-bottom: 30rem;
    text-align: left;
  }
  #asset .map-section .header .title {
    font-size: 22rem;
    padding-bottom: 33rem;
  }
  #asset .map-section .header .lead {
    line-height: 2.2;
  }
  #asset .map-section .header .lead br {
    display: none;
  }
  #asset .map-section .annotation br {
    display: none;
  }
  #asset .sections.box,
  #asset .sections .box {
    display: block;
  }
  #asset .sections .title {
    font-size: 22rem;
    text-align: left;
    padding-bottom: 53rem;
  }
  #asset .sections .annotation br {
    display: none;
  }
  #asset .sections .sub-section {
    padding-bottom: 60rem;
  }
  #asset .sections .sub-section .sub-title {
    font-size: 22rem;
    padding-bottom: 20rem;
    margin-bottom: 20rem;
  }
  #asset .sections .sub-section .text {
    font-size: 14rem;
    line-height: 2.2;
  }
  #asset .section01 .sub-section01 {
    padding-bottom: 10rem;
  }
  #asset .section01 .sub-section01 .sub-header {
    width: auto;
  }
  #asset .section01 .sub-section01 .img-wrapper {
    width: auto;
    margin-top: 20px;
  }
  #asset .section01 .sub-section02 .sub-header {
    width: auto;
  }
  #asset .section01 .sub-section02 .img-wrapper {
    width: auto;
    margin-top: 20px;
  }
  #asset .section02 {
    padding-top: 55rem;
    padding-bottom: 50rem;
  }
  #asset .section02 .title {
    padding-bottom: 25rem;
  }
  #asset .section02 .text01 {
    font-size: 16rem;
    line-height: 1.5;
    padding-bottom: 13rem;
  }
  #asset .section02 .img-wrapper {
    width: auto;
  }
  #asset .section02 .text {
    width: auto;
    font-size: 14rem;
    line-height: 2.2;
  }
  #asset .section03 {
    padding-top: 55rem;
    padding-bottom: 30rem;
  }
  #asset .section03 .title {
    font-size: 22rem;
    line-height: 1.6;
    text-align: left;
    padding-bottom: 25rem;
  }
  #asset .section03 .lead {
    padding-bottom: 40rem;
    text-align: left;
    line-height: 2.2;
  }
  #asset .section03 .lead br {
    display: none;
  }
  #asset .section03 .swipe-img img {
    height: 320rem;
  }
  #asset .section03 .swipe-img.img02 img {
    height: 240rem;
  }
  #asset .section03 .annotation {
    padding-top: 10rem;
    font-size: 10rem;
    line-height: 1.5;
  }
  #asset .section03 .annotation01 {
    text-align: right;
    padding-bottom: 10rem;
  }
  #asset .section03 .sub-section .sub-title {
    font-size: 18rem;
    font-weight: normal;
    line-height: 1.7;
    padding-bottom: 15rem;
  }
  #asset .section03 .sub-section .sub-lead {
    padding-bottom: 20rem;
  }
  #asset .section03 .sub-section .sub-lead br {
    display: none;
  }
  #asset .annotation,
  #asset .caption {
    font-family: "Noto Serif JP", serif;
  }
  #asset .swipe.bottom {
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=asset.css.map */