@charset "utf-8";
/* CSS Document */
.contents {
 background: top center url(../img/bg.jpg);
}
.lower-top {
 height: 300px;
 background: center center / cover no-repeat url(../img/gallery-toppic.jpg);
}
#gallery1 p {
 text-align: center;
 padding-bottom: 80px;
}
#gallery1 span {
 text-transform: uppercase;
}
#gallery2 .flex {
 padding: 80px 0;
}
#gallery2 .pic {
width: 50%;
 padding: 0 60px;
}
#gallery2 .txt {
 width: 50%;
 padding-left: 40px;
 padding-right: 120px;
}
#gallery2 .txt h2 {
 border-bottom: solid 1px #d2979c;
}
#gallery2 .txt h2 span {
 font-size: 24px;
}
#gallery2 .txt p {
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}
#gallery2 {
padding-bottom: 150px;
}
@media screen and (max-width: 1366px) {

 .lower-top {
  height: 250px;
 }

}

@media screen and (max-width: 767px) {
 .lower-top {
  height: 40vw;
  background: center center / cover no-repeat url(../img/gallery-toppic-sp.jpg);
 }
 #gallery1 p {
  text-align: left;
  padding-bottom: 0;
 }
 #gallery2 {
  padding-bottom: 0;
 }
 #gallery2 .wrap {
  padding: 0;
 }
 #gallery2 .wrap .flex {
  padding: 40px 20px 80px;
 }
 #gallery2 .wrap .flex:nth-of-type(even) {
  background: #f5f5f5;
 }
 #gallery2 .pic,
 #gallery2 .txt {
  width: 100%;
  padding: 0;
 }
 #gallery2 .pic {
  padding: 0 10%;
 }
 #gallery2 .txt h2 {
  padding-top: 20px;
  width: 12em;
 }
 #gallery2 .txt h2 span {
  font-size: 16px;
 }
}

/* 展覧会 */
.senjimon {
 text-align: center;
}
.line{
 width: 26vw;
 height: 1px;
 background-color:  #d6a5a6;
 margin: auto;
}
/* exhibition */
.exhibition{
 display: grid;
 gap: clamp(15px, (30/1920)*100vw, 30px);
 grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 767px) {
 .senjimon #gallery1 .text {
  text-align: center;
  margin-bottom: 10px;
 }
 .exhibition{
  grid-template-columns: 1fr 1fr 1fr;
 }
}
@media screen and (max-width: 767px) {
 .line{
  width: 40vw;
 }
}


/* 句碑 */
.kuhi .wrap span {
 font-size: 18px;
}
.kuhi .wrap .kuhi-img {
 max-width: 500px;
 margin: auto;
}
.kuhi #gallery1 p {
 padding-bottom: 25px;
}
.kuhi .wrap {
 max-width: 100%;
}
/* .kuhi .wrap,
#gallery1 .wrap,
#gallery2 .wrap {
 max-width: 100%;
} */
@media screen and (max-width: 767px) {
 .kuhi .wrap span {
  font-size: 14px;
 }
}