@media screen and (max-width: 1290px) and (min-width: 767px) {
.header_content,
.header.active .header_content{
  padding:24px 16px;
}

/* header */
/* ul.nav{
  gap:20px;
} */
.header_inner{
  width:calc(100% - 100px);
  justify-content: flex-end;
  gap:10px;
}
ul.nav li{
  padding:0 10px;
}
ul.nav li a{
  font-size:clamp(1rem, 1.2rem, 1.4rem);
}
/* footer */

.footer_info_detail{
  padding:30px 20px;

}
.footer_info_detail table{
  margin:0 auto;
}
.footer_info_detail table tr{
  border-bottom:none;
}
.footer_info_detail table tr th,
.footer_info_detail table tr td{
  display: block;
  text-align: center;
}
.footer_info_detail table tr th{
  font-size:1.6rem;
  padding:0 0 4px;
  width:100%;
  border-bottom: 1px solid rgba(201, 167, 104, 0.2);
  position:relative;
}
.footer_info_detail table tr th::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  width:80px;
  height:1px;
  background-color: var(--gold);
}
.footer_info_detail table tr td{
  font-size:1.3rem;
  width:100%;
  padding-top:11px;
}
.footer_info img{
  width:80%;
  display: block;
  margin:0 auto;
}
@media screen and (max-width: 1080px) and (min-width: 767px) {
  .footer_info{
  display: block;
  width:380px;
}
  .footer_wrap{
    display: grid;
    padding:0 3%;
  }
}
/* ----------------------------------
front-page
---------------------------------- */
.kv_info ul.kv_list li a{
  font-size:clamp(1rem,1.2rem,1.4rem);
}
.kv h1{
  font-size:clamp(3.6rem,4.5rem,6rem);
}
.kv h1 span{
  font-size:clamp(3rem,3.6rem,4rem);
}
.kv_info{
  bottom:clamp(30px,40px,50px);
}
.symptoms ul{
  padding:0 10%;
}
.symptoms ul li{
  display: flex;
  align-items: center;
}

.answer ul{
  gap:32px;
}
.answer ul li{
  width:calc((100% - 64px) / 3);
}
.answer ul li img{
  width:100%;
}
.clinic_info.index_section{
  padding-left:3%;
  padding-right:3%;
}
.clinic_info::after{
  width:103%;
  left:-3%;
}
.wrapper.clinic_info_wrap{
  padding:clamp(40px,60px,80px);
  width:100%;
}
.info_links a{
  font-size:clamp(1.8rem,2.2rem,2.6rem);
}
.thought ul li{
  width:calc(100% / 3);
}
.thought ul li img{
  width:100%;
}
section.reason.over_width{
  width:100%;
  margin-right:0;
  margin-left:0;
}
.thought ul li h4{
  font-size:clamp(1.4rem,1.6rem,1.8rem);
}
.wrapper.reason_head{
  padding:0 3%;
  gap:clamp(40px,60px,80px);
}
.wrapper.reason_head article{
  width:55%;
}
.wrapper.reason_head article img{
  width:100%;
}
.reason_inner{
  padding:0 3%;
}
.reason_inner img{
  width:50%;
}
.reason_detail{
  width:calc((100% - clamp(24px,36px,64px)) / 2);
}
section.medicine{
  padding:100px 3%;
}
.medicine_wrap picture{
  width:50%;
}
.medicine_wrap picture img{
  width:100%;
}
section.clinic_menu ul li a img.menu_list_image{
  width:100%;
}
.clinic_menu ul.wrapper li a p.menu_name{
  font-size:clamp(1.4rem,1.6rem,2rem);
}
.clinic_menu ul.wrapper li a picture,
.clinic_menu ul.wrapper li a picture img{
  width:100%;
}
.greeting_wrap{
  padding:0 3%;
}
.greeting_wrap img{
  width:55%;
}
section.facility picture,
section.facility picture img{
  width:100%;
}
section.blog{
  padding:0 3%;
}
.blog_content .news-item p.thumbnail{
  width:100%;
  aspect-ratio: 16 / 9;
}
.blog_content .news-item img{
  width:100%;
  height:100%
}
section.faq{
  padding:0 3%;
}

/* ----------------------------------
template
---------------------------------- */
@media screen and (max-width: 1000px) and (min-width: 767px) {
.temp_wrap{
  padding:0 2.5%;
}
}
/* ----------------------------------
ぱんくず
---------------------------------- */
.breadcrumbs{
  padding: 1em;
}
}