@charset "UTF-8";
/* default sp
----------------------------------------------- */

.tbl {margin-bottom: 10vw;width: 100%;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: .04em;}
.tbl th {text-align:center;width: 30%;font-weight: 600;padding: 5% 5% 5% 0;color: #444;}
.tbl tr:first-child {border-top: 1px solid #e7e7e7;}
.tbl td {width: 70%;padding: 5% 0;}
.tbl tr{border-bottom: 1px solid #e7e7e7;}
.tbl tr:last-child { border-bottom: none;}
.tbl td a{font-family: "Slabo 27px", serif;font-weight: 400;font-style: normal;color: var(--blue03);font-size: 7vw;}
.tbl td a span:before {margin-right: 3px;font-family:icon;content:'\f095';color: var(--pink);font-size: 80%;}

.tbl td a.tel {font-size: 6vw;display: inline-block;font-family: minerva-modern;font-weight: 400;color: var(--gold);}
.tbl td a.tel:before { content: 'Tel.'; font-size: 65%; display: inline-block; }

.map {margin: 0 auto 6%;height: 300px;}
.root {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 14vw;}
.root li {width: 49%;text-align: center;background: #303030;font-weight: 300;letter-spacing: .09em;margin-bottom: 1vw;}
.root li a {padding: 4vw;color: #fff;position: relative;}
.root li a:after {content: "\f105";margin-left: 10px;font-weight: normal;font-family: 'icon';}
.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; }


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

.gallery img { height: auto; width: 100%;}
.gallery .slider { margin-bottom: 2vw;}
.gallery .thumbnail img { border:1px solid #fff;}


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

.tbl {margin: 0 auto 60px;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: .04em;}
.tbl th {padding: 24px 24px 24px 0;}
.tbl tr:first-child {border-top: 1px solid #e7e7e7;}
.tbl td {padding: 24px 0;}
.tbl tr{border-bottom: 1px solid #e7e7e7;}
.tbl tr:last-child { border-bottom: none;}
.tbl td a{font-size: 34px;}
.tbl td a span:before {margin-right: 3px;font-family:icon;content:'\f095';color: var(--pink);font-size: 80%;}

.tbl td a.tel {font-size: 6vw;display: inline-block;font-family: minerva-modern;font-weight: 400;color: var(--gold);}
.tbl td a.tel:before { content: 'Tel.'; font-size: 65%; display: inline-block; }

.map {margin-bottom: 30px;height: 400px;}
.root {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width: 70%;margin: 0 auto 110px;}
.root li {margin-bottom: 0;width: 49%;}
.root li a {padding: 14px;}

.gallery ul{-webkit-justify-content: flex-start;justify-content: flex-start;gap: 0 15px;}
.gallery li{margin-bottom: 10px;width: calc((100% - 45px) / 4);width: calc((100% - 45px) / 4);}
.gallery li a{position: relative;}
.gallery li a:after { content: ''; display: inline-block; width: 24px; height: 24px; background-image: url(../images/zoom.jpg); background-size: contain; vertical-align: middle; position: absolute; right:0; bottom:0;}
    
}