.contents.top{
  background: url(../imgs/top-bg.webp) calc(50% - 70px) top no-repeat;
  background-size: 1800px auto;
}

.top-leadtxt {
  text-align: right;
  padding: var(--gap-x2) var(--gap-base)
}

.top-leadtxt p {
  display: inline-block;
  text-align: left;
  font-size: 2.2rem;
  line-height: 1.8;
}

@media (min-width:769px) and (max-width: 1024px) {
.contents.top{
  background: url(../imgs/top-bg-tb.png) 0 0 no-repeat;
  background-size: 100% auto;
}  
  .top-leadtxt p {
    width: 56%;
    font-size: 2rem;
  }

}

@media (max-width: 768px) {
.contents.top{
  background: url(../imgs/top-bg.webp) calc(50% + 120px) top no-repeat;
  background-size: auto 42vh;
}
.top-leadtxt p{
display:block;
font-size: 4.25vw;
margin-top: 30vh;
}
}



.news-wrap{
  border: 1px solid #ddd;
  padding: var(--gap-x1-5);
}
.news-list{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
gap: var(--gap-1-2) 0;
}
.news-list dt{
flex: 0 0 6%;
}
.news-list dd{
flex: 1 0 94%;
}

.news-list a{
  color: var(--txt-green);
padding-bottom: 4px;
  border-bottom: 1px solid transparent;
  transition: initial;
}
.news-list a:hover{
  border-bottom: 1px solid var(--txt-green);
}

@media (max-width: 768px) {
  .news-list{
    flex-direction: column;
    gap: 0;
  }
.news-list dt{
flex: 1;
}
.news-list dd{
flex: 1;
}
.news-list dd + dt{
  margin-top: var(--gap-1-2);
}


}




.detail-list-wrap{
  display: flex;
gap: var(--gap-x3);
margin-top: var(--gap-base);
margin-bottom: var(--gap-base);
}
.detail-list{
display: flex;
gap: var(--gap-base);
}

.clinichours-wrap{
  color: var(--white);
  display: flex;
  align-items:stretch;
  justify-content: center;
  gap: var(--gap-x2);
padding: var(--gap-x2) 0;
}
.clinichours-ttl{
  font-size: var(--ttl-type03);
  border: 1px solid var(--white);
  display: grid;
  place-content: center;
  padding: var(--gap-x2);
  line-height:2;
}

.bl-map{
  width:100%;
  height: 400px;
}
.bl-map iframe{
  max-width: 1160px;
  width: 100%;
  height: 100%;
}


.access{
  display: flex;
  gap: var(--gap-x3);
}
.access dt{float: left;overflow: hidden;}
.access dd{float: left;overflow: hidden;}

@media (max-width: 768px) {

.detail-list-wrap{
  flex-direction: column;
  gap: var(--gap-base);
}
.clinichours-wrap{
  flex-direction: column;
  padding: var(--gap-x2);
  gap: var(--gap-base);
}
.clinichours-ttl {
  padding: var(--gap-1-2);
}
.access {
  flex-direction: column;
  gap: var(--gap-base);
}


}