@charset "UTF-8";


/*pc*/
@media all and (min-width:751px) {

/*common*/
body{
min-width: 1200px;
}
.footer_border{
border: solid 20px #f5f5f5;
}

	a[href^="tel:"] {
pointer-events: none;
}

.anchor{
display: block;
padding-top: 120px;
margin-top: -120px;
}











/*<!--header-->*/
header{
display: flex;
justify-content: space-between;
width: 100%;
padding: 10px 0;
box-shadow: 0px 0px 10px 0px #00000014;
position: fixed;
top: 0;
left: 0;
z-index: 101;
background: #fff;
transition: .3s;
height: 102px;
align-items: center;
}

.header_logo{
    order: 2;
    text-align: center;
    height: 80px;
}

.header_logo img{
    display: inline-block;
    height: 100%;
}

.header_txt{
order: 1;
min-width: 500px;
font-size: 1.8rem;
padding: 0 0 0 13px;
color: #484542;
}

.header_txt span{
font-size: 3rem;
color: #ffa37c;
}

.header_nav{
order: 3;
width: 25%;
}

.header_txt span.header_subject{
color: #2fb0f5;
font-size: 2.3rem;
}

.header_txt span.header_subject_ten{
color: #484542;
font-size: 1.7rem;
font-weight: 400;
}

nav.NavMenu{
position: fixed;
top: 0;
left: 0;
background: #f7f9f9;
color: #000;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 1s;
padding: 50px 0 100px 0;
overflow-y: scroll;
height: 100vh;
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
}

nav.NavMenu ul li{
font-size: 2rem;
font-weight: bold;
list-style-type: none;
padding: 0;
width: 100%;
line-height: 2;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
display: inline-block;		/*クリックできる領域を広げる*/
padding: 1rem 0;
transition: .4s;
}

nav.NavMenu ul li a:link,
nav.NavMenu ul li a:visited{
color: #323335;
}

nav.NavMenu ul li a:hover,
nav.NavMenu ul li a:active{
color: #a9a6a1;
}

nav.NavMenu ul li.nav_tel{
font-size: 3.3rem;
font-weight: bold;
padding: 10px 0 0 0;
}

nav.NavMenu ul li.nav_tel span{
}

nav.NavMenu ul li.nav_tel span::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 5px 0 0;
}

nav.NavMenu ul li.nav_rsv a{
display: inline-block;
border-radius: 5px;
background: #2fb0f5;
color: #fff;    text-align: center;
padding: 10px 0;
transition: .6s;
position: relative;
font-size: 1.4rem;
width: 200px;
box-shadow: 0px 0px 10px 0px #00000014;
}

nav.NavMenu ul li.nav_rsv a:active,
nav.NavMenu ul li.nav_rsv a:hover{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}

nav.NavMenu ul li.nav_rsv a::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

nav.NavMenu ul li.nav_rsv span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

nav.NavMenu.active{
transform: translateY(0%);		/*ナビを表示する*/
}

.Toggle {
    display: block;
    position: fixed;
    right: 30px;
    top: 22px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 3;
}

.Toggle span {
display: block;
position: absolute;
width: 42px;
border-top: solid 1px #000;
-webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
-moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
transition: .35s ease-in-out;			/*変化の速度を指定*/
left: 6px;
}

.Toggle span:nth-child(1) {
top: 12px;
}

.Toggle span:nth-child(2) {
top: 24px;
}

.Toggle span:nth-child(3) {
top: 36px;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}













/* <!--btn reservation--> */
.btn_fix__w{
position:fixed;
top: 70%;
right: 13px;
z-index: 100;
}

.btn_fix__w a{
width: 180px;
height: 120px;
border-radius: 5px;
padding: 20px 20px;
display: table-cell;
color: #ffffff;
text-align: center;
font-size: 1.6rem;
position: relative;
letter-spacing: .1rem;
box-shadow: 0px 0px 10px 0px #00000014;
vertical-align: middle;
line-height: 1.5;
background: #fd6f6f;
transition: .5s;
font-weight: bold;
    background-image: linear-gradient(to right, #2fb0f5 0%, #63d9fd 100%);
    }

.btn_fix__w a:hover,
.btn_fix__w a:active{
transform: translate(0,-6px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}








/*<!--mai image-->*/
.mainimg_w{
position:relative;
margin:70px 0 0;
width: 100%;
height: 70vh;
min-height: 800px;
background-position: center top !important;
background-size: cover !important;
display: flex;
align-items: center;
justify-content: center;
}

.slick_slider_w{
}

.slick_slider_u{
}

.slick_slider_u li{
width:980px;
height:820px;
}

.slick_slider_b{
z-index:1;
position  : absolute;
top: 390px;
left: 50%;
transform : translate(-50%, -50%);
}

.slick_box{
background: #fff;
width: 580px;
position: absolute;
top: 180px;
right: 100px;
padding: 30px 30px 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
box-shadow: 0px 0px 10px 0px #00000014;
border-radius: 3px;
opacity: .85;
}

.slick_box1{
width: 100%;
text-align: center;
padding: 0 0 10px 0;
font-weight: bold;
letter-spacing: .1rem;
font-size: 2rem;
}

.slick_box2{
padding: 10px 0 15px 0;
}

.slick_box2 img{
width: 100%;
}

.slick_box3{
width: 100%;
padding: 0 0 25px 20px;
font-size: 1.4rem;
}

.slick_box3 span{
color: #f55656;
}

.slick_box4{
width: 100%;
text-align: center;
padding: 0 0 0 0;
font-weight: bold;
letter-spacing: .1rem;
font-size: 2rem;
}

.slick_box5{
width: 100%;
font-size: 3rem;
font-weight: bold;
text-align: center;
padding: 0 0 20px 0;
}

.slick_box5 span::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 5px 0 0;
}

.slick_box6{
padding: 0 25px 0 25px;
}

.slick_box6 a{
display: inline-block;
border-radius: 5px;
background: #fff;
color: #5fc6d0;
text-align: center;
padding: 15px 30px;
transition: .6s;
position: relative;
font-size: 1.6rem;
width: 250px;
box-shadow: 0px 0px 10px 0px #bfe4e4;
font-weight: bold;
}

.slick_box6 a:active,
.slick_box6 a:hover{
transform: translate(0,-3px);
opacity: .9;
}

.slick_box6 span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.slick_box7{
width: 25%;
}

.slick_box7 a{
display: block;
background: #2fb0f5;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 3px 0;
font-size: 1.4rem;
transition: .3s;
box-shadow: 0px 0px 10px 0px #00000014;    
}

.slick_box7 a:hover,
.slick_box7 a:active{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}











/*<!--news-->*/
.news__w{
width:100%;
background:#fff;
}

.news__wi{
width: 1200px;
margin: 0 auto;
padding:60px 0 60px;
display: flex;
justify-content: space-between;
}

.news__w h2{
font-size: 2.5rem;
letter-spacing: 0.2rem;
width: 200px;
text-align: center;
}

.news__w h2 span{
display: inline-block;
margin: 0 auto;
}

.news__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 48px;
height: 48px;
margin: 0 auto 10px;
}

