@media(max-width: 750px) {

    /***** sub-hero *****/

    .sub-hero {
        height: auto;
        padding-block: 25px;
        gap: .5rem;
        background: url(../images/sub/sub-hero-bg-sp.jpg) center/cover;
        margin-top: 14.67vw;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: grid;
        grid-template-rows: min-content min-content min-content;
        grid-auto-flow: row;
        justify-content: normal;
    }
    .sub-hero .clinic_name {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0 0 0 22px;
        justify-content: flex-start;
    }
    .sub-hero .clinic_name li{ font-size: 14px;}

    .sub-hero h1 {
        font-size: 6vw;
        padding-left: 6.67vw;
    }
    
    

    .sub-hero h1 span {
        font-size: 3.73vw;
    }
    
    .sub-hero .text{
      width: 100%;
    }
    
    .sub-hero .detail{
      margin-left: auto;
      margin-right: 10px;
      width: fit-content;
      margin-bottom: 10px;
    }
    
    .sub-hero .detail .price{
      font-size: 200%;
    }

    .sub-hero .image {
        width: 93.33vw;
        height: 39vw;
        background: url(../images/sub/sub-hero-img1.jpg) center/cover;
        margin: 0 0 0 auto;
        justify-self: center;
        align-self: center;
    }
	
	 .first .image {
        background: url("../images/sub/first/mv.jpg") center/cover;
    }
	
	 .about .image {
        background: url("../images/sub/about/mv.jpg") center/cover;
    }
	
	.access .image{
	background: url("../images/sub/access/mv.jpg") center/cover;
}
	
	.clinic .image{
	background: url("../images/sub/clinic/mv.jpg") center/cover;
}
	
	.qa .image{
	background: url("../images/sub/qa/mv.jpg") center/cover;
}
	
	.staff .image{
	background: url("../images/sub/staff/mv.jpg") center/cover;
}
	
	.treat .image{
	background: url("../images/sub/treatment/mv.jpg") center/cover;
}
	
	.price .image{
	background: url("../images/sub/price/mv.jpg") center/cover;
}

    /***** pankuzu *****/

    .pankuzu {
        width: 100%;
        margin: 0 auto;
        padding: 2.67vw 0 2.67vw 6.67vw;
    }

    .pankuzu li:not(:last-of-type):after {
        margin: 0 1vw;
    }

    /***** general *****/

    .container {
        width: 86.67vw;
        margin: 0 auto;
        padding-bottom: 13.33vw;
    }

    .container h2 {
        font-size: 5.33vw;
        min-height: 13.33vw;
        border-radius: 6.67vw;
        padding-top: 2vw; padding-bottom: 2vw;
        margin: 13.33vw 0 2.67vw;
    }

    .container h3 {
        font-size: 5.07vw;
        margin: 8vw 0 0;
    }

    .container h3 span {
        margin-right: 2.67vw;
    }

    .container h4 {
        font-size: 4.27vw;
        margin: 6.67vw 0 0;
    }

    .container h4::before {
        width: 2.67vw;
        height: 2.67vw;
        border-radius: 2.67vw;
        margin-right: 1vw;
    }

    .container h5 {
        font-size: 3.73vw;
        margin: 5.33vw 0 0;
    }

    .container h5::before {
        width: 4vw;
        height: 0.53vw;
        top: -1.33vw;
        margin-right: 1.33vw;
    }

    .container a.more {
        width: 26.67vw;
        margin-top: 5.33vw;
    }
	#first .container a.more{
		width: 40.67vw;
	}

    /*half*/

    .container .half {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 11.33vw 0 0;
    }

    .container .half img {
        width: 100%;
        margin-bottom: 4vw;
    }

    .container .half .content {
        width: 100%;
    }

    .container .half .content *:first-child {
        margin-top: 0;
    }
	
	.container h5{
		margin-top: 0;
	}

    .container .half .content a.more {
        margin: 5.33vw 0 0 auto;
    }

    /*alert*/

    .container .alert {
        padding: 13.33vw 6.67vw;
        border-top-left-radius: 10.67vw;
        margin: 13.33vw 0;
    }

    .container .alert p.title {
        font-size: 3.73vw;
        margin-bottom: 2.67vw;
    }

    /*box*/

    .container .box {
        padding: 13.33vw 6.67vw;
        border-top-left-radius: 10.67vw;
    }

    .container .box .half img,
    .container .box .half .content {
        width: 73.33vw;
    }

    .container .box .half {
        margin-top: 4vw;
    }

    /*table*/

    .container table {
        width: 100%;
        margin-bottom: 13.33vw;
    }
	#first .container table{
		margin-bottom: 2rem;
	}

    .container table tr th,
    .container table tr td {
        padding: 2vw 2.67vw;
    }

    .container table.v2 tr th,
    .container table.v2 tr td {
        display: block;
        width: 100%;
    }

    /*table v3*/

    .container table.v3.pc {
        display: none;
    }


    /*list1*/

    .container ul.list1 {
        margin: 11.33vw 0;
    }

    .container ul.list1 li {
        padding-bottom: 3vw;
        margin-bottom: 5vw;
    }

    .container ul.list1 li p.title {
        font-size: 5.07vw;
    }

    .container ul.list1 li p.title::before {
        width: 10.67vw;
        height: 10.67vw;
        font-size: 5.33vw;
        border-radius: 5.33vw;
        padding-top: .8vw;
        margin: 0 2.67vw 2.67vw 0;
    }

    /*list2*/

    .container ul.list2 {
        margin: 11.33vw 0;
    }

    .container ul.list2 li {
        padding-bottom: 3vw;
        margin-bottom: 5vw;
    }

    .container ul.list2 li p.title {
        font-size: 5.07vw;
    }

    .container ul.list2 li p.title::before {
        width: 6.67vw;
        height: 6.67vw;
        margin-right: 1.33vw;
        bottom: -1.33vw;
    }
    
    /*treatment*/

    .treatment {
        padding: 13.33vw 0 6.67vw;
    }

    .treatment h2 {
        width: 53.33vw;
        height: 42.67vw;
        font-size: 8vw;
        padding-top: 10.67vw;
    }

    .treatment h2 span {
        font-size: 3.73vw;
    }

    .treatment .content {
        width: 86.67vw;
        margin: 10.67vw auto 0;
    }

    .treatment .content .item {
        width: 86.67vw;
        margin-bottom: 10vw;
    }

    .treatment .content .item .image {
        border-top-left-radius: 12vw;
        height: 43.33vw;
        margin-bottom: 4vw;
    }

    .treatment .content .item p.mincho {
        font-size: 5.33vw;
        top: -3vw;
        left: 6.67vw;
        padding: 1.33vw 0;
    }

    .treatment .content .item p.mincho:nth-child(2) {
        left: 16vw;
    }

    .treatment .content .item .linkwrap:hover + .more::before {
        right: 2.67vw;
    }

    .treatment .content .item .linkwrap:hover + .more::after {
        top: -3.47vw;
        width: 13.33vw;
        height: 13.33vw;
    }

    .treatment .content .item a.more {
        width: 26.67vw;
        top: 30vw;
        right: 5.33vw;
    }

    /*treatment list*/

    ul.treatment-list {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    ul.treatment-list li {
        width: 100%;
        padding: 3vw 13.33vw;
        border-right: none;
    }

    ul.treatment-list li:nth-child(even) {
        border-right: none;
    }

    ul.treatment-list li:nth-child(2) {
        border-top: none;
    }

    ul.treatment-list li a {
        width: 86.67vw;
    }

    ul.treatment-list li:nth-child(odd) a {
        margin-left: auto;
    }

    ul.treatment-list li a::after {
        width: 8vw;
        height: 1.33vw;
        right: 13.33vw;
    }

    ul.treatment-list li:last-child {
        display: none;
    }
    ul.treatment-list--single{
      width: 100vw;
      margin-inline: calc(50% - 50vw);
    }
    
    ul.treatment-list--single li:last-child {
       display: block;
    }

    /*course*/


    .course {
        padding: 13.33vw 0;
        background: url(../images/index/treatment-bg-sp.jpg) center/cover;
    }


    .course .content {
        width: 86.67vw;
    }

    .course .content .item {
        height: auto;
        margin-bottom: 6.67vw;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .course .content .item img {
        width: 100%;
    }

    .course .content .item .inner {
        width: 100%;
        min-height: 27.33vw;
        margin-top: -2.5vw;
        padding: 4vw 6.67vw;
    }

    .course .content .item .inner::after {
        border-bottom: 4vw solid #fff;
        border-left: 4vw solid transparent;
        right: 1.33vw;
        bottom: 1.33vw;
    }

    .course .content .item .inner p.title {
        font-size: 5.07vw;
        margin-bottom: 1.33vw;
    }

    .course .content .item .inner p:nth-child(2) {
        font-size: 3.73vw;
    }

    .course .content .item:first-child .inner p:nth-child(2) {
        font-size: 3.73vw;
    }

    .course .content .item .inner p:nth-child(2) span::after {
        width: 18vw;
        height: 0.27vw;
        top: 2vw;
        right: 0;
    }

    .course .content .item .inner p.bubble {
        width: 24vw;
        height: 24vw;
        border-radius: 24vw;
        top: -17.33vw;
        right: 6.67vw;
    }

	.flex_img{
		margin-top: 11vw;
	}
	
	.flex_img img{
	
	margin-bottom: 3vw;
}

	.access_flex li {
    width: 100%;
    margin-bottom: 5vw;
    position: relative;
}

	.img_flex li{
		display: block;
	}
	
	.img_flex li img{
		width: 100%;
	}
	
	.txt_big{
	font-size: 4.2vw;
	color: red;
	letter-spacing: .6px;
	font-weight: 600;
}

	.flex2{
	display: flex;
	justify-content:space-between;
	
	width: 95%;
	margin: auto;
	margin-top:20px;
	margin-bottom: 40px;
}
	
	.flex2 li{
	width: 48%;
	text-align: center;
	line-height: 1;
	font-size: 3.6vw;
}
	
	.colum_box {
    background: #f2f2f2;
    padding: 10px;
    margin-top: 13vw;
    padding: 9vw 5vw;
    box-sizing: border-box;
}
	
	.container .txt1{
	text-align: center;
	font-size: 7vw;
	font-family: 游明朝, YuMincho, yu-mincho-pr6, sans-serif;
	
	letter-spacing: 3px;
	font-size: 7vw;
}
	
	
.container .colum_box h3{
	font-size: 4.8vw;
	margin-top: 20px;
}
	
	.price_content h3{
	margin-top: 10px;
}
	
	.mokuzi {
    width: 100%;
    margin: auto;
    margin-top: 10vw;
}
	
	.shorei_2 li{
	width: 100%;
}
	
		.shorei_3 li{
	width: 100%;
}
	
	
.box_matome {
    border: solid 1px #b5a77c;
    padding: 2vw 5vw 2vw;
    margin-top: 8vw;
}
	.container .box_matome h3 {
    margin-top: 3vw;
    font-size: 4.4vw;
}
	
	.insta_logo img {
    width: 10vw !important;
    padding-top: 7vw;
}
	
	.list3 li{
	display: block;
	justify-content: space-between;
	width: 100%;
}




.list3 li img{
	width: 100%;
	margin-top: 3vw;
}
	
	.flow-row {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 6.666vw 0;
}
	
.flow-row li {
    width: 27vw;
    margin-right: 1.8vw;
	margin-bottom: 5vw;
}
	
	.flow-row li:before {
    width: 8.8vw;
    height: 8.8vw;
    font-size: 3.2vw;
    left: 0;
    top: 0;
}
	
	.flow-row li dt {
    font-size: 2.6666vw;
    margin-top: 1vw;
}
	
	.flow-row li dd img {
    width: 26.666vw;
}
	
	.flex3{
		width: 100%;
	}
	
	.flex3 dl dt{
		font-size: 3.4vw;
	}
	
	.flex3 dl dt .txt_xml_mabuta{
		font-size: 3vw;
	}
	.flow-row li.w340px dd img.img-w265px {
    width: 41.6vw;
}
	.flow-row li.w340px {
    width: 50vw;
}
    #qa .acd-content {
        margin: 0;
    }
    #qa .acd-label {
        margin-top: 30px;
        font-weight: normal;
        font-size: 14px;        
    }
	
