@charset "UTF-8";

@media screen and (min-width:751px) {

.anchor{
	display: block;
    padding-top: 150px !important;
    margin-top: -150px !important;	
}

/*header*/
header {
position: relative;
height: 150px;
background: #fff;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}

.header_in{
width: 1080px;
display: flex;
justify-content: space-between;
align-items: center;
}

.header_in h1 {
width: 50%;
}

.header_in h1 a {
width: 100%;
}
.header_in h1 img {
width: 100%;
}

.header_tel{
width: 40%;
display: flex !important;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.header_tel1{
font-size: 4rem;
line-height: 1.5;
color: #5879bc;
}

.header_tel1 span{

}
.header_tel1 span::before{
content: "";
background: url("../img/ic_tel.svg") no-repeat;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
vertical-align: middle;
margin-right: 10px;
}
.header_tel2{
text-align: center;
background: #eaf2f5;
border-radius: 100px;
padding: 5px 20px;
display: inline-block;
font-size: 1.6rem;
color: #406ac1;
}













nav {
    height: 100px;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, #ffe5ef 0%, #ffffff 40%, #ffe8f2 80%);
    box-shadow: 0 0px 20px #eaeaea;
    padding: 10px 0;
}


#dropmenu {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    display: flex;
    align-content: center;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 3px 3px 10px #fddae9;
    justify-content: space-between;
}

.navli1{
text-align: center;
    height: 100%;
    background: url(../img/navborder.png) no-repeat;
    background-position: right center;
    display: inline-block !important;
}
.navli1:last-child {
    background: none;
}


.navli2 {
width: 16%;
margin: 0;
padding: 0;
text-align: center;
}

.navli1a {
    display: flex;
    margin: 0;
    line-height: 1;
    text-decoration: none;
    color: #25488e !important;
    height: 80px;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    text-align: center;
    padding: 0 27px;
}




.navli2a {
display: block;
margin: 0;
padding: 15px 0 11px;
line-height: 1;
text-decoration: none;
color: #222;
}

#dropmenu li ul {
list-style: none;
position: absolute;
margin: 0;
padding: 0;
border-radius: 0 0 3px 3px;
width: 250px;
z-index: 10;
opacity: 1;
}

#dropmenu li ul li{
overflow: hidden;
width: 250px;
height: 0;
color: #fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
#dropmenu li ul li a{
    padding: 18px 15px;
    background: #ec7daa;
    text-align: left;
    font-size: 1.7rem;
    font-weight: normal;
    color: #fff;
}
#dropmenu li ul li a:hover{
    background: #eaaec6;
    color: #fff;
    opacity: 1;
}
#dropmenu li:hover > a{
opacity: .7;
background: #fff3f8;
}
#dropmenu > li:hover > a{
border-radius: 3px 3px 0 0;
color: #ccc;
}

#dropmenu li:hover ul li{
overflow: visible;
height: 50px;
}
#dropmenu li:hover ul li:first-child{
border-top: 0;
}
#dropmenu li:hover ul li:last-child{
border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
border-radius: 0 0 3px 3px;
}




.mainimage__ww{
width: 100%;
height: 652px;
text-align: center;
background: url("../img/mainimagebg.jpg");
background-size: cover;
}

.mainimage__w{
width: 1080px;
height: 100%;
text-align: center;
background: url("../img/mainimage.jpg");
background-size: cover;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}

.mainimage__w img{
width: 700px;
height: auto;
display: inline-block;
}






































/* demo style */
.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100px;
}

.hamburger-nav-list {
display: flex!important;
}



.navtel{
width: 40%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.navtel1{
font-size: 4rem;
line-height: 1.5;
color: #5879bc;
}

.navtel1 span{

}
.navtel1 span::before{
content: "";
background: url("../img/ic_tel.svg") no-repeat;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
vertical-align: middle;
margin-right: 10px;
}
.navtel2{
text-align: center;
background: #f2f6ff;
border-radius: 100px;
padding: 5px 20px;
display: inline-block;
font-size: 1.6rem;
color: #5879bc;
}






/*診療科目*/
.topsubject__ww{
background: #f3f2ec;
width: 100%;
}

.topsubject__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1020px;
margin: 0 auto;
padding: 80px 0 50px;
}
	
.echo:hover{
	opacity: 0.7;
}

.topsubject_box{
width: 320px;
text-align: center;
margin: 0 0 30px 0;
border-radius: 10px;
background: #ecebe0;
box-shadow: 1px 5px 10px #ecebe0;
}

.topsubject_box a{
width: 320px;
padding: 30px 0 0;
display: block;
height: 100%;
border-radius: 15px 8px 15px 8px;
background: #fff;
transition: all .3s;
}

.topsubject_box a span{
text-align: center;
display: inline-block;
font-size: 2.5rem;
line-height: 1.6;
letter-spacing: .1rem;
}


.topsubject_box a:hover{
transform: translateY(-5px);
}

.topsubject_ic{
display: block;
width: 100%;
height: 80px;
}

.topsubject_ic img{
display: block;
width: 100%;
height: 100%;
}

.topsubject_t{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding: 15px 0 30px;
}

.topsubject_t2{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding: 15px 0 10px;
font-size: 1.8rem;
}

.topsubject2{
display: flex;
flex-wrap: wrap;
width: 710px;
justify-content: center;
align-items: center;
font-size: 1.9rem;
text-align: center;
margin: 0 auto 50px;
background: #fff9f0;
border: 2px solid #ffc937;
padding: 1.5rem 0;
}

.topsubject3{
width: 100%;
font-size: 1.8rem;
font-weight: 700;
}
.topsubject4{
width: 100%;
font-size: 1.6rem;
text-align: left;
padding-left:1.6rem;
	text-indent:-1.6rem;
  line-height: 1.6;
}

.topsubject5{
display: inline-block;
}



/*お知らせ*/
.news__ww{
padding: 80px 0;
}
.news__w{
}