.news__w h2 span::after{
content: "news";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}

    .news_kiji__w{
        width: 980px;
        border-top: 1px solid #e8e8e8;
    }

    .kiji__w{
        font-size: 1.5rem;
        border-bottom: 1px solid #e8e8e8;
        padding: 25px 15px;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .kiji__w > div {
        display: table-cell;
        box-sizing: border-box;
    }

    .kiji_d{
        width: 13%;
        font-size: 1.2rem;
        color: #797979;
        display: inline-block;
        margin: 0 15px 0 0;
    }

    .kiji_c {
        width: 17%;
        text-align: center;
        font-size: 1.2rem;
        display: inline-block;
        line-height: 1;
        color: #fff;
        margin: 0 15px 0 0;
    }
    .kiji_c > a {
        display: block;
        padding: 5px 0;
        color: #fff !important;
    }

    .kiji_h{
        width: 70%;
        font-size: 1.5rem;
        padding-left: 1em;
        line-height: 1.5;
        word-break: break-all;
    }

    .kiji_t{
    }



















/*<!--feature-->*/
.feature__w{
width: 100%;
background: #f6faff;
padding: 0 0 100px 0;
}

.feature__wi{
width: 1200px;
margin: 0 auto;
padding: 50px 0;
}

.feature1_box{
position: relative;
height: 490px;
margin-bottom: 90px;
}

.feature1_i{
position: absolute;
width: 820px;
}

.feature1_i img{
width: 100%;
}

.feature1_h{
    position: absolute;
    color: #3c3c3d;
    font-size: 3.5rem;
    top: 50px;
    left: 726px;
    letter-spacing: .8rem;
    line-height: 1.8;
}

.feature1_t{
    position: absolute;
    background: #fff;
    padding: 60px 60px;
    border-radius: 20px;
    top: 230px;
    left: 685px;
    line-height: 2;
    color: #3c3c3d;
    letter-spacing: .3rem;
    box-shadow: 2px 2px 3px 0px #e7f4fb;
    font-size: 1.8rem;
}

.feature2_box{
position: relative;
height: 490px;
margin-bottom: 90px;
}

.feature2_i{
position: absolute;
right: 0;
width: 820px;
}

.feature2_i img{
width: 100%;
}

.feature2_h{
position: absolute;
color: #3c3c3d;
font-size: 3.5rem;
top: 50px;
left: 65px;
letter-spacing: .8rem;
line-height: 1.8;
}

.feature2_t{
position: absolute;
background: #fff;
    padding: 60px 60px;
border-radius: 20px;
top: 170px;
left: 20px;
line-height: 2;
color: #3c3c3d;
letter-spacing: .3rem;
    box-shadow: 2px 2px 3px 0px #e7f4fb;
    font-size: 1.8rem;}

.feature3_box{
position: relative;
height: 490px;
}

.feature3_i{
position: absolute;
width: 820px;
}

.feature3_i img{
width: 100%;
}

.feature3_h{
position: absolute;
color: #3c3c3d;
font-size: 3.5rem;
top: 60px;
left: 726px;
letter-spacing: .8rem;
line-height: 1.8;
}

.feature3_t{
position: absolute;
background: #fff;
    padding: 60px 60px;
border-radius: 20px;
top: 250px;
left: 685px;
line-height: 2;
color: #3c3c3d;
letter-spacing: .3rem;
    box-shadow: 2px 2px 3px 0px #e7f4fb;
    font-size: 1.8rem;
    }











/*<!--medical-->*/
.medical__w{
width: 100%;
background: #cdeeff;
}

.medical__wi{
width: 1200px;
margin: 0 auto;
padding: 70px 0 80px;
}

.medical__w h2{
font-size: 2.5rem;
letter-spacing: 0.2rem;
width: 200px;
text-align: center;
margin: 0 auto 80px;
}

.medical__w h2 span{
display: inline-block;
margin: 0 auto;
    color: #203540;
}

.medical__w h2 span::before{
content: "";
background: url("../images/logo-s.png") no-repeat;
display: block;
width: 48px;
height: 48px;
margin: 0 auto 10px;
}
.medical__w h2 span::after{
content: "medical";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
}

.medical_nav__w{
}

.medical_nav__w ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.medical_nav__w ul li{
width: 270px;
height: 220px;
text-align: center;
margin: 0 0 30px 0;
}

.medical_nav__w ul li a{
width: 270px;
height: 220px;
background: #fff;
border-radius: 10px;
display: block;
box-shadow: 0px 0px 10px 0px #82d2fb;
padding: 40px 0 0;
transition: .3s;
line-height: 1.3;
}

.medical_nav__w ul li  a:hover,
.medical_nav__w ul li  a:active{
transform: translate(0,-3px);
opacity: .8;
box-shadow: 0px 0px 10px 0px #bfe4e4;
}

.mdnav1{
}

.medical_nav__w ul li  a span{
color: #499fdc;
font-size: 2rem;
letter-spacing: .2rem;
}

.medical_nav__w ul li  a span::before{
content: "";
width: 80px;
height: 80px;
display: block;
background-size: cover;
margin: 0 auto 25px;
}

.mdnav1  a span::before{
background: url(../images/ic-medical01.png) no-repeat;
} 

.mdnav2  a span::before{
background: url(../images/ic-medical02.png) no-repeat;
} 

.mdnav3  a span::before{
background: url(../images/ic-medical03.png) no-repeat;
} 

.mdnav4  a span::before{
background: url(../images/ic-medical04.png) no-repeat;
} 

.mdnav5  a span::before{
background: url(../images/ic-medical05.png) no-repeat;
} 

.mdnav6  a span::before{
background: url(../images/ic-medical06.png) no-repeat;
} 

.mdnav7  a span::before{
background: url(../images/ic-medical07.png) no-repeat;
} 

.mdnav8  a span::before{
background: url(../images/ic-medical08.png) no-repeat;
} 

.mdnav9  a span::before{
background: url(../images/ic-medical13.png) no-repeat;
} 

.mdnav10  a span::before{
background: url(../images/ic-medical10.png) no-repeat;
} 

.mdnav11  a span::before{
background: url(../images/ic-medical11.png) no-repeat;
}
.mdnav12  a span::before{
background: url(../images/ic-medical12.png) no-repeat;
}












/*<!--doctor-->*/
.doctor__w{
width: 100%;
background: #fff;
}

.doctor__wi{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.doctor_i{
width: 680px;
}

.doctor_i img{
width: 100%;
}

.doctor_t{
width: 460px;
}

.doctor_t1{
font-size: 2.8rem;
text-align: center;
letter-spacing: .4rem;
padding: 50px 0 30px;
}

.doctor_t2{
font-size: 1.9rem;
text-align: center;
letter-spacing: .2rem;
padding: 0 0 30px;
}

.doctor_t3{
line-height: 2.8;
padding: 0 0 35px 0;
}

.doctor_t4{
}

.doctor_btn{
text-align: center;
}

.doctor_btn a{
display: inline-block;
border-radius: 5px;
background: #2fb0f5;
color: #fff; 
text-align: center;
padding: 10px 0;
transition: .6s;
position: relative;
font-size: 1.4rem;
width: 200px;
box-shadow: 0px 0px 10px 0px #00000014;    
}

.doctor_btn a:active,
.doctor_btn a:hover{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}

.doctor_btn span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}
















/*<!--loopslide-->*/
.loopslide{
padding: 50px 0;
background: #e1f8ff;
}

.simply-scroll-container {
position: relative;
}

.simply-scroll-clip {
position: relative;
overflow: hidden;
}

.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
}

