@charset "UTF-8";

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


/* subpage common */
.h2_subpage{
text-align: center;
width: 100%;
}

.h2_subpage span {
font-size: 4.5rem;
color: #fff;
display: inline-block;
letter-spacing: .7rem;
line-height: 1.7;
font-weight: 700;
font-family: 'Zen Maru Gothic', sans-serif;
}

.h2_subpage span::before {
content: "";
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}

.h2_subpage span::after {
font-size: 1.2rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .4rem;
font-weight: 400;
font-family: "Alice";
}


/* unique */
span.h2_doctor::before {
background: url("../img/ic_doctor.svg") no-repeat;
}
span.h2_doctor::after {
content: "DOCTOR";
}

span.h2_medical::before {
background: url("../img/ic_medical.svg") no-repeat;
}
span.h2_medical::after {
content: "MEDICAL";
}

span.h2_inspection::before {
background: url("../img/ic_inspection.svg") no-repeat;
}
span.h2_inspection::after {
content: "INSPECTION";
}

span.h2_facility::before {
background: url("../img/ic_facility.svg") no-repeat;
}
span.h2_facility::after {
content: "FACILITY";
}

span.h2_access::before {
background: url("../img/ic_access.svg") no-repeat;
}
span.h2_access::after {
content: "ACCESS";
}

span.h2_reservation::before {
background: url("../img/ic_reservation.svg") no-repeat;
}
span.h2_reservation::after {
content: "RESERVATION";
}

span.h2_blog::before {
background: url("../img/ic_blog.svg") no-repeat;
}
span.h2_blog::after {
content: "BLOG";
}
/* unique */


/* subpage common */









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

.headerbg1{
width: 100%;
margin: 0 auto;
background-position: left 5px bottom;
height: 130px;
}

.headerbg2{
width: 100%;
margin: 0 auto;
background-position: right bottom;
height: 130px;
}

.header_in{
width: 1180px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
background: #fff;
padding: 0 0;
height: 130px;
}

.header_in h1 {
width: 30%;
}

.header_in h1 a {
width: 100%;
}

.header_in h1 img {
width: 100%;
}

.header_tel{
width: 26%;
display: flex !important;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0 0 12px 0;
}

.header_tel1{
font-size: 3.5rem;
line-height: 1;
color: #151a5a;
}

.header_tel1 span{
font-family: 'Heebo';
font-weight: 600;
color: #101010;
}

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

.header_tel2{
text-align: center;
border-radius: 100px;
display: inline-block;
font-size: 1.5rem;
letter-spacing: 0;
}

.kamoku{
width: 35%;
text-align: center;
}

.kamoku img{
width: 100%;
}

.kamoku1{
font-size: 1.8rem;
}

.kamoku2{
font-size: 2.1rem;
display: inline-block;
padding: 2px 12px;
text-align: center;
background: #ffffff;
color: #00a651;
border-radius: 100px;
font-weight: 500;
line-height: 1.4;
margin: 0 0 0 5px;
vertical-align: text-bottom;
font-family: 'Zen Maru Gothic';
border: 1px solid #00a651;
}

.kamoku3{
font-size: 2.7rem;
color: #00a651;
font-weight: 700;
font-family: 'Zen Maru Gothic';
transform: scaleX(1.2);
display: inline-block;
margin: 0 3px;
}

nav {
height: 80px;
display: flex;
align-items: center;
background: #fff;
padding: 20px 0;
}

#dropmenu {
position: relative;
width: 1200px;
margin: 0 auto;
display: flex;
align-content: center;
height: 100%;
border-radius: 6px;
justify-content: space-between;
}

.navli1{
text-align: center;
height: 100%;
background: url(../img/navborder.png) no-repeat;
background-position: right center;
display: flex;
align-items: center;
width: 18%;
}

.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: #29445d !important;
height: 80px;
width: 100%;
align-items: center;
justify-content: center;
font-size: 1.8rem;
text-align: center;
padding: 0 .5rem;
letter-spacing: -.005rem;
}

.navli1a span::before {
background: url("../img/ic_arrow_green.svg");
width: .9rem;
height: .9rem;
display: inline-block;
margin: 0 6px 0 0;
vertical-align: middle;
}

.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: #fffef4;
text-align: left;
font-size: 1.7rem;
font-weight: normal;
color: #5879bc;
}

#dropmenu li ul li a:hover{
background: #f8f4d5;
color: #5879bc;
opacity: 1;
}

#dropmenu li:hover > a{
opacity: .8;
background: #E1F9ED;
}

#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: 10;
width: 100%;
height: 80px;
}

.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;
}
/*header*/









/*top*/
.h2_service{
text-align: center;
width: 100%;
}

.h2_service span{
font-size: 2.5rem;
display: inline-block;
letter-spacing: .2rem;
font-weight: 700;
line-height: 1.5;
font-family: 'Zen Old Mincho';
color: #fff;
}

.h2_service span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 42px;
height: 42px;
display: block;
margin: 0 auto 7px;
}

.h2_service span::after{
content: "Indication";
font-size: 1.4rem;
color: #b5f1d2;
display: block;
margin: 3px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}

.topsubject__ww{
background: url("../img/topsubjectbg.jpg");
background-size: cover;
width: 100%;
padding: 60px 0 50px;
}

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

.topsubject_box{
width: 32%;
text-align: center;
margin: 0 0 22px 0;
}

.topsubject_box:nth-child(4){
margin: 0 0 22px 0;
}

.topsubject_box1{
padding: 22px 0;
display: block;
height: 100%;
border-radius: 3px;
background: #fff;
transition: all .3s;
color: #061e12;
box-shadow: 4px 4px 8px #24975d;
}

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

.topsubject_box1 a:hover{
}

.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;
}

.topsubject_t span{
}