.h2_news{
text-align: center;
padding: 0 0 60px;
}
.h2_news span{
font-size: 3.2rem;
color: #003483;
text-shadow: 0 3px 1px #ffffff;
display: inline-block;
}
.h2_news span::before{
content: "";
background: url("../img/ic_news.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h2_news span::after{
content: "news";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.news_iframe__w{
width: 1080px;
margin: 0 auto;
}


.news_iframe__w iframe{
width: 100%;
height: 600px;
}









/*catch*/
.catch__ww{
width: 100%;
padding: 120px 0;
background: url("../img/bg_qol.jpg") no-repeat;
background-size: cover;
}

.catch__w{
width: 1080px;
padding: 100px 80px;
background: #fff;
margin: 0 auto;
opacity: .95;
box-shadow: 0 0 20px #afdbea;

}

.catch1{
text-align: center;
color: #2b4e94;
font-size: 2.8rem;
letter-spacing: .1rem;
margin: 0 0 50px 0;
}

.catch2{
margin: 0 0 0 0;
line-height: 2.8;
font-size: 2rem;
text-align: center;
letter-spacing: .1rem;
}










.commonprofile__ww{
width: 100%;
background: #dbe7ff;
padding: 60px 0;
}
.commonprofile__w{
width: 1080px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.commonprofile1{
width: 49%;
background: #fff;
padding: 40px 20px;
box-shadow: 0 0 30px #ccd5ef;
border-radius: 10px;
}
.commonprofile11{

width: 95%;
margin: 0 auto 25px;
}

.commonprofile11 img{
width: 100%;
}

.commonprofile12{
width: 95%;
margin: 0 auto 25px;
}

.commonprofile12 img{
width: 100%;
}

.commonprofile12b{
text-align: center;
margin: 0 0 10px 0;
color: #e45b5b;
}

.commonprofile12b span{
display: inline-block;
padding: 1px 8px;
background: #e45b5b;
color: #fff;
text-align: center;
border-radius: 3px;
margin: 0 10px 0 0;
}

.commonprofile12c{
font-size: 1.2rem;
}

.commonprofile12c{
font-size: 1.5rem;
text-align: center;
letter-spacing: .05rem;
color: #666;
margin: 0 0 20px 0;
}

.commonprofile13{
text-align: center;
}

.commonprofile_tel1{
font-size: 4rem;
line-height: 1.5;
color: #5879bc;
}

.commonprofile_tel1 span{
}

.commonprofile_tel1 span::before{
content: "";
background: url("../img/ic_tel.svg") no-repeat;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
vertical-align: middle;
margin-right: 10px;
}

.commonprofile_tel2{
text-align: center;
background: #f2f6ff;
border-radius: 100px;
padding: 5px 20px;
display: inline-block;
font-size: 1.6rem;
color: #5879bc;
}

.commonprofile2{
width: 49%;
background: #fff;
padding: 20px 30px;
box-shadow: 0 0 30px #ccd5ef;
border-radius: 10px;
}

.commonprofile21{
}

.commonprofile211{
font-size: 2.2rem;
color: #5b7bbe;
}

.commonprofile212{
margin: 0 0 15px 0;
font-size: 1.7rem;
line-height: 1.6;
}

.commonprofile22{
}

.commonprofile221{
font-size: 2.2rem;
color: #5b7bbe;
}

.commonprofile222{
font-size: 1.6rem;
color: #446cbf;
display: inline-block;
line-height: 1;
background: #fffbe1;
padding: 5px 7px;
margin: 0 0 5px 0;
}

.commonprofile223{
margin: 0 0 10px 0;
}

.commonprofile3{
width: 100%;
margin: 50px 0 0 0;
}

.commonprofile3 iframe{
width: 100%;
height: 500px;
border-radius: 10px;
box-shadow: 0 0 30px #ccd5ef;
}

.commonprofile__ww{
width: 100%;
background: #dbe7ff;
padding: 60px 0;
}
.commonprofile__w{
width: 1080px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.commonprofile4{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
align-items: center;
font-size: 1.9rem;
margin: 2rem auto 2rem;
background: #fff9f0;
border: 1px solid #ffc937;
padding: 1rem 5rem;
}

.commonprofile5{
width: 100%;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
.commonprofile6{
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    	padding-left:1.4rem;
	text-indent:-1.4rem;
}











.footernav__ww{
width: 100%;
background: #5879bc;
padding: 60px 0;
}

.footernav__w{
width: 1210px;
margin: 0 auto;

}

.footernav__w ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.footernav__w ul li{


}
.footernav__w ul li a{
display: inline;
color: #fff;
padding: 0 25px;
}

.footernav__w ul li a:hover{
opacity: .5;
}


.copyright{
text-align: center;
padding: 15px 0;
color: #4c4c4c;
background: #e0e0e0;
font-size: 1.3rem;
}






.pagetop{
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10;
width: 50px;
}

.pagetop a{

}

.pagetop a img{
width: 100%;
}






/*breadcrumb*/
.bc__w{
width: 1080px;
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;
}








.underh__ww{
width: 100%;
margin: 0 0 70px 0;

}

.underh__w{
width: 1080px;
height: 200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
color: #3661b5;
text-shadow: 0 0 10px #fff;
}

.underh_consultation{
background: url(../img/subimage-consulation.jpg) no-repeat;
background-position: center center;
}

.underh_cardiology{
background: url(../img/subimage-cardiology.jpg) no-repeat;
background-position: center top;
}

.underh_vascular{
background: url(../img/subimage-vascular.jpg) no-repeat;
background-position: center center;
}

.underh_varicosevein{
background: url(../img/subimage-varicosevein.jpg) no-repeat;
background-position: center center;
}

.underh_mukumi-hie{
background: url(../img/subimage-mukumi-hie.jpg) no-repeat;
background-position: center center;
}

.underh_check{
background: url(../img/subimage-check.jpg) no-repeat;
background-position: center center;
}

.underh_recruit{
background: url(../img/subimage-recruit.jpg) no-repeat;
background-position: center center;
}

.underh_about{
background: url(../img/subimage-about.jpg) no-repeat;
background-position: center center;
}

.underh_facility{
background: url(../img/subimage-facility.jpg) no-repeat;
background-position: center center;
}

.underh_access{
background: url(../img/subimage-access.jpg) no-repeat;
background-position: center center;
}

.undercontent__ww{
width: 100%;
}

.undercontent__w{
width: 1080px;
margin: 0 auto;

}

.undercontent_h3{
margin: 0 0 50px 0;
text-align: center;
padding: 50px 0 50px;
background: #f5f5f5;
font-size: 3.2rem;
color: #003483;
text-shadow: 0 3px 1px #ffffff;
display: block;
letter-spacing: .5rem;
}

.h3_consultation{
text-align: center;
padding: 50px 0 50px;
}
.h3_consultation span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_consultation span::before{
content: "";
background: url("../img/ic_consultation.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_consultation span::after{
content: "Consultation";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_cardiology{
text-align: center;
padding: 50px 0 50px;
}
.h3_cardiology span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_cardiology span::before{
content: "";
background: url("../img/ic_cardiology.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_cardiology span::after{
content: "Cardiology";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_vascular{
text-align: center;
padding: 50px 0 50px;
}
.h3_vascular span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_vascular span::before{
content: "";
background: url("../img/ic_vascular.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_vascular span::after{
content: "Vascular";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_varicosevein{
text-align: center;
padding: 50px 0 50px;
}
.h3_varicosevein span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_varicosevein span::before{
content: "";
background: url("../img/ic_varicosevein.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_varicosevein span::after{
content: "Varicose Vein";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_mukumi-hie{
text-align: center;
padding: 50px 0 50px;
}
.h3_mukumi-hie span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_mukumi-hie span::before{
content: "";
background: url("../img/ic_mukumi-hie.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_mukumi-hie span::after{
content: "";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_check{
text-align: center;
padding: 50px 0 50px;
}
.h3_check span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_check span::before{
content: "";
background: url("../img/ic_check.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_check span::after{
content: "Check";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_about{
text-align: center;
padding: 50px 0 50px;
}
.h3_about span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_about span::before{
content: "";
background: url("../img/ic_about.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_about span::after{
content: "About";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_access{
text-align: center;
padding: 50px 0 50px;
}
.h3_access span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_access span::before{
content: "";
background: url("../img/ic_access.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_access span::after{
content: "Access";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_doctor{
text-align: center;
padding: 50px 0 50px;
}
.h3_doctor span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_doctor span::before{
content: "";
background: url("../img/ic_doctor.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_doctor span::after{
content: "Doctor";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_greeting{
text-align: center;
padding: 50px 0 50px;
}
.h3_greeting span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_greeting span::before{
content: "";
background: url("../img/ic_greeting.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_greeting span::after{
content: "Greeting";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_profile{
text-align: center;
padding: 50px 0 50px;
}
.h3_profile span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_profile span::before{
content: "";
background: url("../img/ic_profile.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_profile span::after{
content: "Profile";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_feature{
text-align: center;
padding: 50px 0 50px;
}
.h3_feature span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_feature span::before{
content: "";
background: url("../img/ic_feature.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_feature span::after{
content: "Feature";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_countermeasures{
text-align: center;
padding: 50px 0 50px;
}
.h3_countermeasures span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_countermeasures span::before{
content: "";
background: url("../img/ic_countermeasures.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_countermeasures span::after{
content: "Countermeasures";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_state{
text-align: center;
padding: 50px 0 50px;
}
.h3_state span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_state span::before{
content: "";
background: url("../img/ic_state.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_state span::after{
content: "State";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_facility{
text-align: center;
padding: 50px 0 50px;
}
.h3_facility span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_facility span::before{
content: "";
background: url("../img/ic_about.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_facility span::after{
content: "Facility";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.h3_recruit{
text-align: center;
padding: 50px 0 50px;
}
.h3_recruit span{
font-size: 4rem;
color: #3661b5;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 0 0 10px #fff;
}
.h3_recruit span::before{
content: "";
background: url("../img/ic_doctor.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}
.h3_recruit span::after{
content: "Recruit";
font-size: 2.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .7rem;
}

.undertxt__w{
padding: 0 30px;
}

.undertxt_nofloat{

}

.undertxt_float{

}

.undertxt_img{
width: 300px;
padding: 0 0 50px 60px;
float: right;
}

.undertxt_img img{
width: 100%;
}


.subnav__w{
width: 100%;
}

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

.subnav__w ul li{
width: 32%;
text-align: center;
margin: 0 0 20px 0;
}

.subnav__w ul li a{
width: 100%;
display: block;
background: #5879bc;
background: linear-gradient(180deg, #6b8ed6 0%, #5879bc 100%);
color: #fff;
padding: 15px 15px;
border-radius: 100px;
transition: .8s;
box-shadow: 3px 5px 7px #c3d5fb;
font-size: 2rem;
}

.subnav__w ul li a:hover {
opacity: .7;
}

.subnav__w ul li a span{

}

.subnav__w ul li a span::before{

}

.undercontent_h4{
margin-bottom: 40px;
color: #264e9e;
font-size: 3.5rem;
font-weight: bold;
line-height: 1;
border: 1px solid #5879bc;
padding: 30px 40px;
border-left: 20px solid #5879bc;
background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(251 251 251) 100%);
letter-spacing: .2rem;
}







.btn_detail{
text-align: center;
}

.btn_detail a{
transition: .8s;
background: #5879bc;
background: linear-gradient(180deg, #6b8ed6 0%, #5879bc 100%);
display: inline-block;
color: #fff;
border-radius: 3px;
padding: 10px 60px;
box-shadow: 1px 3px 3px #ccc;
font-size: 1.8rem;
}

.btn_detail a:hover{
opacity: .7;


}


.btn_detail a span{}


.btn_detail a span::before{
content: "";
display: inline-block;
background: url(../img/ic_arrow.svg) no-repeat;
width: 2.2rem;
height: 2.2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}





.undercontent_h5{
border: 2px solid #5779bc;
background: #fffef3;
border-radius: 5px;
padding: 5px 40px;
display: inline-block;
font-size: 2rem;
color: #4966a0;
margin: 0 0 30px 0;
}

.undercontent_h55{
    background: #ecf4fb;
    padding: 5px 50px;
    display: inline-block;
    font-size: 2.2rem;
    color: #264e9e;
    margin: 0 0 30px 0;
}


.undertxt_memo_float{
font-size: 1.6rem;
color: #0c3486;
background: #fafafa;
padding: 20px 30px;
width: 700px;
border: 5px solid #e0e0e0;
}

.undertxt_memo_float span{
color: #e889af;
font-weight: normal;
display: inline-block;
margin: 0 5px 0 0;
font-size: 1.9rem;
}

.undertxt_memo_nofloat{
font-size: 1.6rem;
color: #0c3486;
background: #fafafa;
padding: 20px 30px;
width: 100%;
border: 5px solid #e0e0e0;
}

.undertxt_memo_nofloat span{
color: #e889af;
font-weight: normal;
display: inline-block;
margin: 0 5px 0 0;
font-size: 1.9rem;
}




.img100{
width: 60%;
margin: 0 auto;
}

.img100a{
width: 100%;

}
.img100a img{
width: 100%;
border-radius: 5px;
margin: 0 0 20px 0;
}
.img100b{
text-align: center;
}
.img100b span{
display: inline-block;
background: #5980ce;
text-align: center;
padding: 5px 30px;
color: #fff;
border-radius: 100px;
line-height: 1.7;
}

.img30{
width: 30%;
margin: 0 auto;
}

.undercontent_h6{
padding: 0 20px 10px 10px;
font-size: 2.8rem;
color: #353535;
margin: 0 0 30px 0;
width: 100%;
border-bottom: 4px solid #3559a0;
font-weight: 900;
}

.undercontent_h6 span{

}

.undercontent_h6 span::before{

}



/*人間ドック*/

.pricetbl__w{
width: 100%;
}

.pricetbl{
width: 100%;
border: 1px solid #ccc;
}
.pricetbl th{
border: 1px solid #3f5b92;
padding: 20px 2%;
font-size: 1.9rem;
color: #ffffff;
background: #5879bc;
font-weight: 400;
}

.pricetblth1{
width: 18%;
vertical-align: middle;
}
.pricetblth2{
width: 58%;
vertical-align: middle;
}
.pricetblth3{
width: 12%;
vertical-align: middle;
}

.pricetbl td{
background: #fff;
padding: 20px 2%;
border: 1px solid #cacaca;
vertical-align: middle;
}

.pricetbl td:nth-child(1){
text-align: center;
background: #fafafa;
}

.pricetbl td:nth-child(3){
text-align: right;
}

.undercontent_h7{
font-size: 2rem;
color: #ffffff;
background: #264e9e;
padding: 8px 40px;
text-align: center;
border-radius: 10px;
letter-spacing: .3rem;
margin: 0 0 30px 0;
display: inline-block;
}

.undercontent_h8{
border: 2px solid #5779bc;
background: #fffef3;
border-radius: 5px;
padding: 5px 50px;
display: inline-block;
font-size: 2.2rem;
color: #4966a0;
margin: 0 0 20px 0;
}


.checktbl__w{
width: 100%;
}

.checktbl{
width: 100%;
border: 1px solid #ccc;
}
.checktbl th{
border: 1px solid #3f5b92;
padding: 20px 2%;
font-size: 1.9rem;
color: #ffffff;
background: #5879bc;
font-weight: 400;
}

.checktblth1{
width: 33%;
vertical-align: middle;
}
.checktblth2{
width: 67%;
vertical-align: middle;
}

.checktbl td{
background: #fff;
padding: 20px 2%;
border: 1px solid #cacaca;
vertical-align: middle;
}

.checktbl td:nth-child(1){
text-align: center;
background: #fafafa;
}

.checktbl td:nth-child(3){
text-align: right;
}

.pricememo1{

}

.pricememo1 span{
    display: inline-block;
    text-align: center;
    padding: 1px 10px;
    background: #fdfad4;
    border: 1px solid #fcc46a;
    color: #e92a2a;
    border-radius: 100px;
    font-size: 1.4rem;
    margin: 5px 0 0 0;
}



















/*当院の紹介*/
.greeting_h{
width: 100%;
font-size: 2.6rem;
color: #3661b5;
font-weight: 900;
margin-bottom: 50px;
line-height: 1.7;
}



.greeting_img{
width: 350px;
padding: 0 0 50px 60px;
float: right;
}

.greeting_img img{
width: 100%;
}
.greeting_txt{
display: inline-block;
text-align: center;
padding: 10px 10px;
width: 100%;
font-size: 2.2rem;
color: #444;
}

.profile_name{
width: 100%;
font-size: 4rem;
color: #444;
font-weight: 900;
padding: 20px 0 70px;
text-align: center;
}


.profile__w{
width: 90%;
margin: 0 auto;
}

.profile1{
border-radius: 10px;
background: #fbfbfb;
padding: 40px 50px;
width: 100%;
box-shadow: 1px 8px 15px #efefef;
}

.profile2{
width: 100%;
font-size: 2.4rem;
color: #003483;
font-weight: bold;
margin-bottom: 20px;
}

.profile3{
width: 100%;
}

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

.profile3a{
width: 15%;
}

.profile3b{
width: 80%;
}


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

.facilitybox{
width: 48%;
margin: 0 0 50px 0;

}
.facility1{
width: 100%;
margin: 0 0 20px 0;
}
.facility1 img{
width: 100%;
}
.facility2{
margin-bottom: 15px;
font-size: 2.3rem;
color: #003483;
font-weight: 700;
text-align: center;
line-height: 1;
}
.facility3{
padding: 0 20px;
}






/*アクセス*/
.accessinfo_tbl{
width: 80%;
margin: 0 auto 60px;
}

.accessinfo_tbl tr{
border-bottom: 5px solid #fff;
}

.accessinfo_tbl th{
width: 30%;
padding: 30px 0;
vertical-align: middle;
background: #f5f5f5;
}

.accessinfo_tbl td{
width: 70%;
padding: 30px 50px;
background: #fbfbfb;
}

.traffic1{
font-size: 1.6rem;
color: #446cbf;
display: inline-block;
line-height: 1;
background: #fffbe1;
padding: 5px 7px;
margin: 0 0 5px 0
}

.traffic2{
margin: 0 0 10px 0;
}

.accessgmap{
width: 100%;
margin: 0 0 60px 0
}

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

.accessgmapillust{
width: 70%;
margin: 0 auto 60px;
}

.accessgmapillust img{
width: 100%;
}

.accessgmap_gmap{
width: 70%;
margin: 0 auto 100px;
}

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


.alink{
display: block;
margin-top: -220px;
padding-top: 220px;
}



/*bnr reservation*/
.bnr_reservation{
position: fixed;
    top: 150px;
    right: 0;
    z-index: 10;
    width: 80px;
}

.bnr_reservation a{

}

.bnr_reservation a:hover{
opacity: .8;

}


.bnr_reservation a img{
width: 100%;
}







/*診療ページ 診療科目*/
.consulsubject__ww{
background: #f3f2ec;
width: 100%;
}

.consulsubject__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1020px;
margin: 0 auto 80px;
padding: 40px 0 50px;
}

.consulsubject_box{
width: 320px;
text-align: center;
margin: 0 0 30px 0;
border-radius: 10px;
background: #ecebe0;
box-shadow: 1px 5px 10px #ecebe0;
}

.consulsubject_box_nobg{
background: #f3f2ec;
box-shadow: 0 0 0 #f3f2ec;
}

.consulsubject_box a{
width: 320px;
padding: 30px 0 0;
display: block;
height: 100%;
border-radius: 15px 8px 15px 8px;
background: #fff;
transition: all .3s;
}

.consulsubject_box a span{
text-align: center;
display: inline-block;
font-size: 2.5rem;
line-height: 1.6;
letter-spacing: .1rem;
}


.consulsubject_box a:hover{
transform: translateY(-5px);
}

.consulsubject_ic{
display: block;
width: 100%;
height: 80px;
}

.consulsubject_ic img{
display: block;
width: 100%;
height: 100%;
}

.consulsubject_t{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding: 15px 0 30px;
}




/*newskiji*/
.newskiji__w{
background: #fff;
}

.newskiji1{
width: 80%;
margin: 0 auto 40px;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #cac8bc;
padding: 0 0 40px 0;
}

.newskiji2{
width: 100%;
font-size: 1.4rem;
color: #555;
margin: 0 0 0 0;
}

.newskiji3{
width: 100%;
}

.newskiji4{
width: 100%;
font-size: 2.5rem;
color: #003483;
margin: 0 0 10px 0;
}

.newskiji5{
width: 100%;
color: #182e50;
}



/*topimage*/
.topimage__w{
background: url("../img/mainimagebg.jpg");
background-size: cover;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
z-index: 2;
}

.topimage_layer{
position: absolute;
z-index: 10;
}

.topimage_layer img{
width: 500px;
opacity: .9;
}

.wrap {
width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
}

#slide_wrap {
position: relative;
overflow: hidden;
}
#slide_wrap .slide_item {
opacity: 0;
transform: scale(1);
transition: opacity 3s linear, transform 7.5s linear;
position: relative;
}
#slide_wrap .slide_item:not(:first-child) {
position: absolute;
top: 0;
left: 0;
}
#slide_wrap .slide_item.show_ {
opacity: 1;
}
#slide_wrap .slide_item.zoom_ {
transform: scale(1.05);
}
#slide_wrap .slide_item img {
display: block;
}

.treatmenttime{
background: #ecf4fb;
padding: 3px 30px;
display: inline-block;
font-size: 1.8rem;
color: #264e9e;
margin: 0 0 15px 0;

}


.txt_picup{
font-size: 2rem;
color: #003483;
}

.movie__w{
width: 100%;
}

.movie__w video{
width: 100%;
height: auto;
}




/*時間変更*/
.notice__ww{
    width: 100%;
    padding: 50px 0;
    background: #fbfaef;
}

.notice__w{
width: 850px;
margin: 0 auto;
border: solid 10px #c73744;
background: #f7e8e8;
padding: 0 30px 30px;
}

.notice1{
width: 100%;
text-align: center;
background: #f7e8e8;
font-size: 3.2rem;
padding: 20px 0;
}

.notice2{
    width: 100%;
    font-size: 2.2rem;
    text-align: center;
    line-height: 1.8;
    font-weight: 500;
    margin: 0 0 20px 0;
    color: #e01b2d;

}

.notice3{
width: 100%;
    margin: 0 0 10px 0;

}

.notice3 span{
    display: inline-block;
    background: #f9f9f9;
    text-align: center;
    padding: 3px 20px;
    color: #4a4a4a;
    border-radius: 2px;
    border-left: 3px solid #c73744;
    font-size: 1.8rem;
}

.notice4{
width: 100%;
    margin: 0 0 20px 0;
padding: 0 20px;
}

.notice5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.notice6{
width: 7rem;
margin: 0 20px 0 0;
}

.notice7{
}

.notice8{
width: 100%;
    margin: 0 0 10px 0;

}

.notice8 span{
    display: inline-block;
    background: #f9f9f9;
    text-align: center;
    padding: 3px 20px;
    color: #4a4a4a;
    border-radius: 2px;
    border-left: 3px solid #c73744;
    font-size: 1.8rem;
}

.notice9{
width: 100%;
padding: 0 20px;
margin: 0 0 25px 0;
}

.notice10{
width: 100%;
padding: 0 20px;
}

.notice11{
width: 100%;
background: #fff;
padding: 40px 40px;
}

.notice12{
background:linear-gradient(transparent 60%, #FCFC96 0%);
}

.notice13{
width: 100%;
text-align: center;
margin: 0 0 30px 0;
}

.notice14{
    background: linear-gradient(transparent 60%, #fcfc96 0%);
    font-weight: 500;
    color: #e01b2d;
}


.top_bnr{
	width: 1200px;
	margin: 0 auto;
}

.top_bnr > img{
	width: 47%;
	margin: 20px 10px;
}

.recruittbl__w{
width: 100%;
}

.recruittbl{
width: 100%;
border: 1px solid #ccc;
}
.recruittbl th{
border: 1px solid #3f5b92;
padding: 20px 2%;
font-size: 1.9rem;
color: #ffffff;
background: #5879bc;
font-weight: 400;
}

.recruittblth1{
width: 33%;
vertical-align: middle;
}
.recruittblth2{
width: 67%;
vertical-align: middle;
}

.recruittbl td{
background: #fff;
padding: 20px 2%;
border: 1px solid #cacaca;
vertical-align: middle;
}

.recruittbl td:nth-child(1){
text-align: center;
background: #fafafa;
}

.recruittbl td:nth-child(3){
text-align: right;
}


}
/*PC*/





















































@media screen and (max-width:750px) {
	
.anchor{
	display: block;
    padding-top: 11vh !important;
    margin-top: -11vh !important;
}

.all__w{
padding: 15vw 0 18vw 0;
}

/*header*/
header {
position: fixed;
height: 15vw;
background: #fff;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
z-index: 3;
top: 0;
}

.header_in{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.header_in h1 {
width: 50%;
}

.header_in h1 a {
width: 100%;
}
.header_in h1 img {
width: 100%;
}

.header_tel{
width: 40%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.header_tel1{
font-size: 4rem;
line-height: 1.5;
color: #5879bc;
}

.header_tel1 span{

}
.header_tel1 span::before{
content: "";
background: url("../img/ic_tel.svg") no-repeat;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
vertical-align: middle;
margin-right: 10px;
}
.header_tel2{
text-align: center;
background: #f2f6ff;
border-radius: 100px;
padding: 5px 20px;
display: inline-block;
font-size: 1.6rem;
color: #5879bc;
}






/*---------------------------------------------
Hamburger Navigation
---------------------------------------------*/

#main_navi{
position: fixed;
z-index: 4;
top: 3vw;
right: 2vw;
}

.hamburger-nav-toggle-btn.open {
content: "";
background: url(../img/menu-close.svg) no-repeat;
width: 10vw;
height: 10vw;
background-size: cover;
position: absolute;
right: 0;
}
.hamburger-nav-toggle-btn.close {
content: "";
background: url(../img/menu-open.svg) no-repeat;
width: 10vw;
height: 10vw;
background-size: cover;
}

.hamburger-nav-list {
display: none;
list-style: none;
margin: 0;
padding: 0;
background: #3960af;
height: 100vh;
}
.hamburger-nav-list > li {
border-bottom: 1px solid #5b7ab9;
}

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

.navli1 ul li{
width: 48%;
line-height: 1.5;
}

.navli1 a{
font-size: 1.5rem;
display: inline-block;
padding: .2vw 0 .2vw 3vw;
color: #fff;
}


.navli2 a{
font-size: 1.3rem;
display: inline-block;
padding: 0 0 0 7vw;
color: #fff;
}

.navli2:last-child a{
font-size: 1.3rem;
display: inline-block;
padding: 0 0 .5vw 7vw;
color: #fff;
}

.navli3{
background: #e5edff;
text-align: center;
padding: 3vw 0;
}

.navli3 a{
font-size: 3rem;
display: inline-block;
padding: 0 0 2vw;
color: #5879bc;
line-height: 1.2;
}

.navtel1{

}
.navtel2{
text-align: center;
background: #f2f6ff;
border-radius: 100px;
padding: 1vw 3vw;
display: inline-block;
font-size: 1.4rem;
color: #5879bc;
}

.navtel1 a span::before{
content: "";
background: url("../img/ic_tel.svg") no-repeat;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
vertical-align: middle;
margin-right: 10px;
}


.mainimage__ww{
width: 100%;
height: 50vh;
text-align: center;
background: url("../img/mainimagebg.jpg");
background-size: cover;
}

.mainimage__w{
width: 100%;
height: 100%;
text-align: center;
background: url("../img/mainimage.jpg");
background-size: cover;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}

.mainimage__w img{
width: 85%;
height: auto;
display: inline-block;
}









/*診療科目*/
.topsubject__ww{
background: #f3f2ec;
width: 100%;
}

.topsubject__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 6vw 2vw 4vw;
}

.topsubject_box{
width: 49%;
text-align: center;
margin: 0 0 2vw 0;
border-radius: 10px;
background: #ecebe0;
box-shadow: 1px 5px 10px #ecebe0;
}

.topsubject_box a{
width: 100%;
padding: 3vw 0 0;
display: block;
height: 100%;
border-radius: 15px 8px 15px 8px;
background: #fff;
}

.topsubject_box a span{
text-align: center;
display: inline-block;
font-size: 1.6rem;
line-height: 1.6;
letter-spacing: .1rem;
}


.topsubject_box a:hover{
transform: translateY(-5px);
}

.topsubject_ic{
display: block;
width: 15vw;
height: 15vw;
margin: 0 auto;
}

.topsubject_ic img{
display: block;
width: 100%;
height: 100%;
}

.topsubject_t{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding: 2vw 0 3vw;
}

.topsubject_t2{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding: 2vw 2rem 2vw;
}

.topsubject2{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
align-items: center;
font-size: 1.9rem;
text-align: center;
margin: 0 auto 3rem;
background: #fff9f0;
border: 2px solid #ffc937;
padding: 1.5rem 1.5rem;
}

.topsubject3{
width: 100%;
font-size: 1.5rem;
font-weight: 700;
}


.topsubject4{
width: 100%;
font-size: 1.3rem;
text-align: left;
padding-left:1.3rem;
	text-indent:-1.3rem;
  line-height: 1.5;
}

.topsubject5{
display: inline-block;
}




/*お知らせ*/
.news__ww{
padding: 8vw 0;
}
.news__w{
}

.h2_news{
text-align: center;
padding: 0 0 7vw;
}
.h2_news span{
font-size: 2.7rem;
color: #003483;
text-shadow: 0 3px 1px #ffffff;
display: inline-block;
}
.h2_news span::before{
content: "";
background: url("../img/ic_news.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h2_news span::after{
content: "news";
font-size: 1.6rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.news_iframe__w{
width: 100%;
margin: 0 auto;
text-align: center;
}


.news_iframe__w iframe{
width: 90%;
height: 100vw;
}













/*catch*/
.catch__ww{
width: 100%;
padding: 13vw 0;
background: url("../img/bg_qol.jpg") no-repeat;
background-size: cover;
}

.catch__w{
width: 90%;
padding: 6vw 6vw;
background: #fff;
margin: 0 auto;
opacity: .95;
box-shadow: 0 0 20px #afdbea;

}

.catch1{
color: #2b4e94;
font-size: 1.7rem;
letter-spacing: .1rem;
margin: 0 0 4vw 0;
line-height: 1.5;
text-align: center;
font-weight: bold;
}

.catch2{
margin: 0 0 0 0;
line-height: 1.8;
font-size: 1.4rem;
letter-spacing: .1rem;
color: #365799;
}












.commonprofile__ww{
width: 100%;
background: #dbe7ff;
padding: 8vw 0;
}
.commonprofile__w{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.commonprofile1{
width: 95%;
background: #fff;
padding: 7vw 3vw;
box-shadow: 0 0 30px #ccd5ef;
border-radius: 10px;
margin: 0 auto 5vw;
}
.commonprofile11{

width: 95%;
margin: 0 auto 3vw;
}

.commonprofile11 img{
width: 100%;
}

.commonprofile12{
width: 95%;
margin: 0 auto 3vw;
}

.commonprofile12 img{
width: 100%;
}

.commonprofile12b{
text-align: center;
    margin: 0 0 3vw 0;
    color: #e45b5b;
}

.commonprofile12b span{
    display: inline-block;
    padding: .3vw 3vw;
    background: #e45b5b;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 0 2vw 0 0;
}

.commonprofile13{
text-align: center;
}

.commonprofile_tel1{
font-size: 3.5rem;
line-height: 1.5;
color: #5879bc;
margin-bottom: 1vw;
}

.commonprofile_tel1 span{
}

.commonprofile_tel1 span::before{
content: "";
background: url("../img/ic_tel.svg") no-repeat;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
vertical-align: middle;
margin-right: 10px;
}

.commonprofile_tel2{
text-align: center;
background: #f2f6ff;
border-radius: 100px;
padding: 1vw 6vw;
display: inline-block;
font-size: 1.4rem;
color: #5879bc;
}

.commonprofile2{
width: 95%;
background: #fff;
padding: 7vw 5vw;
box-shadow: 0 0 30px #ccd5ef;
border-radius: 10px;
margin: 0 auto;
}

.commonprofile21{
}

.commonprofile211{
font-size: 1.8rem;
color: #5b7bbe;
}

.commonprofile212{
margin: 0 0 3vw 0;
font-size: 1.4rem;
line-height: 1.6;
}

.commonprofile22{
}

.commonprofile221{
font-size: 1.8rem;
color: #5b7bbe;
}

.commonprofile222{
font-size: 1.4rem;
color: #446cbf;
display: inline-block;
line-height: 1;
background: #fffbe1;
padding: 1vw 1vw;
margin: 0 0 2vw 0;
}

.commonprofile223{
margin: 0 0 2vw 0;
}

.commonprofile3{
width: 95%;
margin: 5vw auto 0;
}

.commonprofile3 iframe{
width: 100%;
height: 500px;
border-radius: 10px;
box-shadow: 0 0 30px #ccd5ef;
}

.commonprofile4{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
align-items: center;
margin: 2rem auto 2rem;
background: #fff9f0;
border: 1px solid #ffc937;
padding: 1rem 1rem;
}

.commonprofile5{
width: 100%;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
}
.commonprofile6{
width: 100%;
font-size: 1.2rem;
    	padding-left:1.2rem;
	text-indent:-1.2rem;
}








footer{

}

.footernav__ww{
width: 100%;
background: #5879bc;
padding: 5vw 0;
}

.footernav__w{
width: 100%;
margin: 0 auto;

}

.footernav__w ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.footernav__w ul li{
width: 50%;

}
.footernav__w ul li a{
display: flex;
color: #fff;
align-items: center;
justify-content: center;
padding: 2vw 0;
}

.footernav__w ul li a:hover{
opacity: .5;
}



.copyright{
text-align: center;
padding: 2vw 0;
color: #4c4c4c;
background: #e0e0e0;
font-size: 1.1rem;
}



.spfooternav__w{
width: 100%;
display: flex !important;
justify-content: space-between;
position: fixed;
bottom: 0;
z-index: 10;
height: 18vw;
box-shadow: 0 0 10px #ccc;
background: #5879bc;
}

.spfooternav1{
width: 60%;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #fff;
}

.spfooternav1 a{
font-size: 2rem;
line-height: 1.5;
color: #fff;
padding: 2vh 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}

.spfooternav1 a span{

}

.spfooternav1 a span::before{
content: "";
background: url("../img/ic_tel_white.svg") no-repeat;
display: inline-block;
width: 2.2rem;
height: 2.2rem;
vertical-align: middle;
margin-right: 10px;
}

.spfooternav2{
width: 20%;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #fff;
}

.spfooternav2 a{
padding: 2vh 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.1rem;
color: #fff;
}

.spfooternav2 a span::before{
content: "";
background: url("../img/ic_medical-info.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto 2vw;
}




.spfooternav2 a span{

}

.spfooternav3{
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}

.spfooternav3 a{
padding: 2vh 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 1.1rem;
color: #fff;

}

.spfooternav3 a span{

}

.spfooternav3 a span::before{
content: "";
background: url("../img/ic_map.svg") no-repeat;
display: block;
width: 2.2rem;
height: 2.2rem;
margin: 0 auto 2vw;
}



.pagetop{
position: fixed;
bottom: 10vh;
right: 2vw;
z-index: 3;
width: 7vw;
opacity: .8;
filter: drop-shadow(1px 1px 5px rgba(255,255,255,0.6));
}

.pagetop a{

}

.pagetop a img{
width: 100%;
}









/*breadcrumb*/
.bc__w{
width: 100%;
margin: 0 auto;
padding: 2vw 0 2vw 3vw;
font-size: 1.1rem;
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;
}








.underh__ww{
width: 100%;
margin: 0 0 5vw 0;

}

.underh__w{
width: 100%;
height: 30vw;
margin: 0 auto;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
font-size: 3rem;
letter-spacing: .2rem;
color: #3661b5;
text-shadow: 0 0 10px #fff;
}

.underh_consultation{
background: url(../img/subimage-consulation.jpg) no-repeat;
background-position: right center;
    background-size: cover;
}

.underh_cardiology{
background: url(../img/subimage-cardiology.jpg) no-repeat;
background-position: right top;
    background-size: cover;
}

.underh_vascular{
background: url(../img/subimage-vascular.jpg) no-repeat;
background-position: right center;
    background-size: cover;
}

.underh_varicosevein{
background: url(../img/subimage-varicosevein.jpg) no-repeat;
background-position: center center;
}

.underh_mukumi-hie{
background: url(../img/subimage-mukumi-hie.jpg) no-repeat;
background-position: center center;
    background-size: cover;
}

.underh_check{
background: url(../img/subimage-check.jpg) no-repeat;
background-position: center center;
    background-size: cover;
}

.underh_recruit{
background: url(../img/subimage-recruit.jpg) no-repeat;
background-position: right center;
    background-size: cover;
}

.underh_about{
background: url(../img/subimage-about.jpg) no-repeat;
background-position: center center;
    background-size: cover;
}

.underh_facility{
background: url(../img/subimage-facility.jpg) no-repeat;
background-position: center center;
    background-size: cover;
}

.underh_access{
background: url(../img/subimage-access.jpg) no-repeat;
background-position: center center;
    background-size: cover;
}

.undercontent__ww{
width: 100%;
}

.undercontent__w{
width: 100%;
margin: 0 auto;

}

.undercontent_h3{
margin: 0 0 5vw 0;
    text-align: center;
    padding: 5vw 0 5vw;
    background: #f5f5f5;
        font-size: 2rem;
    color: #003483;
    text-shadow: 0 1px 1px #ffffff;
    display: block;
    letter-spacing: .3rem;
}
.h3_consultation{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_consultation span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_consultation span::before{
content: "";
background: url("../img/ic_consultation.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_consultation span::after{
content: "Consultation";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_cardiology{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_cardiology span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_cardiology span::before{
content: "";
background: url("../img/ic_cardiology.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_cardiology span::after{
content: "Cardiology";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}


.h3_vascular{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_vascular span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_vascular span::before{
content: "";
background: url("../img/ic_vascular.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_vascular span::after{
content: "Vascular";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_varicosevein{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_varicosevein span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_varicosevein span::before{
content: "";
background: url("../img/ic_varicosevein.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_varicosevein span::after{
content: "Varicose Vein";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_mukumi-hie{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_mukumi-hie span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_mukumi-hie span::before{
content: "";
background: url("../img/ic_mukumi-hie.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_mukumi-hie span::after{
content: "";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_check{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_check span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_check span::before{
content: "";
background: url("../img/ic_check.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_check span::after{
content: "Check";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_about{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_about span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_about span::before{
content: "";
background: url("../img/ic_about.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_about span::after{
content: "About";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_access{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_access span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_access span::before{
content: "";
background: url("../img/ic_access.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_access span::after{
content: "Access";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_doctor{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_doctor span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_doctor span::before{
content: "";
background: url("../img/ic_doctor.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_doctor span::after{
content: "Doctor";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_greeting{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_greeting span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_greeting span::before{
content: "";
background: url("../img/ic_greeting.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_greeting span::after{
content: "Greeting";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_profile{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_profile span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_profile span::before{
content: "";
background: url("../img/ic_profile.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_profile span::after{
content: "Profile";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_feature{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_feature span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_feature span::before{
content: "";
background: url("../img/ic_feature.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_feature span::after{
content: "Feature";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_state{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_state span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_state span::before{
content: "";
background: url("../img/ic_state.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_state span::after{
content: "State";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_countermeasures{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_countermeasures span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_countermeasures span::before{
content: "";
background: url("../img/ic_countermeasures.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_countermeasures span::after{
content: "Countermeasures";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}

.h3_facility{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_facility span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_facility span::before{
content: "";
background: url("../img/ic_about.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_facility span::after{
content: "Facility";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}


.h3_recruit{
text-align: center;
padding: 5vw 0 5vw;
}
.h3_recruit span{
font-size: 2rem;
color: #003483;
text-shadow: 0 1px 1px #ffffff;
display: inline-block;
letter-spacing: .3rem;
}
.h3_recruit span::before{
content: "";
background: url("../img/ic_doctor.svg") no-repeat;
display: block;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
.h3_recruit span::after{
content: "Recruit";
font-size: 1.2rem;
color: #e88db2;
display: block;
margin: 0 auto;
line-height: 1;
}


.undertxt__w{
padding: 0 5vw;
}

.undertxt_nofloat{

}

.undertxt_float{

}

.undertxt_img{
width: 60%;
margin: 0 auto 8vw;
}

.undertxt_img img{
width: 100%;
}

.undertxt_img_mini{
width: 30% !important;
margin: 0 auto 8vw;
}


.subnav__w{
width: 100%;
}

.subnav__w ul{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.subnav__w ul li{
width: 48%;
text-align: center;
margin: 0 0 4vw 0;
}

.subnav__w ul li a{
width: 100%;
display: block;
background: #5879bc;
background: linear-gradient(180deg, #6b8ed6 0%, #5879bc 100%);
color: #fff;
padding: 3vw 0;
border-radius: 100px;
transition: .8s;
box-shadow: 3px 5px 7px #c3d5fb;
font-size: 1.4rem;
}

.subnav__w ul li a:hover {
opacity: .7;
}

.subnav__w ul li a span{

}

.subnav__w ul li a span::before{

}

.undercontent_h4{
color: #264e9e;
font-size: 2rem;
font-weight: bold;
line-height: 1.6;
border: 1px solid #5879bc;
padding: 6vw 4vw;
border-left: 10px solid #5879bc;
background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(251 251 251) 100%);
letter-spacing: .2rem;
width: 95%;
margin: 0 auto 4vw;
}







.btn_detail{
text-align: center;
}

.btn_detail a{
transition: .8s;
background: #5879bc;
background: linear-gradient(180deg, #6b8ed6 0%, #5879bc 100%);
display: inline-block;
color: #fff;
border-radius: 3px;
padding: 2vw 0;
box-shadow: 1px 3px 3px #ccc;
font-size: 1.6rem;
width: 80%;
margin: 0 auto;
}

.btn_detail a:hover{
opacity: .7;


}


.btn_detail a span{}


.btn_detail a span::before{
content: "";
display: inline-block;
background: url(../img/ic_arrow.svg) no-repeat;
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}





.undercontent_h5{
border: 2px solid #5779bc;
background: #fffef3;
border-radius: 5px;
padding: 3vw 3vw;
display: block;
font-size: 2rem;
color: #4966a0;
margin: 0 auto 6vw;
width: 100%;
text-align: center;
}

.undercontent_h55{
padding: 1vw 3vw;
font-size: 1.8rem;
margin: 0 auto 6vw;
width: 100%;
text-align: center;
    background: #ecf4fb;
    display: inline-block;
    color: #264e9e;
}


.undertxt_memo_float{
font-size: 1.3rem;
color: #0c3486;
background: #fafafa;
padding: 2vw 3vw;
width: 100%;;

}

.undertxt_memo_float span{
color: #e889af;
font-weight: normal;
display: inline-block;
margin: 0 1vw 0 0;


font-size: 1.4rem;
}

.undertxt_memo_nofloat{
font-size: 1.4rem;
color: #0c3486;
background: #fafafa;
padding: 2vw 3vw;
width: 100%;
}

.undertxt_memo_nofloat span{
color: #e889af;
font-weight: normal;
display: inline-block;
margin: 0 1vw 0 0;
font-size: 1.5rem;
}




.img100{
width: 60%;
margin: 0 auto;
}

.img100a{
width: 100%;

}
.img100a img{
width: 100%;
border-radius: 5px;
margin: 0 0 2vw 0;

}
.img100b{
text-align: center;
}
.img100b span{
display: inline-block;
background: #5980ce;
text-align: center;
padding: 1vw 5vw;
color: #fff;
border-radius: 100px;
line-height: 1.7;
font-size: 1.2rem;
}

.imgsp100{
width: 100% !important;
margin: 0 auto;
}

.imgsp50{
width: 50% !important;
margin: 0 auto;
}



.undercontent_h6{
padding: 0 0 .5vw 0;
font-size: 1.7rem;
color: #193671;
margin: 0 0 5vw 0;
width: 100%;
border-bottom: 3px solid #3559a0;
line-height: 1.6;
font-weight: 900;
}

.undercontent_h6 span{

}

.undercontent_h6 span::before{

}







/*人間ドック*/

.pricetbl__w{
width: 100%;
}

.pricetbl{
width: 100%;
border: 1px solid #ccc;
}
.pricetbl th{
border: 1px solid #3f5b92;
padding: 2vw 2%;
font-size: 1.4rem;
color: #ffffff;
background: #5879bc;
font-weight: 400;
vertical-align: middle;
}

.pricetblth1{
width: 20%;
}
.pricetblth2{
width: 47%;

}
.pricetblth3{
width: 18%;

}

.pricetbl td{
background: #fff;
padding: 2vw 2%;
border: 1px solid #cacaca;
font-size: 1.2rem;
vertical-align: middle;
}

.pricetbl td:nth-child(1){
text-align: center;
background: #fafafa;
}

.pricetbl td:nth-child(3){
text-align: right;
}


.checktbl__w{
width: 100%;
}

.checktbl{
width: 100%;
border: 1px solid #ccc;
}
.checktbl th{
border: 1px solid #3f5b92;
padding: 2vw 2%;
font-size: 1.4rem;
color: #ffffff;
background: #5879bc;
font-weight: 400;
vertical-align: middle;
}

.checktblth1{
width: 20%;
}
.checktblth2{
width: 47%;
}

.checktbl td{
background: #fff;
padding: 2vw 2%;
border: 1px solid #cacaca;
font-size: 1.2rem;
vertical-align: middle;
}

.checktbl td:nth-child(1){
text-align: center;
background: #fafafa;
}

.checktbl td:nth-child(3){
text-align: right;
}

.pricememo1{

}

.pricememo1 span{
    display: inline-block;
    padding: .5vw 3vw;
    background: #fdfad4;
    border: 1px solid #fcc46a;
    color: #e92a2a;
    border-radius: 100px;
    font-size: 1.1rem;
    margin: 1vw 0 0 0;
    line-height: 1.2;
}













.undercontent_h7{
font-size: 1.5rem;
color: #ffffff;
background: #264e9e;
padding: 1vw 3vw;
text-align: left;
border-radius: 10px;
letter-spacing: .1rem;
margin: 0 0 5vw 0;
display: inline-block;
line-height: 1.6;
width: 100%;
}

.undercontent_h8{
border: 2px solid #5779bc;
background: #fffef3;
border-radius: 5px;
padding: 1vw 3vw;
display: inline-block;
font-size: 1.6rem;
color: #4966a0;
margin: 0 0 5vw 0;
}






/*当院の紹介*/
.greeting_h{
width: 100%;
font-size: 1.6rem;
color: #3661b5;
font-weight: 900;
margin-bottom: 5vw;
line-height: 1.7;
}



.greeting_img{
width: 60%;
margin: 0 auto 3vw;
}

.greeting_img img{
width: 100%;
}
.greeting_txt{
display: inline-block;
text-align: center;
padding: 10px 10px;
width: 100%;
font-size: 1.4rem;
color: #444;
}

.profile_name{
width: 100%;
font-size: 2.4rem;
color: #444;
font-weight: 900;
padding: 2vw 0 7vw;
text-align: center;
}


.profile__w{
width: 95%;
margin: 0 auto;
}

.profile1{
border-radius: 10px;
background: #fbfbfb;
padding: 5vw 5vw;
width: 100%;
box-shadow: 1px 8px 15px #efefef;
}

.profile2{
width: 100%;
font-size: 1.6rem;
color: #003483;
font-weight: bold;
margin-bottom: 3vw;
}

.profile3{
width: 100%;
}

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

.profile3a{
width: 100%;
}

.profile3b{
width: 100%;
}


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

.facilitybox{
width: 49%;
margin: 0 0 6vw 0;

}
.facility1{
width: 100%;
margin: 0 0 2vw 0;
}
.facility1 img{
width: 100%;
}
.facility2{
margin-bottom: 2vw;
font-size: 1.6rem;
color: #003483;
font-weight: 700;
text-align: center;
line-height: 1;
}
.facility3{
padding: 0 2vw;
}


/*アクセス*/
.accessinfo_tbl{
width: 100%;
margin: 0 auto 8vw;
}

.accessinfo_tbl tr{
border-bottom: 3px solid #fff;
}

.accessinfo_tbl th{
width: 30%;
padding: 4vw 0;
vertical-align: middle;
background: #f5f5f5;
}

.accessinfo_tbl td{
width: 70%;
padding: 4vw 3vw;
background: #fbfbfb;
}

.traffic1{
font-size: 1.4rem;
color: #446cbf;
display: inline-block;
line-height: 1;
background: #fffbe1;
padding: 1vw 1vw;
margin: 0 0 1vw 0
}

.traffic2{
margin: 0 0 2vw 0;
}

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

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

.accessgmapillust{
width: 100%;
margin: 0 auto 8vw;
}

.accessgmapillust img{
width: 100%;
}

.accessgmap_gmap{
width: 100%;
margin: 0 auto 100px;
}

.accessgmap_gmap iframe{
width: 100%;
height: 40vh;
}

.alink{
display: block;
margin-top: -20vw;
padding-top: 20vw;
}

/*診療科目*/
.consulsubject__ww{
background: #f3f2ec;
width: 100%;
}

.consulsubject__w{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto 10vw;
padding: 6vw 2vw 4vw;
}

.consulsubject_box{
width: 49%;

text-align: center;
margin: 0 0 2vw 0;
border-radius: 10px;
background: #ecebe0;
box-shadow: 1px 5px 10px #ecebe0;
}

.consulsubject_box_nobg{
background: #f3f2ec;
box-shadow: 0 0 0 #f3f2ec;
}

.consulsubject_box a{
width: 100%;
padding: 3vw 0 0;
display: block;
height: 100%;
border-radius: 15px 8px 15px 8px;
background: #fff;
}

.consulsubject_box a span{
text-align: center;
display: inline-block;
font-size: 1.6rem;
line-height: 1.6;
letter-spacing: .1rem;
}


.consulsubject_box a:hover{
transform: translateY(-5px);
}

.consulsubject_ic{
display: block;
width: 15vw;
height: 15vw;
margin: 0 auto;
}

.consulsubject_ic img{
display: block;
width: 100%;
height: 100%;
}

.consulsubject_t{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding: 2vw 0 3vw;
}




/*newskiji*/
.newskiji__w{
background: #fff;
}

.newskiji1{
width: 90%;
margin: 0 auto 6vw;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #cac8bc;
padding: 0 0 6vw 0;
text-align: left;
}

.newskiji2{
width: 100%;
font-size: 1.2rem;
color: #555;
margin: 0 0 0 0;
}

.newskiji3{
width: 100%;
}

.newskiji4{
width: 100%;
font-size: 1.8rem;
color: #003483;
margin: 0 0 1vw 0;
}

.newskiji5{
width: 100%;
color: #182e50;
}





/*topimage*/
.topimage__w{
background: url("../img/mainimagebg.jpg");
background-size: cover;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
z-index: 2;
}

.topimage_layer{
position: absolute;
z-index: 10;
}

.topimage_layer img{
width: 55vw;
opacity: .9;
}

.wrap {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 1;
}

#slide_wrap {
position: relative;
overflow: hidden;
}
#slide_wrap .slide_item {
opacity: 0;
transform: scale(1);
transition: opacity 3s linear, transform 7.5s linear;
position: relative;
}
#slide_wrap .slide_item:not(:first-child) {
position: absolute;
top: 0;
left: 0;
}
#slide_wrap .slide_item.show_ {
opacity: 1;
}
#slide_wrap .slide_item.zoom_ {
transform: scale(1.05);
}
#slide_wrap .slide_item img {
display: block;
}


.treatmenttime{
background: #ecf4fb;
padding: 3px 30px;
display: inline-block;
font-size: 1.5rem;
color: #264e9e;
margin: 0 0 2vw 0;
}


.txt_picup{
font-size: 1.5rem;
color: #003483;
}

.movie__w{
width: 100%;
}

.movie__w video{
width: 100%;
height: auto;
}






/*時間変更*/
.notice__ww{
    width: 100%;
    padding: 8vw 0;
    background: #fbfaef;
}

.notice__w{
width: 90%;
margin: 0 auto;
border: solid 5px #c73744;
background: #f7e8e8;
padding: 0 3vw 3vw;
}

.notice1{
width: 100%;
text-align: center;
background: #f7e8e8;
font-size: 2rem;
padding: 4vw 0;
}

.notice2{
    width: 100%;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.8;
    font-weight: 500;
    margin: 0 0 2vw 0;
    color: #e01b2d;

}

.notice3{
width: 100%;
    margin: 0 0 10px 0;

}

.notice3 span{
    display: inline-block;
    background: #f9f9f9;
    text-align: center;
    padding: 1vw 4vw;
    color: #4a4a4a;
    border-radius: 2px;
    border-left: 3px solid #c73744;
    font-size: 1.5rem;
}

.notice4{
width: 100%;
    margin: 0 0 2vw 0;
padding: 0 2vw;
}

.notice5{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.notice6{
width: 100%;
margin: 0 2vw 0 0;
}

.notice7{
width: 100%;
    margin: 0 0 1vw 0;
}

.notice8{
width: 100%;
    margin: 0 0 2vw 0;

}

.notice8 span{
    display: inline-block;
    background: #f9f9f9;
    text-align: center;
    padding: 1vw 4vw;
    color: #4a4a4a;
    border-radius: 2px;
    border-left: 3px solid #c73744;
    font-size: 1.5rem;
}

.notice9{
width: 100%;
padding: 0 2vw;
margin: 0 0 2vw 0;
}

.notice10{
width: 100%;
padding: 0 2vw;
}

.notice11{
width: 100%;
background: #fff;
padding: 4vw 4vw;
line-height: 1.5;
}

.notice12{
background:linear-gradient(transparent 60%, #FCFC96 0%);
}

.notice13{
width: 100%;
text-align: center;
margin: 0 0 5vw 0;
}

.notice14{
    background: linear-gradient(transparent 60%, #fcfc96 0%);
    font-weight: 500;
    color: #e01b2d;
}

.recruittbl__w{
width: 100%;
}

.recruittbl{
width: 100%;
border: 1px solid #ccc;
}
.recruittbl th{
border: 1px solid #3f5b92;
padding: 2vw 2%;
font-size: 1.4rem;
color: #ffffff;
background: #5879bc;
font-weight: 400;
vertical-align: middle;
}

.recruittblth1{
width: 20%;
}
.recruittblth2{
width: 47%;
}

.recruittbl td{
background: #fff;
padding: 2vw 2%;
border: 1px solid #cacaca;
font-size: 1.2rem;
vertical-align: middle;
}

.recruittbl td:nth-child(1){
text-align: center;
background: #fafafa;
}

.recruittbl td:nth-child(3){
text-align: right;
}









}
/*sp*/