.simply-scroll-list li {
float: left; /* Horizontal scroll only */
padding: 0;
margin: 0;
width: 400px;
height: 267px;
}

.simply-scroll-list li img {
display: block;
width: 400px;
height: 267px;
}










/*<!--common clinic-->*/
.clinic__w{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 70px 0;
}

.clinic_box1{
width: 580px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.clinic_box2{
width: 580px;
}

.clinic1{
width: 580px;
margin: 0 0 50px 0;
}

.clinic1 img{
width: 50%;
margin: 0 auto;
}

.clinic2{
width: 580px;
font-size: 1.4rem;
line-height: 1;
padding: 0 0 0 10px ;
margin: 0 0 5px 0;
}

.clinic2 span{
font-size: 2.8rem;
color: #ffa37c;
font-weight: bold;
}

.clinic3{
width: 580px;
font-size: 1.8rem;
padding: 0 0 0 10px ;
margin: 0 0 25px 0;
}

.clinic4{
width: 300px;
font-size: 3rem;
font-weight: bold;
padding: 0 0 0 10px ;
}

.clinic4 span{
}

.clinic4 span::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin: 0 5px 0 0;
}



.clinic5{
width: 250px;
}

.clinic5 a{
display: inline-block;
border-radius: 5px;
background: #2fb0f5;
color: #fff;    text-align: center;
padding: 10px 0;
transition: .6s;
position: relative;
font-size: 1.4rem;
width: 200px;
box-shadow: 0px 0px 10px 0px #00000014;
}

.clinic5 a:active,
.clinic5 a:hover{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}

.clinic5 span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.clinic6{
width: 580px;
margin: 20px 0 15px 0;

}

.clinic6 img{
width: 100%;
}

.clinic7{
padding: 0 0 0 10px;
font-size: 1.5rem;
}

.clinic7 span{
color: #f55656;
}

.clinic8{
}

.clinic8 iframe{
width: 100%;
height: 580px;
}




















/*<!--footer-->*/
.footer__w{
width: 100%;
background: #2fb0f5;
position: relative;
}

.footer__wi{
background-size: contain;
width: 1200px;
margin: 0 auto;
position: relative;
}

.footer__w p{
font-size: 1.2rem;
text-align: center;
color: #fff;
padding: 0 0 50px 0;
}

.footer_sitemap__w{
}

.footer_sitemap__w ul{
text-align: center;
padding: 0 0 60px;
}

.footer_sitemap__w ul li{
display: inline-block;
}

.footer_sitemap__w ul li a{
display: inline-block;
padding: 5px 5px;
text-align: center;
font-size: 1.5rem;
margin: 0 25px 0 0;
color: #ffffff;
border-radius: 5px;
transition: .3s;
}

.footer_sitemap__w ul li a:hover,
.footer_sitemap__w ul li a:active{
opacity: .7;
}

.footer_logo{
width: 280px;
margin: 0 auto;
padding: 50px 0 60px;
}

.footer_logo img{
width: 100%;
}

.btn_pagetop{
position: absolute;
bottom: 55px;
right: 60px;
z-index: 100;
}

.btn_pagetop a{
width: 60px;
height: 60px;
border-radius: 2px;
padding: 20px 20px;
display: table-cell;
color: #ffffff;
text-align: center;
font-size: 1.4rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.5;
background: #f98bb2;
transition: .5s !important;
font-weight: bold;
}

.btn_pagetop a:hover,
.btn_pagetop a:active{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}
















/*<!--breadcrumb-->*/
.bc_w{
width:100%;
font-size: 1.4rem;
margin:0 0 30px 0;
}

.bc_ww{
width:980px;
margin:0 auto;
}

.bc_w ol{
}

.bc_w ol li{
list-style:none;
display:inline;
}

.bc_w ol li a:link,
.bc_w ol li a:visited{
color:#0068b7 !important;
font-size:1.4rem !important;
}

.bc_w ol li a:hover,
.bc_w ol li a:active{
color:#0068b7 !important;
font-size:1.4rem !important;
}

.bc_w ol li a:last-of-type{
color:#333 !important;
}
























/*<!--subpage h1-->*/
.subtitle__w{
margin: 82px auto 0;
width: 1200px;
height: 300px;
padding: 100px 0 0 0;
}

.h_information{
background: url("../images/subtitle_bg1.jpg") no-repeat;
background-size: cover;
}

