@charset "UTF-8";



.mr-lead{
  font-size: clamp(26px, 3.1vw, 40px);
  margin-bottom: clamp(20px, 2.4vw, 36px);
  line-height: 1.6;
}
.text-brown{
  color: #755632;
}
.modelroom .note{
  font-size: clamp(1.2rem, 1.6vw, 1.8rem);
}
.mr-detail-block{
  margin: clamp(20px, 3vw, 30px) auto;
  max-width: 1000px;
  width: calc(100% - 50px);
}
.mr-detail-block .mr-detail-img{
  margin-bottom: clamp(24px, 4vw, 40px);
}
.mr-detail-block .note{
  margin-top: 10px;
}
.mr-btn-wrap{
  margin: clamp(20px, 3vw, 30px) 0 0;
  text-align: center;
}
.mr-btn{
  padding: clamp(14px, 1.8vw, 18px) 0;
  color: #fff;
  background: #742325;
  font-size: clamp(20px, 1.7vw, 24px);
  border-radius: 10px;
  min-width: 360px;
  display: inline-block;
  position: relative;
  transition: .6s;
}
.mr-btn:hover{
  opacity: .6;
}
.mr-btn::after {
  content: "";
  position: absolute;
  right: clamp(12px, 1.5vw, 18px);
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: clamp(5px, 0.64vw, 8px) solid transparent;
  border-bottom: clamp(5px, 0.64vw, 8px) solid transparent;
  border-left: clamp(7px, 0.96vw, 12px) solid #fff;
}
.mr-map-img{
  margin: clamp(60px, 5.25vw, 90px) auto 0;
  max-width: 740px;
  width: calc(100% - 50px);
}
.mr-map-ttl{
  margin-bottom: clamp(14px, 1.4vw, 24px) ;
  font-size: clamp(1.4rem, 1.8vw, 2.2rem);
}
.map-address {
    padding: 16px 0;
    text-align: center;
    color: #fff;
    background: #823a26;
    font-size: clamp(1.1rem, 1.5vw, 1.8rem);
}
.map-btns {
    display: flex;
    justify-content: center;
    max-width: 600px;
    margin: 48px auto 0;
    gap: 16px;
}
.map-btns a {
    max-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    border: 1px solid #000;
    flex: 1;
    transition: .4s;
}
@media screen and (max-width: 750px) {
  .mr-btn{
    min-width: 300px;
  }
  .plan-section-ttl .ttl-border {
    font-size: 6rem;
  }
  .map .map-address {
    padding: 12px 0;
    font-size: 1.2rem;
  }
}