@charset "UTF-8";
/* default sp
----------------------------------------------- */
.top-about{width: 86vw;margin: 10vw auto 16vw;}
.top-about .en{}
.top-about .en{font-family: "Slabo 27px", serif;font-weight: 400;font-style: normal;color: var(--blue02);line-height: 0.7;position: relative;z-index: 1;margin-bottom: -21vw;font-size: 18vw;opacity: 0.5;}
.top-about .ttl{font-size: 5.2vw;text-align: justify;font-feature-settings: "palt";line-height: 1.5;letter-spacing: .06em;margin-bottom: 5vw;position: relative;z-index: 2;}
.top-about .ttl span{padding: 1vw 4vw;background: var(--blue03);color: #fff;font-weight: bold;display: table;margin-bottom: 2vw;font-size: 3.8vw;}
.top-about p{text-align: justify;font-feature-settings: "palt";line-height: 1.7;letter-spacing: .06em;margin-bottom: 3vw;}
.top-about img{width: 78%;margin: -19vw -13vw -4vw auto;position: relative;}

.top-features{width: 86vw;margin: 0 auto 14vw;}
.top-features .midashi02{margin-bottom: 14vw;}

.top-features li{padding: 4vw 5vw 5vw;background: #d8e2e9;margin-bottom: 12vw;position: relative;border-radius: 10px;}
.top-features li img{width: 30%;margin: -12vw auto -2vw;}
.top-features li .read{margin-bottom: 2vw;font-size: 4.6vw;font-weight: bold;text-align: center;color: var(--gothic);color: var(--blue03);}
.top-features li .en{font-size: 4vw;writing-mode: vertical-rl;position: absolute;right: 3vw;top: -8vw;opacity: 0.7;font-family: "Slabo 27px", serif;font-weight: 400;font-style: normal;color: var(--black);}
.top-features li p{font-size: 3.6vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;color: #444;}

.top-menu{background: var(--blue);padding: 14vw 6vw;}
.menu_list_ttl{padding: 4vw 2vw;text-align: center;font-size: 4vw;margin-bottom: 2vw;font-weight: bold;border-top: 1px solid #999;border-bottom: 1px solid #999;}

.menu_list{width: 100%;margin: 0 auto  8vw;}
.menu_list dl{border-bottom: 1px dashed #cecece;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;vertical-align: middle;font-feature-settings: "palt";letter-spacing: .06em;padding: 4vw 3vw;}
.menu_list dl:last-child {border:none;}
.menu_list dt{width: 100%;text-align: left;font-size: 3.8vw;line-height: 1.5;}
.menu_list dt span{font-size: 3.2vw;}
.menu_list dt p{font-size: 3.5vw;color: #777;line-height: 1.5;}
.menu_list dt p{margin-top: 1vw;}
.menu_list dt p:last-child{margin-bottom: 0;}
.menu_list dt.ast{padding: 0;}
.menu_list dt.ast{padding: 0;}

.menu_list dd{text-align: right;font-size: 6vw;display: block;font-family: "Slabo 27px", serif;font-weight: 400;color: var(--blue03);}
.menu_list dd.jp{font-weight: bold;font-size: 4.2vw;}
.menu_list dd:first-letter{font-size: 70%;}
.menu_list dd .normal{color: var(--black);font-size: 70%;/* text-decoration: line-through; */margin-right: 2vw;}
.menu_list dd .discount{padding: 0;}
.menu_list dd .discount small{font-size: 70%;}

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

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

.top-pickup{width: 86vw;margin: 0 auto 14vw;}
.top-pickup a{margin-bottom: 4vw;position: relative;}
.top-pickup .ttl{color: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.top-pickup .ttl .en{color: #fff;text-align: center;font-family: "Slabo 27px", serif;font-weight: 400;font-style: normal;display: block;font-size: 12vw;letter-spacing: 0.04em;}
.top-pickup .ttl .jp{font-weight: bold;display: block;text-align: center;}
.top-pickup img{width: 100%;}


/* =============================================
pc
================================================*/
@media screen and (min-width: 769px) {
.top-about{margin: 100px auto 150px;position: relative;width: clamp(730px, 90%, 1200px);}
.top-about .en{font-size: 100px;margin: 0;text-align: right;margin: 0 auto;position: absolute;top: 50px;right: 40px;color: #e8ecee;}
.top-about .en span{display: block;}
.top-about .en span:nth-child(2){padding-right: 20px;}
.top-about .ttl{font-size: 28px;margin-bottom: 20px;border-bottom: 1px solid #ddd;display: table;padding-bottom: 30px;margin-bottom: 40px;}
.top-about .ttl span{padding: 6px 9px;margin-bottom: 20px;font-size: 17px;}
.top-about p{margin-bottom: 30px;line-height: 2.2;}
.top-about img{width: 480px;margin: 0;position: absolute;-moz-transform: translateX(28%);-ms-transform: translateX(28%);-webkit-transform: translateX(28%);transform: translateX(28%);top: 100px;left: 50%;z-index: -1;}

.top-features{width: clamp(730px, 90%, 1200px);margin: 0 auto 120px;}
.top-features .midashi02{margin-bottom: 100px;}
.top-features ul{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.top-features li{padding: 30px 30px 30px;margin-bottom: 0;width: 32%;min-height: 250px;}
.top-features li img{width: 50%;margin: -70px auto 0px;max-width: 110px;}
.top-features li .read{margin-bottom: 10px;font-size: 20px;}
.top-features li .en{font-size: 15px;right: 25px;top: -30px;}
.top-features li p{font-size: 14px;}

.top-menu{padding: 100px 0;}
.menu_list_ttl{padding: 22px 20px;font-size: 18px;margin-bottom: 20px;}

.menu_list{width: clamp(730px, 90%, 1200px);margin: 0 auto  40px;}
.menu_list dl{padding: 20px 20px;}
.menu_list dl:last-child {border:none;}
.menu_list dt{font-size: 18px;}
.menu_list dt span{font-size: 3.2vw;}
.menu_list dt p{font-size: 3.5vw;color: #777;line-height: 1.5;}
.menu_list dt p{margin-top: 1vw;}
.menu_list dt p:last-child{margin-bottom: 0;}
.menu_list dt.ast{padding: 0;}
.menu_list dt.ast{padding: 0;}

.menu_list dd{font-size: 30px;}
.menu_list dd.jp{font-weight: bold;font-size: 4.2vw;}
.menu_list dd:first-letter{font-size: 70%;}
.menu_list dd .normal{color: var(--black);font-size: 70%;/* text-decoration: line-through; */margin-right: 2vw;}
.menu_list dd .discount{padding: 0;}
.menu_list dd .discount small{font-size: 70%;}

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

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

.top-pickup{width: clamp(730px, 90%, 1200px);margin: 0 auto 100px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.top-pickup a{width: 48%;}
.top-pickup .ttl{color: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.top-pickup .ttl .en{font-size: 50px;}
.top-pickup .ttl .jp{font-weight: bold;display: block;text-align: center;}
.top-pickup img{width: 100%;}

}
/* =============================================
retina
================================================*/
@media screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 769px) and (min-resolution: 2dppx) {

}