/*** LPB ***/

@media(max-width: 1024px){
	.intro-main{
		right: -220px;
	}
}

@media(max-width: 768px){
.pc{
	display: none;
}

	.wrap, .flow .wrap, .flow .inner .wrap{
		width: 100%;
		padding-left: 5.3333vw;
		padding-right: 5.3333vw;
	}
    
    .wrap, .flow_2 .wrap, .flow_2 .inner .wrap{
		width: 100%;
		padding-left: 5.3333vw;
		padding-right: 5.3333vw;
	}
    
	header{
		min-height: auto;
		background: url(../images/bg-mainV-sp02.png) no-repeat;
		background-size: cover;
		height: 165vw;
		padding: 3vw 5vw 0 5vw;
	}
	
	
		header.mv{
		min-height: auto;
		background: url("../images/bg-main02.jpg") no-repeat;
		background-size: cover;
		height: 95vw;
		padding: 3vw 5vw 0 5vw;
	}
	
	img.head-logo{
		width: 23vw;
	}
	.mainV-wrap{
		/*margin: 72vw 0 0 0;*/
		margin: 60vw 0 0 0;
		display: block;
	}
	h1 .mv_price:after{
	width: 145px;
	height: 145px;
    top: -142px;
    right: -144px;
	}
	.icon-scroll{
		width: 3.5vw;
		display: none;
	}
	h1{
		font-size: 4.2vw;
		line-height: 1.2;
		/*text-shadow: 0px 0px 4px #fff;*/
		padding: 4vw 3vw 3vw 3vw;
    	background: rgba(255,255,255,0.9);
		text-shadow: none;
		color: #BEA041;
		color:#d8a4a4;
	}
	h1 .mv_price{
		font-size: 10vw;
		text-shadow: none;
	}
	/*
	h1 .mv_price:before{
		font-size: 3vw;
	    top: 2.4vw;
    	right: -6vw;
	}
	*/
	h1 .catch{
		font-size: 4.5vw;
		line-height: 11vw;
	}
	h1 .catch2{
	font-size: 6vw;
	line-height: 8vw;
}
	h1 .catch3{
	font-size: 6vw;
	line-height: 8vw;
}
	
	h1 small{
		font-size: 3vw;
		text-align: left;
		margin-top: 1vw;
		text-shadow: none;
	}
header h3{
		padding: 0vw 4vw 4vw;
    	background: rgba(255,255,255,0.9);
		color: #F93;
}
	.yellow-btn{
		width: 71vw;
		height: 10vw;
		font-size: 5vw;
		margin-top: 3vw;
		display: none;
	}
	.yellow-btn:before{
		border-width: 1.6vw 0 1.6vw 2.6vw;
		left: 4vw;
	}
	.intro{
		padding: 10vw 0 100px;
	}
	.intro:after{
		border-width: 0 0 13vw 100vw;
	}
	.intro ul li{
	    font-size: 5vw;
	    padding: 4vw 0vw 4vw 7vw;
		line-height: 8vw;
		letter-spacing: .2vw;
	}
	.intro ul li:before{
		width: 7.5vw;
	    height: 5vw;
	    top: 5.6vw;
	}
	.intro p{
	    font-size: 4.8vw;
	    margin-top: 3vw;
	    padding-top: 17vw;
		z-index: 1;
		color: #fff;
		text-shadow: 1px 1px 1px #BEA041;
	}

	.intro2 h2{
	    font-size: 5.6vw;
		text-align: center;
		font-family: 游明朝,"Yu Mincho",YuMincho, serif;
		/*font-family:'Noto Sans JP', sans-serif;*/
		}

	.intro2 h3{
	    font-size: 5.2vw;
		text-align: center;
		margin: 20px 0;
		font-family: 游明朝,"Yu Mincho",YuMincho, serif;
		/*font-family:'Noto Sans JP', sans-serif;*/
		}

		.intro2 p{
	    font-size: 4.6vw;
	    margin-top: 3vw;
	    padding-top: 17vw;
		letter-spacing: .1px;
		line-height: 2em;
		z-index: 1;
		color: #fff;
		text-shadow: 1px 1px 1px #BEA041;
	}
	.intro p:before{
		height: 13vw;
	}
	.intro-main{
		right: -20px;
		bottom: -18vw;
		width: 40%;
	}

	.about{
		padding: 10vw 0 12vw;
	}
	.about h2{
		font-size: 5.33333vw;	
	}
	.about h2 span{
		font-size: 7.7333vw;
	}
	.about dl dt{
		font-size: 5vw;
	}
	.about dl dt.text{
		font-size: 4vw;
	}
	.about dl dt.text span{
		font-size: 3vw;
		/*text-decoration: underline;*/
		color: #ff869f;
	}
	.about dl dd{
	    font-size: 3.4666vw;
	    /*padding-top: 9.3333vw;*/
	    margin-top: 2.666vw;
	}
	.about dl dd:before{
		height: 6.6666vw;
	}
	.type h3{	
		font-size: 4vw;
	}
	.type dl:nth-of-type(1) dt:nth-of-type(2){
		font-size: 4vw;
	}
	.type dl dt:nth-of-type(1), .type dl dt:nth-of-type(2){
		font-size: 4vw;
		padding: 4vw 2vw; 
	}
	.type dl dd{
		padding: 4vw 2vw;
		font-size: 3.2vw;
	}
	.type dl dd:nth-of-type(1){
		padding-left: 0;
		padding-right: 0;
	}
	.itero .item01{
		top: -80px;
		right: -50px;
		width: 50%;
		z-index: -1;
	}
	.itero h2{
		font-size: 5vw;
	}
	.itero h2 span{
		font-size: 13vw;
	}
	.itero .itero-logo{
	    margin: 6vw auto 8vw;
	    max-width: 180px;
	}
	.itero ul li{
		font-size: 4.2vw;
   		padding: 6vw 0 6vw 14vw;
	}
	.itero ul li:after{
	    width: 9vw;
	    height: 8vw;
	    top: 5vw;
	}
	.itero dl dt{
		font-size: 7vw;
		margin-top: 18vw;
	}
	.itero dl dd {
	    font-size: 3.6666vw;
	    padding-top: 17vw;
	    margin-top: 3vw;
	}

	.itero dl dd:before{
		height: 13vw;
	}

	.six-point{
		padding: 18vw 5.3333vw;
	}
	.six-point .wrap{
		padding: 12vw 5.3333vw 10vw;
	}
	.six-point ul{
		flex-wrap: wrap;
	}
	.six-point ul li{
		width: 100%;
		margin-bottom: 10vw;
		font-size: 3.2vw;
	}
	.six-point ul li:last-of-type{
		margin-bottom: 0;
	}
	.six-point ul li h3{
		margin-top: 6vw;
		font-size: 4.6vw;
	}
	.six-point ul li .thumb{
		margin: 4vw 0;
	}
	.flow h2, .six-point h2{
	    font-size: 7vw;
	}
    
    .flow_2 h2, .six-point h2{
	    font-size: 7vw;
	}
    
	.six-point h2{
		padding-bottom: 3vw;
		font-size: 5vw;
	}
	.six-point ul li .no{
		padding-bottom: 5vw;
		font-size: 4vw;
	}
	.six-point ul li .no strong{
		font-size: 9vw;
	}
	.six-point h2 span{
		font-size: 12vw;
	}
	a.totop{
		width: 10vw;
		height: 10vw;
		right: 4vw;
		bottom: 25vw;
	}
	.six-point:after{
		border-width: 0 0 13vw 100vw;
	}

	.itero{
		padding: 18vw 0;
	}
	.itero p{
		font-size: 7vw;
	    padding-bottom: 17vw;
	    margin-bottom: 3vw
	}
	.itero h2{
		font-size: 5vw;
		text-shadow: 1px 1px 1px #fff;
		z-index: 1;
	}

	.itero ul li{
	    font-size: 4.2vw;
	    padding: 6vw 0 6vw 14vw;
	}
	.itero:after{
		border-width: 13vw 0 0 100vw;
	}

	.flow h2{
		font-size: 6vw;
		padding-bottom: 6vw;
		margin-bottom: 12vw;
	}
	.flow h2:after{
		width: 11vw;
	}
	.flow ul li{
		margin-bottom: 6vw;
	}
	.flow ul li .pic{
		display: none;
	}
	
	.flow ul li:nth-of-type(3) .pic, .flow ul li:nth-of-type(2) .pic, .flow ul li:nth-of-type(1) .pic,.flow ul li:nth-of-type(3) .pic,.flow ul li:nth-of-type(5) .pic, .flow ul li:nth-of-type(6) .pic{
		width: 100%;
	    height: auto;
	    padding-bottom: 80%;
	    order: 1;
	    display: block;
	}
	.flow-box .content{
		width: 100%;
		padding: 4vw;
		order: 2;
	}
	.flow ul li .step{
		width: 15vw;
	}
	.flow ul li:nth-of-type(6) .step:after{
		height: 100%;
	}
	.flow ul li:nth-of-type(6) .step:before{
		bottom: 0;
	}
	.flow ul li:nth-of-type(4) .content img{
		margin: 0 auto 6vw;
	}
	.flow-box{
		width: calc(100% - 17vw);
		flex-wrap: wrap;
	}
	.flow-box .content h3{
		font-size: 4.6666vw;
		margin-bottom: 3vw;
	}
	.flow-box .content p{
		font-size: 3.6vw;

	}
	img.float-right{
		float: none;
		display: block;
    	margin: 0 auto 0vw;
    	width: 100%;
	}

	.flow{
		padding: 18vw 0 0;
	}
	.flow .inner{
		border-radius: 6.6666vw 0 0 0;
		padding: 24vw 0 18vw;
	}
	.flow .inner:before{
		border-width: 13vw 100vw 0 0;
	}
	.flow .inner dl:nth-of-type(2){
		margin-top: 12vw;
	}
	.flow .inner dl dd table td, .flow .inner dl dd table th{
		display: block;
		width: 100%;
	}
	.flow .inner dl dd table th{
		text-align: center;
		font-size: 4.6666vw;
	}
	.flow .inner dl dd table td{
		text-align: center !important;
		font-size: 3.4vw;
		border-left: solid 1px #2199A0;
		width: 100% !important;
	}
	.flow .inner dl dd table td.blanc{
		display: none;
	}
	.flow .inner dl dd table td img{
		display: block;
		margin: 0 auto;
	}
	.flow .inner dl dd table td:nth-of-type(2){
		text-align: center;
	}
	.flow .inner dl dt{
		font-size: 5vw;
	}
    
    
    
    
    
    .flow_2 h2{
		font-size: 6vw;
		padding-bottom: 6vw;
		margin-bottom: 12vw;
	}
	.flow_2 h2:after{
		width: 11vw;
	}
	.flow_2 ul li{
		margin-bottom: 6vw;
	}
	.flow_2 ul li .pic{
		display: none;
	}
	
	.flow_2 ul li:nth-of-type(3) .pic, .flow_2 ul li:nth-of-type(2) .pic, .flow_2 ul li:nth-of-type(1) .pic,.flow_2 ul li:nth-of-type(3) .pic,.flow_2 ul li:nth-of-type(5) .pic, .flow_2 ul li:nth-of-type(6) .pic{
		width: 100%;
	    height: auto;
	    padding-bottom: 80%;
	    order: 1;
	    display: block;
	}
	.flow-box .content{
		width: 100%;
		padding: 4vw;
		order: 2;
	}
	.flow_2 ul li .step{
		width: 15vw;
	}
	.flow_2 ul li:nth-of-type(6) .step:after{
		height: 100%;
	}
	.flow_2 ul li:nth-of-type(6) .step:before{
		bottom: 0;
	}
	.flow_2 ul li:nth-of-type(4) .content img{
		margin: 0 auto 6vw;
	}
	.flow-box{
		width: calc(100% - 17vw);
		flex-wrap: wrap;
	}
	.flow-box .content h3{
		font-size: 4.6666vw;
		margin-bottom: 3vw;
	}
	.flow-box .content p{
		font-size: 3.6vw;

	}
	

	.flow_2 .inner{
		border-radius: 6.6666vw 0 0 0;
	}
	.flow_2 .inner:before{
		border-width: 13vw 100vw 0 0;
	}
	.flow_2 .inner dl:nth-of-type(2){
		margin-top: 12vw;
	}
	.flow_2 .inner dl dd table td, .flow_2 .inner dl dd table th{
		display: block;
		width: 100%;
	}
	.flow_2 .inner dl dd table th{
		text-align: center;
		font-size: 4.6666vw;
	}
	.flow_2 .inner dl dd table td{
		text-align: center !important;
		font-size: 3.4vw;
		border-left: solid 1px #2199A0;
		width: 100% !important;
	}
	.flow_2 .inner dl dd table td.blanc{
		display: none;
	}
	.flow_2 .inner dl dd table td img{
		display: block;
		margin: 0 auto;
	}
	.flow_2 .inner dl dd table td:nth-of-type(2){
		text-align: center;
	}
	.flow_2 .inner dl dt{
		font-size: 5vw;
	}
    
    
    
    
    

	.dr h2 span, .information h2 span{
		font-size: 3.4vw;
	}
	.dr h2, .information h2{
		font-size: 6vw;
	}
	.dr{
		padding: 18vw 0;
	}
	.dr dl{
		flex-wrap: wrap;
	}
	.dr dl dt{
		width: 100%;
		border:none;
		padding-right: 0;
	}
	.dr dl dt img{
		width: 100%;
	}
	.dr dl dd{
		width: 100%;
		margin-left: 0;
	}
	.dr dl dd h4{
	    padding-left: 4vw;
	    font-size: 3.3333vw;
	    height: 7vw;
	    justify-content: left;
	    width: 100%;
	    margin: 4vw 0 3vw;
	}
	.dr dl dt h3{
		font-size: 6vw;
		margin-bottom: 6vw;
	}
	.dr dl dt h4{
		font-size: 3.4vw;
	}
	.dr dl dt p, .dr dl dd ul li, .dr-box p{
		font-size: 3.8vw;
	}
	.dr dl dt p{
		margin: 4vw 0 0;
	}
	.dr dl dd table th, .dr dl dd table td{
		font-size: 3.2vw;
	}
	.dr-box{
		margin-bottom: 18vw;
	}
	.dr-box:last-of-type{
		margin-bottom: 0;
	}
	.dr-box p{
		margin-top: 8vw;
	}

	.contact{
		padding: 14vw 0 10vw;
	}
	.contact h2{
		font-size: 5vw;
	    padding-bottom: 6vw;
	    margin-bottom: 2vw;
	}
	.contact a{
		font-size: 4.6666vw;
		height: 14vw;
	}

	.information{
		padding: 18vw 0;
	}
	img.clinic-logo{
	  	max-width: 260px;
	    display: block;
	}
	p.address{
		font-size: 3.6666vw;
		margin: 6vw 0 3vw;
	}
	p.tel{
		font-size: 8.8vw;
		margin-bottom: 4vw;
	}
	.info-box{
		margin-bottom: 10vw;
	}
	.info-box iframe{
		margin: 6vw 0 7vw;
	}
	.info-box .flex .right dl dt, .info-box .flex .right dl dd{
		font-size: 4vw;
	}
	.info-box .flex .right dl dd td, .info-box .flex .right dl dd th{
		font-size: 4vw;
	}
	.info-box .flex .right dl dd{
		text-align: center;
	}
	.info-box .flex .right dl dd table{
		margin-left: auto;
		margin-right: auto;
	}
	.info-box .flex .right dl dd table td{
		width: auto;
	}
	.info-box .flex{
		flex-wrap: wrap;
	}
	.info-box .flex .left, .info-box .flex .right{
		width: 100%;
	}
	.info-box .flex .left{
		border: none;
		padding-right: 0;
	}

	.pc{
		display: none !important;
	}
	.sp{
		display: block !important;
	}

	.float-btn{
		background: #222;
		display: flex !important;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
	}
	
	/*
	.float-btn::before{
		content: '気になる歯並び【無料相談】はお近くの医院まで！';
		position: absolute;
		top: calc(-40px - 5vw);
		background: rgba(0,153,255,.65);
		color: #fff;
		display: block;
		font-size: 3.8vw;
		font-weight: bold;
		line-height: 40px;
		text-align: center;
		height: 40px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.5);}
	*/
	
	.float-btn::before{
		content: '気になる歯並び【無料相談受付中】★下をタップ↓';
		position: absolute;
		top: calc(-40px - 0vw);
		background: rgba(160,20,100,.65);
		color: #fff;
		display: block;
		font-size: 3.8vw;
		font-weight: bold;
		line-height: 40px;
		text-align: center;
		height: 40px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.5);}
	
