@media(max-width: 768px){
	.mv{ height: 23rem; }

	.pankuzu{ width: 100%; padding: 0 2.5rem; }

	.menu-btn{ background: rgba(255, 255, 255, .85); }
	.menu-btn.active{ background: transparent; }
	
	h1{ font-size: 2.8rem; margin-bottom: 6rem; }
	h1:after{ height: .2rem; background-size: auto .2rem; }

	main{ width: 100%; padding: 0 2.5rem 8rem; margin: 5rem 0; font-size: 1.4rem; }
	main h1{ font-size: 2.8rem; margin-bottom: 6rem; }
	main h1:after{ height: .2rem; background-size: auto .2rem; }

	main section + section{ margin-top: 6rem; }
	main section > img{ margin: 1.8rem 0; }
	main section a.btn{ margin: 2rem 0; }

	main section h2:not(.no-style){ font-size: 1.8rem; margin: 6rem 0 2.5rem; }
	main section h3:not(.no-style){ font-size: 1.7rem; background-size: auto .2rem; margin: 5rem 0 2rem; }
	main section h4:not(.no-style){ font-size: 1.5rem; margin: 4rem 0 1.8rem; }
	main section h5:not(.no-style){ font-size: 1.5rem; margin: 3.5rem 0 1.6rem; }
	main section h6:not(.no-style){ font-size: 1.4rem; }

	main section ol:not([class]){ margin: 3rem 0; }
	main section ol:not([class]) li{ font-size: 1.5rem; padding-left: 6rem; min-height: 0; padding-top: .5rem; }
	main section ol:not([class]) li + li{ margin-top: 1.85rem; }
	main section ol:not([class]) li:before{ width: 3.5rem; height: 3.5rem; font-size: 1.6rem; }

	main section ul:not([class]){ margin: 3rem 0; }
	main section ul:not([class]) li{ font-size: 1.4rem; }
	main section ul:not([class]) li:before{ top: .5rem; }
	main section ul:not([class]) li + li{ margin-top: 1.6rem; }

	main section ol.card-list{ margin: 3rem 0; }
	main section ol.card-list li{ width: 100%; margin-right: 0; }
	main section ol.card-list li:nth-of-type(n+2){ margin-top: 2.5rem; }
	main section ol.card-list li strong:first-of-type{ font-size: 1.7rem; background-size: auto .2rem; }
	main section ol.card-list li strong:first-of-type:before{ margin-bottom: .3em; }

	main section ol.flow{ margin: 4rem 0; }
	main section ol.flow li.has-img{ padding: 0; }	
	main section ol.flow li + li{ margin-top: 2.5rem; }
	main section ol.flow li strong:first-of-type{ font-size: 1.6rem; padding-left: 4.2rem; }
	main section ol.flow li strong:first-of-type:before{ width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; font-size: 2rem; top: -.3rem;  }
	main section ol.flow li img{ position: static; margin-top: 1.5rem; display: block; }

	main section table:not(.no-style){ margin: 3rem 0; }
	main section table:not(.no-style) th{ font-size: 1.5rem; background: #fff; }
	main section table.sp-break,
	main section table.sp-break tbody,
	main section table.sp-break tr,
	main section table.sp-break th,
	main section table.sp-break td{ display: block; }
	main section table:not(.no-style).sp-break{ border-bottom: solid 1px #5c80a5; }
	main section table:not(.no-style).sp-break th{ text-align: center; border-bottom: none; padding: .5em 1em; border-right: solid 1px #5c80a5; }
	main section table:not(.no-style).sp-break td{ border-bottom: none; border-left: solid 1px #5c80a5; }

	main section .aid-list li a:before{ height: 3.825rem; width: 3.45rem; top: 1.5rem; }
	main section .aid-list li:last-of-type a:before{ top: 1rem; }
	main section .aid-list li:nth-of-type(n+3){ margin-top: 2rem; }


	/*** mkj ***/

	.contents-list{ margin-bottom: 13.33vw; }
	.contents-list dt{ font-size: 1.7rem; margin-bottom: 6.66vw; }
	.contents-list dd{ flex-wrap: wrap; }
	.contents-list dd ul{ width: 100%; }
	.contents-list dd ul + ul{ margin-top: 2.66vw; }
	.contents-list dd ul li{ font-size: 1.5rem; padding: 0 0 0 14.66vw; min-height: 10.66vw; }
	.contents-list dd ul li:before{ width: 10.66vw; height: 10.66vw; border-radius: 10.66vw; font-size: 1.4rem; }
	.contents-list dd ul li + li{ margin-top: 2.66vw; }


	/*** doctor ***/

	.dr-pic{ height: 17.5rem; margin: 6rem 0 2rem; }
	.dr-pic img{ width: 16rem; height: 20rem; right: 1.5rem; object-fit: cover; object-position: top; }
	.dr-pic h3{ font-size: 2.5rem; margin-left: 3rem; }
	.dr-pic h3:after{ font-size: 1.5rem; }

	.history-row{ flex-wrap: wrap; margin: 4.5rem 0; }
	.history-row .inner{ width: 100%; }
	.history-row .inner + .inner{ margin-top: 3.25rem; }
	.history-row .inner h4{ margin-bottom: 1.7rem; font-size: 1.5rem; border-radius: 0; }
	.history-row .inner table,
	.history-row .inner ul li{ color: #5c80a5; }


	/*** treatment ***/

	.pickup{ width: 100%; margin-left: 0rem; }
	section + .treat-list01{ margin-top: 7rem; }

	/*** archive ***/

	.post-article{ flex-wrap: wrap; }
	.post-article .thumb{ width: 100%; height: 16.5rem; }
	.post-article .txt{ width: 100%; padding: 2.5rem; }

	
	/**2022_0221**/
	main  .side-img {
    flex-wrap: wrap;
		margin: 8vw 0;
	flex-direction: column-reverse;}
	
	main .side-img .content {
    width: 100%;
    order: 1;
    margin-bottom: 5.33vw;}
	
	main .side-img .img {
    width: 100%;
    order: 2;}
	
	main section .side-img .content ul:not([class]) {
    margin: 0;}

	/*** case ***/
	.beforeafter div {width: 100%;}
	.beforeafter div img {margin-bottom: 6vw;}
	table.case-table th {width: 100%;}
		.case .case-list{ flex-wrap: wrap; width: 60vw; margin: 0 auto 7.33vw; }
	.case .case-list li{ width: 100%; }
	.case .case-list li + li{ margin-top: 7.33vw; }
	.case .case-list li h4{ width: 100%; height: 28vw; font-size: 4.8vw; margin-bottom: 1.33vw; }
	.case .case-list li h4 small{ font-size: 3.73vw; }
	

	
}


@media screen and (max-width: 768px) {
  .scroll-area {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .price,
  .price th,
  .price td {
    white-space: nowrap; 
  }

  .price th,
  .price td {
    padding: 8px;
    border: 1px solid #ddd;
  }
}