@media screen and (max-width: 1200px) {
	.hamburger {
    display: flex;
  }
		  .main-nav {
    display: none !important;
  }
	
	.header_left .pc{
		display:none;
	}
	
	  .header_left {
           display: flex;
        flex-direction: row-reverse;
  }

  .sp-header-tag {
    display: flex;
    justify-content: center;
  }

  .sp-header-tag img {
    width: 75%;
	  padding:10px;
  }
}
@media (max-width: 900px) {
    .footer-contents {
        flex-direction: column;
        text-align: center;
		padding: 0 20px;
        flex-wrap: initial;
		max-width:initial;
    }
}
  @media screen and (max-width: 768px) {
    .sp{
        display: block;
    }

    .pc{
        display: none;
    }

    img{
        max-width: 100%;
    }

    .section-content{
        width: 100%;
    }

    .content-wapper{
        padding: 20px;
    }
	  
	  .content-wapper.pa-none{
		  padding:20px;
	  }

    .content-inner{
        width: 100%;
		padding: 0;
    }

    .content-inner-padding{
        padding: 0;
        width: 100%;
    }
	  
/* ---------------------------
  パンくずリスト
-----------------------------*/
	  .breadcrumbs-wrapper{
		      padding: 0 40px;
	  }
	  
	  .breadcrumbs{
		      width: 100%;
	  }
	  
	  .side_btn{
		  display:none;
	  }

/* ---------------------------
  メインビジュアル
-----------------------------*/
    .main_visual.about,
    .main_visual.recruit{
        height: auto;
        /* padding-top: 100px; */
    }

    .main_visual.about::before,
    .main_visual.recruit::before{
        width: 100%;
        height: 100%;
    }

    .main_visual-title{
        top: 50%;
        left: 5%;
    }

    .main_visual-title h1{
        font-size: 30px;
    }

    .main_visual-title p{
        font-size: 18px;
    }

/* ---------------------------
  ヘッダー
-----------------------------*/

/*     .sp-header-tag{
        display: flex;
        justify-content: center;
    }

    .sp-header-tag img{
        width: 90%;
    }

    .header-inner{
        padding: 10px;
    }

    .header_right nav ul {
      display: none;
      flex-direction: column;
      background: #fff;
      position: absolute;
      top: 70px;
      right: 20px;
      width: 200px;
      padding: 20px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
  
    .header_right nav ul.active {
      display: flex;
    }

    .header_left{
        display: block;
    }
  
    .hamburger {
      display: flex;
    } */

  .header-inner {
    padding: 10px;
  }
	  
	.sp-header-tag img {
    width: 90%;
  }
/* ---------------------------
  TOP
-----------------------------*/
.about-contents{
    flex-direction: column;
}

.about-contents-text{
    gap: 10px;
}

.about-contents-text h2{
    font-size: 24px;
}

.about-contents-text p{
    font-size: 14px;
}

.worries-bg ul{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.worries-bg ul li div{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    height: 160px;
}

.worries-bg ul li img{
    width: 80px;
    height: 80px;
    margin-bottom:0;
}

.worries-detail{
    font-size: 3.5vw;
    margin: 0;
}

.worrie-title{
    font-size: 5vw;
    margin: 0;
}

.worries-btn a{
    font-size: 20px;
    border-radius: 20px;
    width: 100%;
}

.partner{
    padding: 0;
}

.partner-bg{
    background-image: none;
    padding: 20px;
}

.partner .content-inner{
    padding-top: 0;
}

.partner-family-img{
    position: initial;
}

.partner-contents{
    width: 100%;
    margin: 0;
}

.partner-contents h2{
    font-size: 23px;
    margin: 20px 0;
}

.partner-contents a{
    width: 100%;
    padding: 12px 0px;
}

.partner-contents div{
    width: 100%;
}

.partner-contents-text{
    text-align: left;
}

.partner-contents-text.blue{
    font-size: 16px;
}

.worries-bg{
    width: auto;
}

.worries-bg h2{
    font-size: 24px;
}

.worries-bg h2::before,
.worries-bg h2::after {
    width: 30px;
    height: 30px;
}

/* ---------------------------
  医院紹介
-----------------------------*/
	  .about-title{
		  font-size: 24px;
		  margin-bottom: 30px;
	  }
	  
	  .about-title span{
		  width: 7px;
		  height: 40px;
	  }

    .about-info{
        width: 100%;
    }

    .about-info table{
        width: 100%;
    }

    .about-map{
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .route-row{
        flex-direction: column;
		gap:20px;
    }

    .route-step{
        min-height: 0;
    }
	  
	  .route-step-empty {
		  display: none;
	  }

    .facility-container{
        flex-direction: column;
    }

    .facility-block{
        width: 100%;
    }

    .SDGs-block{
        padding: 20px;
        min-height: 200px;
    }

/* ---------------------------
  院長・スタッフ紹介
-----------------------------*/
	  .director-message{
		  margin-top: -35px;
		  padding: 30px 20px;
		  border-radius: 30px 0 0 0;
	  }
.message-box{
    flex-direction: column-reverse;
}

.message-text{
    font-size: 14px;
}

.staff-text{
    font-size: 14px;
}

/* ---------------------------
  診療案内
-----------------------------*/
.treatment-bg {
    width: 100%;
    background-image: url('../img/treatment-bg-sp.png'); 
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top center;
	padding: 30px 0;
}
	  .treatment-bg h2{
		  font-size: 24px;
		  gap: 10px;
	  }
	  .treatment-bg h2::before,
	  .treatment-bg h2::after{
		  width: 30px;
		  height: 30px;
	  }
	  .treatment-section {
		  display: grid;
		  grid-template-columns: repeat(2, 1fr);
		  gap: 20px;
		  max-width: 100%; 
		  padding: 0 20px;
		  box-sizing: border-box; /* 念のため */
		  margin: 20px auto;
	  }
  .treatment-box {
    width: 100%;
    padding: 10px;
    min-width: 160px;
	      border: 3px solid #56B2B8;
  }

.treatment-box .icon{
        width: 70px;
        height: 70px;
  }

  .treatment-box li{
    font-size: 15px;
  }

  .timeline-content{
	  flex-direction: column-reverse;
	  width: 70%;
	  margin: 0 auto;
	  margin-left: 50px;
  }
	  .launch-text{
		  font-size: 14px;
	  }

  .timeline.flow-step::before {
    height: 66% !important;
}
	  
	  .timeline-block h3{
		  margin-bottom: 25px;
	  }

/* ---------------------------
  採用情報
-----------------------------*/
.recruit-container {
    flex-direction: column;
  }
	  
	  .recruit-text{
		  flex: 1 1;
	  }

	  .recruit-text h2{
		  font-size: 1.4rem;
		  margin-bottom: 10px;
		  text-align: center;
	  }

  .recruit-image{
        flex: 1 1;
  }

	  .recruit-feature-section{
		  width: 100%;
		  padding: 20px 0;
	  }
	  .recruit-feature-title{
		  font-size: 1.2rem;
		  padding: 0 20px;
	  }

  .recruit-feature-list{
    grid-template-columns: repeat(auto-fit, minmax(120px, 2fr));
  }

  .recruit-slider{
    width: 100%;
  }

  .tab-menu{
    flex-direction: column;
	  margin-bottom:20px;
  }
	  
	  .tab-menu li{
		  border-radius: 10px;
		  width: 100%;
	  }

	  .tab-menu li.active{
		  border-bottom: 2px solid #64bec3;
	  }

  .recruit-info-top{
    flex-direction: column;
  }

  .recruit-tab-image img{
    width: 100%;
  }
	  
	  .sp-staff-img{
		  margin-top: 20px;
	  }

  /* ---------------------------
  お問合せ
-----------------------------*/
.contact-call-box{
    padding: 0;
}
.contact-call-inner{
    padding: 20px;
}

/* ---------------------------
  採用情報
-----------------------------*/
.recruit-feature-list li{
    padding: 0;
}

/* ---------------------------
  各カテゴリー
-----------------------------*/
.oral-mainvisual{
    padding-top: 30px;
}

.oral-title {
  font-size: 28px;
/* 	padding:20px; */
	        padding: 20px 0;
        padding-top: 0;
}

.oral-content-inner{
    width: 100%;
}

.wisdom-content{
    flex-direction: column-reverse;
	align-items:center;
}

.oral-cards{
    flex-direction: column;
}

.oral-card{
    width: auto;
}

.dentures .oral-card{
    margin: 0 auto;
}

.prevention-wrapper.background-on .prevention-grid{
    grid-template-columns: 1fr;
}

.prevention-img-bottom{
    flex-direction: column;
}
	  
	  .myteethbook-container{
		padding:20px
	  }

.myteethbook-block{
    flex-direction: column-reverse;
}
	  
	  .myteethbook-block:last-child{
		  flex-direction: column;
	  }
	  
	  .price-list li{
		  display:block;
	  }

.prevention-grid{
    grid-template-columns: 1fr;
}

.oral-title-wrap{
    margin-bottom: 0;
}

.oral-card.long{
    width: auto;
}

.dentures .oral-card{
    width: auto;
}

.wisdom-content.oral{
    flex-direction: column;
}
	  
	  .wisdom-text-blue{
		  margin:0;
	  }
	  
/* ---------------------------
  歯周病
-----------------------------*/
.treatment-compare-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .arrow-icon {
    transform: rotate(90deg);
    margin: 1em 0;
  }
	 .radical-restrict-list li {
    flex: 1 1 100%;
  }
	  
	  .prevention-item img{
		      min-height: 170px;
	  }
/* ---------------------------
  footer
-----------------------------*/
/* 	  .footer-bg{
		      padding-top: 40px;
	  } */
	  
	  .footer-logo{
		      margin-bottom: 40px;
	  }
	  
	  .footer-logo img {
		width: 300px;
	}
	      .footer-menu {
        flex-direction: column;
        align-items: center;
        text-align: center;
		padding: 0 20px;
    }

    .footer-nav,
    .footer-departments {
        width: 100%;
    }

    .footer-buttons {
        flex-direction: column;
        width: 100%;
        gap: 5px;
    }
  }