@media(max-width: 768px){
	.page-main{ height: 53.3333vw; }
	.page-main.sample{ background-image: url(../images/dummy/page-main01-sp.jpg); }
	.page-main.access{ background-image: url(../images/access/page-main01-sp.jpg); }
	.page-main.pictures{ background-image: url(../images/pictures/page-main01-sp.jpg); }
	.page-main.process{ background-image: url(../images/process/page-main01-sp.jpg); }
	.page-main.staff{ background-image: url(../images/staff/page-main01-sp.jpg); }
	.page-main.treatment{ background-image: url(../images/treatment/page-main01-sp.jpg); }
	.page-main.feature{ background-image: url(../images/feature/page-main01-sp.jpg); }
	.page-main.recruit{ background-image: url(../images/recruit/page-main01-sp.jpg); }
	.page-main.contact{ background-image: url(../images/contact/page-main01-sp.jpg); }

	.pankuzu{ width: 100%; padding-left: 6.6666vw; padding-right: 6.6666vw; margin-top: 4vw; }
	.pankuzu li{ font-size: 3.4666vw; }

	h1{ font-size: 8.533vw; padding-bottom: 5.3333vw; margin: 10.6666vw 0 8vw; }
	h1:after{ width: 8vw; }

	main{ padding: 0 6.6666vw; margin-bottom: 24vw; }

	.container{ width: 100%; padding: 6.6666vw; }
	.container + .container{ margin-top: 8.4vw; }

	a.btn{ margin: 1.4em 0; }

	.container h2{ font-size: 5.866vw; margin: 10vw 0 5.3333vw; }
	.container h3{ font-size: 4.3333vw; margin: 8vw 0 5.3333vw; }
	.container h4{ font-size: 4.2666vw; margin: 5.866vw 0 5.3333vw; }
	.container h5{ font-size: 3.733vw; margin: 5vw 0 1em; }

	.container .side-img{ flex-wrap: wrap; margin: 5.3333vw 0; }
	.container .side-img .img{ width: 100%; order: 1; margin-bottom: 5.3333vw; }
	.container .side-img .content{ width: 100%; order: 2; }

	.container table{ margin: 5.3333vw 0; }
	.container table caption{ font-size: 5.3333vw; }
	.container table th{ font-size: 3.7333vw; padding: .8em 1em; }
	.container table td{ font-size: 3.7333vw; padding: .8em 1em; }
	.container table.row-4{ display: block; }
	.container table.row-4 tr{ display: flex; flex-wrap: wrap; }
	.container table.row-4 th{ width: 50%; }
	.container table.row-4 td{ width: 50%; }
	.container table + p.note{ font-size: 3.2vw; margin-top: -4vw; margin-bottom: 5.3333vw; text-align: right; }

	.container ul.number{ margin: 5.3333vw 0; }
	.container ul.number li{ font-size: 3.4666vw; padding-left: 9.0666vw; }
	.container ul.number li:before{ width: 6.6666vw; height: 6.6666vw; font-size: 4.266vw; top: -.08em; }

	.container ul.flow{ margin: 5.3333vw 0; }
	.container ul.flow li{ width: 100%; }
	.container ul.flow li:nth-of-type(n+2){ margin-top: 4.8vw; }
	.container ul.flow li dl dt{ margin-bottom: 0; font-size: 4.2666vw; font-weight: 700; padding-left: 14.666vw; }
	.container ul.flow li dl dt:before{ font-size: 8.4vw; left: 2vw; }
	.container ul.flow li dl dd{ flex-wrap: wrap; }
	.container ul.flow li dl dd .img{ width: 100%; order: 1; }
	.container ul.flow li dl dd .content{ width: 100%; order: 2; margin-top: 1vw; }
	.container ul.flow.no-img li dl dt{ margin-bottom: 2vw; }
	
	/**** treatment ****/
	.num{ font-size: 3.4666vw; padding-left: 9.0666vw; }
	.num span{ width: 6.6666vw; height: 6.6666vw; font-size: 4.266vw; top: -.08em; }
	
	main.implant .container .side-img .content:not(:first-child){margin-top: 20px;}
	main.implant .container ul.flow li dl dt{margin-bottom: 20px;}
	main.implant .container ul.flow.wide li dl dd .img{margin-bottom: 10px;}
	main.implant .container ul.flow.wide li dl dd .content p.num{margin-bottom: 10px !important;}
	
	/**** pictures ****/
	main.pictures .container .side-img2 .img{ width: calc(100%/2 - 10px); margin-bottom: 0px;}
	main.pictures .container .side-img2 .img p{font-size: 0.9em;}
	
	/**** contact ****/
	table.contact tr,table.contact th,table.contact td{ display: block;width: 100%;}
	.container table.contact th{border-bottom: none;}
	table.contact th.must::after{right: 1.2em;top: 20px;font-size: 0.8em;}
}