@charset "UTF-8";
/*****************************
pagesec-hotspring
*****************************/
.pagesec-hotspring dl{
  border-bottom: solid 1px #000;
}
.pagesec-hotspring dl .kurikaesibox{
  margin-top: 4rem;
  padding: 1rem 2rem;
}
.pagesec-hotspring dl dt{
  width: 200px;
}
.pagesec-hotspring dl dd{
  width: calc(100% - 200px);
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-hotspring dl dt{
    width: 100%;
    font-weight: 600;
  }
  .pagesec-hotspring dl dd{
    width: 100%;
  }
}
/*****************************
pagesec-amenity
*****************************/
.pagesec-amenity .txtbox{
  text-align: center;
}
.pagesec-amenity .txtbox h2{
  margin-bottom: 3rem;
}
.pagesec-amenity .ttlbox2 h2::before{
  top: 10%;
  left: 10%;
  transform: translate(-50%,-50%);
}
.pagesec-amenity .txtbox p{
  margin-top: 1rem;
}
.pagesec-amenity .imgbox{
  margin-top: 5rem;
  width: 40%;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-amenity .imgbox{
    width: 100%;
  }
}