.treatment p.komi {
    text-align: center;
    margin-top: 20px;
    color: #836c25;
}



    /*** アーカイブ ***/

    .archive-row{ display: block; width: 100%; }
    .archive-row .container{ width: 86.67vw; order: 1; }
    .archive-row .side-bar{ width: 86.67vw; margin: 0 auto 10vw; padding-top: 0; order: 2; }
    .side-bar #wp-calendar caption{ font-size: 4vw; }
    .side-bar #wp-calendar th, .side-bar #wp-calendar td{ font-size: 3.2vw; }
    
    .container .half.mb20 {
        margin-bottom: 0;
    }
    .container .half.mt20 {
        margin-top: 0;
    }
	
	.point_wrap{ padding:20px 20px; margin:30px 0 50px;}
	.point_wrap h4{ font-size:20px; margin:0 0 10px;}
	.point_wrap ul li { font-size:14px;}

    /*20230411*/
    p.kinmu {
        margin-bottom: 0;
    }
    
    .mincho strong {
    color: red;
}
    
    .ecbnr img {
    width: 100%;
}
  
  
  .table-wrap {
    overflow-x: scroll;
  }
  .container table.potenza01, .container table.potenza02 {
    width: 100%;
    border-collapse: collapse;
/*    white-space: nowrap;*/
    min-width: 800px;
  }
  .container table.potenza01 th,
  .container table.potenza01 td,
  .container table.potenza02 th,
  .container table.potenza02 td {
    width: 20%;
    border: 2px solid #eee;
    padding: 4px 8px;
  }
  .container table.v3.price tr th {
    border-right: none;
  }
  table.potenza01,
  table.potenza02 {
    margin-top: 0;
  }
    .sp_break th,.sp_break td{ display: block; width: 100%}
    .sp_break td{ border-bottom: none;}


