@charset "UTF-8";

.tbl {width:100%;margin: 0 auto 6vw;position:relative;}
.tbl:before {content:"";width: 95px;position:absolute;background: var(--pink);height:2px;top:0px;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: 0.02em;text-align: justify;display: inline-block;}
.tbl td {width: 70%;padding: 3% 0;}
.tbl th {text-align:center;width: 30%;font-weight: 600;display: inline-block;padding: 3% 3% 3% 0;color: var(--pink);}
.tbl tr:first-child {border-top:2px solid #eee;}
.tbl tr{border-bottom:1px solid #eee;}
.tbl tr:last-child { border-bottom: none;}
.tbl td a.tel {color: var(--red);font-size: 6vw;font-family: "quicksand";letter-spacing: .06em;display: inline-block;font-weight: 600;}
.tbl td a.tel span:before {margin-right: 3px;font-family:icon;content:'\f095';color: var(--gold);font-size: 80%;}
.tbl td a.mail{color: var(--red);font-weight: bold;display: inline-block;font-family: "quicksand";}
.tbl td a.link{font-weight: bold;display:block;}
.tbl td a.link:after{content: "\f08e";font-family: 'icon';}
.tbl td .td-midashi{margin-bottom:1vw;}

.map { margin: 0 auto 4vw; height: 280px;}
.root {margin:0 auto 14vw;text-align: center;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.root li {width: 48%;font-size: 3.4vw;text-align: center;background: var(--pink);font-family: "quicksand";font-weight: 400;letter-spacing: 0.1em;border-radius: 50px;}
.root li a {padding: 4vw;color: #fff;position: relative;}
.root li a:after { content: '>'; margin-left: 2%; display: inline;}
.root .googlemap a:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.root .googleroot a:before { content: "\f183"; margin-right:4%; font-family: icon; display: inline-block; }

.greeting{background: url(../images/company/greeting-bg.png)top right no-repeat ,#fff;padding: 5vw;border-radius: 12px;-moz-box-shadow: 0 0 12px rgb(242 170 163 / 30%);-webkit-box-shadow: 0 0 12px rgb(242 170 163 / 30%);box-shadow: 0 0 12px rgb(242 170 163 / 30%);background-size: 90%;}
.greeting img{width: 70%;margin: 0 auto 6vw;}
.greeting .name{font-weight: bold;font-size: 3.4vw;}


.clinic-list{margin-bottom: 12vw;}
.clinic-list img{width: 100%;margin-bottom: 5vw}
.clinic-list li{margin-bottom:8vw;padding-bottom: 8vw;border-bottom: 1px dotted #ccc;}
.clinic-list li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.clinic-list li .tbl{margin-bottom: 0;}

.clinic-list li .more01{margin: 3vw auto 0;}


.clinic-list .img-wrap{position: relative;}
.clinic-list .img-wrap .logo{position: absolute;right: -2vw;bottom: -7vw; width: 45vw;}
.clinic-list .sb .logo{width: 55vw;}
.clinic-list .kl .logo{width: 52vw;}





/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) { 

.tbl { margin: 0 auto 60px;}
.tbl:before {width: 180px;}
.tbl td {width: 77%;padding: 14px 0;}
.tbl th {text-align:center;width: 22%;padding: 14px 14px 14px 0;}
.tbl td a.tel {font-size: 30px;}
.tbl td .td-midashi{margin-bottom: 10px;}
	
.map { margin: 0 auto 30px; height: 400px;}
.root {margin:0 auto 100px;width: 560px;}
.root li {font-size: 14px;}
.root li a {padding: 20px;}

.greeting{padding: 50px 30px 10px 40px;background-size: 400px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.greeting img{width: 290px;margin: 0 0 0 40px;order: 2;}
.greeting .name{font-weight: bold;font-size: 14px;}

	

.clinic-list{margin-bottom: 80px;}	
.clinic-list img{width: 369px;margin-bottom: 0}
.clinic-list .text{width:560px;}
.clinic-list li{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 60px;padding-bottom: 60px;}
.clinic-list li .more01{margin: 30px 0 0 0;}
	
.clinic-list .img-wrap .logo{width: 180px;bottom: -20px;right: -15px}
.clinic-list .sb .logo{width: 280px;}
.clinic-list .kl .logo{width: 254px;}
	
}


/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.greeting{background-image: url(../images/company/greeting-bg@2x.png);}

}