/*
	.float-btn li{
		flex-basis: calc(100%/3);
		color: #fff;
		font-weight: 600;
		position: relative;
		height: 10vw;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		font-size: 2.5vw;
		text-align: center;
		border-right: solid 1px #BEA041;
	}
	.float-btn li:last-of-type{
		margin-right: 0;
	}
	
	.float-btn li .icon-cal{
		color: inherit;
		position: relative;
	}
*/
	
		.float-btn li{
		flex-basis: calc(100%/2);
		color: #fff;
		font-weight: 600;
		position: relative;
		height: 17vw;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
		border-right: solid 1px #BEA041;
			line-height: 5vw;
	}
	.float-btn li:last-of-type{
		margin-right: 0;
	}
	
	.float-btn li .icon-cal{
		color: inherit;
		position: relative;
	}
	
	.float-btn li.list1{
		flex-basis: 50%;
		background: #ff62d8;
	}
	.float-btn li.list2{
		flex-basis: 50%;
		background: #1dcd00;
	}
	.float-btn li.list1,.float-btn li.list2{
		font-size: 4vw;
	}	
	.float-btn li.list1 span{font-size: 10px;}
	.float-btn li.list1 i,.float-btn li.list2 i{
		margin-right: 12px;
	}	
	.float-btn li.list1 span,.float-btn li.list2 span{	
		font-size: 12px;
	}	

	.txt_004{
		color: #fff;
		font-size:6vw;
	}
	
	
	
	/*.float-btn li .icon-cal:before {
		content: '';
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 1.6vw 0 1.6vw 2.6vw;
	    border-color: transparent transparent transparent #BEA041;
	    position: absolute;
	    top: 1vw;
	    left: 0;
	}*/
	.float-btn li .icon-cal strong{
		color: initial;
		font-size: 3vw;
		display: block;
		color: #fff;
	}
	.float-btn-before{
		background-color: #BEA041;
		display: flex !important;
		width: 100%;
		position: fixed;
		bottom: 10vw;
		left: 0;
		z-index: 100;
	}
	.float-btn-before li{
		flex-basis: 30%;
		color: #fff;
		font-weight: 600;
		position: relative;
		height: 5vw;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		font-size: 1.8vw;
		text-align: center;
	}
	.float-btn-before li:first-of-type{
		flex-basis: calc(100%/3);
		border-right: solid 1px #fff;
	}
	.float-btn-before li:last-of-type{
		flex-basis: calc(100% - 100%/3);
		margin-right: 0;
	}
	
	.float-btn-before li .icon-cal{
		color: inherit;
		position: relative;
	}
	
	body{
		margin-bottom: 27.6666vw;
	}
	.black-btn{
		width: 100%;
		font-size: 4vw;
		height: 11vw;
		margin: 0 0 10vw;
	}
	.black-btn span{
		padding-left: 5vw;
	}
	.black-btn span:before{
		border-width: 1.6vw 0 1.6vw 2.6vw;
		left: 0;
	}
