@media(max-width: 768px){
.page-main01{
	background: url(../images/index/page-main01_sp.jpg) no-repeat;
}
.page-main02{
	background: url(../images/index/page-main02_sp.jpg) no-repeat;
}
.page-main03{
	background: url(../images/index/page-main03_sp.jpg) no-repeat;
}
.page-main04{
	background: url(../images/index/page-main04_sp.jpg) no-repeat;
}
.page-main05{
	background: url(../images/index/page-main05_sp.jpg) no-repeat;
}
.page-main06{
	background: url(../images/index/page-main06_sp.jpg) no-repeat;
}
.page-main07{
	background: url(../images/index/page-main07_sp.jpg) no-repeat;
}
.page-main08{
	background: url(../images/index/page-main08_sp.jpg) no-repeat;
}
.page-main09{
	background: url(../images/index/page-main09-sp.jpg) no-repeat;
}
.page-main10{
	background: url("../images/index/page-main10-sp.jpg") no-repeat;
}
.page-main12{
	background: url("../images/index/page-main12-sp.jpg") no-repeat;
}
.page-main13{
	background: url("../images/index/page-main13-sp.jpg") no-repeat;
}
.page-main14{
	background: url("../images/index/page-main14-sp.jpg") no-repeat;
}
.page-main15{
	background: url("../images/index/page-main15-sp.jpg") no-repeat;
}
.page-main16{
	background: url(../images/index/page-main16-sp.jpg) no-repeat;
}
.page-main17{
	background: url("../images/index/page-main17-sp.jpg") no-repeat;
}
.page-main18{
	background: url(../images/index/page-main18-sp.jpg) no-repeat;
}
.page-main19{
	background: url(../images/index/page-main19-sp.jpg) no-repeat;
}
.page-main20{
	background: url(../images/index/page-main20-sp.jpg) no-repeat;
}
.page-main21{
	background: url(../images/index/page-main21-sp.jpg) no-repeat;
}
.page-main22{
	background: url(../images/index/page-main22-sp.jpg) no-repeat;
}
.page-main-invisa-first{
	background: url("../images/index/page-main-invisa-first_sp.jpg") no-repeat;
}
.case-info,.news{background: url(../images/index/page-main04_sp.jpg) no-repeat;}
.cosmetic-dentistry{background: url(../images/index/page-main10-sp.jpg) no-repeat;}
.perio{background: url(../images/index/page-main14-sp.jpg) no-repeat;}
.invisa{background: url(../images/index/page-main08-sp.jpg) no-repeat;}
.implant-case{background: url(../images/index/page-main15-sp.jpg) no-repeat;}
.whitening{background: url(../images/index/page-main19-sp.jpg) no-repeat;}
.wisdom-tooth{background: url(../images/index/page-main09-sp.jpg) no-repeat;}
	
.news h2 ,
.case-info h2,
.cosmetic-dentistry h2,
.perio h2,
.invisa h2,
.implant-case h2,
.whitening h2,
.wisdom-tooth h2,
.page-main01 h2,
.page-main02 h2,
.page-main03 h2,
.page-main04 h2,
.page-main05 h2,
.page-main06 h2,
.page-main07 h2,
.page-main08 h2,
.page-main09 h2,
.page-main10 h2,
.page-main11 h2,
.page-main12 h2,
.page-main13 h2,
.page-main14 h2,
.page-main15 h2,
.page-main16 h2,
.page-main17 h2,
.page-main18 h2,
.page-main19 h2,
.page-main20 h2,
.page-main21 h2,
.page-main22 h2,
.page-main-invisa-first h2
{
	font-size: 15px !important;
	top: 190px;
	left: 15px;
}
.news h2 span,
.case-info h2 span,
.cosmetic-dentistry h2 span,
.perio h2 span,
.invisa h2 span,
.implant-case h2 span,
.whitening h2 span,
.wisdom-tooth h2 span,
.page-main01 h2 span,
.page-main02 h2 span,
.page-main03 h2 span,
.page-main04 h2 span,
.page-main05 h2 span,
.page-main06 h2 span,
.page-main07 h2 span,
.page-main08 h2 span,
.page-main09 h2 span,
.page-main10 h2 span,
.page-main11 h2 span,
.page-main12 h2 span,
.page-main13 h2 span,
.page-main14 h2 span,
.page-main15 h2 span,
.page-main16 h2 span,
.page-main17 h2 span,
.page-main18 h2 span,
.page-main19 h2 span,
.page-main20 h2 span,
.page-main21 h2 span,
.page-main22 h2 span,
.page-main-invisa-first h2 span
{
	display:block !important;
	line-height: 120%;
	font-size: 30px !important;
}


	.page-main{ height: 82.666vw; border-bottom: solid 1.3333vw #fad700; }
	.pankuzu{ width: 100%; padding-right: 5.3333vw; padding-left: 5.3333vw; margin: 2.6666vw 0 10.6666vw; }
	.pankuzu ul li{ font-size: 3.2vw; }

	.container{ width: 100%; padding-right: 5.3333vw; padding-left: 5.3333vw; }
	.container img.catch{ margin: 6.6666vw 0; }

	.container h1{ font-size: 6vw; padding: 7vw 0 5vw; margin-bottom: 6.666vw; }
	.container h1 span{ font-size: 4.8vw; }
	.container h1.staff:before{ width: 6.2853vw; height: 5.3333vw; }
	.container h2{ font-size: 5.3333vw; margin: 9.3333vw 0 8vw; }
	.container h3{ font-size: 4.2666vw; margin: 8vw 0 5.3333vw; }
	.container h4{ font-size: 3.73333vw; margin: 7.6666vw 0 4.2666vw; }
	.container h5{margin-top: 20px;}
	.container p,
	.continer-staff p,
	.feature-wrap p{ font-size: 3.73333vw; }

	.container .price dt{ font-size: 4.2666vw; margin-bottom: 2.666vw; }

	.container table{ margin: 7vw auto; }
	.container table th{ font-size: 13px; padding: 1.3333vw 2.6666vw; text-align: center; }
	.container table td{ font-size: 13px; padding: 1.3333vw 2.6666vw; text-align: left; }
	
	.container .price table + p{ font-size: 3.2vw; margin-top: 1.333vw; }

	.container table.table_price th,
	.container table.table_price td{
    font-size: 13px !important;
	}

	.container table.hour th,
	.container table.hour td{font-size: 14px !important;}

	.container ul.dice{ margin: 7vw auto; }
	.container ul.dice li{ font-size: 4.266vw; padding-left: 1.2em; }

	.container ul.flow{ margin: 7vw 0; }
	.container ul.flow li{ width: 100%; }
	.container ul.flow li dl dt{
		font-size: 4.5333vw;
		border-left: solid 2.6666vw;
		padding: 2vw 2.3333vw 2vw 18.666vw;
		margin-bottom: 2.666vw;
	}
	.container ul.flow li dl dt:before{ font-size: 8.5333vw; left: 5.3333vw; }
	.container ul.flow li dl dd .txt{ order: 2; width: calc(100% - 46.6666vw); }
	.container ul.flow li dl dd .pic{ order: 1; width: 42.6666vw; }
	.container ul.flow li dl dd .pic img{ width: 100%; }
	.container ul.flow li{ margin-bottom: 5.333vw; }
	.container .flex .item_txt,.container .flex .item_img{flex-basis: 100%;}
	.container .flex .item_txt{order: 2;}
	.container .flex .item_img{order: 1;}
	.container .flex .item_img.img img{width: 100%;}
	.container .flex .item_img.img:after{content: none;}
	.container .flex .item_txt a.arrow-btn.wid300{margin-top: 20px;}
	.container .flex .half{flex-basis: 100%;}
	.container .flex .case{flex-basis: 49%;}
	.container .flex .half:nth-child(2) h4{margin-top: 7.6666vw;}
	.container .flex .half.case:nth-child(2) h4{margin-top: 0;}
	.container .flex .case h4{font-size: 14px;}
	.container .flex .item30{flex-basis: 48%; margin: 10px 0 0;}
	.container .flex .item30.door p{font-size: 12px;}
	.container .flex li.half.door{margin-bottom: 0;}
	.midashi{margin: 50px 0;}
	.triangle{
		border-right: 25px solid transparent;
		border-top: 25px solid #dc0094;
		border-left: 25px solid transparent;
		bottom: -24px;}
	img.img_r {
		float: none;
		margin-left: 0;
		width: auto;}
	.box2 {
		width: 100%;
		min-height:auto;
		float: none;
	}

	footer{ margin-top: 15.2vw; }
	footer .row{ flex-wrap: wrap;  }
	footer .row .left{ width: 100%; }
	footer .row .left .inner{
		width: 100%;
		padding: 6.6666vw 4vw 6.6666vw;
    	border-left: solid 1.3333vw #89a0b3;
    	border-right: none;
	}
	footer .row .left .logo{ width: 60.5333vw; }
	footer .row .left dl dd + dt{ margin-top: 5.3333vw; }
	footer .row .left .tel-box{ font-size: 9.2vw; padding: 1vw 3vw 0.5vw; }
	footer .row .right{ height: 60vw; width: 100%; }


	.container .block{
	display:block !important;
	margin-right: 0;}
	.container .block .txt{
	margin-right: 0;}

.column2 {
    display: block;
}

.treat-list {
    width: 100vw;
}
.treat-list li {
    width: 25.3333vw;
}

.container img{
	display: block;
    margin: 0 auto 15px;
}

.clinic_photo img:nth-child(odd) {
    margin-right: 0;
}
.clinic_photo img {
    width: 100%;
    margin-bottom: 20px;
}




    .container .table01{
        border: 1px solid #333 !important;
    }
    	.container .table01 th,
	.container .table01 td{
		width: 100% !important;
		display: block !important;
	}
	.container .table01 td{
        border-bottom: none !important;
    }



.harf {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.harf_box.width50 {
    width: 100%;
}


	/***** staffページ *****/

	.dr-wrap{ padding-bottom: 8vw; }
	.dr-wrap h2, .continer-staff .wrap > h2{ font-size: 4.2666vw; margin: 10vw 0 8vw; }
	.dr-wrap .dr-name{ flex-wrap: wrap; margin: 6.666vw 0; }
	.dr-wrap .dr-name dt{ width: 100%; font-size: 4.2666vw; text-align: center; margin-bottom: 1em; }
	.dr-wrap .dr-name dd{ width: 100%; font-size: 3.73333vw; }
	.dr-wrap .history-box{ flex-wrap: wrap; }
	.dr-wrap .history-box dl{ width: 100%; padding: 12vw 3vw 4vw; }
	.dr-wrap .history-box dl + dl{ margin-top: 4vw; }
    .dr-wrap .history-box dl + dl.mt001{ margin-top: -12vw!important; }
    
	.dr-wrap .history-box dl dt{ font-size: 3.73333vw; width: 100%; height: auto; }

	.continer-staff .staff-list li{ width: calc(50% - 5vw); margin-bottom: 4vw; }
	.continer-staff .staff-list li p{ font-size: 3.73333vw; margin-top: 2vw; }



	/***** fivefeaturesページ *****/

	.feature-wrap dl{ margin: 10vw 0 12vw; }
	.feature-wrap dl dt{ flex-wrap: wrap; margin-bottom: 10vw; }
	.feature-wrap dl dt h2{ width: 100%; font-size: 24.9333vw; margin-bottom: 4vw; }
	.feature-wrap dl:nth-of-type(even) dt h2{ order: 1; }
	.feature-wrap dl dt h2 span{ font-size: 6.1333vw; }
	.feature-wrap dl dt .img{ width: 100%; padding-bottom: 0; }
	.feature-wrap dl:nth-of-type(even) dt .img{ order: 2; }
	.feature-wrap dl dt .img:after{ width: 100%; height: 100%; right: -4vw; bottom: -4vw; }
	.feature-wrap dl dd{ flex-wrap: wrap; }
	.feature-wrap dl dd .pic{ order: 2; width: 100%; margin-top: 8vw; }
	.feature-wrap dl dd .txt{ order: 1; }
	.feature-wrap dl dd .txt h3{ font-size: 4.2666vw; margin-bottom: .4em; text-align: center; }
	.feature-wrap dl dd .txt .arrow-btn{ margin: 4vw auto 0; }
	.container span.green{margin-top: 0px;}
	.acd-label {padding: 3vw;}
	.acd-content{padding: 3vw;}
	.acd-check:checked + .acd-label:after{
		width:5vw;
		height:5vw;
		top: auto;
		right:2vw;
		bottom:2vw;}
	.acd-label:after {
		background-repeat: no-repeat;
		background-size: contain;
		width: 5vw;
		height: 5vw;
		top: auto;
		right:2vw;
		bottom:2vw;}
	.case-wrap .case .button{padding: .5em 1.5em;}
	.box_bg{
		padding:0;
		box-sizing:border-box;}
	.box_bg .text{width: 100%; background-color: rgba( 255, 255, 255, 0.8 ); padding: 15px 15px 3px;}
	.box_bg h4{margin-top: 20px; font-size: 15px;} 
	.box_bg h4:first-child{margin-top: 0;}
	.box_bg p{font-size: 13px;}

.container.case table th,.container.case table td{ display: block; width:100%; text-align: left;}
.container.case table th{ padding: 10px 0 10px 10px;}
.container.case table td{background-color: #303030;}
.container.case table th.white{ width:100% !important; display: block;}
.container.case table th.white img{width:35%; text-align:left !important;}
.container.case table th.white p span{ display: inline-block; padding: 0 8px 0 0;}

	/**** 症例スライド ****/

	.case-slide li dl dt{ font-size: 4vw; }
	.case-slide li dl dd .img{ height: 38.666vw; }
	.case-slide button.slick-arrow{ width: 3.5vw; height: 7.5vw; }
	.case-slide button.slick-next{ right: -5vw; }
	.case-slide button.slick-prev{ left: -5vw; }
	.case-slide button.slick-prev{ left: -5vw; }
	.gray-wrap > h3 {margin: 0 0 10px;}
	li.half.gray-wrap{padding: 20px 15px;}
	.container li.half.gray-wrap a.arrow-btn.wid300{margin-top: 15px;}
	
/*
    .dr-wrap .left {
    margin-left: 0%;
}
*/
}