@media(max-width: 1024px){
	header .inner{
		width: 90%;
		justify-content: center;
		flex-wrap: wrap;
	}
	.header-right{
		width: 100%;
	}
	.header-right ul.sns{
		justify-content: center;
		margin-top: 10px;
	}
}

@media(max-width: 768px){
	/*** common ***/

	header{
		margin: 4vw 0;
	}
	header .inner{
		justify-content: space-between;
	}
	header .inner, .wrap{
		width: 100%;
		padding-right: 5.3333vw;
		padding-left: 5.3333vw;
	}
	.header-right{
		display: none;
	}
	.header-left img{
		width: 63.199vw;
	}
	.pc{
		display: none !important;
	}
	.sp{
		display: block;
	}
	body{
		margin-bottom: 18.666vw;
	}
	.menu-btn{
		display: table;
		position: fixed;
		top: 4vw;
		right: 4vw;
		background: #000034;
		padding: 2.6666vw 1.3333vw 1.2vw;
		z-index: 9999;
	}
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 9.3333vw;
	  height: 3.4666vw;
	  letter-spacing: initial;
	  line-height: initial;
	  display: block;
	  margin: 0 auto;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 0.2666vw;
	  background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	    top: 0;
	    bottom: 0;
	    margin: auto;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-btn .menu{
		font-size: 2.666vw;
		color: #fff;
		letter-spacing: initial;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	    display: flex;
	    justify-content: space-around;
	    margin-top: .8vw;
	}

	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(1.6vw) rotate(-19deg);
	  transform: translateY(1.6vw) rotate(-19deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-1.6vw) rotate(19deg);
	  transform: translateY(-1.6vw) rotate(19deg);
	}

	.menu-wrap{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 999;
		visibility: hidden;
		opacity: 0;
		transition: .3s;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.menu-wrap.active{
		opacity: 1;
		visibility: visible;
	}
	.menu-btn .close{
		display: none;
	}
	.menu-btn.active .close{
	    font-size: 2.666vw;
	    color: #fff;
	    letter-spacing: initial;
	    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	    display: flex;
    	justify-content: space-around;
    	margin-top: .8vw;
	}
	.menu-btn.active .menu{
		display: none;
	}
	.menu-wrap ul li{		
		text-align: center;
	    font-size: 4vw;
	    margin: 2.5vw 0;
	}
	.menu-wrap ul li a{
		color: #000034;
	}
	.menu-wrap ul li:last-of-type a{
		display: block;
		padding: 1.4vw 3vw;
		border: solid 1px;
	}
	.menu-wrap ul li span{
	    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	    display: none;
	    color: inherit;
	    font-size: 2.4vw;
	}
	.totop{
	    right: 4vw;
	    bottom: 24vw;
	    z-index: 100;
	    width: 14.666vw;
	    height: 14.666vw;
	}
	.foot-floatBtn{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		background: #000034;
		z-index: 100;
	}
	.foot-floatBtn li{
		color: #fff;
		width: calc(50% - 23.333vw);
		text-align: center;
		border: solid 1px #fff;
		padding: 3.2vw 0 2.6666vw;
		font-size: 3.4666vw;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
		position: relative;
		line-height: 130%;
	}
	.foot-floatBtn li:nth-of-type(2){
		width: 46.666vw;
	}
	.foot-floatBtn li img{
		display: block;
        margin: 0 auto 0.5rem;
		width: 8vw;
	}
  .foot-floatBtn li strong {
        border-bottom: 1px solid #fff;
        color: #fff;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: normal;
    }	
  .yoyaku_btn01,.yoyaku_btn02{display: none;}



	/*** periodontitis ***/

	.mainV{
		padding-top: 6.6666vw;
		border-top: solid 1px #000032;
	}
	.mainV a{
		bottom: 10.6666vw;
	}
	.mainV:after, .intro .border{
		height: 10.6666vw;
	}
	.intro h2{
		font-size: 5.3333vw;
		margin-top: 21.3333vw;
		margin-bottom: 9.3333vw;
		letter-spacing: initial;
		line-height: 2em;
	}
	.intro h2 strong{
		font-size: 10.6666vw;
	}
	.intro p{
		font-size: 4.2666vw;
		font-weight: 400;
		text-align: left;
		letter-spacing: initial;
		margin-bottom: 12vw;
	}
	.intro p br{
		display: none;
	}
	.intro p span{
		font-weight: 500;
		letter-spacing: initial;
	}

	.whats{
	    background: #fff url(../images-implant/index/bg01-sp.png) no-repeat;
	    background-size: cover;
	    background-position: right;
    	padding: 0;
	}
	.whats .wrap{
		padding: 0;
		position: relative;
	}
	.whats .wrap:after{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	    mix-blend-mode: multiply;
	    background: #45BCB3;
	}
	/* IE11 */
	_:-ms-lang(x)::-ms-backdrop, .whats .wrap:after {
	        background: rgba(69,188,179,0.9);
	}
	/* * * */
	.whats dl{
		background: none;
		width: 100%;
		/*background: rgba(69,188,179,0.9);*/
    	padding: 50px 5.3333vw;
	}
	.whats dl dt{
		font-size: 6vw;
		padding: 0 4vw;
	}
	.whats dl dt:before{
		width: calc(100% - 3.8666vw);
	}
	.whats dl dt:after{
		right: -1.6vw;
		width: 5.8666vw;
		height: 4.5333vw;
	}
	.whats dl dd{
		font-size: 3.7333vw;
		letter-spacing: initial;
		margin: 0 4vw;
	}
	.whats dl dd br{
		display: none;
	}
	.whats dl:before{
	    top: 5.3333vw;
	    left: 5.3333vw;
	}
	.whats dl:after{
		top: 5.3333vw;
		right: 5.3333vw;
	}
	.whats dl dd:after{
		bottom: -5.3333vw;
		right: -5.3333vw;
	}

	.features h2 span, .treatment h2 span{
	    font-size: 3.9vw;
    	letter-spacing: initial;
    	font-weight: 500;
	}
	.features h2{
		margin-top: 12vw;
	}
	.features h2, .treatment h2{
		font-size: 5.3333vw;
	}
	.features h2:after, .treatment h2:after{
		width: 10.666vw;
	}
	.features ul{
		padding-right: 5.3333vw;
		padding-left: 5.3333vw;	
		margin-top: 10.6666vw;
		margin-bottom: 4vw;
	}
	.features li{
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	.features li .features-content p{
		font-size: 4vw;
		position: static;
		justify-content: center;
	}
	.features li .features-content p span{
		font-size: 10.666vw;
	}
	.features li dl dt{
		font-size: 4vw;
		height: 9.3333vw;
		padding-left: 2.666vw;
	}
	.features li dl dt:after{
		border-width: 4.665vw 10px 4.665vw 0;
	}
	.features li dl dd strong{
		display: none;
	}
	.features li dl dd{
		font-size: 3.7333vw;
		letter-spacing: initial;
		margin: 6.666vw 0;
	}
	.features li dl dd br{
		display: none;
	}
	.features li:nth-of-type(1) .img, .features li .features-content{
		width: 100%;
	}
	.features li:nth-of-type(1), .features li:nth-of-type(3){
		margin-left: 0;
	}
	.features li:nth-of-type(2){
		margin-right: 0;
	}
	.features li .img{
		display: none;
	}

	.dr-info{
		padding: 3rem  0 3.5rem;
		background: url(../images-implant/index/bg02-sp.png) no-repeat;
		background-size: cover;
		background-position: right;
	}
	.dr-info .inner{
		width: 100%;
	}
	.dr-info .inner dl{
		margin: 16vw 0 8vw;
	}
	.dr-info .inner dl:before{
		content: '';
		mix-blend-mode: multiply;
		width: 100%;
		height: 100%;
		background: #555;
		position: absolute;
		top: 0;
		left: 0;
	}
    .dr-info .inner a.btn_link{ float: none; margin: auto;}
	.dr-info h2{
		font-size: 6.6666vw;
	}
	.dr-info h2 span{
		font-size: 4vw;
	}
	.dr-info h2 strong{
		font-size: 4.5333vw;
	}
	.dr-info .inner dt{
		font-size: 2.9333vw;
		padding: 1.3333vw 2.6666vw;
		position: relative;
	}
	.dr-info .inner dd{
		padding: 0 2.4vw 2.1333vw;
	}
	.dr-info .inner dd ul.history li{
		font-size: 2.88vw;
		letter-spacing: initial;
		padding: 2.6666vw 0;
	}
	.dr-info .inner dd ul.photo{
		position: static;
		display: flex;
		justify-content: space-between;
		margin-top: 2.666vw;
	}
	.dr-info .inner dd ul.photo li{
		width: 48%;
	}
	.dr-info .inner dd ul.photo li img{
		width: 100%;
	}
	.dr-info .inner dd ul.photo li:last-of-type{
		display: none;
	}
	.dr-info .inner a{
		width: 100%;
		height: 16vw;
		font-size: 3.4666vw;
	}

	.treatment{
		padding-bottom: 13.3333vw;
		padding-top: 16vw;
		background: none;
	}
	.treatment .wrap{
		padding: 0;
	}
	.treatment h2 + p{
		font-size: 4.2666vw;
		text-align: left;
		letter-spacing: initial;
		font-weight: 500;
		padding: 0 5.3333vw;
		margin: 9.3333vw 0;
	}
	.treatment h2 + p br{
		display: none;
	}
	.treatment ul li{
		width: 100%;
		padding: 8vw 5.3333vw;
		margin-bottom: 0;
		border-bottom: solid 1px #fff;
	}
	.treatment ul li dl{
		padding: 0 5.3333vw;
	}
	.treatment ul li dl dd{
		display: block;
	}
	.treatment ul li p{
		font-size: 4vw;
	}
	.treatment ul li p span{
		font-size: 10.6666vw;
	}
	.treatment ul li dl dt{
		font-size: 4.2666vw;
		border-bottom: none;
	}
	.treatment ul li:after{
		width: 6.6666vw;
		height: 6.6666vw;
		top: auto;
		bottom: 5.3333vw;
	    right: 5.3333vw;
	    border-top: 0;
	    border-bottom: solid 1px #fff;
	}
	.treatment ul li:before{
		width: 6.6666vw;
		height: 6.6666vw;
		top: auto;
		bottom: 5.3333vw;
		left: 5.3333vw;
		border-top: 0;
		border-bottom: solid 1px #fff;
	}
	.treatment ul li p:before{
		content: '';
		width: 6.6666vw;
		height: 6.6666vw;
		border-top: solid 1px #fff;
		border-left: solid 1px #fff;
		position: absolute;
		top: 5.3333vw;
		left: 5.3333vw;
	}
	.treatment ul li p:after{
		content: '';
		width: 6.6666vw;
		height: 6.6666vw;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		position: absolute;
		top: 5.3333vw;
		right: 5.3333vw;
	}
	.treatment ul li dl dt{
		position: relative;
		margin: 2.6666vw 0;
		padding: 1.333vw 0;
	}
	.treatment ul li dl dt:after{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 2.9333vw 1.4666vw 0 1.4666vw;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		bottom: -4vw;
		left: 0;
		right: 0;
		margin: auto;
		opacity: 1;
		transition: .3s;
	}
	.treatment ul li dl dt.active:after{
		transform: rotate(180deg) translateY(0.8vw);
	}
	.treatment ul li dl dd .btn-wrap{
		position: static;
	}
	.treatment ul li dl dd:after, .treatment ul li dl dd:before{
		content: none;
	}
	.treatment ul li dl dd{
		font-size: 3.7333vw;
		letter-spacing: initial;
		padding-bottom: 5vw;
		padding-top: 2vw;
	}
	.treatment ul li dl dd a{
		font-size: 3.4666vw;
		height: 12vw;
		width: 100%;
		margin-top: 6.6666vw;
	}
	.treatment ul li dl dd a:after{
		width: 1.8666vw;
		height: 1.8666vw;
		right: 5.333vw;
	}

	.cure{
		padding-top: 9.3333vw;
	}
	.cure p{
		font-size: 4.2666vw;
		text-align: left;
		font-weight: 400;
		letter-spacing: initial;
		display: inline;
	}
	.cure p br{
		display: none;
	}
	.cure p strong{
		text-align: center;
		font-size: 10.666vw;
		margin: 0.6em 0;
	}
	.cure p strong br{
		display: block;
	}

	.pain{
		background: url(../images-implant/index/bg04-sp.png) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.pain .wrap{
		position: static;
		transform: translateY(0);
		padding: 31% 0;
	}
	.pain dl{
		width: 100%;
		padding: 5.3333vw;
	}
	.pain dl:after{
		right: 5.3333vw;
		width: 6.6666vw;
		height: 6.6666vw;
	}
	.pain dl:before, .pain dl dd:before{
		left: 5.3333vw;
		width: 6.6666vw;
		height: 6.6666vw;
	}
	.pain dl dd{
		padding: 5.3333vw;
	}
	.pain dl dd:after{
		right: 0;
		bottom: -5.3333vw;
		width: 6.6666vw;
		height: 6.6666vw;
	}
	.pain dl dd:before{
		left: 0;
		bottom: -5.3333vw;
		width: 6.6666vw;
		height: 6.6666vw;
	}
	.pain dl dd .img{
		display: none;
	}
	.pain dl dt{
		font-size: 6.6666vw;
		margin: 0 5.3333vw;
		padding-bottom: 1.6vw;
	}
	.pain dl dt:before{
		width: calc(100% - 3.8666vw);
	}
	.pain dl dt:after{
	    width: 5.8666vw;
	    height: 4.5333vw;
	    right: -1.6vw;
	}
	.pain dl dd strong{
		font-size: 4.2666vw;
		text-align: center;
	}
	.pain dl dd p{
		font-size: 3.7333vw;
		letter-spacing: 0.0068em;
	}
	.pain dl dd .pain-content{
		width: 100%;
	}
	.pain-bg{
		display: none;
	}

	/*.second-opinion .bg-triangle{
		display: none;
	}*/
	.second-opinion:before, .second-opinion:after, .features li:nth-of-type(2):before{
		content: none;
	}
	.second-opinion h2{
		font-size: 6.6666vw;
		letter-spacing: initial;
	}
	.second-opinion h2 strong{
		font-size: 12vw;
	}
	.second-opinion h2 span{
		font-size: 4.2666vw;
	}
	.so-flow dt{
		display: flex;
		justify-content: space-between;
		margin-top: 10.66666vw;
		margin-bottom: 4vw;
	}
	.so-flow dt img{
		width: 56vw;
		height: auto
	}
	.so-flow dt p{
		width: 26.666vw;
		height: 26.666vw;
		border-radius: 13.333vw;
		border: solid 1px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 3.73333vw;
		letter-spacing: initial;
	}
	.so-flow dd{
		font-size: 3.73333vw;
		font-weight: 300;
		letter-spacing: initial;
	}
	.second-opinion a:nth-of-type(1){
		width: 100%;
		margin: 9.3333vw 0 6.6666vw;
	}
	.second-opinion a:nth-of-type(2){
/*		display: none;*/
		    width: 100%;
    font-size: 0.5rem;
	}
	.so-flow{
		padding: 0 5.3333vw;
	}
	.so-flow + p{
		color: #E94300;
		font-size: 3.7333vw;
		margin-top: 1em;
		padding: 0 5.3333vw;
		letter-spacing: initial;
	}
	.second-opinion .wrap{
		padding: 0 0 18.666vw;
	}
	.second-opinion a:nth-of-type(1) span{
		font-size: 4.2666vw;
		padding-left: 0;
	    padding-top: 14.6666vw;
	    padding-bottom: 4vw;
	}
	.second-opinion a:nth-of-type(1){
		height: auto;
	}
	.second-opinion a:nth-of-type(1) span:before{
	    width: 6.6666vw;
	    height: 7.066vw;
	    top: 6.333vw;
	    right: 0;
	    margin: auto;
	    bottom: auto;
	}
	.second-opinion a:nth-of-type(1) span:after{
		content: '';
		width: 1.8666vw;
		height: 1.8666vw;
		border-right: solid 1px #AF9B0F;
		border-bottom: solid 1px #AF9B0F;
		transform: rotate(-45deg);
		position: absolute;
	    bottom: 6.3vw;
	    right: -6vw;
	}
	.fukuoka{width: 100%; padding: 1em;}
	.color_white{font-size: 3vw;}
    
	.column h2{
        font-size: 6vw;
		margin-top: 12vw;
	}
    .column h2 span{
	    font-size: 3.9vw;
    	letter-spacing: initial;
    	font-weight: 500;
	}
	
	li.sns_logo{display: flex;
		padding: 1.5rem 1rem 0;
    justify-content: center;
		border-top: 1px dashed #000034;
	}
	li.sns_logo a{width: 15%; margin: 0 1rem; border: none!important}
	li.sns_logo img.sns_last{    padding-top: 4px;}	
	
	.intro .wrap {
    margin-bottom: 0px!important;
}
    .mainV.noline{
	padding-top: 0;
    border-top: none;
}
    .second-opinion a:nth-of-type(2) span {
    font-size: 25px;
}
    #mhlw-risk-fixed .mhlw-risk-fixed-contents {
    z-index: 9999;
    line-height: 1.6;
    margin: 2%;
    width: 96%;
    padding: 4%;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
	left: 0%;
}

#mhlw-risk-fixed .mhlw-risk-fixed-head {
    padding-bottom: 20%;
}
	
#mhlw-risk-fixed .mhlw-risk-fixed-contents .mhlw-risk-fixed-close {
    right: 0;
    top: 0;
}
	
#mhlw-risk-fixed .mhlw-risk-fixed-contents p {
    width: 90%;
    margin: 0;
}
	
#mhlw-risk-fixed-display {
    right: unset;
    left: 5px;
	bottom: 12%;
}
    
    .treatment_wrap{ padding: 50px 20px 0;}
    .main_table{ margin: 10px 0 30px; }
    .main_table th{ width: 23%; letter-spacing: 0;}
    .main_table th,.main_table td{padding: 10px; font-size: 10px;}
    
    .beauty_wrap{ padding: 3rem 0; }
    .beauty_wrap h2{ font-size: 1rem; margin-top: 0; }
    .beauty_wrap h2 strong{ font-size: 2rem;}
    .beauty_wrap h3{ font-size: 1.2rem;}
    .beauty_wrap p{ font-size: 15px; margin-bottom: 1rem;}
    .beauty_wrap a.btn_link{ margin: 2rem auto 0;}
    
    .blog-list > li{ width: 160px; margin-right: 15px;}
    .scroll__inner{ margin-top: 1.5rem;}
    .blog-list dd a{ font-size: 13px; letter-spacing: 0;}
    .blog-list dt{ font-size: 12px; letter-spacing: 0;}
    
	
}