.subjectic01 span::before{
content: "";
background: url("../img/ic_subjectic01.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic02 span::before{
content: "";
background: url("../img/ic_subjectic02.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic03 span::before{
content: "";
background: url("../img/ic_subjectic03.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic04 span::before{
content: "";
background: url("../img/ic_subjectic04.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic05 span::before{
content: "";
background: url("../img/ic_subjectic05.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic06 span::before{
content: "";
background: url("../img/ic_subjectic06.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic07 span::before{
content: "";
background: url("../img/ic_subjectic07.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic08 span::before{
content: "";
background: url("../img/ic_subjectic08.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic09 span::before{
content: "";
background: url("../img/ic_subjectic09.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.news__ww{
padding: 50px 0 70px 0;
background: #f9f7ef;
}

.news__w{
}

.h2_news{
text-align: center;
width: 100%;
}

.h2_news span{
font-size: 2.5rem;
display: inline-block;
letter-spacing: .2rem;
font-weight: 700;
line-height: 1.5;
font-family: 'Zen Old Mincho';
}

.h2_news span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 42px;
height: 42px;
display: block;
margin: 0 auto 7px;
}

.h2_news span::after{
content: "news";
font-size: 1.4rem;
color: #61d399;
display: block;
margin: 3px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}

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

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

.catch__ww{
width: 100%;
background: url(../img/bg_qol.png) no-repeat;
background-position: left center;
background-size: cover;
}

.catch__www{
width: 100%;
padding: 60px 0;
background: url(../img/bg_qol.png) no-repeat;
background-position: right center;
background-size: contain;
}

.catch__w{
width: 800px;
padding: 40px 40px 40px;
background: #fff;
margin: 0 auto;
}

.catch1{
text-align: center;
color: #ea7f9c;
font-size: 2.5rem;
letter-spacing: .1rem;
margin: 0 0 30px 0;
line-height: 1.7;
}

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

.h2_hours{
text-align: center;
width: 100%;
padding: 0 0 30px 0;
}

.h2_hours span{
font-size: 3.5rem;
color: #8590a8;
text-shadow: 0 3px 1px #ffffff;
display: inline-block;
letter-spacing: .2rem;
font-weight: 700;
line-height: 1.5;
}

.h2_hours span::after{
content: "office hours";
font-size: 1.4rem;
color: #4aaf77;
display: block;
margin: 0 auto;
text-shadow: 0 0 5px #fff;
letter-spacing: .2rem;
font-family: 'Heebo', serif;
font-weight: 400;
}

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

.hours1 img{
width: 100%
}

.hours2{
font-size: 2rem;
padding: 0 0 0 100px;
}

.hours3{
font-size: 2rem;
padding: 0 0 0 100px;
}

.hours4{
font-size: 2rem;
padding-left: calc(100px + 2rem);
text-indent: -2rem;
line-height: 1.5;
}



/*common info*/
.commoninfo__ww{
width: 100%;
background: #ebffec;
background-size: cover;
padding: 60px 0 0;
}

.commoninfo__w{
width: 1080px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 3px;
padding: 60px 0 20px;
}

.commoninfo1{
width: 100%;
margin: 0 auto 25px;
text-align: center;
}

.commoninfo1 img{
width: 70%;
display: inline-block;
}

.commoninfo2{
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
margin: 0 0 20px 0;
}

.commoninfo21{
width: 100%;
text-align: center;
font-size: 3rem;
line-height: 1;
color: #101010;
font-weight: bold;
}

.commoninfo21 span{
font-family: 'Heebo';
font-weight: 600;

}

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

.commoninfo22{
width: 100%;
text-align: center;
display: inline-block;
font-size: 1.3rem;
letter-spacing: -.005rem;
}

.commoninfo3{
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 70px;
}

.commoninfo4{
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}

.commoninfo5{
width: 100%;
margin: 0 0 12px 0;
text-align: center;
}

.commoninfo5 span{
font-size: 1.7rem;
color: #1c854f;
}

.commoninfo5 span::before{
content: "─";
display: inline-block;
margin: 0 20px 0 0;
transform: scaleX(2);
color: #01a651;
}

.commoninfo5 span::after{
content: "─";
display: inline-block;
margin: 0 0 0 20px;
transform: scaleX(2);
color: #01a651;
}

.commoninfo6{
line-height: 1.5;
font-size: 1.6rem;
}

.commoninfo7{
font-size: 1.8rem;
color: #364474;
display: inline-block;
line-height: 1;
background: #ffffff;
padding: 8px 10px;
margin: 5px 0 7px 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}

.commoninfo8{
width: 50%;
margin: 0 auto;
}

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

.commoninfo10{
width: 100%;
margin: 0 0 15px 0;
}

.commoninfo10 a{
width: 100%;
padding: 5px 30px;
display: block;
position: relative;
color: #2fb577;
border: 1px solid #2fb577;
font-size: 1.7rem;
background: #fff;
border-radius: 100px;
text-align: center;
}

.commoninfo10 a:hover{
opacity: .7;
border: 1px solid #C2E9D7;
background: #C2E9D7;
box-shadow: 0 0 0 #fff;
}

.commoninfo10 a span{
}

.commoninfo10 a span::after{
content: "";
background: url(../img/ic_download.svg);
width: 2.1rem;
height: 2.1rem;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}

.commoninfo11{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 70px 60px;
}

.commoninfo12{
width: 49%;
}

.commoninfo13{
width: 100%;
}

.commoninfo13 span{
font-size: 1.6rem;
color: #ffffff;
display: inline-block;
line-height: 1;
background: #2fb577;
padding: 5px 20px;
margin: 5px 0 10px 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}

.commoninfo14{
margin: 0 0 15px 0;
}

.commoninfo14 img{
width: 100%;
}

.commoninfo15{
color: #e45b5b;
font-size: 1.5rem;
text-align: center;
width: 100%;
}

.commoninfo15 span{
text-align: center;
padding: 2px 8px 1px;
border-radius: 1px;
display: inline-block;
color: #fff;
background: #e45b5b;
line-height: 1.4;
margin: 0 12px 0 0;
font-size: 1.4rem;
}

.commoninfo16{
font-size: 1.4rem;
letter-spacing: .05rem;
color: #666;
margin: 0 0 5px 0;
line-height: 1.6;
}

.commoninfo17{
font-size: 1.6rem;
letter-spacing: .05rem;
margin: 0 0 20px 0;
line-height: 1.6;
padding-left: 1.4rem;
text-indent: -1.4rem;
}

.commoninfo18{
width: 49%;
margin: 0 auto 30px;
}

.commoninfo18 iframe {
width: 100%;
height: 500px;

}

.h2_feature{
text-align: center;
width: 100%;
}

.h2_feature span{
font-size: 2.5rem;
display: inline-block;
letter-spacing: .2rem;
font-weight: 700;
line-height: 1.5;
font-family: 'Zen Old Mincho';
}

.h2_feature span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 42px;
height: 42px;
display: block;
margin: 0 auto 7px;
}

.h2_feature span::after{
content: "feature";
font-size: 1.4rem;
color: #61d399;
display: block;
margin: 3px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}
	


.h2_top__contents1{
text-align: center;
width: 100%;
}

.h2_top__contents1 span{
font-size: 2.5rem;
display: inline-block;
letter-spacing: .2rem;
font-weight: 700;
line-height: 1.5;
font-family: 'Zen Old Mincho';
}

.h2_top__contents1 span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 42px;
height: 42px;
display: block;
margin: 0 auto 7px;
}

.h2_top__contents1 span::after{
content: "";
font-size: 1.4rem;
color: #005c2d;
display: block;
margin: 3px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}	
	

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

.commoninfo20{
width: 50%;
}

.commoninfo23{
width: 47%;
}

.commoninfo23 img{
width: 100%;
}

.commoninfo24{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

.commoninfo25{
width: 100%;
margin: 0 0 3px 0;
}

.commoninfo25 span{
display: inline-block;
padding: 3px 10px 2px;
text-align: center;
background: #ffffff;
color: #4a976f;
border-radius: 3px;
letter-spacing: 0;
font-size: 1.4rem;
line-height: 1.4;
}

.commoninfo26{
width: 100%;
padding: 0 0 0 2rem;
font-size: 1.4rem;

}



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

.commoninfo28{
width: 49%;
text-align: center;
}

.commoninfo28 img{
width: 85%;
border-radius: 3px;
}




/*top*/







/*footer*/
.footernav__ww{
width: 100%;
background: #fff;
padding: 30px 0;
}

.footernav__w{
width: 1080px;
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: #262e42;
padding: 0 25px;
font-size: 1.5rem;
}

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

.copyright{
text-align: center;
padding: 15px 0;
color: #ffffff;
background: #00a651;
font-size: 1.3rem;
}

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

.pagetop a{
}

.pagetop a img{
width: 100%;
}
/*footer*/







/*breadcrumb*/
.bc__w{
width: 100%;
margin: 0 auto;
padding: 15px 0 15px 30px;
font-size: 1.5rem;
background: #f9f9f9;
}

.bc__w ol{
padding: 0;
color:#5779bc !important;
width: 1080px;
margin: 0 auto;
}

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

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

.bc__w ol li a:hover,
.bc__w ol li a:active{
opacity: .7;
}

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

.bc__w ol li:last-of-type a:hover,
.bc__w ol li:last-of-type a:active{
opacity: .7;
}
/*breadcrumb*/












/*under*/
.under__ww{
background: #f5f2eb;
}

.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;
}

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

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

.underh_medical{
background: url(../img/subimage-medical.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;
}

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

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


.undercontent__ww{
width: 100%;
padding: 0 0 120px 0;
}

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

.undercontent_h3{
margin: 0 0 50px 0;
text-align: center;
padding: 30px 0;
background: linear-gradient(90deg, #ffd1dd, #f9ecff);
font-size: 3.5rem;
color: #9b818e;
display: block;
letter-spacing: .3rem;
font-weight: 700;
}


.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;
padding: 15px 15px;
border-radius: 100px;
transition: .8s;
box-shadow: 3px 5px 20px #a5ded0;
font-size: 2.2rem;
letter-spacing: .2rem;
color: #fff;
background: linear-gradient(90deg, #1adcaf, #2fb577);
}

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

.subnav__w ul li a span{
position: relative;
width: 100%;
display: block;
}

.subnav__w ul li a span::after {
content: "";
background: url(../img/ic_arrow_bottom.svg);
width: 1.7rem;
height: 1.7rem;
display: block;
position: absolute;
top: 13px;
right: 8px;
}




/*under*/










/*doctor*/
.h2_doctor{
text-align: center;
padding: 50px 0 50px;
}

.h2_doctor span{
font-size: 4.5rem;
color: #fff;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 3px 3px 15px #4e77a2;
line-height: 1.7;
}

.h2_doctor span::before{
content: "";
background: url("../img/ic_doctor.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}

.h2_doctor span::after{
content: "doctor";
font-size: 2.2rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .4rem;
font-family: 'Heebo';
}

.doctorinfo__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
}

.doctorinfo1{
width: 40%;
}

.doctorinfo1 img{
width: 100%;
}

.doctorinfo2{
width: 55%;
display: flex;
flex-wrap: wrap;
border: 1px solid #454458;
padding: 40px 0;
background: #fff;
}

.doctorinfo3{
font-size: 2.2rem;
line-height: 1.2;
margin: 15px 0 10px 0;
color: #454458;
font-weight: 700;
width: 100%;
letter-spacing: .8rem;
}

.doctorinfo4{
font-size: 4.8rem;
margin: 0 0 10px 0;
color: #454458;
width: 100%;
font-weight: 700;
font-family: 'Zen Maru Gothic', sans-serif;
}

.doctorinfo5{
font-size: 1.6rem;
font-family: "Alice";
text-align: center;
width: 100%;
color: #454458;
font-style: italic;
}

.doctorinfo6{
width: 100%;
margin: 0 0 0 0;
}


.doctor_h2{
font-size: 3.3rem;
text-align: center;
color: #454458;
letter-spacing: .2rem;
margin: 0 0 20px 0;
font-weight: 700;
font-family: 'Zen Maru Gothic', sans-serif;
}


.doctor_memobox{
background: #fafafa;
border-radius: 10px;
padding: 50px 70px;
width: 90%;
margin: 0 auto;
}

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

.doctor_history1{
width: 10%;
}

.doctor_history2{
width: 100%;
}

.doctor_history3{
width: 100%;
}

.doctor_history3 span{
display: inline-block;
padding: 1px 10px;
background: #efefef;
border-radius: 100px;
font-size: 1.4rem;
}


.doctor_history4{
text-align: center;
width: 100%;
}

.doctor_history4 a{
display: inline-block;
border-radius: 5px;
background: #066d49;
background: linear-gradient(180deg, #18b57e, #066d49);
color: #fff;
text-align: center;
padding: 10px 70px;
transition: .6s;
position: relative;
font-size: 1.6rem;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.doctor_history4 a:active,
.doctor_history4 a:hover{
opacity: .8;
}

.doctor_history4 span::after{
content: "";
background: url("../img/arrow-white.svg");
width: 2rem;
height: 2rem;
position: absolute;
right: 15px;
font-size: 1rem !important;
top: 1.5rem;
color: #aedce0;
}

.doctor_history5{
width: 13%;
margin: 0 0 7px 0;
text-align: center;
background: #f7f6ea;
font-size: 1.4rem;
display: flex;
align-items: center;
justify-content: center;
}

.doctor_history6{
width: 85%;
}

.aboutclinic__w{
margin: 0 0 80px 0;
}

.aboutclinic1{
width: 100%;
font-size: 4rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
color: #454458;
text-align: center;
}

.aboutclinic2{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 50px 0 0 0;
}

.aboutclinic3{
width: 45%;
}

.aboutclinic4{
font-size: 2rem;
font-family: 'Zen Maru Gothic', sans-serif;
color: #7d5653;
border-radius: 20px 8px 20px 8px;
background: #fffce9;
padding: 20px 25px;
line-height: 1.45;
margin: 0 0 15px 0;
border: solid 2px #ffd5ad;
}

.aboutclinic5{
width: 52%;
}

.aboutclinic5 img{
width: 100%;
border-radius: 0 50px 0 50px;
}











/*doctor*/












/*medical*/
.h2_medical{
text-align: center;
padding: 50px 0 50px;
}

.h2_medical span{
font-size: 4.5rem;
color: #fff;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 3px 3px 15px #4e77a2;
line-height: 1.7;
}

.h2_medical span::before{
content: "";
background: url("../img/ic_medical.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}

.h2_medical span::after{
content: "medical";
font-size: 2.2rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .4rem;
font-family: 'Heebo';
}

.medicalbox__w{
width: 90%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 40px 60px 55px;
box-shadow: 7px 7px 35px #e6e4e0;
}

.medicalbox1{
color: #3b3f67;
font-size: 3rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .2rem;
margin: 0 0 22px 0;
font-weight: 700;
line-height: 1.3;
padding: 0 0 15px 0;
font-family: 'Zen Maru Gothic', sans-serif;
}

.medicalbox2{
}

.btn_detail{
text-align: center;
}

.btn_detail a{
transition: .8s;
background: #efefef;
background: linear-gradient(180deg, #ffffff 0%, #efefef 100%);
display: inline-block;
color: #2eb87b;
border-radius: 100px;
padding: 15px 60px;
box-shadow: 3px 3px 8px #eaeaea;
font-size: 2rem;
border: 1px solid #e0e0e0;
}

.btn_detail a:hover{
opacity: .7;
}

.btn_detail a span{}

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

.medicalboxb__w{
width: 90%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 30px 60px 30px;
box-shadow: 7px 7px 35px #e6e4e0;
}

.medicalboxb1{
color: #3b3f67;
font-size: 3.2rem;
letter-spacing: .5rem;
margin: 0 0 0 0;
font-weight: 700;
}

.medicalbox_txt{

}

.medicalbox_clinic{

}

.medicalbox_clinic ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.medicalbox_clinic ul li{
width: 48%;
margin: 0 0 10px 0;
}

.medicalbox_clinic ul li a{
}

.medicalbox_clinic ul li a span{

}

.medicalbox_clinic ul li a span::before{

}


.medicalbox3{

}

.medicalbox3 span{
font-size: 1.8rem;
color: #364474;
display: inline-block;
line-height: 1;
background: #ffffff;
padding: 5px 7px;
margin: 5px 0 10px 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}

.medicalbox4{
width: 65%;

}

.medicalbox5{
width: 30%;
}

.medicalbox5 img{
width: 100%;
border-radius: 5px;
}

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


/*medical*/













/*facility*/
.h2_facility{
text-align: center;
padding: 50px 0 50px;
}

.h2_facility span{
font-size: 4.5rem;
color: #fff;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 3px 3px 15px #4e77a2;
line-height: 1.7;
}

.h2_facility span::before{
content: "";
background: url("../img/ic_facility.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}

.h2_facility span::after{
content: "facility";
font-size: 2.2rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .4rem;
font-family: 'Heebo';
}

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

.facbox{
width: 32%;
margin: 0 0 60px 0;
background: #fff;
}

.fac1{
width: 100%;
margin: 0 0 12px 0; 
}

.fac1 img{
width: 100%;
}

.fac2{
text-align: center;
font-size: 1.8rem;
color: #2f4761;
letter-spacing: .1rem;
line-height: 1.4;
}

.fac3{
font-size: 1.6rem;
line-height: 1.7;
padding: 0 40px 30px;
}

.fac4{

}

.fac4 a{

}

.facboxnogb{
width: 48%;
margin: 0 0 50px 0;
background: none;
}

/*facility*/










/*access*/
.h2_access{
text-align: center;
padding: 50px 0 50px;
}

.h2_access span{
font-size: 4.5rem;
color: #fff;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 3px 3px 15px #4e77a2;
line-height: 1.7;
}

.h2_access span::before{
content: "";
background: url("../img/ic_access.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}

.h2_access span::after{
content: "access";
font-size: 2.2rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .4rem;
font-family: 'Heebo';
}



/*   access   */

.accessinfo__w{
background: #fafafa;
border-radius: 10px;
padding: 50px 100px;
width: 90%;
margin: 0 auto 100px;
}

.accessinfo1{
width: 100%;
background: #fff;
padding: 40px 20px;
border-radius: 20px;
margin: 0 auto 60px;
}

.accessinfo2{
font-size: 3.5rem;
font-weight: 700;
margin: 0 0 10px 0;
text-align: center;
font-family: 'Zen Maru Gothic', sans-serif;
}

.accessinfo3{
text-align: center;
font-size: 2rem;
}

.accessinfo4{
text-align: center;
font-size: 2rem;


}

.accessinfo5{

}

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

.accessinfo6 span{
display: inline-block;
padding: 0 15px;
background: #6fa250;
border-radius: 100px;
color: #fff;
}

.accessinfo7{
margin: 0 auto 10px;
}

.accessinfo7 span{
padding: 1px 40px;
display: inline-block;
text-align: center;
color: #fff;
background: #a6bce9;
font-size: 1.6rem;
border-radius: 3px;
}

.accessinfo8{
width: 80%;
margin: 0 auto 50px;
}

.accessmap__w{
background: #fafafa;
border-radius: 10px;
padding: 50px 50px;
width: 90%;
margin: 0 auto;
}

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

/*access*/

















/*piyopiyo*/
.h2_piyopiyo{
text-align: center;
padding: 50px 0 50px;
}

.h2_piyopiyo span{
font-size: 4.5rem;
color: #fff;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 3px 3px 15px #4e77a2;
line-height: 1.7;
}

.h2_piyopiyo span::before{
content: "";
background: url("../img/ic_piyopiyo.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}

.h2_piyopiyo span::after{
content: "childcare";
font-size: 2.2rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .4rem;
font-family: 'Heebo';
}

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


.piyopiyobox1{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}



.piyopiyobox2{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}

.piyopiyobox3{
width: 100%;
font-size: 3.3rem;
font-family: 'Noto Serif JP';
font-weight: 700;
color: #21af68;
text-align: center;
letter-spacing: .3rem;
margin: 0 0 20px 0;
}

.piyopiyobox4{
width: 100%;
margin: 0 0 50px 0;
padding: 0 50px;
text-align: center;
}


.piyopiyobox5{
width: 40%;
margin: 0 auto;
}

.piyopiyobox5 img{
width: 100%;
border-radius: 10px;
}




.piyopiyocolumn__w{
width: 90%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 40px 60px 55px;
box-shadow: 7px 7px 35px #e6e4e0;
}

.piyopiyocolumn1{
color: #3b3f67;
font-size: 3.2rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .3rem;
margin: 0 0 22px 0;
font-weight: 700;
}

.piyopiyocolumn2{

}

.piyopiyocolumn2 ul{
counter-reset: number 0;
}
.piyopiyocolumn2 ul li{
margin: 0 0 20px 0;
padding-left:3.8rem;
text-indent:-3.8rem;
}
.piyopiyocolumn2 ul li span{
}
.piyopiyocolumn2 ul li::before{
counter-increment: number 1;
content: counter(number) " ";
display: inline-block;
background: #7fbbd2;
border-radius: 100px;
width: 3rem;
height: 3rem;
color: #fff;
text-align: center;
margin: 0 .8rem 0 0;
padding-left:0;
text-indent:0;
}

.piyopiyocolumn3{
background: #fbfddd;
border-radius: 10px;
padding: 10px 10px;
font-size: 1.4rem;
line-height: 1.8;
text-indent: 0;
margin: 15px 0 0 0;
display: block;
}

.piyopiyocolumn3 .txt_red{
font-size: 1.3rem;
}


.piyopiyocolumn4{

}

.piyopiyocolumn4 ul{
counter-reset: number 0;
}
.piyopiyocolumn4 ul li{
margin: 0 0 20px 0;
padding-left:3.8rem;
text-indent:-3.8rem;
}
.piyopiyocolumn4 ul li span{
font-size: 2.2rem;
}
.piyopiyocolumn4 ul li::before{
counter-increment: number 1;
content: counter(number) " ";
display: inline-block;
background: #f9779b;
border-radius: 100px;
width: 3rem;
height: 3rem;
color: #fff;
text-align: center;
margin: 0 .8rem 0 0;
padding-left:0;
text-indent:0;
}
.piyopiyocolumn4 ul li::after{
content: "";
background: url("../img/ic_arrow_bottom_blue.svg");
display: block;
width: 2.5vw;
height: 2.5vw;
margin: 2vw 0;
}

.piyopiyocolumn4 ul li:last-child::after{
display: none;
}

.piyopiyocolumn5{
font-size: 1.6rem;
text-indent:0;
}


.piyopiyocolumn6{
font-size: 2.2rem;
text-indent: 0;
border: 5px solid #cbe5fd;
padding: 20px 20px;
margin: 20px 0 0 0;
border-radius: 10px;
}

/*piyopiyo*/










/*corona*/
.h2_corona{
text-align: center;
padding: 50px 0 50px;
}

.h2_corona span{
font-size: 4.5rem;
color: #fff;
display: inline-block;
letter-spacing: .7rem;
text-shadow: 3px 3px 15px #4e77a2;
line-height: 1.7;
}

.h2_corona span::before{
content: "";
background: url("../img/ic_corona.svg") no-repeat;
display: block;
width: 4rem;
height: 4rem;
margin: 0 auto;
}

.h2_corona span::after{
content: "for preventing the spread of novel coronavirus";
font-size: 2.2rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .4rem;
font-family: 'Heebo';
}

.coronabox__w{
width: 90%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 40px 60px 55px;
box-shadow: 7px 7px 35px #e6e4e0;
}

.coronabox1{
color: #3b3f67;
font-size: 3.2rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .5rem;
margin: 0 0 22px 0;
font-weight: 700;
}

.coronabox2{

}

.btn_detail{
text-align: center;
}

.btn_detail a{
transition: .8s;
background: #efefef;
background: linear-gradient(180deg, #ffffff 0%, #efefef 100%);
display: inline-block;
color: #2eb87b;
border-radius: 100px;
padding: 15px 60px;
box-shadow: 3px 3px 8px #eaeaea;
font-size: 2rem;
border: 1px solid #e0e0e0;
}

.btn_detail a:hover{
opacity: .7;
}

.btn_detail a span{}

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

.coronaboxb__w{
width: 90%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 30px 60px 30px;
box-shadow: 7px 7px 35px #e6e4e0;
}

.coronaboxb1{
color: #3b3f67;
font-size: 3.2rem;
letter-spacing: .5rem;
margin: 0 0 0 0;
font-weight: 700;
}

.coronabox_txt{

}

.coronabox_clinic{

}

.coronabox_clinic ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.coronabox_clinic ul li{
width: 48%;
margin: 0 0 10px 0;
}

.coronabox_clinic ul li a{
}

.coronabox_clinic ul li a span{

}

.coronabox_clinic ul li a span::before{

}


.coronabox3{

}

.coronabox3 span{
font-size: 1.8rem;
color: #364474;
display: inline-block;
line-height: 1;
background: #ffffff;
padding: 5px 7px;
margin: 5px 0 10px 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}


/*corona*/





























































.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;
}






.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;
}
























.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 100px;
}

.accessgmapillust img{
width: 100%;
}


.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 a{
width: 320px;
padding: 30px 0 0;
display: block;
height: 100%;
border-radius: 3px;
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: #fbfbfb;
height: 500px;
overflow-y: scroll;
padding: 30px 0;
}

.newskiji1{
width: 90%;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
border-bottom: 1px dotted #cac8bc;
padding: 0 0 20px 0;
}

.newskiji2{
width: 100%;
font-size: 1.3rem;
color: #182e50;
margin: 0 0 0 0;
}

.newskiji3{
width: 100%;
}

.newskiji4{
width: 100%;
font-size: 1.7rem;
color: #182e50;
font-weight: 700;
margin: 0 0 5px 0;
}

.newskiji5{
width: 100%;
color: #182e50;
font-size: 1.5rem;
line-height: 1.5;
}



/*topimage*/
.topimage__w{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
z-index: 2;
}

.topimagewave{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 20;
    bottom: 0;
}

.topimagewave img{
width: 100%;
}

.topimage_layer{
position: absolute;
z-index: 10;
width: calc(100% - 120px);
margin: 0 auto;
top: 40px;
left: 40px;
}

.topimage_layer img{
}

.topimage_layer1{
}

.topimage_layer1 img{
    width: auto;
    height: 35vh;
}

.topimage_layer2{
position: absolute;
top: 0;
right: 0;
}

.topimage_layer2 img{
  width: 250px;
  opacity: .90;
  max-width: 40vh;
}



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

#slide_wrap {
position: relative;
overflow: hidden;
height: 60vh;
}
#slide_wrap .slide_item {
opacity: 0;
transform: scale(1);
transition: opacity 3s linear, transform 7.5s linear;
position: relative;
width: 100vw;
}
#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;
width: 100%;
}





/*corona*/
.bnrcorona__ww{
width: 100%;
background: #fbfaf7;
padding: 100px 0;
}

.bnrcorona__w{
width: 900px;
margin: 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.bnrcorona1{
width: 420px;
}


.bnrcorona1 a{
width: 100%;
transition: .7s;
display: block;
}

.bnrcorona1 a:hover{
opacity: .7;
transform:translateY(-5px);
}


.bnrcorona1 a img{
width: 100%;
box-shadow: 5px 5px 15px #d2d1cb;
}




/*feature*/
.feature__w{
width: 100%;
background: #f9f7ef;
background-size: cover;
}

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

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

.feature1_box{
    width: 32%;
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
}

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

.feature1_i img{
width: 100%;
border-radius: 5px;
}

.feature1_bg{
background: #fff;
width: 100%;
padding: 30px 10px 30px 10px;
margin: 0 auto 0;
}

.feature1_hh{
color: #067236;
font-size: 2.1rem;
line-height: 1.4;
letter-spacing: 0.01rem;
font-weight: 700;
font-family: "Zen Old Mincho";
padding: 0 10px;
}

.feature1_h{
padding: 15px 12px 0;
color: #3c3c3d;
font-size: 1.5rem;
letter-spacing: .03rem;
line-height: 2;
text-align: left;
}

.feature1_t{
padding: 30px 0 0;
line-height: 2.2;
color: #3c3c3d;
letter-spacing: .3rem;
}

.feature2_box{
position: relative;
height: 400px;
margin: 0 0 60px 0;
}

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

.feature2_i img{
width: 100%;
border-radius: 20px 120px 10px 70px;
}

.feature2_bg{
background: linear-gradient(90deg, white 70%, transparent);
position: absolute;
top: 60px;
width: 800px;
padding: 65px 120px 75px 20px;
box-shadow: -20px 20px 20px #bce8ff;
}

.feature2_hh{
color: #f08346;
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.1rem;
text-align: center;
font-weight: 700;
}

.feature2_h{
padding: 30px 0 0;
color: #3c3c3d;
font-size: 1.7rem;
letter-spacing: .1rem;
line-height: 1.8;
text-align: center;
}

.feature2_t{
padding: 30px 0 0;
line-height: 2.2;
color: #3c3c3d;
letter-spacing: .3rem;
}

.feature3_box{
position: relative;
height: 400px;
margin: 0 0 80px 0;
}

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

.feature3_i img{
width: 100%;
border-radius: 120px 10px 70px 10px;
}

.feature3_bg{
background: linear-gradient(270deg, white 70%, transparent);
position: absolute;
top: 50px;
right: -50px;
width: 800px;
padding: 65px 20px 75px 120px;
box-shadow: 20px 20px 20px #bce8ff;
}

.feature3_hh{
color: #f08346;
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.1rem;
text-align: center;
font-weight: 700;
}

.feature3_h{
padding: 30px 0 0;
color: #3c3c3d;
font-size: 1.7rem;
letter-spacing: .1rem;
line-height: 1.8;
text-align: center;
}

.feature3_t{
padding: 30px 0 0;
color: #3c3c3d;
letter-spacing: .3rem;
line-height: 1.4;
}

.featureic1::before{
content: "";
background: url("../img/ic_no1.svg");
display: inline-block;
width: 25px;
height: 25px;
margin: 0 5px 0 0;
vertical-align: sub;
line-height: 1;
}

.featureic2::before{
content: "";
background: url("../img/ic_no2.svg");
display: inline-block;
width: 25px;
height: 25px;
margin: 0 5px 0 0;
vertical-align: sub;
line-height: 1;
}

.featureic3::before{
content: "";
background: url("../img/ic_no3.svg");
display: inline-block;
width: 25px;
height: 25px;
margin: 0 5px 0 0;
vertical-align: sub;
line-height: 1;
}

/*feature*/

	


/*feature*/
.top__contents1{
width: 100%;
background: #f9f7ef;
background-size: cover;
}

.top__contents1__wi{
width: 1100px;
margin: 0 auto;
padding: 50px 0 70px;
}

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

.top__contents1_box{
    width: 32%;
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
}
	
.top__contents1__t__box{
	width: 500px;
    margin: 0 auto;	
}
	
.top__contents1__t__box p{
	text-align: left;	
}
	
.top__contents1__t{
	width: 73%;
    margin: 0 auto;
}
	
.top__contents1__t2{
	background: #ffffff;
	margin: 0 auto;
	margin-top: 40px;
	padding: 10px 20px;
	width: 100%;
	border-radius: 5px;
}
	
.top__contents1__t2 > p{
    color: #0c6045;
    font-size: 1.8rem;
    font-weight: 500;
	text-align: center;	
}
	
.top__contents1__t3{
	width: 80%;
	margin: 0 auto;
	font-size: 1.8rem;
}
	
.top__contents1__t3 p{
	margin: 5px 0;
	text-align: left;
}
	
.top__contents1__t3 span{
	background: #9dd0be;
    margin: 10px 10px 10px 0;
    padding: 10px 20px;
    border-radius: 3px;
}
	
.top__contents1__t3 span.kasan1{
	background: #9dd0be;
	color: #007148;
}
	
.top__contents1__t3 span.kasan2{
	background: #b9caf5;
	color: #004793;
}
	
	
.top__contents1__t3 span.kasan_memo{
	display: inline-block;
	font-size: 1.4rem;
	padding: 6px 20px;
	vertical-align: middle;
	background: #ffffff;
}
	
	
.top__contents1__t4{
	width: 100px;
	border-left: 3px #0c6045 solid;
	color: #0c6045;
}	
	
	
.top__contents1__t4 > p{
	text-align: center;
}	
	
	
.top__contents1 a:hover{
	opacity: 0.7;
}	
	
 /*top__contents1*/

/*sns*/
.sns__w{
width: 80%;
display: flex;
justify-content: space-between;
margin: 0 auto 50px;
}

.sns1{
width: 32%;
}

.sns1 img{
width: 100%;
border: 1px solid #1877f2;
border-radius: 10px;
}

.sns2{
width: 32%;
}

.sns2 img{
width: 100%;
border: 1px solid #db2e79;
border-radius: 10px;
}

.sns3{
width: 32%;
}

.sns3 img{
width: 100%;
border: 1px solid #36bf19;
border-radius: 10px;
}
/*sns*/



/* btn reservation */
.btn_fix__w{
position:fixed;
top: 200px;
right: 20px;
z-index: 4;
}

.btn_fix__w a{
width: 180px;
height: 120px;
border-radius: 5px;
padding: 20px 0;
display: table-cell;
color: #fff;
text-align: center;
font-size: 2.1rem;
position: relative;
letter-spacing: .07rem;
box-shadow: 5px 5px 15px 0px #FFB1CD;
vertical-align: middle;
line-height: 1.3;
transition: .5s;
background: linear-gradient(90deg, rgba(253,83,146,1) 0%, rgb(251 122 164) 100%);
border: 2px solid #fb569d;
}

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

.btn_fix__w a span::before{
content: "";
background: url("../img/ic_calendar.svg");
width: 50px;
height: 50px;
display: block;
margin: 0 auto 15px;
opacity: .9;
}
/* btn reservation */



.blogbox__w{
width: 90%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 50px 60px 50px;
box-shadow: 7px 7px 35px #e6e4e0;
}

.blogbox1{
font-size: 1.5rem;
color: #999;
margin: 0 0 10px 0;
}

.blogbox2{
color: #26447d;
font-size: 3rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .2rem;
margin: 0 0 22px 0;
font-weight: 700;
line-height: 1.3;
padding: 0 0 15px 0;
}

.blogbox3{
font-size: 1.7rem;
margin: 0 0 60px 0;
}

.blogbox4{
width: 80%;
margin: 0 auto 50px;
}

.blogbox4 img{
width: 100%;
}

.btn_reservation__w{
width: 100%;
text-align: center;
margin: 40px 0 40px;
}

.btn_reservation__w a{
display: inline-block;
padding: 10px 40px;
background: linear-gradient(90deg, #46aef7, #1dd5e6);
font-size: 1.8rem;
text-align: center;
color: #fff;
border-radius: 5px;
box-shadow: 5px 5px 10px #a9e3ec;
transition: .5s;
}

.btn_reservation__w a:hover{
opacity: .7;
}

.btn_reservation__w a span{

}

.btn_reservation__w a span::before{
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #fff;
margin: 0 8px 0 0;
vertical-align: middle;
}




.footer_timetable_tbl{
width: 100%;
background: #fff;
border-spacing: 0;
border-collapse: collapse;
border-radius: 10px;
}

.footer_timetable_tbl td{
border: 1px solid #b8c1be;
vertical-align: middle;
line-height: 1.3;
}

.footer_timetable1{
width: 23%;
text-align: center;
padding: 10px 5px;
background: #0c6045;
font-size: 1.5rem;
color: #fff;
}

.footer_timetable2{
width: 11%;
text-align: center;
padding: 10px 5px;
background: #0c6045;
font-size: 1.5rem;
color: #fff;
}

.footer_timetable3{
text-align: center;
padding: 20px 5px;
background: #F9F9F9;
font-family: 'Heebo';
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0;
color: #448b66;
}

.footer_timetable4{
text-align: center;
padding: 10px 5px;

}

.footer_timetable5{
text-align: center;
}


.footer_timetable6{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 auto;
font-size: 1.45rem;
line-height: 1.6;
}

.footer_timetable7{
width: 49%;
}

.footer_timetable8{
width: 49%;
}

.footer_timetable9{
width: 100%;
margin: 5px 0 0 0;
}

.footer_timetable10{
width: 100%;
margin: 15px 0 0 0;
}

.footer_timetable10 span{
width: 100%;
background: #ffffde;
padding: 8px 12px;
display: inline-block;
border-radius: 3px;
line-height: 1.3;
color: #ee4141;
font-size: 1.4rem;
}

.footer_timetabletxt1{
color: #ee7b41;
}

.footer_timetabletxt2{
color: #ee7b41;
}

.footer_timetabletxt3{
color: #387d39;
}

.footer_timetabletxt4{
color: #ee7b41;
}

.footer_timetabletxt5{
color: #ee7b41;
}

.footer_timetabletxt6{
color: #ee7b41;
letter-spacing: .05rem;
font-size: 1.2rem;
}

.footer_timetabletxt7{
display:inline;
}





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

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

.doctor_i{
width: 480px;
padding: 20px 0 0;
}

.doctor_i img{
width: 100%;
border-radius: 3px;
}

.doctor_t{
width: 660px;
}

.doctor_t1{
font-size: 2.8rem;
text-align: center;
letter-spacing: .2rem;
color: #2B2B2A;
font-weight: 700;
font-family: 'Zen Old Mincho';
margin: 0 0 10px 0;
line-height: 1.4;
}

.doctor_t2{
font-size: 2.1rem;
text-align: center;
letter-spacing: .05rem;
padding: 0 0 30px;
color: #2B2B2A;
font-family: 'Zen Old Mincho';
font-weight: 700;
}

.doctor_t3{
line-height: 1.6;
padding: 0 0 40px 50px;
font-size: 1.6rem;
color: #2B2B2A;
}

.doctor_t4{
}

.doctor_btn{
text-align: center;
}

.doctor_btn a{
display: inline-block;
border-radius: 3px;
background: #53d38e;
background: linear-gradient(90deg, #53d38e 0%, #04954c 100%);
color: #fff;
text-align: center;
padding: 5px 0;
transition: .6s;
position: relative;
font-size: 1.6rem;
width: 220px;
box-shadow: 3px 3px 10px #a6e3c2;
}

.doctor_btn a:active,
.doctor_btn a:hover{
opacity: .8;
}

.doctor_btn span::after{
content: "";
background: url("../img/arrow-white.svg");
width: 2rem;
height: 2rem;
position: absolute;
right: 15px;
font-size: 1rem !important;
top: 1rem;
/* color: #ffffff; */
}




.subpage__w{
width: 100%;
background: #f9f7ef;
padding: 80px 0 30px;
}


.subpage1{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 60px 50px 60px;
box-shadow: 15px 15px 5px #ededed;
}

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

.subpage2 h2{
    font-size: 2.8rem;
    font-weight: 500;
    color: #0c6045;
    letter-spacing: .3rem;
    line-height: 1;
    border-bottom: 8px solid #f3f3f3;
    padding: 0 0 25px 0;
    text-align: center;
}

.subpage2 h2 .icon {
overflow: hidden;
display: block;
width: 120px;
margin: 0 auto 20px;
}

.subpage2 h2 .icon img {
width: 100%;
}

.subpage3{
width: 100%;
padding: 0 10px;
line-height: 1.8;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.subpage31{
width: 100%;
text-indent: -1em;
padding-left: 1em;
}
	
.subpage32{
	width: 100%;
	padding: 10px 20px;
	border-radius: 5px;
	background: #fff3db;
}
	
.subpage33{
	width: 100%;
}
	
.subpage34{
	background: #dfebdb;
	padding: 10px 20px;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
	
.subpage34_1{
	width: 100%;
	border-bottom: 2px #0c6045 solid;
	margin-bottom: 20px;
	color: #0c6045;
}
	
.subpage34_2{
	margin: 0 0 0 1em;
}
	
.subpage34_2 > span{
	display: inline-block;
	background: #ffffff;
	padding: 6px 10px;
	margin-right: .5em;
}
	
.subpage34_2 > span{
	display: inline-block;
	background: #ffffff;
	padding: 6px 10px;
	margin-right: .5em;
}
	
.subpage35{
	background: #dbe8eb;
	padding: 10px 20px;
	border-radius: 5px;
}
	
.subpage35_1{
	width: 300px;
	border-bottom: 2px #2a7181 solid;
	margin-bottom: 20px;
	color: #2a7181;
}
	

	
	
.subpage4{
width: 100%;
}

.subpage4 a{
display: block;
width: 400px;
margin: 0 auto;
background: #ffee9c;
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #643e2f;
box-shadow: 6px 6px 15px #fff2b3;
font-weight: 500;
font-size: 2rem;
line-height: 1;
position: relative;
}

.subpage4 a span{
display: block;
width: 100%;
}

.subpage4 a span::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 2.2rem;
height: 2.2rem;
position: absolute;
top: 20px;
right: -10px;
}

.subpage4 a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage5{
width: 100%;
position: relative;
padding: 30px 30px;
background: #f5f5f5;
border-radius: 10px;
}

.subpage5 ul{
width: 100%;
}

.subpage5 ul li{
width: 100%;
line-height: 2;
margin: 0 0 15px 0;
}

.subpage5 ul li:last-child{
margin: 0 0 0 0;
}

.subpage5 ul li span{
width: 100%;
}

.subpage5 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage6{
width: 100%;
padding: 30px 30px;
position: relative;
background: #f6fbff;
border-radius: 10px;
}

.subpage6 ul{
width: 100%;
}

.subpage6 ul li{
width: 100%;
line-height: 2;
margin: 0 0 15px 0;
}

.subpage6 ul li:last-child{
margin: 0 0 0 0;
}

.subpage6 ul li span{
width: 100%;
}

.subpage6 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check2.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage6 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage6 .subpage_list-1of2 li {
width: 50%;
}

.subpage7{
width: 100%;
}

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

.subpage7 ul li{
width: 30%;
margin: 0 3% 32px 0;
}

.subpage7 ul li:nth-last-child(1){
margin: 0 3% 0 0;
}

.subpage7 ul li:nth-last-child(2){
margin: 0 3% 0 0;
}

.subpage7 ul li:nth-last-child(3){
margin: 0 3% 0 0;
}

.subpage7 ul li a{
display: block;
width: 100%;
margin: 0 auto;
padding: 28px 0;
text-align: center;
letter-spacing: .07rem;
box-shadow: 8px 8px 3px #f1efe5;
font-weight: 500;
font-size: 2.4rem;
line-height: 1;
position: relative;
background: #fff;
color: #3091db;
border: 1px solid #3a87c2;
text-shadow: 2px 2px 2px rgb(255 255 255 / 100%);
border-radius: 5px;
}

.subpage7 ul li a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage7 ul li a span{
width: 100%;
}

.subpage7 ul li span::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 2rem;
height: 2rem;
position: absolute;
top: 3.2rem;
right: 12px;
transform: rotate(90deg);
}

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

.subpage8 h3{
font-size: 2.2rem;
letter-spacing: .1rem;
line-height: 1.6;
padding-left: 15px;
position: relative;
font-weight: 700;
background: #f7f7f7;
padding: 10px 0 10px 20px;
}

.subpage8 h3::before{
border-left: 4px solid #01a651;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}

.subpage9{
width: 350px;
margin: 0 auto;
}

.subpage9 img{
width: 100%;
}

.subpage10{
width: 100%;
background: #F5F5F5;
position: relative;
padding: 30px 30px 30px;
border-radius: 0;
margin: 0 auto;
}

.subpage10 ul{
width: 100%;
}

.subpage10 ul li{
width: 100%;
line-height: 2.2;
}

.subpage10 ul li span{
width: 100%;
}

.subpage10 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check3.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage11{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #47c8af;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage12{
padding: 12px 0 0 0;
font-size: 1.6rem;
line-height: 2;
}

.subpage13{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #f99027;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage14{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #7dadd4;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage15{
width: 100%;
line-height: 1.8;
padding: 0 0 0 20px;
}

.subpage16{
width: 100%;
}

.subpage16 span{
line-height: 1.8;
font-size: 1.7rem;
display: inline-block;
padding: 5px 20px;
letter-spacing: 0;
background: #4387bf;
color: #fff;
}

.subpage17{
width: 100%;
}

.subpage17 span{
line-height: 1.8;
font-size: 1.8rem;
font-weight: 700;
display: inline-block;
padding: 6px 30px;
letter-spacing: .1rem;
background: #ffffff;
border-bottom: 1px solid #f99027;
}

.subpage18{
width: 100%;
}


.subpage18 nav ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;  
background-color: #fff;
padding: 0;
}

/*各ナビゲーション横幅*/
.subpage18 nav ul li{
width:33.3%;
}

/*ナビゲーションaタグの形状*/
.subpage18 nav ul li a{
color: #026eb8;
padding: 15px 0 15px;
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0;
}

.subpage18 nav ul li a:hover,
.subpage18 nav ul li a:active{
background:#fffdec;
}

.subpage18 nav ul li img {
width: 50%;
height: auto;
transition: all .5s;
vertical-align: bottom;
border-radius: 15px 5px 15px 5px;
}

.subpage18 nav ul li img:hover{
transform: scale(1.2);
}

.subpage18 nav ul li dt{
overflow: hidden;
margin: 0 0 8px 0;
}

.subpage19{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 30px 0 30px;
}

.subpage20{
margin: 0 0 20px 0;
}

.subpage20 span{
display: inline-block;
background: #f7fcff;
text-align: center;
border-radius: 5px;
padding: 10px 40px;
font-size: 2.3rem;
font-weight: 700;
color: #3091db;
border: 1px solid #3a87c2;
letter-spacing: .2rem;
font-family: 'Zen Maru Gothic';
text-shadow: 1px 1px 2px rgb(255 255 255 / 80%);
}

.subpage21{
background: #feffda;
border-radius: 10px;
padding: 15px 25px;
font-size: 1.4rem;
line-height: 1.8;
text-indent: 0;
display: block;
color: #2f446f;
width: 100%;
}




.subpage22{
    width: 100%;
    padding: 30px 30px;
    position: relative;
    background: #f9f9f9;
    border-radius: 5px;
    border: 2px solid #ebebeb;
}

.subpage22 ul{
width: 100%;
}

.subpage22 ul li{
width: 100%;
line-height: 2;
margin: 0 0 15px 0;
}

.subpage22 ul li:last-child{
margin: 0 0 0 0;
}

.subpage23{
width: 100%;
font-size: 1.6rem;
}

.subpage23::before{
content: "";
display: inline-block;
background: url("../img/ic_check3.svg");
width: 2rem;
height: 2rem;
margin: 0 7px 0 0;
vertical-align: sub;
}

.subpage22 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage22 .subpage_list-1of2 li {
width: 50%;
}

.subpage24{
padding: 20px 40px 25px;
background: #f7f7f7;
border-radius: 10px;
}

.subpage24 a{
color: #171c61;
font-family: 'Zen Maru Gothic';
font-size: 4rem;
line-height: 1;
font-weight: 700;
}

.subpage24 span{
}

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

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

.subpage26{
display: inline-block;
padding: 7px 60px;
text-align: center;
font-size: 2.3rem;
border: 1px solid #01a651;
margin: 0 30px 0 0;
color: #fff;
font-weight: 500;
border-radius:3px;
background: #01a651;
}

.subpage26:last-child{
margin: 0 0 0 0;
}

.subpage27{
width: 70%;
}

.subpage28{
width: 28%;
}
.subpage28 img{
width: 100%;
border-radius: 3px;
}






/* subtitle */
.subtitle__w{
margin: 0 auto 0;
width: 1200px;
height: 150px;
font-weight: 700;
display: flex;
align-items: center;
}

.subtitle__w h1{
font-size: 2.8rem;
letter-spacing: .5rem;
text-align: center;
margin: 0 auto;
color: #ffffff;
font-weight: 700;
text-shadow: 1px 1px 2px rgb(62 129 95);
font-family: 'Zen Old Mincho';
}

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

.h_doctor{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_doctor h1 span::after{
content: "Doctor";
display: block;
font-size: 1.7rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Maru Gothic';
font-weight: 400;
color: #ee869a;
}



.h_medical{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_medical h1 span::after{
content: "Medical";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}

.h_first{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_first h1 span::after{
content: "First";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}

.h_clinic{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_clinic h1 span::after{
content: "About Clinic";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}

.h_faq{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_faq h1 span::after{
content: "FAQ";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}


.h_access{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_access h1 span::after{
content: "Access";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}





/* dooctor */

.doctor1{
  width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.doctor2{
width: 300px;
}

.doctor2 img{
width: 100%;
border-radius: 2px;
}

.doctor3{
width: calc(100% - 350px);
display: flex;
flex-wrap: wrap;
border: 1px solid #454458;
padding: 20px 0 40px;
background: #fff;
justify-content: center;
align-items: center;
margin: 30px 0;
border-radius: 5px;
}

.doctor4{
    font-size: 1.9rem;
    line-height: 1.4;
    margin: 15px 0 10px 0;
    color: #454458;
    font-weight: 700;
    width: 100%;
    letter-spacing: .1rem;
    text-align: center;
    font-family: 'Zen Old Mincho', serif;
    padding: 0 20px;
}

.doctor5{
font-size: 4.8rem;
margin: 0 0 10px 0;
color: #454458;
width: 100%;
font-weight: 700;
font-family: 'Zen Old Mincho', serif;
text-align: center;
}

.doctor6{
font-size: 1.4rem;
font-family: 'Zen Old Mincho', serif;
text-align: center;
width: 100%;
color: #454458;
font-style: italic;
letter-spacing: .3rem;
font-weight: 300;
}

.doctor6{
width: 100%;
margin: 0 0 0 0;
}


.doctor7{
width: 100%;
margin: 0 0 10px 0;
}

.doctor7 h3{
font-size: 2.2rem;
text-align: center;
color: #4c4948;
letter-spacing: .2rem;
font-weight: 700;
font-family: 'Zen Old Mincho', serif;
}

.doctor8{
background: #fff;
border-radius: 10px;
padding: 50px 70px;
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

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

.doctor10{
width: 100%;
}

.doctor11{

}

.doctor11 h3{
font-size: 2.2rem;
color: #4c4948;
letter-spacing: .2rem;
margin: 0 0 10px 0;
font-weight: 700;
font-family: 'Zen Old Mincho', serif;
text-align: center;
}

.doctor12{
background: #fff;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.doctor13{
width: 100%;
color: #323232;
font-weight: 400;
}

.doctor14{
width: 100%;
margin: 0 0 18px 0;
line-height: 1.3;
}

.doctor15{
width: 100%;
}

.doctor16{
background: #fff;
border-radius: 10px;
padding: 30px 70px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;
}

.doctor17{
  width: 100%;
  font-size: 2.7rem;
  text-align: center;
  margin: 0 0 30px 0;
  color: #36a34b;
  font-weight: 500;
}

.doctor18{
width: 100%;
font-size: 1.6rem;
line-height: 1.8;
}

.doctor19{
width: 48%;
}




/* dooctor */




/* about */

.about1{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.about2{
width: 32%;
background: #F7F7F7;
border-radius: 30px 10px 10px 10px;
margin: 0 2% 30px 0;
}

.about2:nth-child(3n){
margin: 0 0% 30px 0;
}

.about3{
width: 100%;
margin: 0 0 10px 0;
}

.about3 img{
width: 100%;
border-radius: 5px 5px 0 0;
}

.about4{
width: 100%;
font-size: 1.9rem;
text-align: center;
font-family: 'Zen Maru Gothic', sans-serif;
margin: 0 0 12px 0;
line-height: 1.4;
}

.about5{
width: 100%;
padding: 0 20px;
margin: 0 0 20px 0;
font-size: 1.5rem;
letter-spacing: 0;
}

/* about */




/*faq*/
.faq__w{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 60px 0;
}

.faq__w:last-child{
margin: 0 0 0 0;
}

.faq1{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 10px 0;
align-items: center;
}

.faq2{
width: 4%;
}

.faq2 span{
display: block;
background: #01a651;
color: #fff;
text-align: center;
border-radius: 2px;
}

.faq3{
width: 94.5%;
font-size: 2rem;
font-weight: 700;
}


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

}

.faq5{
width: 4%;
}

.faq5 span{
  display: block;
  background: #ffffff;
  color: #01a651;
  text-align: center;
  border-radius: 2px;
  border: solid 1px #01a651;
}

.faq6{
width: 94.5%;
}

.faq7w{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px auto 0;
background: #fafafa;
padding: 25px 30px;
}

.faq7{
  width: 100%;
  background: #ededed;
  padding: 5px 15px;
  font-weight: 700;
  font-size: 1.7rem;
  color: #333;
  line-height: 1.7;
  margin: 0 0 20px 0;
}

.faq7 span{
}

.faq8{
width: 100%;
margin: 0 0 10px 0;
padding: 0 15px;
}

.faq9{
width: 100%;
font-size: 1.4rem;
padding: 0 15px;
margin: 0 0 45px 0;
}
.faq10w{
width: 95%;
margin: 0 auto;
background: #fff;
padding: 20px 20px;
border: solid 1px #e9e9e9;
}

.faq10{
  width: 100%;
  margin: -35px 0 15px 0;
}

.faq10 span{
  display: inline-block;
  padding: 2px 20px;
  text-align: center;
  background: #fdeec5;
  border-radius: 100px;
  color: #83702e;
  font-weight: 700;
  font-size: 1.6rem;
}

.faq11{
width: 100%;
font-weight: 700;
font-size: 1.7rem;

}

.faq12{
width: 100%;
font-size: 1.5rem;
}

.faq13{
width: 100%;
padding: 25px 0 35px 50px;
}


.faq13 a{
width: 100%;
display: block;
font-size: 3rem;
color: #4b4948;
font-weight: 900;
line-height: 1;
}

.faq13 a span{

}

.faq13 a span::before{
content: "";
background: url("../img/ic_tel.svg");
display: inline-block;
width: 2.5rem;
height: 2.5rem;
margin: 0 7px 0 0;
vertical-align: bottom;
}





/*faq*/




/* access */

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

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

.access2{
width: 100%;
text-align: center;
}

.access2 img{
width: 400px;
}

.access3{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

.access4{
width: 100%;
font-weight: 700;
font-size: 1.4rem;
letter-spacing: 0.05;
}

.access5{
width: 100%;
}


.access5 a{
width: 100%;
display: block;
font-size: 4rem;
color: #4b4948;
font-weight: 900;
line-height: 1;
}

.access5 a span{

}

.access5 a span::before{
content: "";
background: url("../img/ic_tel.svg");
display: inline-block;
width: 3.2rem;
height: 3.2rem;
margin: 0 10px 0 0;
vertical-align: bottom;
}

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

.access7{
width: 100%;
border-radius: 10px;
margin: 0 auto;
}

.access8{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin: 0 0 15px 0;
}

.access8:first-child{
}


.access8:last-child{

}

.access9{
width: 28%;
font-size: 1.6rem;
line-height: 1.2;
background: #f9f8f5;
padding: 20px 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
color: #4c4948;
}

.access10{
width: 68%;
line-height: 1.5;
font-weight: 500;
font-size: 1.6rem;
padding: 20px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.access11{
width: 80%;
margin: 0 auto;
}

.access12{
}

.access13{
width: 100%;
}

.access14{
width: 100%;
}

.access14 iframe{
width: 100%;
border-radius: 20px;
}

.access15{
width: 100%;
padding: 20px;
background: #f7f7f7;
border-radius: 20px;
}

.access16{
width: 100%;
text-align: center;
}

.access16 img{
width: 100%;
}

.access17{
width: 100%;
margin: 0 0 10px 0;
}

.access17 span{
  display: block;
  padding: 3px 5px;
  color: #01a651;
  font-size: 1.7rem;
  line-height: 1.2;
  border-bottom: 2px solid #01a651;
}

table.access18{
width: 100%;
border: 1px solid #ccc;
}

table.access18 td{
  border: 1px solid #33424a;
  padding: 6px 8px;
}

table.access18 td.access19{
  background: #d2f7f9;
  font-weight: 700;
  text-align: center;
  color: #09174c;
  padding: 10px 8px;
}

.access20{
  font-weight: 700;
  text-align: center;
  background: #eefeff;
}

.access21{
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  background: #fffdec;
  width: 25%;
}

.access22{
  background: #f5f5f5;
  text-align: center;
  font-size: 1.5rem;
    width: 25%;
}

.access23{
  text-align: center;
  font-size: 1.5rem;
}

.access24{
  width: 68%;
  padding: 20px 0;
}

.access25{
  line-height: 1.5;
  font-weight: 500;
  font-size: 1.6rem;
}

.access26{
  width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px 0;
}

.access27{
  width: 80%;
  margin: 0 auto 20px;
}

.access27 img{
  width: 100%;
  border: 1px solid #222;
}

.access28{
width: 100%;
border: 1px solid #ccc;
}

.access28 td{
  border: 1px solid #33424a;
  padding: 4px 4px;
  vertical-align: middle;
  background: #fefefe;
}

.access29{
  background: #d2f7f9 !important;
  font-weight: 700;
  text-align: center;
  color: #09174c;
  padding: 10px 8px;
}

.access30{
  width: 30%;
  text-align: center;
  background: #fffb94 !important;
}

.access31{
width: 5%;
text-align: center;
}

.access32{
  width: 30%;
  text-align: center;
  background: #fffdb2 !important;
}

.access33{
width: 5%;
text-align: center;
}

.access34{
  width: 30%;
  text-align: center;
  background: #fffee4 !important;
}

.access35{
text-align: center;
}

.access36{
text-align: center;
}

.access37{
text-align: center;
}

.access38{
text-align: center;
}

.access39{
text-align: center;
}

.access40{
width: 100%;
text-align: center;
margin: 40px 0 1px;
}

.access40 span{
    display: inline-block;
    background: #43ac68;
    color: #fff;
    padding: 8px 0;
    width: 380px;
    text-align: center;
}

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

.access41 img{
width: 380px;
}









/* access */


.subpage30{
width: 90%;
padding: 20px 26px;
display: flex;
flex-wrap: wrap;
background: #fffee7;
border-radius: 5px;
margin: 0 auto;
}

.subpage55{
width: 100%;
color: #383618;
font-size: 1.5rem;
}
	
	
/*診療案内 - 診断書等の保険外負担金 table*/	
.medical_table{
	width: 100%;
}
.medical_table th, 
.medical_table td{
	padding: 10px 20px;
	border: 1px #ccc solid;
	text-align: center;
}
.medical_table th{
	background: #eee;
}
.medical_table td:nth-child(1){
	width: 50%;
}
.medical_table_p{
	font-size: 2rem;
}
.medical_table_p::before{
	content: "■";
	color: #0c6045;
	padding-right: .5em;
}
	
.cp_medical *, .cp_medical *:after, .cp_medical *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_medical {
	width: 100%;
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_medical .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_medical label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 6px 10px 0 48px;
	cursor: pointer;
}
.cp_medical .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
.cp_medical .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_medical .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
	color: #01a651;
}
.cp_medical .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cp_medical .cp_actab input[type=checkbox] {
  display: none;
}
	
	.btn_green{
		display: inline-block;
		background: #01a651;
		color: #ffffff !important;
		padding: 10px 30px;
		border-radius: 50px;
	}
	.btn_green span::before{
		display: inline-block;
    content: '';
    background: url("../img/ic_arrow_green4.svg") no-repeat;
    width: 1.2em;
    height: 1.3em;
    vertical-align: middle;
    margin-right: 1em;
	}
	.btn_green:hover{
		opacity: 0.7;
	}

}
/*PC*/





















































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


/* subpage common */
.h2_subpage{
text-align: center;
width: 100%;
padding: 3vw 0;
}

.h2_subpage span {
font-size: 3rem;
color: #fff;
display: inline-block;
letter-spacing: .3rem;
line-height: 1.7;
font-weight: 700;
font-family: 'Zen Maru Gothic', sans-serif;
}

.h2_subpage span::before {
content: "";
display: block;
width: 2rem;
height: 2rem;
margin: 0 auto;
}

.h2_subpage span::after {
font-size: 1.1rem;
color: #ffffff;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .2rem;
font-weight: 400;
font-family: "Alice";
}


/* unique */
span.h2_doctor::before {
background: url("../img/ic_doctor.svg") no-repeat;
}
span.h2_doctor::after {
content: "DOCTOR";
}

span.h2_medical::before {
background: url("../img/ic_medical.svg") no-repeat;
}
span.h2_medical::after {
content: "MEDICAL";
}

span.h2_inspection::before {
background: url("../img/ic_inspection.svg") no-repeat;
}
span.h2_inspection::after {
content: "INSPECTION";
}

span.h2_facility::before {
background: url("../img/ic_facility.svg") no-repeat;
}
span.h2_facility::after {
content: "FACILITY";
}

span.h2_access::before {
background: url("../img/ic_access.svg") no-repeat;
}
span.h2_access::after {
content: "ACCESS";
}

span.h2_reservation::before {
background: url("../img/ic_reservation.svg") no-repeat;
}
span.h2_reservation::after {
content: "RESERVATION";
}

span.h2_blog::before {
background: url("../img/ic_blog.svg") no-repeat;
}
span.h2_blog::after {
content: "BLOG";
}
/* unique */


/* subpage common */


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

/*header*/
header {
position: fixed;
height: 15vw;
display: flex;
width: 100%;
align-items: center;
z-index: 3;
top: 0;
background: #fff;
background-size: contain;
margin: 0 auto;
background-position: left bottom;
padding: 0 0 0 3vw;
}

.header_in{
  width: calc(100vw - 11vw);
  display: flex;
  justify-content: center;
  align-items: center;
}

.header_in h1 {
width: 35vw;
}

.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{
font-family: 'Heebo';
font-weight: 600;
}
.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;
}

.kamoku{
width: 20rem;
text-align: center;
line-height: 1.4;
}

.kamoku img{
width: 100%;
}

.kamoku1{
font-size: 1.2rem;
letter-spacing: -0.05rem;
}

.kamoku2{
font-size: .9rem;
display: inline-block;
padding: .1vw 1vw;
text-align: center;
background: #ffffff;
color: #00a651;
border-radius: 100px;
font-weight: 500;
line-height: 1.4;
margin: .5vw 0 0 .5vw;
vertical-align: text-bottom;
font-family: 'Zen Maru Gothic';
border: 1px solid #00a651;
letter-spacing: -0.05rem;
}

.kamoku3{
font-size: 1.2rem;
color: #e95513;
font-weight: 700;
font-family: 'Zen Maru Gothic';
transform: scaleX(1.2);
display: inline-block;
margin: 0 3px;
}






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

#main_navi{
position: fixed;
z-index: 4;
top: 1vw;
width: 100%;
}

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

.hamburger-nav-list {
display: none;
list-style: none;
margin: 0;
padding: 0;
background: #fff;
height: 100vh;
width: 100vw;
}
.hamburger-nav-list > li {
border-bottom: 1px solid #e6e6e6;
}

.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: block;
padding: 2vw 0 2vw 3vw;
color: #2a2e46;
}

.navli1 a span{
}

.navli1 a span::before{
content: "";
background: url("../img/ic_arrow_green.svg") no-repeat;
display: inline-block;
width: .8rem;
height: .8rem;
vertical-align: middle;
margin-right: 1vw;
}

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

}

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

}

.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;
}

/*side bnr*/
.web_reserved {
display: none;
}
/*side bnr*/


.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;
}

/*topimage*/
.topimage__w{
background-size: cover;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
z-index: 2;
}
.topimagewave{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 20;
    bottom: 0;
}

.topimagewave img{
width: 100%;
}

.topimage_layer{
position: absolute;
z-index: 20;
width: 100%;
margin: 0 auto;
top: 3vw;
}

.topimage_layer img{
}

.topimage_layer1{
}

.topimage_layer1 img{
width: 55vw;
opacity: .90;
margin: 0 0 0 4vw;
}
.topimage_layer2{
position: absolute;
bottom: -12vw;
right: 1vw;
}

.topimage_layer2 img{
width: 28vw;
opacity: .90;
}

.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;
}





/*top*/
.h2_service{
text-align: center;
width: 100%;
}

.h2_service span{
font-size: 1.8rem;
display: inline-block;
letter-spacing: .1rem;
font-weight: 700;
font-family: 'Zen Old Mincho';
color: #fff;
}

.h2_feature span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 5vw;
height: 5vw;
display: block;
margin: 0 auto 1vw;
}

.h2_top__contents1 span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 5vw;
height: 5vw;
display: block;
margin: 0 auto 1vw;
}

.h2_service span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 5vw;
height: 5vw;
display: block;
margin: 0 auto 1vw;
}

.h2_service span::after{
content: "Indication";
font-size: 1.1rem;
color: #b5f1d2;
display: block;
margin: 0 auto;
line-height: 1;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}

.topsubject__ww{
background: #20b167;
width: 100%;
padding: 6vw 0 5vw;
}

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

.topsubject_box{
width: 47%;
text-align: center;
margin: 0 2% 3.5vw 0;
}

.topsubject_box:nth-child(4){
}

.topsubject_box1{
padding: 3vw 0;
display: block;
height: 100%;
border-radius: 3px;
background: #fff;
transition: all .3s;
color: #061e12;
box-shadow: 4px 4px 8px #24975d;
}

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

.topsubject_box a:hover{
}

.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;
}

.topsubject_t span{
}

.subjectic01 span::before{
content: "";
background: url("../img/ic_subjectic01.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic02 span::before{
content: "";
background: url("../img/ic_subjectic02.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic03 span::before{
content: "";
background: url("../img/ic_subjectic03.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic04 span::before{
content: "";
background: url("../img/ic_subjectic04.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic05 span::before{
content: "";
background: url("../img/ic_subjectic05.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic06 span::before{
content: "";
background: url("../img/ic_subjectic06.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic07 span::before{
content: "";
background: url("../img/ic_subjectic07.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic08 span::before{
content: "";
background: url("../img/ic_subjectic08.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.subjectic09 span::before{
content: "";
background: url("../img/ic_subjectic09.svg");
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
}

.news__ww{
background: #f9f7ef;
padding: 6vw 0 10vw 0;
}

.news__w{
}

.h2_news{
text-align: center;
width: 100%;
}

.h2_news span{
font-size: 1.8rem;
text-shadow: 0 3px 1px #ffffff;
display: inline-block;
letter-spacing: .1rem;
font-weight: 700;
font-family: 'Zen Old Mincho';
}

.h2_news span::before{
content: "";
background: url("../img/logo-s.png");
background-size: cover;
width: 5vw;
height: 5vw;
display: block;
margin: 0 auto 1vw;
}

.h2_news span::after{
content: "News";
font-size: 1.1rem;
color: #61d399;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}

.news_iframe__w{
width: 90%;
margin: 0 0 0 3%;
}

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



/*newskiji*/
.newskiji__w{
background: #fbfbfb;
height: 50vh;
overflow-y: scroll;
padding: 3vw 0;
}

.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: #182e50;
margin: 0 0 1vw 0;
}

.newskiji3{
width: 100%;
}

.newskiji4{
width: 100%;
font-size: 1.4rem;
color: #182e50;
margin: 0 0 1.5vw 0;
line-height: 1.4;
}

.newskiji5{
width: 100%;
color: #182e50;
line-height: 1.4;
}








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

.catch__w{
width: 90%;
padding: 6vw 6vw;
background: #fff;
margin: 0 auto;
}

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

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




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

.h2_hours span{
font-size: 3rem;
color: #8590a8;
text-shadow: 0 3px 1px #ffffff;
display: inline-block;
letter-spacing: .1rem;
font-weight: 700;
font-family: 'Zen Maru Gothic', sans-serif;
}

.h2_hours span::after{
content: "office hours";
font-size: 1.4rem;
color: #4aaf77;
display: block;
margin: 0 auto;
line-height: 1;
text-shadow: 0 0 5px #fff;
letter-spacing: .2rem;
font-family: 'Heebo', serif;
font-weight: 400;
}

.hours1{
width: 100%;
margin: 0 auto 3vw;
}

.hours1 img{
width: 100%
}

.hours2{
font-size: 1.4rem;
padding: 0 0 0 2vw;
}


.hours3{
font-size: 1.4rem;
padding: 0 0 0 2vw;
}

.hours4{
font-size: 1.4rem;
padding-left: calc(2vw + 1.4rem);
text-indent: -1.4rem;
line-height: 1.5;
}



/*common info*/
.commoninfo__ww{
width: 100%;
background: #ebffec;
background-size: cover;
padding: 7vw 0 0;
}

.commoninfo__w{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 3px;
}

.commoninfo1{
width: 100%;
margin: 0 auto 25px;
text-align: center;
}

.commoninfo1 img{
width: 70%;
display: inline-block;
}

.commoninfo2{
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
margin: 0 0 5vw 0;
}

.commoninfo21{
width: 100%;
text-align: center;
font-size: 3rem;
line-height: 1;
color: #101010;
font-weight: bold;
}

.commoninfo21 span{
font-family: 'Heebo';
font-weight: 600;

}

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

.commoninfo22{
width: 100%;
text-align: center;
display: inline-block;
font-size: 1.3rem;
letter-spacing: -.005rem;
}

.commoninfo3{
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 70px;
}

.commoninfo4{
width: 100%;
text-align: center;
margin: 0 0 4vw 0;
}

.commoninfo5{
width: 100%;
margin: 0 0 2vw 0;
text-align: center;
}

.commoninfo5 span{
font-size: 1.4rem;
color: #1c854f;
}

.commoninfo5 span::before{
content: "─";
display: inline-block;
margin: 0 20px 0 0;
transform: scaleX(2);
color: #01a651;
}

.commoninfo5 span::after{
content: "─";
display: inline-block;
margin: 0 0 0 20px;
transform: scaleX(2);
color: #01a651;
}

.commoninfo6{
line-height: 1.5;
font-size: 1.4rem;
}

.commoninfo7{
font-size: 1.8rem;
color: #364474;
display: inline-block;
line-height: 1;
background: #ffffff;
padding: 8px 10px;
margin: 5px 0 7px 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}

.commoninfo8{
width: 100%;
margin: 0 auto;
}

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

.commoninfo10{
width: 100%;
margin: 0 0 15px 0;
}

.commoninfo10 a{
width: 100%;
padding: 5px 30px;
display: block;
position: relative;
color: #2fb577;
border: 1px solid #2fb577;
font-size: 1.7rem;
background: #fff;
border-radius: 100px;
text-align: center;
}

.commoninfo10 a:hover{
opacity: .7;
border: 1px solid #C2E9D7;
background: #C2E9D7;
box-shadow: 0 0 0 #fff;
}

.commoninfo10 a span{
}

.commoninfo10 a span::after{
content: "";
background: url(../img/ic_download.svg);
width: 2.1rem;
height: 2.1rem;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}

.commoninfo11{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 70px 60px;
}

.commoninfo12{
width: 49%;
}

.commoninfo13{
width: 100%;
}

.commoninfo13 span{
font-size: 1.6rem;
color: #ffffff;
display: inline-block;
line-height: 1;
background: #2fb577;
padding: 5px 20px;
margin: 5px 0 10px 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}

.commoninfo14{
margin: 0 0 15px 0;
}

.commoninfo14 img{
width: 100%;
}

.commoninfo15{
color: #e45b5b;
font-size: 1.3rem;
text-align: center;
width: 100%;
}

.commoninfo15 span{
text-align: center;
padding: .5vw 2vw;
border-radius: 1px;
display: inline-block;
color: #fff;
background: #e45b5b;
line-height: 1.4;
margin: 0 2vw 0 0;
font-size: 1.3rem;
}

.commoninfo16{
font-size: 1.4rem;
letter-spacing: .05rem;
color: #666;
margin: 0 0 5px 0;
line-height: 1.6;
}

.commoninfo17{
font-size: 1.6rem;
letter-spacing: .05rem;
margin: 0 0 20px 0;
line-height: 1.6;
padding-left: 1.4rem;
text-indent: -1.4rem;
}

.commoninfo18{
width: 100%;
margin: 0 auto 4vw;
}

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









.h2_feature{
text-align: center;
width: 100%;
}

.h2_feature span{
font-size: 1.8rem;
display: inline-block;
letter-spacing: .2rem;
font-weight: 700;
line-height: 1.5;
font-family: 'Zen Old Mincho';
}

.h2_feature span::after{
content: "feature";
font-size: 1.4rem;
color: #61d399;
display: block;
margin: 3px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}


.h2_top__contents1{
text-align: center;
width: 100%;
}

.h2_top__contents1 span{
font-size: 1.8rem;
display: inline-block;
letter-spacing: .2rem;
font-weight: 700;
line-height: 1.5;
font-family: 'Zen Old Mincho';
}

.h2_top__contents1 span::after{
content: "";
font-size: 1.2rem;
color: #005c2d;
display: block;
margin: 3px auto 0;
line-height: 1;
letter-spacing: .2rem;
font-family: 'Zen Old Mincho';
font-weight: 400;
}

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

.commoninfo20{
width: 100%;
}

.commoninfo23{
width: 47%;
}

.commoninfo23 img{
width: 100%;
}

.commoninfo24{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
margin: 0 0 6vw 0;
}

.commoninfo25{
width: 100%;
margin: 0 0 3vw 0;
}

.commoninfo25 span{
display: inline-block;
padding: 3px 10px 2px;
text-align: center;
background: #ffffff;
color: #4a976f;
border-radius: 3px;
letter-spacing: 0;
font-size: 1.4rem;
line-height: 1.4;
}

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

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

.commoninfo28{
width: 100%;
text-align: center;
margin: 0 0 8vw 0;
}

.commoninfo28 img{
width: 70%;
border-radius: 3px;
}


/*top*/







/*footer*/
.footernav__ww{
width: 100%;
background: #fff;
padding: 3vw 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: 100%;
text-align: center;
}

.footernav__w ul li a{
display: block;
padding: 1vw 1vw;
color: #262e42;
}

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




.copyright{
text-align: center;
padding: 1vw 0;
color: #ffffff;
background: #00a651;
font-size: 1rem;
}



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

.spfooternav1{
width: 80%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 3vw 0;
}

.spfooternav1 a{
font-size: 2.6rem;
line-height: 1.5;
color: #101010;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}

.spfooternav1 a span{

}

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

.spfooternav2{
width: 20%;
display: flex;
align-items: center;
justify-content: center;
background: #e8f0ff;
}

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

.spfooternav2 a span::before{
content: "";
background: url("../img/ic_map.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;
background: linear-gradient(125deg, #53d38e 0%, #04954c 100%);
}

.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;
}

.spfooternav5{
font-size: 1.2rem;
color: #050061;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
letter-spacing: 0.1rem;
margin: 0 0 0 0;
line-height: 1;
}



.pagetop{
position: fixed;
bottom: 15vh;
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%;
}

/*footer*/













/*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;
}
/*breadcrumb*/









/*under*/
.under__ww{
background: #f5f2eb;
}

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

}

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

.underh_doctor{
background: url(../img/subimage-doctor.jpg) no-repeat;
background-position: center 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: center center;
background-size: cover;
}

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

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

.underh_first{
background: url("../img/subimage-first.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_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;
}

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

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

.undercontent__ww{
width: 100%;
padding: 0 0 15vw 0;
}

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

}

.undercontent_h3{
margin: 0 0 5vw 0;
text-align: center;
padding: 5vw 3vw 5vw;
background: linear-gradient(90deg, #ffd1dd, #f9ecff);
font-size: 2rem;
color: #9b818e;
display: block;
letter-spacing: .1rem;
line-height: 1.5;
font-weight: 700;
}
.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;
}



.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%;
padding: 5vw 0 5vw;
}

.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;
color: #fff;
background: linear-gradient(90deg, #1adcaf, #2fb577);
padding: 3vw 0;
border-radius: 100px;
transition: .8s;
box-shadow: 3px 5px 20px #a5ded0;
font-size: 1.4rem;
}

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

.subnav__w ul li a span{
position: relative;
width: 100%;
display: block;
}

.subnav__w ul li a span::after{
content: "";
background: url(../img/ic_arrow_bottom.svg);
width: 1.4rem;
height: 1.4rem;
display: block;
margin: 1vw auto 0;
}
/*under*/










/*doctor*/
.h2_doctor{
text-align: center;
padding: 4vw 0 4vw;
}

.h2_doctor span{
font-size: 2.2rem;
color: #fff;
display: inline-block;
letter-spacing: .5rem;
font-weight: 900;
text-shadow: 3px 3px 15px #4e77a2;
}

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

.h2_doctor span::after{
content: "doctor";
font-size: 1.2rem;
color: #fff;
display: block;
margin: 2vw auto 0;
line-height: 1;
text-align: center;
letter-spacing: .2rem;
font-family: 'Heebo';
font-weight: 400;
}


.doctorinfo__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: center;
}

.doctorinfo1{
width: 100%;
margin: 0 auto;
}

.doctorinfo1 img{
width: 100%;
}

.doctorinfo2{
width: 95%;
display: flex;
flex-wrap: wrap;
border: 1px solid #454458;
padding: 5vw 0;
background: #fff;
margin: 0 auto;
}

.doctorinfo3{
font-size: 1.5rem;
line-height: 1.2;
margin: 2vw 0 2vw 0;
color: #454458;
font-weight: 700;
width: 100%;
letter-spacing: .5rem;
}

.doctorinfo4{
font-size: 3rem;
margin: 0 0 1vw 0;
color: #454458;
width: 100%;
font-weight: 700;
font-family: 'Zen Maru Gothic', sans-serif;
}

.doctorinfo5{
font-size: 1.3rem;
font-family: "Alice";
text-align: center;
width: 100%;
color: #454458;
font-style: italic;
}

.doctorinfo6{
width: 100%;
margin: 0 0 2vw 0;
line-height: 1.6;
}


.doctor_h2{
font-size: 1.8rem;
text-align: center;
color: #454458;
letter-spacing: .2rem;
margin: 0 0 2vw 0;
font-weight: 700;
font-family: 'Zen Maru Gothic', sans-serif;
}


.doctor_memobox{
background: #fafafa;
border-radius: 10px;
padding: 5vw 5vw;
width: 90%;
margin: 0 auto;
}

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

.doctor_history1{
width: 100%;
}

.doctor_history2{
width: 100%;
}

.doctor_history3{
width: 100%;
}

.doctor_history3 span{
display: inline-block;
padding: 1px 10px;
background: #efefef;
border-radius: 100px;
font-size: 1.4rem;
}


.doctor_history4{
text-align: center;
width: 100%;
}

.doctor_history4 a{
display: inline-block;
border-radius: 5px;
background: #066d49;
background: linear-gradient(180deg, #18b57e, #066d49);
color: #fff;
text-align: center;
padding: 10px 70px;
transition: .6s;
position: relative;
font-size: 1.6rem;
box-shadow: 0px 3px 3px 0px #e4e4e4;
}

.doctor_history4 a:active,
.doctor_history4 a:hover{
opacity: .8;
}

.doctor_history4 span::after{
content: "";
background: url("../img/arrow-white.svg");
width: 2rem;
height: 2rem;
position: absolute;
right: 15px;
font-size: 1rem !important;
top: 1.5rem;
color: #aedce0;
}

.doctor_history5{
width: 13%;
margin: 0 0 7px 0;
text-align: center;
background: #f7f6ea;
font-size: 1.4rem;
display: flex;
align-items: center;
justify-content: center;
}

.doctor_history6{
width: 85%;
}

.aboutclinic__w{
margin: 0 0 10vw 0;
}

.aboutclinic1{
width: 100%;
font-size: 2rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
color: #454458;
text-align: center;
margin: 0 0 8vw 0;
}

.aboutclinic2{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}

.aboutclinic3{
width: 100%;
order: 2;
text-align: right;
}

.aboutclinic4{
font-size: 1.5rem;
font-family: 'Zen Maru Gothic', sans-serif;
color: #7d5653;
border-radius: 10px 0 0 10px;
background: #fffce9;
padding: 3vw 4vw;
line-height: 1.45;
margin: 0 0 4vw 0;
border: solid 1px #ffd5ad;
border-right: 0;
display: inline-block;
width: 90%;
text-align: left;
}

.aboutclinic5{
width: 100%;
order: 1;
margin: 0 0 4vw 0;
}

.aboutclinic5 img{
width: 80%;
border-radius: 0 50px 50px 0;
}


/*doctor*/















/*medical*/
.h2_medical{
text-align: center;
padding: 4vw 0 4vw;
}

.h2_medical span{
font-size: 2.2rem;
color: #fff;
display: inline-block;
letter-spacing: .5rem;
font-weight: 900;
text-shadow: 3px 3px 15px #4e77a2;
}

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

.h2_medical span::after{
content: "medical";
font-size: 1.2rem;
color: #fff;
display: block;
margin: 2vw auto 0;
line-height: 1;
text-align: center;
letter-spacing: .2rem;
font-family: 'Heebo';
font-weight: 400;
}

.medicalbox__w{
width: 95%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 3vw 5vw 4vw;
box-shadow: 7px 7px 35px #e6e4e0;
}

.medicalbox1{
color: #3b3f67;
font-size: 1.8rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .1rem;
margin: 0 0 4vw 0;
font-weight: 700;
line-height: 1.4;
padding: 0 0 2vw 0;
font-family: 'Zen Maru Gothic', sans-serif;
}

.medicalbox2{
}

.btn_detail{
text-align: center;
}

.btn_detail a{
transition: .8s;
background: #efefef;
background: linear-gradient(180deg, #ffffff 0%, #efefef 100%);
display: inline-block;
color: #3e9c0e;
border-radius: 100px;
padding: 2vw 8vw;
box-shadow: 3px 3px 8px #eaeaea;
font-size: 1.5rem;
border: 1px solid #e0e0e0;
}

.btn_detail a:hover{
opacity: .7;
}

.btn_detail a span{}

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

.medicalboxb__w{
width: 95%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 3vw 5vw 4vw;
box-shadow: 7px 7px 35px #e6e4e0;
}

.medicalboxb1{
color: #3b3f67;
font-size: 2.2rem;
letter-spacing: .1rem;
margin: 0 0 0 0;
font-weight: 700;
line-height: 1.5;
}

.medicalbox_txt{

}

.medicalbox_clinic{

}

.medicalbox_clinic ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.medicalbox_clinic ul li{
width: 100%;
margin: 0 0 2vw 0;
}

.medicalbox_clinic ul li a{
}

.medicalbox_clinic ul li a span{

}

.medicalbox_clinic ul li a span::before{

}

.medicalbox3{

}

.medicalbox3 span{
font-size: 1.4rem;
color: #364474;
display: inline-block;
line-height: 1.4;
background: #ffffff;
padding: 2vw 2vw;
margin: 0 0 3vw 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}

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

.medicalbox5{
width: 100%;
text-align: center;
}

.medicalbox5 img{
width: 40%;
margin: 0 auto;
border-radius: 5px;
}

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

/*medical*/






























/*facility*/
.h2_facility{
text-align: center;
padding: 4vw 0 4vw;
}

.h2_facility span{
font-size: 2.2rem;
color: #fff;
display: inline-block;
letter-spacing: .5rem;
font-weight: 900;
text-shadow: 3px 3px 15px #4e77a2;
}

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

.h2_facility span::after{
content: "facility";
font-size: 1.2rem;
color: #fff;
display: block;
margin: 2vw auto 0;
line-height: 1;
text-align: center;
letter-spacing: .2rem;
font-family: 'Heebo';
font-weight: 400;
}

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

.facbox{
width: 48%;
margin: 0 0 5vw 0;
background: #fff;
}

.fac1{
width: 100%;
}

.fac1 img{
width: 100%;
}

.fac2{
text-align: center;
font-size: 1.4rem;
color: #2f4761;
padding: 2vw 2vw;
letter-spacing: .1rem;
}

.fac3{
font-size: 1.2rem;
line-height: 1.4;
}

.fac4{

}

.fac4 a{

}

.facboxnogb{
width: 48%;
margin: 0 0 50px 0;
background: none;
}

/*facility*/

















/*access*/
.h2_access{
text-align: center;
padding: 4vw 0 4vw;
}

.h2_access span{
font-size: 2.2rem;
color: #fff;
display: inline-block;
letter-spacing: .5rem;
font-weight: 900;
text-shadow: 3px 3px 15px #4e77a2;
}

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

.h2_access span::after{
content: "access";
font-size: 1.2rem;
color: #fff;
display: block;
margin: 2vw auto 0;
line-height: 1;
text-align: center;
letter-spacing: .2rem;
font-family: 'Heebo';
font-weight: 400;
}

/*access*/

.accessinfo__w{
background: #fafafa;
border-radius: 10px;
padding: 3vw 5vw;
width: 90%;
margin: 0 auto 10vw;
}

.accessinfo1{
width: 100%;
background: #fff;
padding: 5vw 3vw;
border-radius: 20px;
margin: 0 auto 7vw;
}

.accessinfo2{
font-size: 1.6rem;
font-weight: 700;
margin: 0 0 4vw 0;
text-align: center;
font-family: 'Zen Maru Gothic', sans-serif;
line-height: 1.2;
}

.accessinfo3{
text-align: center;
font-size: 1.4rem;
line-height: 1.4;
margin: 0 0 3vw 0;
}

.accessinfo4{
text-align: center;
font-size: 1.4rem;
}

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

.accessinfo6{
}

.accessinfo6 span{
display: inline-block;
padding: 0 2vw;
background: #6fa250;
border-radius: 100px;
color: #fff;
}

.accessinfo7{
margin: 0 auto 2vw;
}

.accessinfo7 span{
padding: .3vw 4vw;
display: inline-block;
text-align: center;
color: #fff;
background: #a6bce9;
font-size: 1.4rem;
border-radius: 3px;
width: 20rem;
}

.accessinfo8{
width: 80%;
margin: 0 auto 50px;
}

.accessmap__w{
background: #fafafa;
border-radius: 10px;
padding: 3vw 3vw;
width: 95%;
margin: 0 auto;
}

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

/*access*/
















/*piyopiyo*/
.h2_piyopiyo{
text-align: center;
padding: 4vw 0 4vw;
}

.h2_piyopiyo span{
font-size: 2.2rem;
color: #fff;
display: inline-block;
letter-spacing: .5rem;
font-weight: 900;
text-shadow: 3px 3px 15px #4e77a2;
}

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

.h2_piyopiyo span::after{
content: "childcare";
font-size: 1.2rem;
color: #fff;
display: block;
margin: 2vw auto 0;
line-height: 1;
text-align: center;
letter-spacing: .2rem;
font-family: 'Heebo';
font-weight: 400;
}

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


.piyopiyobox1{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}



.piyopiyobox2{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}

.piyopiyobox3{
width: 100%;
font-size: 2.2rem;
font-family: 'Noto Serif JP';
font-weight: 700;
color: #21af68;
text-align: center;
letter-spacing: .2rem;
margin: 0 0 4vw 0;
}

.piyopiyobox4{
width: 100%;
margin: 0 0 7vw 0;
padding: 0 3vw;
}


.piyopiyobox5{
width: 70%;
margin: 0 auto;
}

.piyopiyobox5 img{
width: 100%;
border-radius: 10px;
}




.piyopiyocolumn__w{
width: 95%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 3vw 5vw 3vw;
box-shadow: 7px 7px 35px #e6e4e0;
}

.piyopiyocolumn1{
color: #3b3f67;
font-size: 2rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .1rem;
margin: 0 0 3vw 0;
font-weight: 700;
}

.piyopiyocolumn2{

}

.piyopiyocolumn2 ul{
counter-reset: number 0;
}
.piyopiyocolumn2 ul li{
margin: 0 0 2vw 0;
padding-left:2rem;
text-indent:-2rem;
}
.piyopiyocolumn2 ul li span{
}
.piyopiyocolumn2 ul li::before{
counter-increment: number 1;
content: counter(number) " ";
display: inline-block;
background: #7fbbd2;
border-radius: 100px;
width: 2rem;
height: 2rem;
color: #fff;
text-align: center;
margin: 0 .5rem 0 0;
padding-left:0;
text-indent:0;
}

.piyopiyocolumn3{
background: #fbfddd;
border-radius: 10px;
padding: 2vw 2vw;
font-size: 1.2rem;
line-height: 1.5;
text-indent: 0;
margin: 2vw 0 3vw 0;
display: block;
}

.piyopiyocolumn3 .txt_red{
font-size: 1.2rem;
}


.piyopiyocolumn4{

}

.piyopiyocolumn4 ul{
counter-reset: number 0;
}
.piyopiyocolumn4 ul li{
margin: 0 0 2vw 0;
padding-left:2rem;
text-indent:-2rem;
}
.piyopiyocolumn4 ul li span{
font-size: 1.6rem;
}
.piyopiyocolumn4 ul li::before{
counter-increment: number 1;
content: counter(number) " ";
display: inline-block;
background: #f9779b;
border-radius: 100px;
width: 2rem;
height: 2rem;
color: #fff;
text-align: center;
margin: 0 .5rem 0 0;
padding-left:0;
text-indent:0;
}
.piyopiyocolumn4 ul li::after{
content: "";
background: url("../img/ic_arrow_bottom_blue.svg");
display: block;
width: 10vw;
height: 10vw;
margin: 5vw auto;
}

.piyopiyocolumn4 ul li:last-child::after{
display: none;
}

.piyopiyocolumn5{
font-size: 1.2rem;
text-indent:0;
}


.piyopiyocolumn6{
font-size: 1.4rem;
text-indent: 0;
border: 5px solid #cbe5fd;
padding: 2vw 4vw;
margin: 2vw 0 0 0;
border-radius: 10px;
}

/*piyopiyo*/


















/*corona*/
.h2_corona{
text-align: center;
padding: 4vw 0 4vw;
}

.h2_corona span{
font-size: 2.2rem;
color: #fff;
display: inline-block;
letter-spacing: .5rem;
font-weight: 900;
text-shadow: 3px 3px 15px #4e77a2;
}

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

.h2_corona span::after{
content: "for preventing the spread of novel coronavirus";
font-size: 1.2rem;
color: #fff;
display: block;
margin: 2vw auto 0;
line-height: 1;
text-align: center;
letter-spacing: .2rem;
font-family: 'Heebo';
font-weight: 400;
}

.coronabox__w{
width: 95%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 3vw 5vw 4vw;
box-shadow: 7px 7px 35px #e6e4e0;
}

.coronabox1{
color: #3b3f67;
font-size: 2.2rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .1rem;
margin: 0 0 4vw 0;
font-weight: 700;
line-height: 1.5;
}

.coronabox2{

}
.btn_detail{
text-align: center;
}

.btn_detail a{
transition: .8s;
background: #efefef;
background: linear-gradient(180deg, #ffffff 0%, #efefef 100%);
display: inline-block;
color: #3e9c0e;
border-radius: 100px;
padding: 2vw 8vw;
box-shadow: 3px 3px 8px #eaeaea;
font-size: 1.5rem;
border: 1px solid #e0e0e0;
}

.btn_detail a:hover{
opacity: .7;
}

.btn_detail a span{}

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

.coronaboxb__w{
width: 95%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 3vw 5vw 4vw;
box-shadow: 7px 7px 35px #e6e4e0;
}

.coronaboxb1{
color: #3b3f67;
font-size: 2.2rem;
letter-spacing: .1rem;
margin: 0 0 0 0;
font-weight: 700;
line-height: 1.5;
}

.coronabox_txt{

}

.coronabox_clinic{

}

.coronabox_clinic ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.coronabox_clinic ul li{
width: 100%;
margin: 0 0 2vw 0;
}

.coronabox_clinic ul li a{
}

.coronabox_clinic ul li a span{

}

.coronabox_clinic ul li a span::before{

}

.coronabox3{

}

.coronabox3 span{
font-size: 1.5rem;
color: #364474;
display: inline-block;
line-height: 1;
background: #ffffff;
padding: 1vw 2vw;
margin: 0 0 2vw 0;
border: 1px solid #eaebef;
box-shadow: 3px 3px 0 #eaebef;
border-radius: 3px;
}


/*corona*/



























.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;
}









.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;
}


.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 15vw;
}

.accessgmapillust img{
width: 100%;
}

.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 a{
width: 100%;
padding: 3vw 0 0;
display: block;
height: 100%;
border-radius: 3px;
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;
}



/*corona*/
.bnrcorona__ww{
width: 100%;
background: #fbfaf7;
padding: 8vw 0;
text-align: center;
}

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

.bnrcorona1{
width: 100%;
margin: 0 auto 7vw;
}

.bnrcorona1:last-child{
margin: 0 auto 0;
}

.bnrcorona1 a{

}

.bnrcorona1 a:hover{
opacity: .7;
}


.bnrcorona1 a img{
width: 100%;
box-shadow: 5px 5px 15px #d2d1cb;
}





/*feature*/
.feature__w{
width: 100%;
background: #f9f7ef;
background-size: cover;
}

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

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

.feature1_box{
width: 100%;
position: relative;
margin: 0 0 10vw 0;
}

.feature1_i{
width: 100%;
position: relative;
text-align: center;
}

.feature1_i img{
width: 70%;
border-radius: 5px;
}

.feature1_bg{
  background: #fff;
  width: 95%;
  padding: 4vw 5vw;
  margin: 1vw auto 0;
  position: relative;
  z-index: 2;
  border: 1px solid #067236;
}

.feature1_hh{
color: #067236;
font-size: 1.6rem;
line-height: 1.4;
letter-spacing: 0.05rem;
text-align: center;
font-weight: 700;
font-family: "Zen Old Mincho";
}

.feature1_h{
padding: 3vw 0 0;
color: #3c3c3d;
font-size: 1.3rem;
letter-spacing: .05rem;
line-height: 2;
}

.feature1_t{
padding: 30px 0 0;
line-height: 2.2;
color: #3c3c3d;
letter-spacing: .3rem;
}

.feature2_box{
position: relative;
height: 400px;
margin: 0 0 60px 0;
}

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

.feature2_i img{
width: 100%;
border-radius: 20px 120px 10px 70px;
}

.feature2_bg{
background: linear-gradient(90deg, white 70%, transparent);
position: absolute;
top: 60px;
width: 800px;
padding: 65px 120px 75px 20px;
box-shadow: -20px 20px 20px #bce8ff;
}

.feature2_hh{
color: #f08346;
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.1rem;
text-align: center;
font-weight: 700;
}

.feature2_h{
padding: 30px 0 0;
color: #3c3c3d;
font-size: 1.7rem;
letter-spacing: .1rem;
line-height: 1.8;
text-align: center;
}

.feature2_t{
padding: 30px 0 0;
line-height: 2.2;
color: #3c3c3d;
letter-spacing: .3rem;
}

.feature3_box{
position: relative;
height: 400px;
margin: 0 0 80px 0;
}

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

.feature3_i img{
width: 100%;
border-radius: 120px 10px 70px 10px;
}

.feature3_bg{
background: linear-gradient(270deg, white 70%, transparent);
position: absolute;
top: 50px;
right: -50px;
width: 800px;
padding: 65px 20px 75px 120px;
box-shadow: 20px 20px 20px #bce8ff;
}

.feature3_hh{
color: #f08346;
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.1rem;
text-align: center;
font-weight: 700;
}

.feature3_h{
padding: 30px 0 0;
color: #3c3c3d;
font-size: 1.7rem;
letter-spacing: .1rem;
line-height: 1.8;
text-align: center;
}

.feature3_t{
padding: 30px 0 0;
line-height: 2.2;
color: #3c3c3d;
letter-spacing: .3rem;
}

.featureic1::before{
  content: "";
  background: url("../img/ic_no1.svg");
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 1.2vw 0 0;
  vertical-align: middle;
}

.featureic2::before{
content: "";
background: url("../img/ic_no2.svg");
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 1.2vw 0 0;
  vertical-align: middle;
}

.featureic3::before{
content: "";
background: url("../img/ic_no3.svg");
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 1.2vw 0 0;
  vertical-align: middle;
}

/*feature*/
	
	

/*top__contents1*/
.top__contents1{
width: 100%;
background: #f9f7ef;
background-size: cover;
padding-bottom: 50px;
}

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

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

.top__contents1_box{
width: 100%;
position: relative;
margin: 0 0 10vw 0;
}

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

.top__contents1__t__box p{
	text-align: left;	
}	
	

	
.top__contents1__t2{
	background: #ffffff;
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px 20px;
	width: 100%;
	border-radius: 5px;
}
	
.top__contents1__t2 > p{
    color: #0c6045;
    font-weight: 500;
	font-size: 1.3rem;
}
	
.top__contents1__t2 > p:nth-child(1){
    text-align: center;
}
	
.top__contents1__t3{
	width: 100%;
	margin: 0 auto;
	font-size: 1.5rem;
}
	
.top__contents1__t3 p{
	margin: 20px 0 0 0;
	text-align: left;
}
	
.top__contents1__t3 span{
	background: #9dd0be;
    margin: 10px 10px 10px 0;
    padding: 10px 20px;
    border-radius: 3px;
}
	
.top__contents1__t3 span.kasan1{
	background: #9dd0be;
	color: #007148;
}
	
.top__contents1__t3 span.kasan2{
	background: #b9caf5;
	color: #004793;
}
	
	
.top__contents1__t3 span.kasan_memo{
	display: inline-block;
	font-size: 1.2rem;
	padding: 6px 10px;
	vertical-align: middle;
	background: #ffffff;
}
	
	
.top__contents1__t4{
	width: 29%;
	border-left: 3px #0c6045 solid;
	color: #0c6045;
}	
	
	
.top__contents1__t4 > p{
	text-align: center;
}	


/*sns*/
.sns__w{
width: 90%;
display: flex;
justify-content: space-between;
margin: 0 auto 8vw;
}

.sns1{
width: 32%;
}

.sns1 img{
width: 100%;
border: 1px solid #1877f2;
border-radius: 5px;
}

.sns2{
width: 32%;
}

.sns2 img{
width: 100%;
border: 1px solid #db2e79;
border-radius: 5px;
}

.sns3{
width: 32%;
}

.sns3 img{
width: 100%;
border: 1px solid #36bf19;
border-radius: 5px;
}
/*sns*/




.blogbox__w{
width: 95%;
margin: 0 auto;
background: #fbfbfb;
border-radius: 20px;
padding: 4vw 5vw 4vw;
box-shadow: 7px 7px 35px #e6e4e0;
}



.blogbox1{
font-size: 1.3rem;
color: #999;
margin: 0 0 1vw 0;
}


.blogbox2{
color: #26447d;
font-size: 1.8rem;
border-bottom: solid 1px #eaeaea;
letter-spacing: .1rem;
margin: 0 0 4vw 0;
font-weight: 700;
line-height: 1.4;
padding: 0 0 2vw 0;
}

.blogbox3{
margin: 0 0 6vw 0;

}

.blogbox4{
width: 100%;
margin: 0 auto 4vw;
}

.blogbox4 img{
width: 100%;
}





.btn_reservation__w{
width: 100%;
text-align: center;
margin: 6vw 0 4vw;
}

.btn_reservation__w a{
display: inline-block;
padding: 1.5vw 6vw;
background: linear-gradient(90deg, #46aef7, #1dd5e6);
font-size: 1.5rem;
text-align: center;
color: #fff;
border-radius: 5px;
box-shadow: 5px 5px 10px #a9e3ec;
transition: .5s;
}

.btn_reservation__w a:hover{
opacity: .7;
}

.btn_reservation__w a span{

}

.btn_reservation__w a span::before{
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 1vw 0 1vw 1.5vw;
border-color: transparent transparent transparent #fff;
margin: 0 1.5vw 0 0;
vertical-align: middle;
}




.footer_timetable_tbl{
width: 100%;
background: #fff;
border-spacing: 0;
border-collapse: collapse;
border-radius: 10px;
color: #653b1d;
}

.footer_timetable_tbl td{
border: 1px solid #b8c1be;
font-size: 1.2rem;
vertical-align: middle;
line-height: 1.3;
letter-spacing: 0;
}

.footer_timetable1{
width: 23%;
text-align: center;
padding: 2vw 1vw;
background: #0c6045;
color: #fff;
}

.footer_timetable2{
width: 11%;
text-align: center;
padding: 2vw 1vw;
background: #0c6045;
color: #fff;
}

.footer_timetable3{
text-align: center;
padding: 2vw 1vw;
background: #f9f9f9;
color: #448b66;
font-family: 'Heebo';
font-weight: 700;
}

.footer_timetable4{
text-align: center;
padding: 2vw 1vw;
}

.footer_timetable5{
text-align: center;
}


.footer_timetable6{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 auto;
font-size: 1.2rem;
line-height: 1.6;
}

.footer_timetable7{
width: 49%;
}

.footer_timetable8{
width: 49%;
}

.footer_timetable9{
width: 100%;
margin: 5px 0 0 0;
}

.footer_timetable10{
width: 100%;
margin: 15px 0 0 0;
}

.footer_timetable10 span{
width: 100%;
background: #ffffde;
padding: 8px 12px;
display: inline-block;
border-radius: 3px;
line-height: 1.3;
color: #ee4141;
font-size: 1.4rem;
}

.footer_timetabletxt1{
color: #ee7b41;
}

.footer_timetabletxt2{
color: #ee7b41;
}

.footer_timetabletxt3{
color: #387d39;
}

.footer_timetabletxt4{
color: #ee7b41;
}

.footer_timetabletxt5{
color: #ee7b41;
}

.footer_timetabletxt6{
color: #ee7b41;
letter-spacing: .05rem;
font-size: 1.2rem;

}

.footer_timetabletxt7{
display: inline-block;
transform:rotate(90deg);
}






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

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

.doctor_i{
width: 100%;
text-align: center;
margin: 0 0 4vw 0;

}

.doctor_i img{
width: 60%;
border-radius: 3px;
}

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

.doctor_t1{
width: 100%;
font-size: 1.7rem;
text-align: center;
letter-spacing: .1rem;
color: #2b2b2a;
font-weight: 700;
font-family: 'Zen Old Mincho';
margin: 0 0 1vw 0;
}

.doctor_t2{
width: 100%;
font-size: 1.6rem;
text-align: center;
letter-spacing: .05rem;
color: #2b2b2a;
font-family: 'Zen Old Mincho';
margin: 0 0 5vw 0;
font-weight: 700;
}

.doctor_t3{
width: 100%;
line-height: 1.7;
padding: 0 5vw;
font-size: 1.3rem;
color: #2b2b2a;
margin: 0 0 7vw 0;

}

.doctor_t4{
}

.doctor_btn{
text-align: center;
width: 100%;
}

.doctor_btn a{
display: inline-block;
border-radius: 3px;
background: #00479b;
background: linear-gradient(90deg, #53d38e 0%, #04954c 100%);
color: #fff;
text-align: center;
padding: 1.5vw 0;
transition: .6s;
position: relative;
font-size: 1.3rem;
width: 18rem;
box-shadow: 3px 3px 10px #a6e3c2;
}

.doctor_btn a:active,
.doctor_btn a:hover{
opacity: .8;
}

.doctor_btn span::after{
content: "";
background: url("../img/arrow-white.svg");
width: 2rem;
height: 2rem;
position: absolute;
right: 2vw;
font-size: 1rem !important;
top: 1rem;
color: #aedce0;
}





.subpage__w{
width: 100%;
background: #f9f7ef;
padding: 6vw 0 6vw;
}


.subpage1{
width: 95%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
padding: 5vw 5vw;
box-shadow: 15px 15px 5px #ededed;
}

.subpage2{
width: 100%;
margin: 0 0 6vw 0;
}

.subpage2 h2{
font-size: 1.8rem;
font-weight: 500;
color: #0c6045;
letter-spacing: .2rem;
line-height: 1;
border-bottom: 8px solid #f3f3f3;
padding: 0 0 3vw 0;
text-align: center;
}

.subpage2 h2 .icon {
overflow: hidden;
display: block;
width: 120px;
margin: 0 auto 20px;
}

.subpage2 h2 .icon img {
width: 100%;
}

.subpage3{
width: 100%;
padding: 0 2vw;
line-height: 1.8;
}
	
.subpage31{
width: 100%;
text-indent: -1em;
padding-left: 1em;
}
	
.subpage32{
	width: 100%;
	padding: 10px 20px;
	border-radius: 5px;
	background: #fff3db;
}
	
.subpage33{
}
	
.subpage34{
	background: #dfebdb;
	padding: 10px;
	border-radius: 5px;
}
	
.subpage34_1{
	width: 100%;
	border-bottom: 2px #0c6045 solid;
	margin-bottom: 20px;
	color: #0c6045;
}
	
.subpage34_2{
	margin: 0 0 0 1em;
}
	
.subpage34_2 > span{
	display: inline-block;
	background: #ffffff;
	padding: 1px 15px;
	margin-right: .5em;
}
	
.subpage35{
	background: #dbe8eb;
	border-radius: 5px;
	padding: 10px;
}
	
.subpage35_1{
	width: 100%;
	border-bottom: 2px #2a7181 solid;
	margin-bottom: 20px;
	color: #2a7181;
}
	


.subpage4{
width: 100%;
}

.subpage4 a{
display: block;
width: 400px;
margin: 0 auto;
background: #ffee9c;
padding: 20px 0;
text-align: center;
letter-spacing: -.005rem;
color: #643e2f;
box-shadow: 6px 6px 15px #fff2b3;
font-weight: 500;
font-size: 2rem;
line-height: 1;
position: relative;
}

.subpage4 a span{
display: block;
width: 100%;
}

.subpage4 a span::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 2.2rem;
height: 2.2rem;
position: absolute;
top: 20px;
right: -10px;
}

.subpage4 a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage5{
width: 100%;
position: relative;
padding: 30px 30px;
background: #f5f5f5;
border-radius: 10px;
}

.subpage5 ul{
width: 100%;
}

.subpage5 ul li{
width: 100%;
line-height: 2;
margin: 0 0 15px 0;
}

.subpage5 ul li:last-child{
margin: 0 0 0 0;
}

.subpage5 ul li span{
width: 100%;
}

.subpage5 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage6{
width: 100%;
padding: 30px 30px;
position: relative;
background: #f6fbff;
border-radius: 10px;
}

.subpage6 ul{
width: 100%;
}

.subpage6 ul li{
width: 100%;
line-height: 2;
margin: 0 0 15px 0;
}

.subpage6 ul li:last-child{
margin: 0 0 0 0;
}

.subpage6 ul li span{
width: 100%;
}

.subpage6 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check2.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage6 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage6 .subpage_list-1of2 li {
width: 50%;
}

.subpage7{
width: 100%;
}

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

.subpage7 ul li{
width: 30%;
margin: 0 3% 32px 0;
}

.subpage7 ul li:nth-last-child(1){
margin: 0 3% 0 0;
}

.subpage7 ul li:nth-last-child(2){
margin: 0 3% 0 0;
}

.subpage7 ul li:nth-last-child(3){
margin: 0 3% 0 0;
}

.subpage7 ul li a{
display: block;
width: 100%;
margin: 0 auto;
padding: 28px 0;
text-align: center;
letter-spacing: .07rem;
box-shadow: 8px 8px 3px #f1efe5;
font-weight: 500;
font-size: 2.4rem;
line-height: 1;
position: relative;
background: #fff;
color: #3091db;
border: 1px solid #3a87c2;
text-shadow: 2px 2px 2px rgb(255 255 255 / 100%);
border-radius: 5px;
}

.subpage7 ul li a:hover{
transform: translateY(-3px);
opacity: .5;
}

.subpage7 ul li a span{
width: 100%;
}

.subpage7 ul li span::after{
content: "";
background: url("../images/ic_arrow1.svg");
display: inline-block;
width: 2rem;
height: 2rem;
position: absolute;
top: 3.2rem;
right: 12px;
transform: rotate(90deg);
}

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

.subpage8 h3{
font-size: 1.6rem;
letter-spacing: .1rem;
line-height: 1.4;
padding-left: 15px;
position: relative;
font-weight: 700;
background: #f7f7f7;
padding: 2vw 0 2vw 4vw;
}

.subpage8 h3::before{
border-left: 4px solid #01a651;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
}

.subpage9{
width: 350px;
margin: 0 auto;
}

.subpage9 img{
width: 100%;
}

.subpage10{
width: 100%;
background: #F5F5F5;
position: relative;
padding: 30px 30px 30px;
border-radius: 0;
margin: 0 auto;
}

.subpage10 ul{
width: 100%;
}

.subpage10 ul li{
width: 100%;
line-height: 2.2;
}

.subpage10 ul li span{
width: 100%;
}

.subpage10 ul li span::before{
content: "";
display: inline-block;
background: url("../images/ic_check3.svg");
width: 2rem;
height: 2rem;
margin: 0 10px 0 0;
vertical-align: sub;
}

.subpage11{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #47c8af;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage12{
padding: 12px 0 0 0;
font-size: 1.6rem;
line-height: 2;
}

.subpage13{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #f99027;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage14{
display: inline-block;
margin: -4.5rem 0 0 0;
background: #7dadd4;
color: #fff;
text-align: center;
padding: 4px 20px;
border-radius: 3px;
position: absolute;
font-size: 1.7rem;
}

.subpage15{
width: 100%;
line-height: 1.8;
padding: 0 0 0 20px;
}

.subpage16{
width: 100%;
}

.subpage16 span{
line-height: 1.8;
font-size: 1.7rem;
display: inline-block;
padding: 5px 20px;
letter-spacing: 0;
background: #4387bf;
color: #fff;
}

.subpage17{
width: 100%;
}

.subpage17 span{
line-height: 1.8;
font-size: 1.8rem;
font-weight: 700;
display: inline-block;
padding: 6px 30px;
letter-spacing: .1rem;
background: #ffffff;
border-bottom: 1px solid #f99027;
}

.subpage18{
width: 100%;
}


.subpage18 nav ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;  
background-color: #fff;
padding: 0;
}

/*各ナビゲーション横幅*/
.subpage18 nav ul li{
width:33.3%;
}

/*ナビゲーションaタグの形状*/
.subpage18 nav ul li a{
color: #026eb8;
padding: 15px 0 15px;
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0;
}

.subpage18 nav ul li a:hover,
.subpage18 nav ul li a:active{
background:#fffdec;
}

.subpage18 nav ul li img {
width: 50%;
height: auto;
transition: all .5s;
vertical-align: bottom;
border-radius: 15px 5px 15px 5px;
}

.subpage18 nav ul li img:hover{
transform: scale(1.2);
}

.subpage18 nav ul li dt{
overflow: hidden;
margin: 0 0 8px 0;
}

.subpage19{
width: 1000px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 30px 0 30px;
}

.subpage20{
margin: 0 0 20px 0;
}

.subpage20 span{
display: inline-block;
background: #f7fcff;
text-align: center;
border-radius: 5px;
padding: 10px 40px;
font-size: 2.3rem;
font-weight: 700;
color: #3091db;
border: 1px solid #3a87c2;
letter-spacing: .2rem;
font-family: 'Zen Maru Gothic';
text-shadow: 1px 1px 2px rgb(255 255 255 / 80%);
}

.subpage21{
background: #feffda;
border-radius: 10px;
padding: 3vw 3vw;
font-size: 1.3rem;
line-height: 1.8;
text-indent: 0;
display: block;
color: #2f446f;
width: 100%;
}




.subpage22{
width: 100%;
padding: 3vw 3vw;
position: relative;
background: #f9f9f9;
border-radius: 3px;
    border: 2px solid #ebebeb;
}

.subpage22 ul{
width: 100%;
}

.subpage22 ul li{
width: 100%;
line-height: 2;
margin: 0 0 2vw 0;
}

.subpage22 ul li:last-child{
margin: 0 0 0 0;
}

.subpage23{
width: 100%;
font-size: 1.3rem;
}

.subpage23::before{
content: "";
display: inline-block;
background: url("../img/ic_check3.svg");
width: 1.6rem;
height: 1.6rem;
margin: 0 1vw 0 0;
vertical-align: sub;
}

.subpage22 .subpage_list-1of2 {
display: flex;
flex-wrap: wrap;
}

.subpage22 .subpage_list-1of2 li {
width: 50%;
}

.subpage24{
padding: 20px 40px 25px;
background: #f7f7f7;
border-radius: 10px;
}

.subpage24 a{
color: #171c61;
font-family: 'Zen Maru Gothic';
font-size: 4rem;
line-height: 1;
font-weight: 700;
}

.subpage24 span{
}

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

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

.subpage26{
  display: inline-block;
  padding: 1vw 2vw;
  text-align: center;
  font-size: 1.4rem;
  border: 1px solid #01a651;
  margin: 0 auto 3vw;
  color: #fff;
  font-weight: 500;
  border-radius: 3px;
  background: #01a651;
  width: 80%;
}

.subpage26:last-child{
}


.subpage27{
width: 100%;
}

.subpage28{
width: 100%;
text-align: center;
margin: 4vw 0 3vw 0;
}
.subpage28 img{
width: 60%;
border-radius: 3px;
}








/* subtitle */
.subtitle__w{
margin: 0 auto 0;
width: 100%;
font-weight: 700;
display: flex;
align-items: center;
padding: 3vw 0;
}

.subtitle__w h1{
font-size: 2rem;
letter-spacing: .5rem;
text-align: center;
margin: 0 auto;
color: #ffffff;
font-weight: 700;
text-shadow: 1px 1px 2px rgb(62 129 95);
font-family: 'Zen Old Mincho';
}

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

.h_doctor{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_doctor h1 span::after{
content: "Doctor";
display: block;
font-size: 1.3rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Maru Gothic';
font-weight: 400;
color: #ee869a;
}



.h_medical{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_medical h1 span::after{
content: "Medical";
display: block;
font-size: 1.2rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}

.h_first{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_first h1 span::after{
content: "First";
display: block;
font-size: 1.2rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}

.h_clinic{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_clinic h1 span::after{
content: "About Clinic";
display: block;
font-size: 1.2rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}

.h_faq{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_faq h1 span::after{
content: "FAQ";
display: block;
font-size: 1.2rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}


.h_access{
background: url("../img/subtitle_bg5.jpg") no-repeat;
background-size: cover;
width: 100%;
}

.h_access h1 span::after{
content: "Access";
display: block;
font-size: 1.2rem;
letter-spacing: .2rem;
line-height: 1;
font-family: 'Zen Old Mincho';
font-weight: 400;
color: #b8ffca;
}



/* dooctor */

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

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

.doctor2 img{
width: 45%;
border-radius: 3px;
}

.doctor3{
width: 80%;
display: flex;
flex-wrap: wrap;
border: 1px solid #454458;
padding: 4vw 0;
background: #fff;
justify-content: center;
margin: 0 auto;
border-radius: 5px;
}

.doctor4{
font-size: 1.4rem;
line-height: 1.4;
margin: 0 0 1vw 0;
color: #454458;
font-weight: 700;
width: 100%;
letter-spacing: .1rem;
text-align: center;
font-family: 'Zen Old Mincho', serif;
}

.doctor5{
font-size: 2.8rem;
margin: 0 0 1vw 0;
color: #454458;
width: 100%;
font-weight: 700;
font-family: 'Zen Old Mincho', serif;
text-align: center;
}

.doctor6{
font-size: 1.4rem;
font-family: 'Zen Old Mincho', serif;
text-align: center;
width: 100%;
color: #454458;
font-style: italic;
letter-spacing: .3rem;
font-weight: 300;
}

.doctor6{
width: 100%;
margin: 0 0 0 0;
}


.doctor7{

}

.doctor7 h3{
font-size: 1.7rem;
text-align: center;
color: #4c4948;
letter-spacing: .2rem;
margin: 0 0 2vw 0;
font-weight: 700;
font-family: 'Zen Old Mincho', serif;
}

.doctor8{
background: #fff;
border-radius: 10px;
padding: 3vw 5vw;
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

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

.doctor10{
width: 100%;
}

.doctor11{

}

.doctor11 h3{
font-size: 1.7rem;
color: #4c4948;
letter-spacing: .3rem;
margin: 0 0 2vw 0;
font-weight: 700;
font-family: 'Zen Old Mincho', serif;
text-align: center;
}

.doctor12{
background: #fff;
border-radius: 10px;
padding: 3vw 5vw;
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.doctor13{
width: 100%;
color: #323232;
font-weight: 400;
}

.doctor14{
width: 100%;
}

.doctor15{
width: 100%;
}

.doctor16{
background: #fff;
border-radius: 10px;
padding: 3vw 5vw;
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 2;
}

.doctor17{
width: 100%;
font-size: 1.8rem;
  color: #36a34b;
  font-weight: 500;
  text-align: center;
  margin: 0 0 3vw 0;
  line-height: 1.6;
}

.doctor18{
width: 100%;
font-size: 1.4rem;
}


.doctor19{
width: 100%;
}


/* dooctor */




/* about */

.about1{
width: 100%;
display: flex;
flex-wrap: wrap;
}

.about2{
width: 48%;
background: #F7F7F7;
border-radius: 30px 10px 10px 10px;
margin: 0 2% 5vw 0;
}

.about2:nth-child(2n){
margin: 0 0% 5vw 0;
}

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

.about3 img{
width: 100%;
border-radius: 5px 5px 0 0;
}

.about4{
width: 100%;
font-size: 1.3rem;
padding: 0 2vw;
font-family: 'Zen Maru Gothic', sans-serif;
margin: 0 0 2vw 0;
line-height: 1.4;
text-align: center;
}

.about5{
width: 100%;
padding: 0 2vw;
margin: 0 0 3vw 0;
font-size: 1.3rem;
letter-spacing: 0;
line-height: 1.5;
}

/* about */



/*faq*/
.faq__w{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 8vw 0;
}

.faq__w:last-child{
margin: 0 0 0 0;
}

.faq1{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 2vw 0;
align-items: center;
}

.faq2{
width: 2rem;

}

.faq2 span{
display: block;
background: #01a651;
color: #fff;
text-align: center;
border-radius: 2px;
}

.faq3{
width: calc(100% - 3rem);
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
}


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

}

.faq5{
width: 2rem;
}

.faq5 span{
display: block;
background: #ffffff;
color: #01a651;
text-align: center;
border-radius: 2px;
  border: solid 1px #01a651;
}

.faq6{
width: calc(100% - 3rem);
line-height: 1.4;
}


.faq7w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 3vw auto 0;
background: #fafafa;
padding: 3vw 3vw;
}

.faq7{
  width: 100%;
  background: #ededed;
  padding: 1vw 2vw;
  font-weight: 700;
  font-size: 1.4rem;
  color: #333;
  line-height: 1.7;
  margin: 0 0 3vw 0;
}

.faq7 span{
}

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

.faq9{
width: 100%;
font-size: 1.3rem;
padding: 0 2vw;
margin: 0 0 8vw 0;
}
.faq10w{
width: 95%;
margin: 0 auto;
background: #fff;
padding: 4vw 4vw;
border: solid 1px #e9e9e9;
}

.faq10{
  width: 100%;
  margin: -3.4rem 0 2vw 0;
}

.faq10 span{
  display: inline-block;
  padding: .5vw 4vw;
  text-align: center;
  background: #fdeec5;
  border-radius: 100px;
  color: #83702e;
  font-weight: 700;
  font-size: 1.4rem;
}

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

}

.faq12{
width: 100%;
font-size: 1.3rem;
}

.faq13{
width: 100%;
padding: 3vw 0 5vw 6vw;
}


.faq13 a{
width: 100%;
display: block;
font-size: 2.2rem;
color: #4b4948;
font-weight: 900;
line-height: 1;
}

.faq13 a span{

}

.faq13 a span::before{
content: "";
background: url("../img/ic_tel.svg");
display: inline-block;
width: 1.9rem;
height: 1.9rem;
margin: 0 1vw 0 0;
vertical-align: bottom;
}









/*faq*/




/* access */

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

.access1{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 10vw 0;
}

.access2{
width: 100%;
text-align: center;
margin: 0 0 7vw 0;
}

.access2 img{
width: 50%;
}

.access3{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}

.access4{
width: 100%;
font-weight: 500;
font-size: 1.4rem;
letter-spacing: 0.05;
margin: 0 0 1vw 0;
}

.access5{
width: 100%;
}


.access5 a{
width: 100%;
display: block;
font-size: 3rem;
color: #4b4948;
font-weight: 700;
line-height: 1;
}

.access5 a span{

}

.access5 a span::before{
content: "";
background: url("../img/ic_tel.svg");
display: inline-block;
width: 2.5rem;
height: 2.5rem;
margin: 0 1.5vw 0 0;
vertical-align: bottom;
}

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

.access7{
width: 100%;
margin: 0 0 10vw 0;
border-radius: 7px;
}

.access8{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
color: #4c4948;
margin: 0 0 1vw 0;
}

.access8:first-child{

}


.access9{
width: 100%;
text-align: center;
font-size: 1.4rem;
letter-spacing: .025rem;
line-height: 1.5;
background: #f9f8f5;
padding: 1.5vw 1vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #4c4948;
}

.access10{
width: calc(100%);
line-height: 1.5;
font-weight: 500;
font-size: 1.3rem;
letter-spacing: .025rem;
padding: 2vw 2vw;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.access11{
width: 100%;
}

.access12{
width: 100%;
margin: 0 auto;
}

.access13{
width: 100%;
}

.access14{
width: 100%;
margin: 0 auto;
}

.access14 iframe{
width: 100%;
border-radius: 20px;
}

.access15{
width: 100%;
padding: 3vw;
background: #f7f7f7;
border-radius: 20px;
}

.access16{
width: 100%;
text-align: center;
}

.access16 img{
width: 100%;
}


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

.access17 span{
  display: block;
  padding: 1.5vw 1vw;
  color: #01a651;
  font-size: 1.4rem;
  line-height: 1.2;
  border-bottom: 1px solid #01a651;
}

table.access18{
width: 100%;
border: 1px solid #ccc;
}

table.access18 td{
  border: 1px solid #33424a;
  padding: 1vw 1vw;
  font-size: 1.2rem;
  }

table.access18 td.access19{
  background: #d2f7f9;
  font-weight: 700;
  text-align: center;
  color: #09174c;
  padding: 1vw 1vw;
}

.access20{
  font-weight: 700;
  text-align: center;
  background: #eefeff;
}

.access21{
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  background: #fffdec;
  width: 18%;
}

.access22{
  background: #f5f5f5;
  text-align: center;
  font-size: 1.2rem;
    width: 25%;
}

.access23{
  text-align: center;
  font-size: 1.2rem;
}

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

.access25{
  line-height: 1.5;
  font-weight: 500;
  font-size: 1.3rem;
}

.access26{
  width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px 0;
}

.access27{
  width: 90%;
  margin: 0 auto 2vw;
}

.access27 img{
  width: 100%;
  border: 1px solid #222;
}

.access28{
width: 100%;
border: 1px solid #ccc;
}

.access28 td{
  border: 1px solid #33424a;
  padding: 4px 4px;
  vertical-align: middle;
  background: #fefefe;
  font-size: 1.2rem;
}

.access29{
  background: #d2f7f9 !important;
  font-weight: 700;
  text-align: center;
  color: #09174c;
  padding: 1vw 1vw;
}

.access30{
  width: 30%;
  text-align: center;
  background: #fffb94 !important;
}

.access31{
width: 5%;
text-align: center;
}

.access32{
  width: 30%;
  text-align: center;
  background: #fffdb2 !important;
}

.access33{
width: 5%;
text-align: center;
}

.access34{
  width: 30%;
  text-align: center;
  background: #fffee4 !important;
}

.access35{
text-align: center;
}

.access36{
text-align: center;
}

.access37{
text-align: center;
}

.access38{
text-align: center;
}

.access39{
text-align: center;
}

.access40{
width: 100%;
text-align: center;
margin: 6vw 0 1px;
}

.access40 span{
    display: inline-block;
    background: #43ac68;
    color: #fff;
    padding: 2vw 0;
    width: 70%;
    text-align: center;
}

.access41{
width: 100%;
text-align: center;
margin: 0 0 8vw 0;
}

.access41 img{
width: 70%;
}





/* access */


.subpage30{
width: 100%;
padding: 4vw 4vw;
display: flex;
flex-wrap: wrap;
background: #fffee7;
    border-radius: 5px;
}

.subpage55{
  width: 100%;
  font-size: 1.3rem;
  color: #383618;
  line-height: 1.5;
}

/*診療案内 - 診断書等の保険外負担金 table*/	
.medical_table{
	width: 100%;
}
.medical_table th, 
.medical_table td{
	padding: 10px;
	border: 1px #ccc solid;
	text-align: center;
	vertical-align: middle;
}
.medical_table th{
	background: #eee;
}
.medical_table td:nth-child(1){
	width: 50%;
}

.medical_table_p{
	font-size: 1.5rem;
}
.medical_table_p::before{
	content: "■";
	color: #0c6045;
	padding-right: .5em;
}


	
.cp_medical *, .cp_medical *:after, .cp_medical *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_medical {
	width: 100%;
	overflow-x: hidden;
	margin: 0 auto;
	color: #333333;
}
.cp_medical .cp_actab {
	padding: 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_medical label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 5px 10px 0 48px;
	cursor: pointer;
}
.cp_medical .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
.cp_medical .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_medical .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
	color: #01a651;
}
.cp_medical .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cp_medical .cp_actab input[type=checkbox] {
  display: none;
}
	.btn_green{
		display: inline-block;
		background: #01a651;
		color: #ffffff !important;
		padding: 10px 30px;
		border-radius: 50px;
	}
	.btn_green span::before{
		display: inline-block;
    content: '';
    background: url("../img/ic_arrow_green4.svg") no-repeat;
    width: 1.2em;
    height: 1.3em;
    vertical-align: middle;
    margin-right: 1em;
	}


}
/*sp*/