@charset "UTF-8";

/* clinic
----------------------------------------------- */


.second-text .title{font-weight:bold;background:var(--green01);color: var(--green02); padding: 3% 3% 2% 3%;line-height:1;font-size: 4vw;border-left: 3px solid var(--green02);margin-bottom: 5vw}
.tbl-box table{width:100%;border: 1px solid #e8e8e8;}
.tbl-box tr{border-bottom:1px solid #e8e8e8;}
.tbl-box tr:nth-child(1){border-top:1px solid #e8e8e8;}
.tbl-box th,.tbl-box td{padding:3% 5%;line-height: 1.4;vertical-align: middle;display:block;}
.tbl-box th{background:#e8e8e8;width:100%;border-bottom:1px solid #ffffff;}
.tbl-box tr:nth-last-child(1) th{border-bottom:none;}
.tbl-box td{width:100%;text-align: justify;}
.tbl-box td .tel{font-weight: 600;font-size: 140%;color: var(--green02);display: inline-block;}


.map { margin: 0 auto 4vw; height: 280px;}
.route { margin:0 auto 12vw; text-align: center;}
.route li {width: 46%;display: inline-block;font-size: 3.4vw;text-align: center;margin: 0 1%;background:var(--green02);font-family: "minerva-modern";font-weight: 400;letter-spacing: 0.1em;border-radius: 50px;}
.route li a {padding: 3vw;color: #fff;position: relative;font-weight: 600;}
.route li a:after {font-family:icon;content:'\f105';display: inline;position: absolute;right: 20px;}

.route .googlemap a:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block;}
.route .googleroute a:before { content: "\f183"; margin-right:4%; font-family: icon; display: inline-block;}

.gallery ul{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;align-items:flex-start;-webkit-justify-content: space-between; justify-content: space-between;}
.gallery li{width: 48%;position: relative;margin-bottom: 4vw}
.gallery li a:after { content: ''; display: inline-block; width: 24px; height: 24px; background-image: url("../images/clinic/zoom.jpg"); background-size: contain; vertical-align: middle; position: absolute; right:0; bottom:0;}
.gallery li img{width:100%;}

.tbl {width:100%;margin: 0 auto 6%;position:relative;font-size: 3.4vw;}
.tbl .ttl{font-weight: 600;background: var(--green02);line-height: 1.4;}
.tbl th,.tbl td {padding: 1.5% 0;vertical-align:middle;border-bottom: 1px solid #e3e5eb;border-right: 1px solid #e3e5eb;border-left: 1px solid #e3e5eb;line-height: 1.5;letter-spacing: 0.02em;text-align: justify;}
.tbl th {text-align:center;width: 30%;color: #555;border-bottom: 2px solid #fff;background: #edf0f4;font-weight: 600;}
.tbl th:first-child{width: 10%;}
.tbl td {padding: 1.5%;text-align: center}
.tbl td li{text-indent: -0.6em;padding-left: 1em;margin-bottom: 2vw;}
.tbl td li:last-child{margin-bottom: 0;}
.tbl td p{margin-bottom: 2vw;line-height: 1.6;}
.tbl td p:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.tbl td p span{font-weight: bold;}
.tbl td span{font-size: 88%;}
.tbl thead tr th:nth-child(1){ border-right: 1px solid #fff;}
.tbl thead tr th {vertical-align:middle;line-height:1.2;padding: 1.5%;text-align: center;font-size: 3.6vw;background: #858991;color: #fff;font-weight: 500;width: 20%;}
.tbl td.none{background: #ccc;font-weight: 600;color: #fff;}




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

	
.second-text .title{font-size:20px;padding: 12px 15px 12px 15px;margin-bottom: 30px;}
.tbl-box table{margin-bottom: 20px;}
.tbl-box th{width:25%;;}
.tbl-box th, .tbl-box td{padding: 15px 20px;display:table-cell}
.tbl-box td{font-size: 100%;line-height: 1.8;}
	
.map { margin: 0 auto 30px; height: 400px;}
.route { margin:0 auto 100px; }
.route li {width: 30%;font-size: 16px;margin: 0 10px;}
.route li a {padding: 25px;}

.gallery ul{-webkit-justify-content:left; justify-content:left;gap:30px;}
.gallery li{width: 23%;margin-bottom: 0;}
	
.tbl {font-size: 16px;margin: 0 auto 20px;margin-bottom: 100px}
.tbl th,.tbl td {padding: 16px 0;font-size: 15px;}
.tbl th {width: 20%;}
.tbl td {padding:8px;}
.tbl td li{margin-bottom: 5px;}
.tbl td p{margin-bottom: 12px;font-size: 14px;}
.tbl td p:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.tbl thead tr th {padding: 12px;font-size: 16px;}

	
}