@media screen and (max-width: 1290px) and (min-width: 767px) {
  #wrap{
    padding:0 16px;
  }
  .wrapper{
    padding:0 16px;
  }
.header_content,
.header.active .header_content{
  padding:24px 0;
}
a.header_logo{
  width:200px;
  height:35px;
  padding:0;
  line-height:35px;
  text-align: center;
} 
a.header_logo img{
  width:90%;
}
/* header */
ul.nav{
  gap:20px;
}
ul.nav li a{
  font-size:clamp(0.6rem, 0.8rem, 1rem);
}
ul.contact_header li a{
  font-size:clamp(0.6rem, 0.8rem, 1rem);
}
/* a.contact_web, a.contact_line{
  width:130px;
} */
/* 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_left h1{
  font-size:13vw;
}
.section_feature .section_mintitle {
  transform: translate(0, 0) rotate(0);
  padding:16px;
}
.feature_title{
  font-size:clamp(4rem,5rem,6rem);
}
.feature_image.image2{
  width:30%
}
.feature_image.image3{
  bottom:50px;
  left:45vw;
}
.feature_image.image4{
  width:50%;
  top:100px;
}
.wrapper .about_content{
  width:100%;
}
h4.about_title{
  font-size:4rem;
  line-height: 1;
  opacity: 0.5;
}
h4.about_title span{
  padding-left:68px;
  /* font-size:var(--fs-ssm); */
  color:#fff;
  font-size:2rem;
  opacity: 1;
}
.about_content ul{
  gap:16px;
  width:100%;
}
.about_content ul li{
  width:calc((100% - 32px) / 3);
}

.about_content ul li img{
  width:100%;
}
.menu_content h3.menu_title,.pickup_head span,h3.doctor_title{
  font-size:4rem;
}


@media screen and (max-width: 1080px) and (min-width: 767px) {
ul.menu_list li{
  width: calc(100% / 4);
  border:none;
}
ul.menu_list li:nth-child(6n),
ul.menu_list li:last-child,
ul.menu_list li:nth-child(n+18):nth-child(-n+23){
  border:none;
}
}
/* .doctor_image{
  width:50%;
  flex:0 auto;
} */
.reason_head h3 span{
  font-size:4rem;
}
.greeting{
  padding:36px;
}
.greeting p{
  font-size:clamp(0.8rem,1rem,1.1rem);
}
.section_reason ul{
  gap:20px;
}
.section_reason ul li img{
  width:100%;
}
ul.solution_list li p.solution_txt{
  font-size:clamp(0.8rem,1rem,1.3rem);
}
.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;
}
}