.h_information h1 span::after{
content: "information";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_doctor{
background: url("../images/subtitle_bg2.jpg") no-repeat;
background-size: cover;
}

.h_doctor h1 span::after{
content: "doctor";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_facilities{
background: url("../images/subtitle_bg3.jpg") no-repeat;
background-size: cover;
}

.h_facilities h1 span::after{
content: "facilities";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_faq{
background: url("../images/subtitle_bg4.jpg") no-repeat;
background-size: cover;
}

.h_faq h1 span::after{
content: "faq";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_access{
background: url("../images/subtitle_bg5.jpg") no-repeat;
background-size: cover;
}

.h_access h1 span::after{
content: "access";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.subtitle__w h1{
font-size: 3.5rem;
letter-spacing: 1rem;
text-align: center;
margin: 0 auto;;
color: #fff;
}

.subtitle__w h1 span{
display: inline-block;
margin: 0 auto;
}














/*<!--breadcrumb-->*/
.bc__w{
width: 1200px;
margin: 0 auto;
padding: 25px 0 25px 30px;
font-size: 1.4rem;
background: #f8f9f9;
}

.bc__w ol{
padding: 0;
}

.bc__w ol li{
list-style:none;
display:inline;
}

.bc__w ol li a:link,
.bc__w ol li a:visited{
color:#0068b7 !important;
}

.bc__w ol li a:hover,
.bc__w ol li a:active{
color:#0068b7 !important;
}

.bc__w ol li:last-of-type a{
color:#969696 !important;
}










/*<!--subpage h2-->*/
.subtitle_h2{
text-align: center;
}

.subtitle_h2 h2{
color: #222;
letter-spacing: .3rem;
font-size: 2.4rem;
display: inline-block;
font-weight: bold;
}

.subtitle_h2 h2 span{
}

.subtitle_h2 h2 span::after{
content: "";
border-bottom: solid 4px #a1cbd6;
width: 30px;
display: block;
margin:  15px auto 0;
}











/*<!--information-->*/
.info__w{
width: 1200px;
margin: 0 auto;
padding: 80px 90px 30px;
background: #fff;
}

.info_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 50px 0;
}

.info_box1{
width: 620px;
}

.info_box1 h3{
font-weight: bold;
font-size: 2.2rem;
margin: 0 0 5px 0;
}

.info_box1 p{
line-height: 2.5;
}

.info_box2{
width: 360px;
}

.info_box2 img{
width: 100%;
}


























/*<!--subdoctor-->*/
.subdoctor__w{
width: 100%;
background: #e8eeee;
}

.subdoctor__wi{
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.subdoctor_i{
width: 680px;
}

.subdoctor_i img{
width: 100%;
}

.subdoctor_t{
width: 460px;
}

.subdoctor_t1{
font-size: 2.8rem;
text-align: center;
letter-spacing: .4rem;
padding: 200px 0 50px;
}

.subdoctor_t2{
font-size: 1.9rem;
text-align: center;
letter-spacing: .2rem;
padding: 0 0 30px;
}

.subdoctor_t3{
line-height: 2.4;
padding: 70px 150px 70px;
}

.subdoctor_t4{
}












/*<!--doctorhistory-->*/
.doctorhistory__w{
width: 100%;
background: #fff;
padding: 100px 0 100px;
}

.doctorhistory_box{
padding: 50px 90px 0;
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctorhistory_box1{
width: 100%;
padding: 30px 50px;
background: #fffde2;
margin: 0 0 30px 0;
}

.doctorhistory_box1 h3{
font-weight: bold;
font-size: 2rem;
margin: 0 0 10px 0;
}

.doctorhistory_box1 p{
line-height: 2.5;
}

.doctorhistory_box2{
width: 480px;
padding: 30px 50px;
background: #fffde2;
}

.doctorhistory_box2 h3{
font-weight: bold;
font-size: 2rem;
margin: 0 0 10px 0;
}

.doctorhistory_box2 p{
line-height: 2.5;
}

.subdoctor_name{
text-align: center;
padding: 80px 0 80px;
font-size: 3rem;
background: #f9f9f9;
}
















/*<!--sub gallery-->*/
.sub_gallery__w{
}

.sub_gallery_box__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1200px;
margin: 0 auto;
}

.sub_gallery_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 570px;
margin: 0 auto 50px;
}

.sub_gallery_box1{
width: 100%;
}

.sub_gallery_box1 img{
width: 100%;
}

.sub_gallery_box2{
width: 100%;
font-size: 1.6rem;
text-align: center;
padding: 15px 0 15px 0;
background: #f5f5f5;
}











/*<!--faq-->*/
.s_01 .accordion_one .accordion_header:hover {
opacity: .8;
}

.s_01 .accordion_one .accordion_header .i_box .one_i {
display: block;
width: 18px;
height: 18px;
transform-origin: center center;
transition-duration: 0.2s;
position: relative;
}

.s_01 .accordion_one .accordion_header.open .i_box {
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
display: flex;
content: '';
background-color: #fff;
border-radius: 10px;
width: 14px;
height: 2px;
position: absolute;
top: 8px;
left: 2px;
transform-origin: center center;
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before {
width: 2px;
height: 14px;
top: 2px;
left: 8px;
}

.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
content: none;
}

.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
}

.s_01 .accordion_one .accordion_inner {
display: none;
border-left: 1px solid #e1f0f3;
border-right: 1px solid #e1f0f3;
border-bottom: 1px solid #e1f0f3;
box-sizing: border-box;
background: #fff;
position: relative;
padding: 15px 90px 15px 90px;
}

.s_01 .accordion_one .accordion_inner .box_one {
}

.s_01 .accordion_one .accordion_inner p.txt_a_ac {
margin: 0;
}

.s_01 .accordion_one .accordion_header .i_box {
width: 30px;
height: 30px;
margin-top: -15px;
}

.s_01 .accordion_one {
max-width: 1200px;
margin: 0 auto 15px;
}

.txt_a_ac::before{
position: absolute;
content: "A";
font-size: 3rem;
left: 30px;
top: 4px;
color: #ffbe6e;
font-weight: bold;
}

.s_01 .accordion_one .accordion_header .i_box {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 55%;
right: 3%;
width: 30px;
height: 30px;
border: 1px solid #fff;
margin-top: -20px;
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
background: #2fb0f5;
border-radius: 100px;
}

.s_01 .accordion_one .accordion_header {
background-color: #ffffff;
font-size: 1.8rem;
font-weight: bold;
padding: 15px 90px 15px 90px;
position: relative;
z-index: +1;
cursor: pointer;
transition-duration: 0.2s;
border: 1px solid #e1f0f3;
}

.s_01 .accordion_one .accordion_header::before{
position: absolute;
content: "Q";
font-size: 3rem;
left: 30px;
top: 5px;
color: #2fb0f5;
}

.s_01 {
padding: 50px 0;
}

.qa_link_btn{
display: block;
border: solid 2px #d7cbb6;
width: 30%;
padding: 5px;
text-align: center;
margin: 10px 0;
text-decoration: none !important;
color: #bf9c6f !important;
font-weight: bold;
}

.qa_link_btn span{
display: block;
width: 100%;
position: relative;
}

.qa_link_btn span::after{
content: "\0bb";
position: absolute;
right: 10px;
}












/*<!--access-->*/
.access__w{
width: 1200px;
margin: 0 auto;
padding: 80px 90px 30px;
background: #fff;
}

.submap_box{
}

.submap_gmap{
width: 100%;
height: 500px;
}

.submap_gmap iframe{
width: 100%;
height: 500px;
}

.submap_link{
padding: 40px 0;
text-align: center;
}

.submap_link a{
display: inline-block;
border-radius: 5px;
background: #2fb0f5;
color: #fff;
text-align: center;
padding: 10px 0;
transition: .6s;
position: relative;
font-size: 1.4rem;
width: 200px;
box-shadow: 0px 0px 10px 0px #00000014;
}

.submap_link a:active, .submap_link a:hover {
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;
}

.submap_link span::before {
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.submap_traffic{
padding: 30px;
border: 5px solid #e9fafc;
margin: 0 0 100px;
}

.submap_traffic_address{
font-size: 1.6rem;
padding: 0 0 20px 0;
}

.submap_traffic_box{
}

.submap_traffic_box1{
font-size: 1.8rem;
color: #2fb0f5;
}

.submap_traffic_box2{
margin: 0 0 20px 0;
font-size: 1.5rem;
}

.submap_traffic_box:last-child .submap_traffic_box2{
margin: 0;
}

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

.submap_route_box{
width: 48%;
margin: 0 0 40px 0;
}

.submap_route_box1{
width: 100%;
position: relative;
}

.submap_route_box:nth-child(odd) .submap_route_box1:after{
content: "\025b6";
position: absolute;
right: -30px;
top: 50%;
margin: auto;
color: #43b4cd;
}

.submap_route_box:last-child .submap_route_box1:after{
content: "";
}

.submap_route_box1 img{
width: 100%;
}

.submap_route_box2{
display: flex;
justify-content: space-between;
width: 100%;
font-size: 1.6rem;
align-items: center;
padding: 10px 0 0 0;
}

.route_number{
display: inline-block;
padding: 10px 20px;
background: #e9fafc;
color: #2fb0f5;
font-weight: bold;
font-size: 2rem;
width: 10%;
}

.route_txt{
display: inline-block;
width: 90%;
padding: 0 0 0 15px;
line-height: 1.5;
}

.calendar__w{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 980px;
margin: 0 auto 80px;
}

.calendar1{
width: 48%;
}

.calendar2{
width: 48%;
}

.calendar1 img,
.calendar2 img{
width: 100%;
}

.calendar_c1{
color: #ef4f69;
}

.calendar_c2{
color: #A7DAFF;
}

.calendar_memo{
display: flex;
justify-content: flex-start;
width: 100%;
margin: 10px 0 0 0;
}

.calendar_memo1{
margin: 0 30px 0 0;
}





}
/*PC*/






















































/*sp*/
@media all and (max-width:750px) {


/*common*/

.anchor{
display: block;
padding-top: 11vh;
margin-top: -11vh;
margin-bottom: 12vw;
}




/*<!--header-->*/
header{
display: flex;
justify-content: space-between;
width: 100%;
border-bottom: solid 0.5vh #ecf9fb;
}

.header_logo{
text-align: center;
padding: 0 0 0 4vw;
margin: .4rem 0 0 0;
}

.header_logo img{
display: inline-block;
width: 30vw;
}

.header_nav{
width: 14vw;
}

.header_rsv{
width: 30vw;
}

.header_rsv a{
background: #2fb0f5;
color: #e9f8fd;
padding: 3vw 2vw;
text-align: center;
font-size: 1.0rem;
line-height: 1.4;
display: inline-block;
border-radius: 3px;
margin: .5rem 0;
letter-spacing: 0;
width: 100%;
box-shadow: 0px 0px 5px 0px #afe0e6;
}

.header_rsv a span{
}

nav.NavMenu{
position: fixed;
z-index: 2;
top: 0;
left: 0;
background: #f7f9f9;
color: #000;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 1s;
padding: 3vh 0 3vh 0;
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
}

nav.NavMenu ul li{
font-size: 1.6rem;
list-style-type: none;
padding: 0;
width: 100%;
line-height: 1.8;
letter-spacing: .2rem;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
display: inline-block;		/*クリックできる領域を広げる*/
padding: 1rem 0;
transition: .4s;
}

nav.NavMenu ul li a:link,
nav.NavMenu ul li a:visited{
color: #323335;
}

nav.NavMenu ul li a:hover,
nav.NavMenu ul li a:active{
color: #96dce5;
transform: translate(0,-2px);
}

nav.NavMenu ul li.nav_tel{
font-size: 2.3rem;
font-weight: bold;
padding: 3vw 0 3vw 0;
}

nav.NavMenu ul li.nav_tel span{
color: #323335;
}

nav.NavMenu ul li.nav_tel span::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
vertical-align: text-top;
margin: 0 5px 0 0;
}

nav.NavMenu ul li.nav_rsv{
}

nav.NavMenu ul li.nav_rsv a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 10vw;
transition: .6s;
position: relative;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.01rem;
background: #2fb0f5;
color: #e9f8fd;
box-shadow: 0px 0px 5px 0px #afe0e6;
}

nav.NavMenu ul li.nav_rsv a:active,
nav.NavMenu ul li.nav_rsv a:hover{
transform: translate(0,-3px);
opacity: .9;
}

nav.NavMenu ul li.nav_rsv span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

nav.NavMenu.active{
transform: translateY(0%);		/*ナビを表示する*/
height: 100vh;
overflow-y: auto;
}

.Toggle {
display: block;
position: fixed;
top: 4vw;
right: 3.5vw;
width: 10vw;
cursor: pointer;
z-index: 3;
height: 5rem;
}

.Toggle span {
display: block;
position: absolute;
width: 10vw;
border-top: solid 1px #000;
-webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
-moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
transition: .35s ease-in-out;			/*変化の速度を指定*/
}

.Toggle span:nth-child(1) {
top: 1rem;
}

.Toggle span:nth-child(2) {
top: 2.2rem;
}

.Toggle span:nth-child(3) {
top: 3.4rem;
}


/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
top: 5vw;
left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 5vw;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
















/*<!--mainimage-->*/
.mainimg_w{
position:relative;
height: 90vh;
background-position: center top !important;
background-size: cover !important;
display: flex;
align-items: center;
justify-content: center;
}

.slick_box{
background: #fff;
width: 90vw;
padding: 5vw 5vw 7vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -10vh auto 3vh;
box-shadow: 0px 0px 10px 0px #00000014;
border-radius: 3px;
}

.slick_box0{
width: 100%;
text-align: center;
padding: 0 0 4vw 0;
letter-spacing: .1rem;
font-size: 1.5rem;
color: #484542;
}

.slick_box0 span{
font-size: 1.8rem;
color: #ffa37c;
font-weight: bold;
}

.slick_box0 span.header_subject{
color: #2fb0f5;
font-size: 1.7rem;
font-weight: bold;
}

.slick_box1{
width: 100%;
text-align: center;
padding: 0 0 4vw 0;
letter-spacing: .1rem;
font-size: 1.5rem;
}

.slick_box2{
padding: 0 0 2vw 0;
}

.slick_box2 img{
width: 100%;
}

.slick_box3{
width: 100%;
padding: 0 0 6vw 0;
font-size: 1.3rem;
text-align: center;
}

.slick_box3 span{
color: #f55656;
}

.slick_box4{
width: 100%;
text-align: center;
padding: 0 0 3vw 0;
letter-spacing: .1rem;
font-size: 1.5rem;
}

.slick_box5{
width: 100%;
font-size: 2.5rem;
font-weight: bold;
text-align: center;
padding: 0 0 3vw 0;
line-height: 1;
letter-spacing: .2rem;
}

.slick_box5 span::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 2.5rem;
height: 2.5rem;
display: inline-block;
background-size: contain;
margin: 0 5px 0 0;
vertical-align: bottom;
}


.slick_box5 a{
transition: .6s;
display: inline-block;
}

.slick_box5 a:active,
.slick_box5 a:hover{
transform: translate(0,-3px);
opacity: .9;
color: #333 !important;
}

.slick_box6{
padding: 0 0 4vw 0;
}

.slick_box7{
width: 100%;
}

.slick_box7 a{
display: block;
background: #2fb0f5;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 1vw 1vw;
font-size: 1.2rem;
transition: .3s;
box-shadow: 0px 0px 10px 0px #00000014;
width: 30vw;
margin: 0 auto;
}

.slick_box7 a:hover,
.slick_box7 a:active{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}



















/*<!--news-->*/
.news__w{
width:100%;
background:#fff;
}

.news__wi{
width: 100%;
margin: 0 auto;
padding: 7vw 0 5vw;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.news__w h2{
font-size: 1.8rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 5vw;
}

.news__w h2 span{
display: inline-block;
margin: 0 auto;
}

.news__w h2 span::before{
content: "";
background: url(../images/logo-s.png) no-repeat;
display: block;
width: 10vw;
height: 10vw;
margin: 0 auto 1vw;
background-size: cover;
}

.news__w h2 span::after{
content: "news";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;
line-height: 1;
}

    .news_kiji__w{
        width: 100%;
        border-top: 1px solid #e8e8e8;
        margin-bottom: 50px;
    }

    .kiji__w{
        font-size: 1.4rem;
        border-bottom: 1px solid #e8e8e8;
        padding: 5vw 4vw;
    }

    .kiji_d{
        font-size: 1.1rem;
        display: inline-block;
        color: #949494;
        width: 49%;
    }
    .kiji_c {
        width: 49%;
        box-sizing: border-box;
        text-align: center;
        display: inline-block;
        line-height: 1;
        color: #fff;
        font-size: 1.1rem;
    }
    .kiji_c > a {
        display: block;
        padding: 5px 0;
        color: #fff !important;
    }

    .kiji_h{
        font-size: 1.4rem;
        display: inline-block;
        width: 100%;
        padding-top: 10px;
    }

    .kiji_t{
    }



















/*<!--feature-->*/
.feature__w{
width: 100%;
background: #f6faff;
margin: 3vw 0 0 0;
}

.feature__wi{
width: 100%;
margin: 0 auto;
padding: 0 0;
}

.feature1_box{
}

.feature1_i{
}

.feature1_i img,
.feature2_i img,
.feature3_i img{
width: 100%;
}

.feature1_h,
.feature2_h,
.feature3_h{
color: #3c3c3d;
font-size: 2rem;
letter-spacing: .2rem;
line-height: 1.6;
padding: 6vw 4vw 4vw;
text-align: center;
}

.feature1_t,
.feature2_t,
.feature3_t{
padding: 0 8vw 15vw;
border-radius: 20px;
line-height: 2;
color: #3c3c3d;
letter-spacing: .05rem;
    box-shadow: 2px 2px 3px 0px #e7f4fb;
}





















/*<!--medical-->*/
.medical__w{
width: 100%;
background: #cdeeff;
}

.medical__wi{
width: 100%;
margin: 0 auto;
padding: 10vw 0 5vw;
}

.medical__w h2{
font-size: 1.8rem;
letter-spacing: 0.2rem;
text-align: center;
margin: 0 auto 6vw;
}

.medical__w h2 span{
display: inline-block;
margin: 0 auto;
    color: #203540;
}

.medical__w h2 span::before{
content: "";
background: url(../images/logo-s.png) no-repeat;
display: block;
width: 10vw;
height: 10vw;
margin: 0 auto;
background-size: cover;  
}

.medical__w h2 span::after{
content: "medical";
display: block;
font-size: 1.3rem;
letter-spacing: .1rem;

}

.medical_nav__w{
padding: 4vw 0 0 0;
}

.medical_nav__w ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 4vw;
}

.medical_nav__w ul li{
width: 48%;
height: 45vw;
text-align: center;
margin: 0 0 2vw 0;
}

.medical_nav__w ul li a{
width: 100%;
height: 45vw;
background: #fff;
border-radius: 10px;
display: block;
box-shadow: 0px 0px 3vw 0px #82d2fb;
padding: 10vw 0 0;
transition: .3s;
}

.medical_nav__w ul li  a:hover{
transform: translate(0,-3px);
background: #ffffff;
box-shadow: 0px 0px 3vw 0px #bfe4e4;
}

.mdnav1{
}

.medical_nav__w ul li  a span{
font-weight: bold;
color: #499fdc;
font-size: 1.6rem;
letter-spacing: .2rem;
}

.medical_nav__w ul li  a span::before{
content: "";
width: 15vw;
height: 15vw;
display: block;
background-size: cover;
margin: 0 auto 4vw;
}

.mdnav1  a span::before{
background: url(../images/ic-medical01.png) no-repeat;
} 

.mdnav2  a span::before{
background: url(../images/ic-medical02.png) no-repeat;
} 

.mdnav3  a span::before{
background: url(../images/ic-medical03.png) no-repeat;
} 

.mdnav4  a span::before{
background: url(../images/ic-medical04.png) no-repeat;
} 

.mdnav5  a span::before{
background: url(../images/ic-medical05.png) no-repeat;
} 

.mdnav6  a span::before{
background: url(../images/ic-medical06.png) no-repeat;
} 

.mdnav7  a span::before{
background: url(../images/ic-medical07.png) no-repeat;
} 

.mdnav8  a span::before{
background: url(../images/ic-medical08.png) no-repeat;
} 

.mdnav9  a span::before{
background: url(../images/ic-medical13.png) no-repeat;
} 

.mdnav10  a span::before{
background: url(../images/ic-medical10.png) no-repeat;
} 
.mdnav11  a span::before{
background: url(../images/ic-medical11.png) no-repeat;
}
.mdnav12  a span::before{
background: url(../images/ic-medical12.png) no-repeat;
}

    
    


    
    
    
    
    
    
    
    
    
    
    
    
    
    


/*<!--doctor-->*/
.doctor__w{
width: 100%;
background: #fff;
padding: 0 0 10vw 0;
}

.doctor__wi{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctor_i{
width: 100%;
}

.doctor_i img {
width: 100%;
}

.doctor_t{
width: 100%;
}

.doctor_t1{
font-size: 2rem;
text-align: center;
letter-spacing: .2rem;
padding: 10vw 0 3vw;
}

.doctor_t2{
font-size: 1.4rem;
text-align: center;
letter-spacing: .1rem;
padding: 0 0 8vw;
}

.doctor_t3{
line-height: 2;
padding: 0 4vw 3vw 4vw;
letter-spacing: .05rem;
}

.doctor_btn{
text-align: center;
}

.doctor_btn a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 10vw;
transition: .6s;
position: relative;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.01rem;
background: #2fb0f5;
color: #e9f8fd;
box-shadow: 0px 0px 5px 0px #afe0e6;
}

.doctor_btn a:active,
.doctor_btn a:hover{
transform: translate(0,-3px);
}

.doctor_btn span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}
















