@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:599px){
	
	body{padding-top: 70px;}
	.pc{display: none;}
	.sp{display: inherit;}
	
	.sp_logo{display: flex;width: 100%; height: 64px; align-items: center; position: fixed;top: 0;left: 0;background: #fff;padding: 10px 80px 10px 10px; z-index:1;}
	
	.menu{top: 0;right: 0;color: #fff; background: linear-gradient(to right,#f19ca6,#e7c6de);padding: 10px;}
	.menu img[src*="pc"]{display: none;}
	.menu img[src*="sp"]{display: block;}
	
	nav{display: block;}
	nav .nav_bg{display: none;}
	nav div .logo{margin-bottom: 3vh;}
	nav div .logo img{width: 50vw;}
	nav ul li a{font-size: 3.5vw;}
	nav .yoyaku,nav .tel,nav .insta{margin-bottom: 10px;}
	nav .yoyaku a, nav .tel a,nav .insta a{padding:2vh;}
	.pc_cv{display: none;}
	
	footer{width: 100%;padding: 25px 6vw 60px;}
	footer > .tit{display: none;}
	footer .info{display: none;}
	footer .sitemap{display: block;}
	footer .sp_content{display: block;}
	footer .sp_content .logo{text-align: center;margin-bottom: 20px;}
	footer .sp_content p{margin-bottom: 10px;letter-spacing: 0.13em;}
	footer .sp_content p.name {font-size: 12px; text-align: center; white-space: nowrap;}
	footer .sp_content p span{font-size: 0.6rem; display: inline-block; width: 60px; text-align: center; background: #7d7d7d;color: #fff;padding: 5px 0;margin-right: 10px;}
	footer .sp_content .tel{font-size: 1.26em;}
	footer .sitemap{padding: 0;margin-bottom: 10px;}
	footer .sitemap ul:not(:last-child){margin-right: 0;}
	footer .sitemap > ul > li{margin-bottom: 0;border-bottom: 1px solid;position: relative;}
	footer .sitemap > ul:first-child > li:first-child{border-top: 1px solid;}
	footer .sitemap > ul > li a{display: block;padding: 10px 0;}
	footer .sitemap > ul > li > ul{margin: 0;max-height: 0;opacity: 0;visibility: hidden;transition-duration: .3s;}
	footer .sitemap .in{display: block;}
	footer .sitemap > ul > li > ul > li{display: inline-block;width: 48%;}
	footer .sitemap li.ac{border-bottom: none;}
	footer .sitemap li.ac a{pointer-events: none;}
	footer .sitemap label{display: block;position: absolute;top: -30px;right: 0;}
	footer .sitemap label:after{content: "＋";}
	footer .sitemap input:checked ~ ul{max-height: 1000px;opacity: 1;visibility: visible;}
	footer .sitemap input:checked ~ label:after{content: "ー";}
	.sp_fix{display: flex;width: 100%;position: fixed;bottom: 0;left: 0;}
	.sp_fix li{flex-basis: 100%;text-align: center; border-right: 1px solid #fff;}
	.sp_fix li:first-child{border-right: 1px solid #fff;}
	.sp_fix li a{display: block;background: #7d7d7d;color: #fff;font-size: 1em; font-weight: 500;letter-spacing: 0.1em; padding: 10px;}
	.sp_fix li a img{vertical-align: -2px;margin-right: 5px;}
	
	.top .top_logo{display: none;}
	.top .content{width: 100%;}
	section, article{width: 100%;}
	
	.top h2{font-size: 3vw; margin-bottom: 6vw;}
	
	.top .mv .slide{border-radius: 33vw 0 33vw 0;height:88vw;}
	.top .mv .slide:before{width: 22vw;height: 22vw;}
	
	.top .mv{padding: 3vw 3vw 0;}
	.top .mv .catch{left: 50%;bottom:auto;top: 20vw; transform: translateX(-50%);z-index: 1;}
	.top .mv .catch span{background: none;margin-right:0; background: #ffffff8a;margin-left: 0.1em;}
	
	.top .gray_bg{background:none;padding: 0;margin-top: 0;}
	.no-webp.top .gray_bg{background:none;}
	
	.top .news{background: none;position: relative;margin-bottom: 30px;padding: 35px 6vw 35px 0;}
	.top .news:after{content: "";width: calc(100% - 6vw);height: calc(100% + 53vw);background: url(../img/index/webp/gray_bg.webp) no-repeat left -1px bottom -1px,linear-gradient(to bottom,#fff,#e6e6e6);background-size: 102%;background-blend-mode: overlay;border-radius: 33vw 0 33vw 0; position: absolute;bottom: 0;left: 0;z-index: -1;}
	.no-webp.top .news:after{background: url(../img/index/gray_bg.png) no-repeat left -1px bottom -1px,linear-gradient(to bottom,#fff,#e6e6e6);background-size: 102%;background-blend-mode: overlay;}
	.top .news section{display: block;padding: 0 6vw;}
	.top .news h2{text-align: left;margin-right: 0px;border-right: none;border-bottom: 1px solid #f6c7c9;margin-bottom: 10px;}
	.top .news h2 span{display: inline-block;}
	.top .news ul li{line-height: 2;}
/*		.top .news ul li:last-child{display: none;}*/
/*	.top .news ul li a{text-decoration: underline;}*/
	.top .news ul li span{display: block;}
	
	.top .content .info{padding-top: 0;margin-bottom: 40px;}
	.top .content .info section{display: block;padding: 0 6vw;}
	.top .content .info section .left{margin-bottom: 20px;}
	.top .content .info .left table td:first-child{font-size: 3vw;}
	.top .content .info .left table th, .top .content .info .left table td{font-size: 2.5vw;}
	.top .content .info .left table td:last-child{padding-right: 10px;}
	.top .content .info .left .add{display: none;}
	.top .content .info .right .map{background: #f2f2f2;margin-bottom: 0;}
	.top .content .info .right .map:before{content: none;}
	.top .content .info .right .in{background: linear-gradient(to right,#fbe1e4,#ffff);padding: 15px 15px 30px;}
	.top .content .info .right .in p:first-child{font-feature-settings: "palt";letter-spacing: 0.15em;line-height: 1.6; margin-bottom: 0.6em;}
	.top .content .info .right .in div{margin-bottom: 20px;}
	.top .content .info .right .in .near{font-size: 3.5vw; margin-bottom: 15px;}
	.top .content .info .right .in .near span{font-size: 1.6em;line-height: 1;}
	.top .content .info .right .in .add,
	.top .content .info .right .in .tel{letter-spacing: 0.13em;margin-bottom: 10px;}
	.top .content .info .right .in .add span,
	.top .content .info .right .in .tel span{background: #7d7d7d;color: #fff;font-size: 0.66em; margin-right: 10px;padding: 0 5px;}
	.top .content .info .right .in .add{display: flex;line-height: 1.8;}
	.top .content .info .right .in .add span{display: flex;align-items: center;justify-content: center;}
	.top .content .info .btn{text-align: center;}
	
	.top .policy{background: url("../img/index/webp/policy_bg_sp.webp")no-repeat bottom;background-size: 100% auto;padding: 9vw 0 58vw;}
	.no-webp.top .policy{background: url("../img/index/policy_bg_sp.jpg")no-repeat bottom;background-size: 100% auto;}
	.top .policy section .in{width: 100%;padding: 0 6vw;}
	.top .policy section .in .btn{text-align: center;}
	
	.top .first{border-radius: 0 0 33vw 0;padding: 10vw 0;}
	.top .first .scroll{width: calc(100% - 12vw);margin: auto;overflow: scroll;margin-bottom: 30px;}
	.top .first ul{margin-bottom: 20px;}
	.top .first ul li{flex-basis: 16vw;flex-shrink: 0;margin-right: 5vw;border-radius: 6vw 0 6vw 0;}
	.top .first ul li:not(:last-child):after{width: 5vw;height: 1.5vw;right: -5vw;}
	.top .first ul li .note{padding-right: 10px;}
/*	.top .first ul li p:not([class]){padding-right: 20px;}*/
	

	.top .features{padding: 10vw 6vw;}
	.top .features .box{border-radius: 16vw 0 16vw 0;}
	.top .features .box .bottom{display: block;padding: 6vw;position: relative;}
	.top .features .box .bottom .num{position: absolute;top: 6vw;left: 6vw;}
	.top .features .box .bottom .num img{width: 48.5px;}
	.top .features .box .bottom .txt{margin-right: 0;margin-bottom: 20px;}
	.top .features .box .bottom h3{padding-left: 60px;font-size: 1.16em;white-space: normal;margin-bottom: 30px;font-size: 4.5vw;}
	.top .features .box .bottom h3.narrow{font-size: 1.16em;font-size: 4.5vw;}
	.top .features .btn{text-align: center;}
	.top .features .box .bottom .txt p {font-size: 3.66vw;}
	
	.top .features .slick-list{padding: 0;}
	.top .features .slick-slider .slick-track,
	.top .features .slick-slider .slick-list{width: 100%;}
	.top .features .slick-slide{transform: translateY(50px)scale(1.05);}
	.top .features .slick-current{transform: translateY(0px)scale(1);}
	.top .features .slick-dots{width: 100%;}
	.top .features .slide-arrow.prev{left: 0;}
	.top .features .slide-arrow.next{right: 0;}
	.top .features .slide-arrow.prev:before{width: 20px;height: 40px; background: url("../img/index/prev_arrow_sp.png")no-repeat center;background-size: 100%;}
	.top .features .slide-arrow.next:before{width: 20px;height: 40px; background: url("../img/index/next_arrow_sp.png")no-repeat center;background-size: 100%;}
	
	.top .treatment{padding: 10vw;border-radius: 0 0 33vw 0;}
	.top .treatment h3{font-size: 3.5vw;}
	.top .treatment ul{}
	.top .treatment ul li{flex-basis:calc(40vw - 15px);margin-bottom: 30px;}
	.top .treatment ul li a{height: calc(40vw - 15px);}
	.top .treatment .wrap{display: block;margin-bottom: 10vw;}
	.top .treatment .box{margin-bottom: 30px;}
	.top .treatment .box .txt p{font-size: 2.5vw;}
	.top .treatment .box a{padding: 30px 20px 30px 10px;}
	.top .treatment a img{width: 35vw;}

	.top .message{padding: 10vw 6vw;}
	.top .message .in{display: block;}
	.top .message .in .photo{margin-right:0;margin-bottom: 30px;}
	.top .message .in .photo img{border-radius: 10vw 0 10vw 0;}
	.top .message .in .photo img:not([src*="sp"]){display: none;}
	.top .message .txt .btn{text-align: center;}
	
	.top .clinic{border-radius: 0 0 33vw 0;}
	.top .clinic section{padding: 10vw 6vw;}
	.top .clinic .in{display: block;}
	.top .clinic .in p:first-child{margin-right: 0px;margin-bottom: 30px;}
	.top .clinic .in .btn{text-align: center;}
	
	.top .reservation{padding: 43vw 0 10vw;margin-top: -33vw;}
	.top .reservation .btn a{line-height: 1.8em;}
	
	
	.complaint　.top　.in p:first-child {
    margin-right: 0px;
    margin-bottom: 30px;
}
	
	.complaint　.top .btn a {
    min-width: 210px;
    font-size: 0.93em;
    text-align: left;
    display: inline-block;
    background: rgba(255,255,255,.5);
    border: 1px solid #7b7b7b;
    padding: 10px;
    position: relative;
    z-index: 0;
}
	
	.complaint　.top .in {
    display: block;
}
	
	.first .complaint .in {
    display: block;
    align-items: center;
}
	
	.complaint .btn {
    text-align: center;
    margin-left: 5px;
}
	
	.first .complaint p.center {
    text-align: justify;
    letter-spacing: 0.2em;
    line-height: 1.86;
    font-weight: 700;
	margin: 35px 56px;
}
	
/* corona -----------------------*/
.corona {
    width: 95%;
    margin: 30px auto;
    border: 1px solid;
    padding: 10px 20px;
    box-sizing: border-box;
}
.corona p.text1 {
    font-size: 18px;
}
/* parking-----------------------*/
.parking p:before {
    margin-left: 0;
}
.parking p {
    font-size: 1.4em;
    padding: 5px;
	margin-top: 10px;
}
	
.complaint {
    border-radius: 45px 0 45px 0;
    box-shadow: 10px 10px 5px rgb(0 0 0 / 8%);
}
	
	
	/* バナー用-----------------------*/
	
.recruitbanner {
	width: 100%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
}
#nav:checked ~ nav div {
    opacity: 1;
    overflow: auto;
}
.mv img.top_banner {display: none;}
.gobanner {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 30px;
}

.complaint h3 {
    color: #f19ca6;
    text-align: center;
    margin: 40px 0px;
    font-size: 18px;
}
	

	section.calendar-area{width: 100%; padding: 0 10px; margin: 4.5rem auto;}	
	section div.calendar-inner {flex-wrap: wrap-reverse;display: block;}	
	section div.calendar-inner div{width: 100%; margin-right: 0;}
	section div.calendar-inner div:nth-child(2),
	section div.calendar-inner div:nth-child(4){margin: 0;}
	section.calendar-area .btn{width: 100%;margin:20px 0 0;text-align: center;}
	
	
	
}
@media screen and (max-width:599px){
	.top .mv .catch{font-size: 5.5vw;}
	.top .reservation .btn a{width: 260px;}
	.top .message h3 span.eng {font-size: 0.4rem;display: inline;margin-left: 5px;}
	
    
/*    20201222 ADD*/
    
    .sp_box{
        margin-top: 60px;
    }
	
	.treatment ul.wrap2{ justify-content:space-between;}
	.treatment ul.wrap2 li + li{ margin-left:0;}
}