.variation ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 20px 0;
}
.variation ul li	
	{
	width: calc(50% - 15px);
	margin-bottom: 5px;
	font-size: 15px !important;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 0.02em;
}
.variation ul li h3{
	font-size: 10px !important;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.18em;
	margin-top: 0px;
	background: none;
	padding: 2px 0;
}
.variation ul li h3 span{
	display: block;
	font-size: 18px;
	font-weight: bold;
}

.variation h2
{
	background-color: #CCC;
	color: #000;
	text-align: center;
	font-size:15px !important;
	padding: 16px 0 5px;
}
.variation h3
{
	text-align: center;
	padding: 10px 0 15px;
	font-size: 13px !important;
}
.variation .thumb{
	width: 100%;
	padding-bottom: 70.3%;
	margin: 20px 0 10px;

}
h3.h3_002{
		font-size:5.8vw;
	}
.blog .inner .post .img{
	width: 300px;
	margin: 0 auto 20px !important;
}
    
    
a.black-btn01 {
    display: block;
    height: auto;
    margin-top: 10px;
}    
.black-btn01{
    width: 100%;
    font-size: 4vw;
    height: 11vw;
    margin: 0 0 10vw;
}
.black-btn01 span{
    padding-left: 5vw;
}
.black-btn01 span:before{
    border-width: 1.6vw 0 1.6vw 2.6vw;
    left: 0;
}
    
	.menu-btn{ width: 17.333vw; height: 17.333vw; }
	.menu-btn .inner{ width: 10.933vw; height: 5.7333vw; margin: 4vw auto 0; position: relative; }
	.menu-btn .inner span{ width: 100%; height: 1px; background: #fff; position: absolute; left: 0; transition: .3s; }
	.menu-btn .inner span:nth-of-type(1){ top: 0; }
	.menu-btn .inner span:nth-of-type(2){ top: 50%; transform: translateY(-50%); }
	.menu-btn .inner span:nth-of-type(3){ bottom: 0; }
	.menu-btn.active .inner span:nth-of-type(1){ transform: rotate(25deg) translate(calc(1vw - .5px),calc(2vw - .5px)); }
	.menu-btn.active .inner span:nth-of-type(2){ opacity: 0; }
	.menu-btn.active .inner span:nth-of-type(3){ transform: rotate(-25deg) translate(calc(1.2vw - .5px),calc(-2.9vw - .5px)); }
	.menu-btn p{ font-size: 4vw; color: #fff; text-align: center; position: relative; }
	.menu-btn p span{ transition: .3s; color: #fff;}
	.menu-btn p .close{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; opacity: 0; }
	.menu-btn.active p .close{ opacity: 1; }
	.menu-btn.active p .menu{ opacity: 0; }
	nav{ position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; transition: .3s; width: 100%; height: 100%; background: #fff; z-index: 1000; display: block; }
	nav.active{ opacity: 1; visibility: visible; }
	nav ul{ display: block; width: 81.466vw; margin: 16vw auto 0; }
	nav ul li{ text-align: center; border-bottom: dotted 1px #cccccc; }
	nav ul li a{ display: block; text-align: center; padding: 1em 0; border-right: none; }
    
    .banner-interview{ width: 89.33vw; margin: 8vw auto; }
    
    
}