/*<!--loopslide-->*/
.loopslide{
padding: 12vw 0;
background: #e1f8ff;
}

.simply-scroll-container {
position: relative;
}

.simply-scroll-clip {
position: relative;
overflow: hidden;
}

.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
}

.simply-scroll-list li {
float: left; /* Horizontal scroll only */
padding: 0;
margin: 0;
width: 80vw;
}

.simply-scroll-list li img {
display: block;
width: 100%;
}















/*<!--common clinic-->*/
.clinic__w{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 10vw 0 0;
flex-wrap: wrap;
}

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

.clinic_box2{
width: 100%;
height: 50vh;
margin: 0 0 7vw 0;
}

.clinic1{
width: 100%;
text-align: center;
padding: 0 0 5vw 0;
}

.clinic1 img{
width: 60vw;
display: inline-block;
}

.clinic2{
width: 100%;
font-size: 1.4rem;
line-height: 1.4;
text-align: center;
padding: 0 0 5vw;
}

.clinic2 span{
font-size: 2.8rem;
color: #ffa37c;
font-weight: bold;
}

.clinic3{
width: 100%;
font-size: 1.4rem;
padding: 0 0 6vw;
text-align: center;
}

.clinic4{
width: 100%;
font-size: 2.5rem;
font-weight: bold;
text-align: center;
line-height: 1;
padding: 0 0 3vw;
}

