@charset "UTF-8";
/* 新着情報 */
.news_content_inner h2 {
  min-width: 200px;
}

/* 旧渋沢邸について */
.about_content.bg01::before {
  height: 70%;
}
.about_content.animation .right_line::after {
  width: 100% !important;
  max-width: none;
}
.about_content.animation .up_line::before {
  height: calc(100% - 51px) !important;
  bottom: 30px;
  max-height: none !important;
}
@media screen and (max-width: 1169px) {
  .about_content.animation .up_line::before {
    height: calc(100% - 70px) !important;
  }
}
.about_content .right_line {
  margin: 0 0 0 6.4%;
  padding: 0 6.4% 0 0;
}
.about_content .right_line::after {
  top: 100px;
}
.about_content .up_line::before {
  left: 5%;
}
.about_content_inner {
  max-width: 1400px;
  margin: 0 auto 0 0;
  padding: 24.2rem 0 9.6rem 14.6%;
  position: relative;
  z-index: 100;
}
.about_content_inner .txt_content p {
  width: 100%;
  max-width: 550px;
}
.about_content img {
  position: relative;
  z-index: 100;
  display: block;
  width: 100%;
  max-width: 1546px;
  margin: 0 auto;
}

/* 令和の移築 */
.relocation_content .up_line::before {
  max-height: 1460px;
}
.relocation_content.animation .up_line::before {
  height: calc(100% - 40px) !important;
  max-height: 1460px !important;
}
@media screen and (max-width: 1320px) {
  .relocation_content.animation .up_line::before {
    max-height: 1480px !important;
  }
}
@media screen and (max-width: 1286px) {
  .relocation_content.animation .up_line::before {
    max-height: 1510px !important;
  }
}
@media screen and (max-width: 1169px) {
  .relocation_content.animation .up_line::before {
    max-height: 1480px !important;
  }
}
@media screen and (max-width: 1050px) {
  .relocation_content.animation .up_line::before {
    max-height: 1480px !important;
  }
}

/* ギャラリー */
.gallery_content {
  padding: 16rem 0 0;
}
.gallery_content .right_line {
  margin: 0 0 0 6.4%;
}
.gallery_content .right_line::after {
  top: 100px;
}
.gallery_content .up_line::before {
  left: 5%;
}
.gallery_content .pd {
  padding: 0 0 0 12%;
}
.gallery_content.bg01::before {
  top: -400px;
  height: calc(100% + 400px);
  z-index: -1;
}
.gallery_content.animation .right_line::after {
  width: 100% !important;
  max-width: none;
}
.gallery_content.animation .up_line::before {
  height: 100% !important;
  max-height: 810px !important;
}
@media screen and (max-width: 1550px) {
  .gallery_content.animation .up_line::before {
    max-height: 780px !important;
  }
}
@media screen and (max-width: 1450px) {
  .gallery_content.animation .up_line::before {
    max-height: 750px !important;
  }
}
@media screen and (max-width: 1350px) {
  .gallery_content.animation .up_line::before {
    max-height: 720px !important;
  }
}
@media screen and (max-width: 1250px) {
  .gallery_content.animation .up_line::before {
    max-height: 690px !important;
  }
}
@media screen and (max-width: 1169px) {
  .gallery_content.animation .up_line::before {
    max-height: 640px !important;
  }
}
@media screen and (max-width: 1050px) {
  .gallery_content.animation .up_line::before {
    max-height: 620px !important;
  }
}
.gallery_content_inner {
  max-width: 1477px;
  margin: 0;
  padding: 15rem 0 12rem;
  position: relative;
  z-index: 100;
}
.gallery_content_inner > div {
  width: 50%;
  max-width: 670px;
  margin: 0 2rem 0 0;
  align-self: center;
}
.gallery_content_inner .txt_content {
  margin: 64px 17% 0 0;
}
.gallery_content_inner img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 686px;
  margin: 86px 0 0;
}
.gallery_content_inner .more_link {
  margin: 64px 0 0;
}

.cap {
  font-size: 1.2rem;
  margin: 0.8rem 0 0;
}

