@charset "UTF-8";

/* ---------------------------------------------------------------------------- /
/   rule
/ ---------------------------------------------------------------------------- */

.isecabin_low_style_info_ttl {
    margin-bottom: -2em;
}


.btn-square {
  display: block;
  position: relative;
  background: #CCCCCC;
  width: 50%;
  padding: 1em;
  border-radius: 3px;
  color: #333333;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
 font-family: 'Noto Serif JP', serif;
 font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));
}

 
.btn-square::after { /* くの字の表示設定 */
  content: ">";
  position: absolute;
 color: #F9F9F9;
  top: 50%;
  right: 5.9%;
  transform: translateY(-50%);
}

.iseb_lower_p {
    display: block;
    width: 100%;
    text-align: center;
    color: #c3aa78;
    font-size: 2rem;
    font-family: 'Noto Serif JP', serif;
    margin-top: -8%;
}

.iselower_biwako_anchor{
    padding-top: 160px;
    margin-top: -160px;
}
.iselower_biwako_space{
  padding-top: 160px;
}
.iselower_top_ttl{
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.iselower_top_ttl h2,
.iselower_top_ttl h1{
  font-size: 3.6rem;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}
.iselower_top_ttl h1 span{
  font-size:1.4rem;
  display: block;
  text-align: center;
  line-height: 2em;
}
.iselower_top_ttl img{
  width: 500px;
}
.iselower_top_img_sec{
  margin-top: 100px;
}

.iselower_top_img_sec .inner{
  max-width: 1080px;
  margin: 0 auto;
}

.iselower_top_img_area{
  position: relative;
}

.iselower_top_img_sec img{
  width: 100%;
  position: relative;
  z-index: -1;
}

.iselower_top_img_sec h1,.lower_top_img_sec p{
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
}

.iselower_top_img_sec h1{
  top: 80px;
  font-size: 4.8rem;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.2em;
  text-shadow: 1px 2px 4px #808080;
}

.iselower_top_img_sec p{
  bottom: 80px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px 0;
  font-size: 1.6rem;
  font-family: 'Noto Serif JP', serif;
}

@media all and (max-width: 500px) {
.iseb_lower_p {
    display: block;
    width: 100%;
    text-align: center;
    color: #c3aa78;
    font-size: 1.5rem;
    font-family: 'Noto Serif JP', serif;
    margin-top: -3%;
}

  .iselower_top_img_sec{
    margin-top: 0;
  }
  .iselower_top_ttl{
    height: 150px;
  }
  .iselower_top_ttl h2,
  .iselower_top_ttl h1{
    font-size: 2.5rem;
  }
  .iselower_top_img_sec h1{
    position: relative;
    font-size: 2.4rem;
    top: inherit;
    color: inherit;
    padding: 20px 0;
  }
  .iselower_top_img_sec p{
    position: relative;
    font-size: 1.6rem;
    bottom: inherit;
    color: inherit;
    background-color: inherit;
    text-align: left;
  }
  .iselower_top_ttl img{
  width: 280px;
  }
  .iselower_top_img_sec h1{
  text-shadow: inherit;
}

.iselower_top_ttl h1 span{
  font-size:1.4rem;
  display: block;
  text-align: center;
}

}
@media all and (max-width: 320px) {
  .iselower_top_img_sec h1 {
    font-size: 2rem;
  }
}

@media (max-width: 500px){
.iselower_biwako_space {
    padding-top: 125px;
}
}