.clinic4 a span{
}

.clinic4 a span::before{
content: "";
background: url("../images/ic_tel.png") no-repeat;
width: 2.5rem;
height: 2.5rem;
display: inline-block;
background-size: contain;
margin: 0 2vw 0 0;
vertical-align: bottom;
}


.clinic4 a{
transition: .6s;
display: inline-block;
}

.clinic4 a:active,
.clinic4 a:hover{
transform: translate(0,-3px);
opacity: .9;
color: #333 !important;
}


.clinic5{
width: 100%;
padding: 5vw 0 10vw;
text-align: center;
}

.clinic5 a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 10vw;
transition: .6s;
position: relative;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.01rem;
background: #2fb0f5;
color: #e9f8fd;
box-shadow: 0px 0px 5px 0px #afe0e6;
}

.clinic5 a:active,
.clinic5 a:hover{
transform: translate(0,-3px);
}

.clinic5 span::before{
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}

.clinic6{
width: 100%;
padding: 0 4vw 4vw 4vw;
}

.clinic6 img{
width: 100%;
}

.clinic7{
padding: 0 0 10vw  4vw;
font-size: 1.4rem;
text-align: center;
width: 100%;
}

.clinic7 span{
color: #f55656;
}

.clinic8{
}

.clinic8 iframe{
width: 100%;
height: 50vh;
}




