.table-contents{
    overflow-x: auto;
    white-space: nowrap;
}

.sp  small {display: block}
    
    .access_clinic_list{ display:block; margin-top: 35px;}
    .access_clinic_list li{ width: 100%; }
    .access_clinic_list li + li{ margin-top: 35px;}
    .access_clinic_list h3{ margin: 0 0 15px; font-size: 16px;}
    .container .access_clinic_list a.more{ font-size: 15px;}
    #link_001,#link_002,#link_003 { padding-top: 60px; margin-top:-60px;}


    
    
}
@media (max-width: 750px) {

.accordion-checkbox {
    display: none; /* チェックボックス自体は非表示にする */
}

.accordion-content {
    display: none; /* 初期状態では非表示 */
    overflow: hidden;
}

.accordion-checkbox:checked + .accordion-toggle + .accordion-content {
    display: block; /* チェックが入っている場合のみ表示 */
}

.accordion-toggle {
    cursor: pointer; /* クリック可能なカーソルに変更 */
}
    .container table th.v2,
  .container table td.v2 {
      width: 23%;
  }
  
  #toc_container{
          padding: 24px;
        border-radius: 8px;
  }
  
  #toc_container .toc_list > li{
    padding: 8px 0;
  }
  
  .obc-summary{
    margin-bottom: 20px;
            padding: 15px;
  }
  
  .obc-summary_heading{
    font-size: 16px;
  }
  
  .post-related_items{
      grid-template-columns: repeat(1, 1fr);
  }
  
  .post-related_item-img{
    grid-row: 1 / span 1;
  
  }
  
  .post-related_item-heading{
    line-height: 1.3;
  }
  
  .post-related_item-text{
     grid-column: 1 / span 2;
  }

  .wp-pagenavi {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.wp-pagenavi ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: max-content; /* コンテンツ幅に合わせる */
}
.wp-pagenavi li {
  margin-left: 0;
  margin-right: 7px;
  white-space: nowrap;
}
.wp-pagenavi li a,
.wp-pagenavi li span {
  display: block;
  padding: 5px 10px;
  border: 1px solid #ccc;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
}
.wp-pagenavi li span.dots{
  border: 0;
  padding-inline:0;
}
.wp-pagenavi li .current {
  background: #333;
  color: #fff;
  border-color: #333;
}


 .obc-author_heading{
      font-size: 14px;
  }
  .obc-author_items{
    padding: 16px;
  }
  
  .obc-author_item > img{
           max-width: 100% !important;
  }


  .oc-column h1{
    font-size: 5.33vw;
    min-height: 13.33vw;
    border-radius: 6.67vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin: 13.33vw 0 2.67vw;
      
  }
  
  .oc-column .entry-content h2{
            font-size: 4.78vw;
  }
  
  .oc-column .entry-content h3{
            font-size: 4.57vw;
  }
  
  .oc-column .entry-content table th,
  .oc-column .entry-content table td{
    font-size: 80%;
  }

  .obc-btns{
    flex-direction: column;
            align-items: center;
  }
  
  .obc-btn{
    padding-right: 55px;
    line-height: 1.3;
  }
  
  .treatment-other_heading-text .jp{
            font-size: 5.33vw;
  }
  
  .obc-faq_answer{
    
  }
 
 
  
  .treatment-ranking_items{
      grid-template-columns: repeat(1, 1fr);
  }
  
  .post-related_item-link{
     grid-template-columns: auto;
  }
  
  .price_content .items {
    width: 76.67vw;
        margin: 10.67vw auto 0;
  }
  .price_content .item {
            width: 76.67vw;
        margin-bottom: 5vw;
  }
  
   .price_content .item .image {
        border-top-left-radius: 12vw;
        height: 43.33vw;
        margin-bottom: 4vw;
    }

    .price_content .item p.mincho {
        font-size: 5.33vw;
        top: -3vw;
        left: 6.67vw;
        padding: 1.33vw 0;
    }

    .price_content .item p.mincho:nth-child(2) {
        left: 16vw;
    }

    .price_content .item .linkwrap:hover + .more::before {
        right: 2.67vw;
    }

    .price_content .item .linkwrap:hover + .more::after {
        top: -3.47vw;
        width: 13.33vw;
        height: 13.33vw;
    }

    .price_content .item a.more {
        width: 26.67vw;
        top: 30vw;
        right: 5.33vw;
    }
    
    .obc-tab_nav li {
       font-size: 16px; 
    }
    .obc-tab_content .obc-faq_anchor{
      margin: 0;
      width: 100%;
      display: grid;
         grid-template-columns: repeat(2, 1fr);
        gap:8px;
    }
    .aioseo-breadcrumbs{
  margin-top: 30px;  
      line-height: 1.3;
    font-size: 90%;
}
}

@media (max-width: 750px) {
	.mincho.kinmu.staff01 {
		margin-bottom: 2rem;	
	}

	.oc-case-detail_gallery {
		padding-left: 0 !important;
	}

	.oc-case-detail_gallery-img {
		flex: 0 0 calc(100% / 1.2);
		max-width: calc(100% / 1.2);
	}
}