@media screen and (max-width: 1024px) {
  /* 新着情報 */
  .news_content {
    padding: 0 1rem;
  }
  .news_content_inner {
    display: block;
    padding: 4rem 0 0;
  }
  .news_content_inner h2 {
    font-size: 3.2rem;
  }
  .news_content_inner ul {
    margin: 2.4rem 0 0;
    height: 178px;
  }
  .news_content_inner ul li {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .news_content_inner ul li .date {
    min-width: fit-content;
  }
  .news_content_inner ul li:not(:first-child) {
    margin: 2.4rem 0 0;
  }
  .news_content_inner ul li a, .news_content_inner ul li p {
    display: block;
    margin: 0.8rem 0 0;
  }
  /* 旧渋沢邸について */
  .about_content {
    padding: 0;
  }
  .about_content .cap {
    padding: 0 1rem;
  }
  .about_content.bg01::before {
    height: 70%;
  }
  .about_content.animation .up_line::before {
    height: calc(100% - 90px) !important;
    max-height: none !important;
    min-height: auto !important;
  }
  .about_content .right_line {
    margin: 0;
    padding: 0;
  }
  .about_content .right_line::after {
    top: 75px;
  }
  .about_content .up_line::before {
    height: 0;
    max-height: none;
    min-height: auto;
    left: 1rem;
  }
  .about_content_inner {
    padding: 11rem 1rem 4rem 4.2rem;
  }
  .about_content_inner .txt_content p {
    max-width: none;
  }
  .about_content img {
    padding: 0 1rem;
  }
  /* 令和の移築 */
  .relocation_content {
    margin: 0;
  }
  .relocation_content.animation .right_line::after {
    width: 100%;
  }
  .relocation_content.animation .up_line::before {
    min-height: auto !important;
    max-height: none !important;
    height: calc(100% - 55px) !important;
  }
  .relocation_content .right_line {
    margin: 0;
    padding: 0;
  }
  .relocation_content .right_line::after {
    top: 74px;
    left: 0;
    right: inherit;
    width: 0;
  }
  .relocation_content .up_line::before {
    right: 1rem;
  }
  .relocation_content_inner {
    padding: 7.4rem 0;
  }
  .relocation_content_inner > div {
    display: block;
    margin: 4rem 0 0;
  }
  .relocation_content_inner > div > div {
    padding: 0 8%;
  }
  .relocation_content_inner .txt_content p {
    padding: 0;
    max-width: none;
  }
  .relocation_content_inner div.img01 {
    display: none;
  }
  .relocation_content_inner div.img02 {
    margin: 40px auto 0;
  }
  .relocation_content_inner .more_link {
    margin: 32px 0 0;
  }
  /* ギャラリー */
  .gallery_content {
    padding: 7.6rem 0 0;
  }
  .gallery_content .pd {
    padding: 0 8%;
  }
  .gallery_content.bg01::before {
    top: -220px;
    height: calc(100% + 220px);
  }
  .gallery_content.animation .up_line::before {
    max-height: initial !important;
    min-height: inherit !important;
    height: calc(100% + 20px) !important;
  }
  .gallery_content .right_line {
    margin: 0;
  }
  .gallery_content .right_line::after {
    top: 0;
  }
  .gallery_content .up_line::before {
    left: 1rem;
  }
  .gallery_content_inner {
    padding: 4rem 0 6.4rem;
  }
  .gallery_content_inner > div {
    width: auto;
    max-width: none;
    padding: 0;
    margin: 0;
  }
  .gallery_content_inner.up_line::before {
    max-height: 0;
    min-height: 0;
    height: 0;
    bottom: 28.4rem;
  }
  .gallery_content_inner .txt_content {
    margin: 4rem 0 0 0;
  }
  .gallery_content_inner img {
    margin: 4rem auto 0;
    max-width: none;
  }
  .gallery_content_inner .more_link {
    margin: 3.2rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  /* 新着情報 */
  .news_content_inner h2 {
    font-size: 2.4rem;
  }
  .news_content_inner ul {
    height: 178px;
  }
  /* 旧渋沢邸について */
  .about_content {
    padding: 0;
  }
  .about_content.bg01::before {
    height: 90%;
  }
  .about_content_inner {
    padding: 11rem 8% 4rem;
  }
  /* 令和の移築 */
  .relocation_content .cap {
    padding: 0 1rem;
  }
  .relocation_content_inner div.img01 {
    max-width: 310px;
  }
  .relocation_content_inner div.img02 {
    max-width: 390px;
  }
  .relocation_content_inner div img {
    padding: 0 1rem;
  }
}