/*<!--footer-->*/
.footer__w{
width: 100%;
background: #2fb0f5;
position: relative;
}

.footer__wi{
background-size: contain;
width: 100%;
margin: 0 auto;
position: relative;
}

.footer__w p{
font-size: 1.2rem;
text-align: center;
color: #fff;
padding: 0 0 2vw 0;
}














/*<!--breadcrumb-->*/
.bc__w{
width: 100%;
margin: 0 auto 10vw;
padding: 2vw 4vw;
font-size: 1.3rem;
background: #f8f9f9;
}

.bc__w ol{
padding: 0;
}

.bc__w ol li{
list-style:none;
display:inline;
}

.bc__w ol li a:link,
.bc__w ol li a:visited{
color:#0068b7 !important;
}

.bc__w ol li a:hover,
.bc__w ol li a:active{
color:#0068b7 !important;
}

.bc__w ol li:last-of-type a{
color:#333 !important;
}

















/*<!--information-->*/
.info__w{
margin: 0 auto;
padding: 0 5vw;
}

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

.info_box1{
margin: 0 0 5vw;
order: 2;
}

.info_box1 h3{
font-weight: bold;
font-size: 1.6rem;
padding: 5vw 0;
}

.info_box1 p{
}

.info_box2{
width: 100%;
order: 1;
margin: 0 0 3vw 0;
}

.info_box2 img{
width: 100%;
}
























/*<!--subdoctor-->*/
.subdoctor__w{
width: 100%;
background: #e8eeee;
}

.subdoctor__wi{
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.subdoctor_i{
width: 100%;
}

.subdoctor_i img{
width: 100%;
}

.subdoctor_t{
width: 100%;
}

.subdoctor_t1{
font-size: 1.9rem;
text-align: center;
letter-spacing: .2rem;
padding: 8vw 0 4vw;
}

.subdoctor_t2{
font-size: 1.6rem;
text-align: center;
letter-spacing: .1rem;
padding: 0 0 7vw;
}

.subdoctor_t3{
line-height: 2;
padding: 2vw 6vw 10vw;
font-size: 1.4rem;
}

.subdoctor_t4{
}












/*<!--doctorhistory-->*/
.doctorhistory__w{
width: 100%;
background: #fff;
padding: 10vw 0 10vw;
}

.doctorhistory_box{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.doctorhistory_box1{
width: 100vw;
padding: 8vw 4vw;
background: #fffde2;
margin: 0 0 5vw 0;
}

.doctorhistory_box1 h3{
font-weight: bold;
font-size: 1.6rem;
margin: 0 0 1vw 0;
}

.doctorhistory_box1 p{
line-height: 2.5;
}

.doctorhistory_box2{
width: 100vw;
padding: 8vw 4vw;
background: #fffde2;
}

.doctorhistory_box2 h3{
font-weight: bold;
font-size: 1.6rem;
margin: 0 0 1vw 0;
}

.doctorhistory_box2 p{
line-height: 2.5;
}

.subdoctor_name{
text-align: center;
padding: 10vw 0 10vw;
font-size: 1.8rem;
background: #f9f9f9;
margin: 0 0 5vw 0;
}













/*<!--sub gallery-->*/
.sub_gallery__w{
}

.sub_gallery_box__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding: 0 1vw;
}

.sub_gallery_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 49%;
margin: 0 0 5vw 0;
}

.sub_gallery_box1{
width: 100%;
}

.sub_gallery_box1 img{
width: 100%;
}

.sub_gallery_box2{
width: 100%;
font-size: 1.4rem;
text-align: center;
padding: 2vw 0 2vw 0;
background: #f5f5f5;
letter-spacing: .3rem;
}





}


/*sp*/




















