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

	.pankuzu{ width: 100%; padding: 0 1.75rem; text-align: left; margin: 1.25rem 0; }
	.pankuzu li{ font-size: 1.2rem; }

	main{ width: 100%; padding: 0 1.75rem; margin: 5rem 0 0; font-size: 1.4rem; }
	main h1:not(.no-style){ font-size: 3rem; margin: 6.5rem auto 3.7rem; }
	main h1:not(.no-style):after{ font-size: 1.5rem; }

	main section + section{ margin-top: 6rem; }
	main section > img{ margin: 1.8rem 0; }
	main section a.btn{ width: 25rem; height: 5rem; border-radius: 2.5rem; font-size: 1.4rem; margin-left: auto; margin-right: auto; }
	main section a.btn:before{ width: 2.5rem; height: 2.5rem; right: 1rem; }
	main section a.btn:after{ width: 2.5rem; height: 2.5rem; right: 1rem; }

	main section h2:not(.no-style){ font-size: 2.3rem; margin: 6rem 0 2.5rem; line-height: 1.3; padding: .25em 1em; }
	main section h3:not(.no-style){ font-size: 2.2rem; margin: 5rem 0 2rem; background-size: auto .25rem; }
	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 h5:not(.no-style):before{ width: 2.5rem; height: 2.5rem; top: .2rem; }
	main section h6:not(.no-style){ font-size: 1.5rem; }

	main section ol:not([class]){ margin: 3rem 0; }
	main section ol:not([class]) li{ font-size: 1.5rem; padding-left: 6rem; }
	main section ol:not([class]) li + li{ margin-top: 2.35rem; }
	main section ol:not([class]) li:before{ width: 4rem; height: 4rem; font-size: 2.2rem; }

	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.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.5rem; padding-left: 5rem; }
	main section ol.flow li strong:first-of-type:before{ width: 4rem; height: 4rem; border-radius: 2rem; font-size: 1.5rem; top: -.5rem;  }
	main section ol.flow li img{ position: static; margin-bottom: 1.5rem; display: block; }

	main section table:not(.no-style){ margin: 3rem 0; }
	main section table.sp-break{ border-bottom: solid 1px #d3d3d3; }
	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 th{ text-align: center; border-bottom: none; padding: .5em 1em; }
	main section table:not(.no-style).sp-break td{ border-bottom: none; }


	/*** doctor ***/

	.dr-pic{ height: 12.2rem; padding-left: 5rem; margin: 6rem 0 2rem; }
	h2 + .dr-pic{ margin-top: 2.7rem; }
	.dr-pic img{ width: 15rem; }
	.dr-pic h3{ font-size: 2.5rem; }
	.dr-pic h3:after{ font-size: 1rem; }

	.history-row{ flex-wrap: wrap; margin: 4rem 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.4rem; }
	.history-row .inner table, .history-row .inner ul li{ font-size: 1.4rem; }


	/*** treatment ***/

	.medical { margin-top: 0; padding: 65px 0 0; border-radius: 75px; margin-left: -1.75rem; }
    .medical h1 { margin-bottom: 15px; font-size: 3rem; }
    .medical .txt { margin: 0 0 48px; font-size: 1.5rem; line-height: 1.6; }
    .medical .ulBox { margin: 0 -11px 38px; }
    .medical .ulBox li { width: calc(33.33% - 10px); margin: 0 5px 15px; }
    .medical .ulBox li a { border-radius: 15px; padding: 20px 10px 8px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
    .medical .ulBox li .txtSpan { font-size: 1.3rem; line-height: 1.08; height: 31px; }
    .medical .inner { padding: 35px 0 76px; border-radius: 0 0 75px 75px; }
    .medicalDl{ margin: 0 30px 23px; display: block; }
    .medicalDl dt { font-size: 1.5rem; text-align: center; padding: 8px 5px 17px; border-right: none; border-bottom: 1px solid #fff; }
    .medicalDl dt span { font-size: 3rem; }
    .medicalDl dt::after { width: 14px; height: 7px; top: auto; bottom: -7px; left: 50%; transform: translateX(-50%); background-image: url("../images/common/webp/icon16.webp"); }
    .no-webp .medicalDl dt::after { background-image: url(../images/common/icon16.png); }
    .medicalDl dt span img { vertical-align: -6px; width: 32px; }
    .medicalDl dd { padding: 10px 5px; text-align: center; font-size: 1.5rem; }
    .medicalDl dd span { font-size: 3rem; }
    .medicalDl dd span img { vertical-align: -6px; width: 32px; }
    .medical .inner p { margin-bottom: 39px; font-size: 1.3rem; line-height: 1.69; }
	
	/*small*/
	a small{font-size: 10px;}
    .flex_50 {
        width: 100%;
        display: block;
    }
        .flex_50 .box {
        width: 100%;
    }
}