@media screen and (max-width:750px) { 


header {
position: fixed;
top: 0;
left: 0;
z-index: 2;
background: #fff;
transition: .3s;
align-items: center;
padding: 1rem 0 1rem;
min-height: 6rem;
}






/*<!--subpage h1-->*/
.subtitle__w{
margin: 6rem auto 0;
width: 100%;
padding: 5vh 0 5vh 0;
}

.subtitle__w h1{
font-size: 2.5rem;
letter-spacing: 1rem;
text-align: center;
margin: 0 auto;
color: #fff;
}

.subtitle__w h1 span{
display: inline-block;
margin: 0 auto;
}

.h_information{
background: url("../images/subtitle_bg1.jpg") no-repeat;
background-size: cover;
}

.h_information h1 span::after{
content: "information";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_doctor{
background: url("../images/subtitle_bg2.jpg") no-repeat;
background-size: cover;
}

.h_doctor h1 span::after{
content: "doctor";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_facilities{
background: url("../images/subtitle_bg3.jpg") no-repeat;
background-size: cover;
}

.h_facilities h1 span::after{
content: "facilities";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_faq{
background: url("../images/subtitle_bg4.jpg") no-repeat;
background-size: cover;
}

.h_faq h1 span::after{
content: "faq";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}

.h_access{
background: url("../images/subtitle_bg5.jpg") no-repeat;
background-size: cover;
}

.h_access h1 span::after{
content: "access";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
}






/*<!--subpage h2-->*/






.subtitle_h2{
text-align: center;
}


.subtitle_h2 h2{
color: #222;
letter-spacing: .2rem;
font-size: 1.6rem;
display: inline-block;
font-weight: bold;
}



.subtitle_h2 h2 span{

}
.subtitle_h2 h2 span::after{
content: "";
border-bottom: solid 4px #a1cbd6;
width: 30px;
display: block;
margin:  15px auto 0;
}











/*parts*/
.footer_border{
border: solid 2vh #f5f5f5;
}


























.s_01 .accordion_one .accordion_header:hover {
opacity: .8;
}

.s_01 .accordion_one .accordion_header .i_box .one_i {
display: block;
width: 18px;
height: 18px;
transform-origin: center center;
transition-duration: 0.2s;
position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
display: flex;
content: '';
background-color: #fff;
border-radius: 10px;
width: 14px;
height: 2px;
position: absolute;
top: 8px;
left: 2px;
transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
width: 2px;
height: 14px;
top: 2px;
left: 8px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
}
.s_01 .accordion_one .accordion_inner {
display: none;
border-left: 1px solid #e1f0f3;
border-right: 1px solid #e1f0f3;
border-bottom: 1px solid #e1f0f3;
box-sizing: border-box;
background: #fff;
position: relative;
padding: 1.5rem 0 1.5rem 5rem;
}

.s_01 .accordion_one .accordion_inner .box_one {
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
margin: 0;
}

.s_01 .accordion_one .accordion_header .i_box {
width: 30px;
height: 30px;
margin-top: -15px;
}
.s_01 .accordion_one {
max-width: 1200px;
margin: 0 auto 15px;
}
.txt_a_ac::before{
position: absolute;
content: "A";
font-size: 2.2rem;
left: 4vw;
top: 0.9rem;
color: #ffbe6e;
font-weight: bold;
}
.s_01 .accordion_one .accordion_header .i_box {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 55%;
right: 3%;
width: 30px;
height: 30px;
border: 1px solid #fff;
margin-top: -20px;
box-sizing: border-box;
transform-origin: center center;
transition-duration: 0.2s;
background: #2fb0f5;
border-radius: 100px;
}
.s_01 .accordion_one .accordion_header {
background-color: #ffffff;
font-size: 1.5rem;
padding: 1.5rem 0 1.5rem 5rem;
position: relative;
z-index: +1;
cursor: pointer;
transition-duration: 0.2s;
border: 1px solid #e1f0f3;
}

.s_01 .accordion_one .accordion_header::before{
position: absolute;
content: "Q";
font-size: 2.2rem;
left: 4vw;
top: 0.9rem;
color: #2fb0f5;
}

.s_01 {
padding: 0 0 10vw 0;
}

.qa_link_btn{
display: block;
border: solid 2px #d7cbb6;
width: 30%;
padding: 5px;
text-align: center;
margin: 10px 0;
text-decoration: none !important;
color: #bf9c6f !important;
font-weight: bold;
}

.qa_link_btn span{
display: block;
width: 100%;
position: relative;
}

.qa_link_btn span::after{
content: "\0bb";
position: absolute;
right: 10px;
}




/*<!--アクセス-->*/
.access__w{
width: 100%;
margin: 0 auto;
padding: 0 5vw;
}

.submap_box{

}

.submap_gmap{
width: 100%;
height: 70vw;

}

.submap_gmap iframe{
width: 100%;
height: 70vw;

}

.submap_link{
padding: 4vw 0;
text-align: center;

}

.submap_link a{
display: inline-block;
border-radius: 5px;
text-align: center;
padding: 3vw 10vw;
transition: .6s;
position: relative;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.01rem;
background: #2fb0f5;
color: #e9f8fd;
box-shadow: 0px 0px 5px 0px #afe0e6;
}

.submap_link a:active, .submap_link a:hover {
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;
}

.submap_link span::before {
content: "";
position: absolute;
left: 20px;
font-size: 1rem !important;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
color: #aedce0;
}


.submap_traffic{
padding: 4vw;
border: .5rem solid #e9fafc;
margin: 5vw 0 10vw;
}

.submap_traffic_address{
font-size: 1.4rem;
margin: 0 0 6vw 0;
}

.submap_traffic_box{

}

.submap_traffic_box1{
font-size: 1.4rem;
color: #2fb0f5;

}

.submap_traffic_box2{
margin: 0 0 6vw 0;
font-size: 1.4rem;
}

.submap_traffic_box:last-child .submap_traffic_box2{
margin: 0;
}

.submap_route{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;

}

.submap_route_box{
width: 100%;
}

.submap_route_box1{
width: 100%;
}


.submap_route_box:after{
content: "\025bc";
color: #43b4cd;
text-align: center;
width: 100%;
display: inline-block;
margin: 10vw 0;
}

.submap_route_box:last-child:after{
content: "";
}


.submap_route_box1 img{
width: 100%;
}


.submap_route_box2{
display: flex;
justify-content: space-between;
width: 100%;
font-size: 1.6rem;
align-items: center;
padding: 5vw 0 0 0;
}

.route_number{
display: inline-block;
padding: .5rem 0;
background: #e9fafc;
color: #2fb0f5;
font-weight: bold;
font-size: 1.5rem;
width: 10%;
text-align: center;
}

.route_txt{
display: inline-block;
width: 90%;
padding: 0 0 0 4vw;
line-height: 1.5;
font-size: 1.4rem;

}










.footer_sitemap__w{
margin: 0 0 20vw 0;
}

.footer_sitemap__w ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 90vw;
margin: 0 auto;
text-align: center;
}

.footer_sitemap__w ul li{
display: block;
width: 30%;
}

.footer_sitemap__w ul li a{
display: inline-block;
padding: 5px 5px;
/* text-align: center; */
font-size: 1.3rem;
/* margin: 0 25px 0 0; */
color: #ffffff;
border-radius: 5px;
transition: .3s;

}













.footer_sitemap__w ul li a:hover,
.footer_sitemap__w ul li a:active{
opacity: .7;
}

.footer_logo{
width: 50%;
margin: 0 auto;
padding: 10vw 0 10vw;
}

.footer_logo img{
width: 100%;
}





/* <!--PC 申込ボタン--> */
.btn_pagetop{
position: absolute;
bottom: 2vw;
right: 2vw;
z-index: 100;
}

.btn_pagetop a{
width: 14vw;
height: 14vw;
border-radius: 2px;
padding: 1vw 1vw;
display: table-cell;
color: #ffffff;
text-align: center;
font-size: 1.2rem;
position: relative;
letter-spacing: .1rem;
vertical-align: middle;
line-height: 1.5;
background: #f98bb2;
transition: .5s !important;
font-weight: bold;
}

.btn_pagetop a:hover,
.btn_pagetop a:active{
transform: translate(0,-2px);
opacity: .9;
box-shadow: 0px 0px 10px 0px #00000014;    
}





.calendar__w{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 90%;
margin: 0 auto 10vw;
}

.calendar1{
width: 100%;
margin: 0 0 5vw 0;
}

.calendar2{
width: 100%;
}

.calendar1 img,
.calendar2 img{
width: 100%;
}

.calendar_c1{
color: #ef4f69;
}

.calendar_c2{
color: #A7DAFF;
}

.calendar_memo{
display: flex;
justify-content: flex-start;
width: 100%;
margin: 3vw 0 0 0;
}

.calendar_memo1{
margin: 0 5vw 0 0;
}







}
/* sp*/