@charset "UTF-8";
/* default sp
	----------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body {padding: 0;margin: 0;font-size: 3.5vw;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;-webkit-text-size-adjust: 100%;font-style: normal;line-height:1.8;color:#393939;font-feature-settings: "palt";letter-spacing: .04em;position: relative;overflow-x: hidden;}
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; max-width: 100%;}
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a { color: #000; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }

/* default sp ----------------------------------------------- */
.pc, .pc-header { display: none; }
.sp, .sp-header { display: block; }

/* font定義 */
:root {
--font_mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
--font_marcellus: 'Marcellus', serif;
}
/* font出力 */
.font_mincho {
  font-family: var(--font_mincho);
}
.font_marcellus {
  font-family: var(--font_marcellus);
}

/* common_parts
----------------------------------------------- */

.container {width: 100%;background: #fff;z-index: 0;overflow: hidden;position: relative;}

.google-map { width: 100%; position: relative; }
.google-map iframe, .google-map object, .google-map embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.fade { opacity: 0; -moz-transition: 1.2s; -o-transition: 1.2s; -webkit-transition: 1.2s; transition: 1.2s; }
.fade-left { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); }
.fade-right { -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); }
.fade-bottom { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
.fade-active { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }

.scroll-down {z-index: 1;position: relative;display: table;}
.scroll-down .text {margin-bottom: 6.5vw;color: #000;font-size: 4vw;letter-spacing: -0.02rem;display: block;font-family: futura-pt, sans-serif;font-weight: 500;font-style: normal;line-height: 1;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.scroll-down .line {width: 0.5px;height: 10vw;margin: 0 auto;background: #000;display: block;pointer-events: none;z-index: 1;position: relative;-moz-animation: scroll-line 3.5s cubic-bezier(0.76, 0.06, 0, 1) infinite forwards;-webkit-animation: scroll-line 3.5s cubic-bezier(0.76, 0.06, 0, 1) infinite forwards;animation: scroll-line 3.5s cubic-bezier(0.76, 0.06, 0, 1) infinite forwards;}

@-moz-keyframes scroll-line { 0% { -moz-transform-origin: top left; transform-origin: top left; -moz-transform: scaleY(0); transform: scaleY(0); }
  50% { -moz-transform-origin: top left; transform-origin: top left; -moz-transform: scaleY(1); transform: scaleY(1); }
  75% { -moz-transform-origin: bottom left; transform-origin: bottom left; -moz-transform: scaleY(1); transform: scaleY(1); }
  100% { -moz-transform-origin: bottom left; transform-origin: bottom left; -moz-transform: scaleY(0); transform: scaleY(0); } }
@-webkit-keyframes scroll-line { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleY(0); transform: scaleY(0); }
  50% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleY(1); transform: scaleY(1); }
  75% { -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scaleY(0); transform: scaleY(0); } }
@keyframes scroll-line { 0% { -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); }
  50% { -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
  75% { -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -webkit-transform-origin: bottom left; transform-origin: bottom left; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -webkit-transform-origin: bottom left; transform-origin: bottom left; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } }

[class*="_des"]{
  text-align: justify;
  text-justify: inter-ideograph;
  font-feature-settings: "palt";
  letter-spacing: .04em;
}

.jp{font-family: var(--font_mincho);}
.en{font-family: var(--font_marcellus);text-transform: uppercase;}

.more01{padding: 3vw 14vw 3vw 0;border-bottom: 1px solid #959595;display: inline-block;font-size: 3.6vw;position: relative;color: #4b4b4b;font-weight: 700;}
.more01:before {content: '';width: 5vw;height: 2px;background: #136c3c;position: absolute;top: 50%;right: 0;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.more01:after {content: '';width: 2px;height: 5vw;background: #136c3c;position: absolute;top: 50%;right: 4.5vw;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.midashi01{margin-bottom: 8vw;text-align: center;font-size: 6.86vw;color: #393939;}
.midashi01 .jp{display: block;line-height: 1.24;color: #393939;}
.midashi01 .en{display:block;color:#136c3c;font-size:60%;}

.midashi02 {width: 90vw;text-align: center;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%,-5%);-ms-transform: translate(-50%,-5%);-webkit-transform: translate(-50%,-5%);transform: translate(-50%,-5%);color: #fff;-moz-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.8);-webkit-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.8);-ms-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.8);text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.8);}
.midashi02 .en {margin-bottom: 1vw;font-size: 10vw;display: block;letter-spacing: 0.18rem;line-height: 1;}
.midashi02 .jp {font-size: 3.2vw;display: block;line-height: 1;}

.midashi03{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 4% 0;text-align: center;font-size: 6vw;letter-spacing: .04em;line-height: 1.4;margin-bottom: 5%;font-weight: 600;}
.midashi03 span{display: block;font-size: 3.2vw;font-weight: 400;letter-spacing: .08em;padding-bottom: 1%;font-family: var(--font_marcellus);color: #136c3c;}

.midashi04{color: #136c3c;font-size: 4.2vw;line-height: 1;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;align-items: center;-webkit-align-items: center;font-family: var(--font_marcellus);margin-bottom: 8vw;}
.midashi04::after{content: ''; width: 14vw; height: 1px;background: #136c3c;display: inline-block;margin-left: 3vw;}

.tel_link{color:#136c3c;font-family:var(--font_marcellus);font-size:6vw;display:inline-block;}
.tel_link:before{content: "\f095";font-family: icon;font-size: 1.4rem;margin-right: 0.4rem;}

.social-items {width: 100%;margin: 0 auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.social-items li {margin: 0 3vw;font-size: 8vw;}
.social-items li:first-child {width: 7.4vw;margin: 1vw 1vw 0;}
.social-items a {color: #136c3c;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}

/* header
----------------------------------------------- */
.header {width: 100%;z-index: 10;position: absolute;top: 0;height: 18vw;left: 0;}
.pc-header { display: none; }
.header-content .social-items {position: fixed;top: 0;left: 12vw;}
.header-content .social-items li {margin: 3vw 1vw 1vw;width: 11vw;height: 11vw;background: #fff;border-radius: 50%;}
.header-content .social-items li img{width: 56%;}
.header-logo {width: 36%;margin: 4vw 0 0 2vw;}
.header-navi-button {width: 17vw;height: 16vw;cursor: pointer;z-index: 11;position: fixed;top: 0;right: 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;background: #6e5132;border-radius: 0 0 0 20px;}
.header-navi-button .line {width: 9vw;height: 1px;background: #fff;position: absolute;-moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);-o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);-webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
.header-navi-button .line-top {top: 4vw;right: 3.5vw;}
.header-navi-button .line-bottom {top: 7vw;right: 3.5vw;}
.header-navi-button .line-text {width: 100%;color: #fff;font-size: 3.4vw;font-family: 'Marcellus';text-align: center;letter-spacing: 0.2vw;position: absolute;bottom: 2vw;left: 0.5vw;display: block;}
.header-navi-button .line-text:before {content: none;}
.header-navi-button .line-text span { display: block; }
.header-navi {width: 100%;height: 100%;background: url(../images/header-navi-bg01.jpg) top left / 100%;z-index: 10;opacity: 0;visibility: hidden;position: fixed;top: 0;left: 0;-moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);-o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);-webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
.header-navi-inner {width: 86vw;height: 100%;background: #f1f8e9 url(../images/header-navi-bg02.jpg) no-repeat top center;position: absolute;top: 0;right: 0;overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;-webkit-overflow-scrolling: touch;}
.header-navi-inner::-webkit-scrollbar { display: none; }
.header-navi-scroll {width: 100%;padding: 10px 0;overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;-webkit-overflow-scrolling: touch;}
.header-navi-scroll::-webkit-scrollbar { display: none; }
.header-navi-logo {width: 46%;margin: 0 0 14vw 5vw;}
.header-navi-area{width: 86%;margin: 0 auto 8vw 8vw;}
.header-navi-area{width: 86%;margin: 0 auto 8vw 8vw;}

.header-navi-category {margin: 0 0 8vw;}

.header-navi-item {width: 100%;margin-bottom: 2vw;}
.header-navi-item-text {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;font-size: 5vw;width: max-content;}
.header-navi-item-text .jp{margin-right: 1.6vw;color: #4b4b4b;font-size: 4.5vw;}
.header-navi-item-text .en{color: #136c3c;font-size: 75%;}

.header-navi-imgs{margin: 0 0 8vw;}
.header-navi-imgs .header-navi-items{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.header-navi-imgs .header-navi-item{width: 49%;margin: 0 0 4vw;}
.header-navi-imgs .header-navi-item:nth-last-child(-n+2){margin-bottom: 0;}
.header-navi-imgs .header-navi-item a{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;width: 100%;}
.header-navi-imgs .header-navi-item p{font-size: 3.8vw;width: 100%;margin: 0.4vw 0 0;}

.header-navi-area .social-items{opacity: 0; margin: 5vw auto 1vw;}
.header-navi-area .social-items li:first-child {width: 7.4vw;margin: 1vw 2vw 0;}

.header-navi-sub-items { width: 100%; margin: 0 auto 120px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.header-navi-sub-items li {font-size: 3.68vw;}
.header-navi-sub-items li:first-child:before { display: none; }
.header-navi-sub-items li:before {content: '|';margin: 0 2.4vw 0;}
.header-navi-sub-items a {color: #4b4b4b;display: inline-block;font-family: var(--font_mincho);}

.animation { opacity: 0; overflow: hidden; -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); -moz-transition: all 0.6s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.6s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.6s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.6s cubic-bezier(0.05, 0.05, 0.31, 0.97); }

.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .line-top {top: 7.5vw;right: 3vw;-moz-transform: rotate(30deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 10vw;}
.header-navi-open .line-bottom {top: 7.5vw;right: 3vw;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 10vw;}
.header-navi-open .line-text:before {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.header-navi-open .line-text span { opacity: 0; -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); }
.header-navi-open .header-navi { opacity: 1; visibility: visible; }
.header-navi-open .animation { opacity: 1; overflow: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.header-navi-open .animation01 { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.header-navi-open .animation02 { -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
.header-navi-open .animation03 { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.header-navi-open .animation04 { -moz-transition-delay: 0.35s; -o-transition-delay: 0.35s; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
.header-navi-open .animation05 { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.header-navi-open .animation06 { -moz-transition-delay: 0.45s; -o-transition-delay: 0.45s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }
.header-navi-open .animation07 { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.header-navi-open .animation08 { -moz-transition-delay: 0.55s; -o-transition-delay: 0.55s; -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }
.header-navi-open .animation09 { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.header-navi-open .animation10 { -moz-transition-delay: 0.65s; -o-transition-delay: 0.65s; -webkit-transition-delay: 0.65s; transition-delay: 0.65s; }
.header-navi-open .animation11 { -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.header-navi-open .animation12 { -moz-transition-delay: 0.75s; -o-transition-delay: 0.75s; -webkit-transition-delay: 0.75s; transition-delay: 0.75s; }
.header-navi-open .animation13 { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.header-navi-area .contact_btn{padding: 5vw 0;}
.header-navi-area .contact_btn .main_txt{font-size: 4.2vw;}
.header-navi-area .contact_btn .sub_txt{font-size: 80%;}
.header-navi-area .contact_btn.mail::before{font-size: 4vw;margin-right: -0.2vw;top: 0;}

/* hero
----------------------------------------------- */
.hero {width: 100%;padding-top: 18vw;}
.hero .slick-prev:before{content: '';width: 8vw;height: 8vw;display: block;background: url(../images/arrow-left01.png) center center / 100% no-repeat;opacity: 1;top: -9vw;position: absolute;left: 4vw;}
.hero .slick-next:before{content: '';width: 8vw;height: 8vw;display: block;background: url(../images/arrow-right01.png) center center / 100% no-repeat;opacity: 1;top: -9vw;position: absolute;right: 4vw;}
.hero .slick-prev,.hero .slick-next{width: auto;opacity: 1;top: 50%;position: absolute;display: block;}
.hero .slick-prev{left:0;right:14vw;display: block;}
.hero .slick-next{right:0;display: block;}
.hero .slick-dots{padding-top: 2vw;display: none;}

/* ローディング時の処理 */
.top-hero-items{  opacity: 0;transition: opacity .1s linear;}
.top-hero-items.slick-initialized{opacity: 1;}

.top-hero-items {width: 100vw;margin-bottom: 6vw;left: 50%;transform: translateX(-50%);position: relative; }
.top-hero-items .slick-slide {opacity: 0.3;transition: opacity 0.5s;}
.top-hero-items .slick-slide.slick-center {opacity: 1;}
.top-hero-item {width: 100%;}
.top-hero-item-image { width: 100%; }
.top-hero-item-image img { width: 100%;margin: 0 auto; }
.top_hero_scroll{position:absolute;top: 63vw;right: 0;z-index: 8;}
.top-hero-item-image.FadeOutScroll {opacity: 0;transition: all 0.2s ease-out;}

.catch{width:92%;position:relative;z-index:1;margin: 0 auto;padding: 6vw 0 0;}
.catch_ttl{font-size:7vw;line-height:1.4;margin-bottom:3vw;font-weight:bold;}
.catch_hashtags{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.catch_hashtags p{font-weight:bold;font-size: 3.6vw;margin-right:2vw;line-height:1.6;}
.catch_hashtags p:last-child{width: 100%;}
.catch_hashtags p:before{content:"#";}

/* footer
----------------------------------------------- */
.contact_btn{color: #fff;padding: 6vw 0;width: 100%;margin: 0 auto 3vw;border-radius: 5px;text-align: center;line-height: 1;}
.contact_btn .main_txt{color: #fff;font-size: 6vw;margin-bottom: 1vw;font-family: var(--font_marcellus);display: inline-block;}
.contact_btn .sub_txt{font-size: 3.32vw;display: block;}
.contact_btn.tel::before{content: "\f095";font-family: icon;font-size: 1.4rem;margin-right: 0.05rem;}
.contact_btn.mail::before{content: "\f003";font-family: icon;font-size: 1.25rem;position: relative;top: -0.1rem;margin-right: 0.05rem;}
.contact_btn.line::before{content:"\e906";font-family:icon;font-size: 1.6rem;margin-right: 0.05rem;}
.contact_btn.tel{background:#6e5132;}
.contact_btn.mail{background:#136c3c;}
.contact_btn.line{background:#30b245;}

.footer {width: 100%;z-index: 0;background: #fff;position: relative;}

.footer_top .midashi01{margin-bottom:6vw;}
.footer_top .midashi01_inner{text-align:center;white-space:nowrap;padding:0 1rem;}
.footer_top{padding:4vw 0 12vw;}
.footer_top .midashi01 .jp{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;text-align: center;white-space: nowrap;}
.footer_top_txt{text-align:center;margin-bottom:7vw;}
.footer_top .midashi01 .jp:before,.footer_top .midashi01 .jp:after{content:'';height:1px;background:#393939;-webkit-flex-grow:1;flex-grow:1;}
.footer_top .contact_btn{width:62%;}
.footer_top .footer_contact_btns{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;}

.footer_middle{position: relative;background: #f1f8e9;padding: 18vw 4vw 8vw;}
.footer_middle_inner{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;gap: 2vw;width: 80vw;margin: 0 auto;}
.footer_middle .footer_bnr{width: 48.5%;}
.pagetop {width: 50%;position: absolute;top: 0;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}

.footer-bottom {padding: 0 0 10vw;background: #f0f8e9;}
.footer-bottom .social-items li:first-child {width: 7.4vw;margin: 1vw 2vw 0;}
.footer-logo {width: 62vw;margin: 0 auto 6vw;}
.footer-logo img { width: 100%; }

.footer-navi {width: 80vw;margin: 0 auto 6vw;}
.footer-navi-box:last-of-type .footer-navi-title{border-bottom: none;}
.footer-navi-box:last-of-type .footer-navi-title.open{border-bottom: 1px solid #7c7f7a;}
.footer-navi-title {padding: 3.5vw 0 3vw;margin-bottom: -1px;font-size: 4.69vw;font-family: var(--font_marcellus);font-weight: 400;letter-spacing: 0.4vw;border-bottom: 1px solid #7c7f7a;position: relative;}
.footer-navi-title.open .plus:after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.footer-navi-title .plus { width: 2vw; height: 2vw; position: absolute; top: 50%; right: 2vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-title .plus:before { content: ''; width: 100%; height: 1px; background: #666; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.footer-navi-title .plus:after { content: ''; width: 1px; height: 100%; background: #666; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.footer-navi-items { width: 100%;display: none; }
.footer-navi-items li {width: 100%;font-size: 3.6vw;border-bottom: 1px solid #d1d2d1;position: relative;}
.footer-navi-items li:after { content: '\f105'; color: #666; font-family: 'icon'; position: absolute; top: 50%; right: 2vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-items a { padding: 3.5vw 2vw 3vw; }

.copyright {font-size: 3.4vw;text-align: center;line-height: 1.6;letter-spacing: 0.1vw;display: block;margin: 1vw 0 12vw;}


/* footer-fixed
----------------------------------------------- */
.footer-fixed { width: 100%; visibility: hidden; opacity: 0; z-index: 9; position: fixed; bottom: 0; left: 0;background: #393939;}
.footer-fixed.active { visibility: visible; opacity: 1;transition: all 0.8s;}
.footer-fixed-items {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 1.5vw 0 1vw;}
.footer-fixed-items li{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-direction: column;-webkit-flex-direction: column;border-right: 1px solid #969696;width: 25%;padding: 1vw 0;}
.footer-fixed-items li:last-child{border-right: none;}
.footer-fixed-items li .ttl{color: #fff;display: block;font-size: 3.4vw;font-feature-settings: "palt";}
.footer-fixed-items li img{width: 6.12vw;margin: 0 auto 1vw;}
.footer-fixed-items li img.tel-icon{width: 5.5vw;margin-bottom: 0.5vw;}
.footer-fixed-items li img.mail-icon{width: 6.12vw;}
.footer-fixed-items li img.access-icon{width: 6.5vw;margin-bottom: 0.5vw;}
.footer-fixed-items li img.price-icon{width: 6.5vw;margin-bottom: 0.5vw;}

/* bread sp
----------------------------------------------- */
.breadcrumb {background: #f1f8e9;position: relative;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.breadcrumb-items {width: 100%;margin: 0 auto;overflow: hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}
.breadcrumb-items li { font-size: 3.16vw; background: url(../images/arrow02.png) no-repeat center right; background-size: contain; position: relative; display: inline-block; }
.breadcrumb-items li:last-child { background: none; }
.breadcrumb-items li:last-child a {padding: 3vw 2.5vw;color: #136c3c;}
.breadcrumb-items a {padding: 3vw 5.5vw 3vw 3.5vw;display: inline-block;line-height: 1;}
.breadcrumb::-webkit-scrollbar {display:none;}

/*second
----------------------------------------------- */
.add-hero {height: 56vw;background: url(../images/add-hero-bg.jpg) no-repeat center;background-size: cover;position: relative;}
.second-content {min-height: 300px;padding: 10vw 0;margin: auto;}
.second-inner p {margin-bottom: 4vw;font-size: 3.6vw;line-height: 1.6;font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;}
.second-inner{width: 90%;margin:0 auto;}

/*ast
----------------------------------------------- */
ul.ast li{margin-bottom: 2vw;font-size: 3.2vw;line-height: 1.6;text-indent: -1em;padding-left: 1em;}
span.ast,p.ast{font-size: 3.2vw;}
.tac{text-align: center;}

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

/* default pc ----------------------------------------------- */
body { font-size: 16px; }
.sp, .sp-header { display: none; }
.pc, .pc-header { display: block; }

/* common_parts pc
----------------------------------------------- */
.scroll-down .text {margin-bottom: 38px;font-size: 18px;letter-spacing: 2px;color: #000;}
.scroll-down .line {height: 160px;background: #000;}

.more01{padding: 20px 44px 20px 0;font-size: 16px;line-height: 1;}
.more01:before {width: 25px;right: -8px;}
.more01:after {height: 25px;right: 16px;}

.midashi01{margin-bottom: 60px;font-size: 30px;}

.midashi02 {top: 220px;width: 900px;}
.midashi02 .en {margin-bottom: 10px;font-size: 60px;letter-spacing: 4px;}
.midashi02 .jp {font-size: 20px;}
	
.midashi03{font-size: 30px;padding: 20px 0;}
.midashi03 span {font-size: 14px;padding-bottom: 8px;}
	
.midashi04{font-size: 18px;margin-bottom: 30px;}
.midashi04::after{width: 62px;margin-left: 12px;}

.tel_link{font-size:20px;}
.tel_link:before{font-size: 18px;}

.social-items li {margin: 0 11px;font-size: 34px;}

/* header pc
----------------------------------------------- */
.header {position: fixed;top: 0;left: 0;background: rgba(255,255,255,0.8);height: 100px;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}
.pc-header-content{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;align-items: center;-webkit-align-items: center;max-width: 960px;margin: 0 auto;padding: 25px 0;justify-content: space-between;-webkit-justify-content: space-between;}
.header-logo {width: 18%;margin: 0;}
.pc-header-navi-items{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;align-items: center;-webkit-align-items: center;}
.pc-header-navi-items li{border-left: 0.5px dashed #818486;width: 107px;}
.pc-header-navi-items li.current .pc-header-navi-txt{color: #136c3c;}
.pc-header-navi-items li.current img{filter: invert(17%) sepia(91%) saturate(7085%) hue-rotate(128deg) brightness(60%) contrast(106%);}
.pc-header-navi-items li a{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-direction: column;-webkit-flex-direction: column;}
.pc-header-navi-items img{width: 1.6rem;margin-bottom: 2px;}
.pc-header-navi-txt{font-size: 14px;font-weight: 700;display: block;text-align: center;line-height: 1.3;}

/* hero
----------------------------------------------- */
.hero {min-width: 2000px;padding-top: 100px;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top-hero-items { width: 100%;margin-bottom: 10px;left: inherit;transform: inherit; }
.top-hero-items .slick-list { overflow: hidden; }
.top-hero-items .slick-dots {padding-top: 10px;}
.top-hero-items .slick-dots li {height: 4px;width: 60px;margin: 0 5px;}
.top-hero-items .slick-prev,.top-hero-items .slick-next{width:auto;top:0;transform:inherit;}
.top-hero-items .slick-prev{left: 0;right: 54px;}
.top-hero-items .slick-next{right: 0;}
.top-hero-items .slick-prev:before,.top-hero-items .slick-next:before{width:50px;height:50px;}
.top-hero-items .slick-prev:before{top: 200px;left: 480px;}
.top-hero-items .slick-next:before{top: 200px;right: 480px;}
.top-hero-item {width: 960px;}
.top-hero-item img {width: 100%;}

.catch{display:none;}

/* footer pc
----------------------------------------------- */
.contact_btn{border-radius:10px;margin:0 auto 10px;padding:26px 0;}
.contact_btn .main_txt{font-size:26px;margin-bottom:6px;}
.contact_btn .sub_txt{font-size:14px;}
.contact_btn.mail::before{top: -2px;}

.footer_top{padding:0 0 74px;}
.footer_top .midashi01{margin-bottom:25px;}
.footer_top_txt{margin-bottom:45px;font-size:14px;}
.footer_contact_btns{width:900px;margin:0 auto;}
.footer_top .contact_btn{width:280px;margin:0 auto;}

.footer_middle{padding: 95px 0 0;}
.footer_middle_inner{width: 900px;margin:0 auto;gap: 20px;border-bottom: 1px solid #adb2a8;padding: 0 0 45px;}
.footer_middle .footer_bnr{width: 210px;}
.pagetop {width: 188px;}

.footer-bottom {padding: 50px 0 0;}
.footer-bottom-contents{width: 900px;margin:0 auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;position: relative;}
.footer-logo {order:0;width: 240px;margin: 0;}
.footer-navi {order:2;margin-bottom: 0;border: none;margin: 0 0 0 auto;width: 640px;}
.footer-navi .pc { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.footer-navi-box {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-left: auto;gap: 0 38px;}
.footer-navi-title { width: 100%; padding: 0 0 8px; margin-bottom: 20px; font-size: 18px; letter-spacing: 2px; }
.footer-navi-items {width: auto;border: none;display: block;}
.footer-navi-items li { padding-left: 12px; margin-bottom: 12px; font-size: 14px; border: none; }
.footer-navi-items li:after { display: none; }
.footer-navi-items a { padding: 0; }

.footer-bottom .social-items {order:1;margin: 0 auto 0 0;-webkit-justify-content: flex-start;justify-content: flex-start;width: 20%;position: absolute;bottom: 20px;left: 0;}
.footer-bottom .social-items li:first-child {width: 30px;margin: 3px 10px 0;}
.copyright {padding: 85px 0 60px;font-size: 14px;letter-spacing: 1px;width: 100%;margin: 0;}

/* aside
----------------------------------------------- */
.aside { opacity: 0; visibility: hidden; z-index: 9; position: fixed; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.aside.active { opacity: 1; visibility: visible; }
.aside-contact { margin-bottom: 17px;padding: 24px 10px;background: #136c3c;border-radius: 8px 0 0 8px;}
.aside-contact a{color: #fff;font-size: 18px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-weight: 600;border-bottom: 0.5px dashed #fff;min-height: 120px;}
.aside-contact a:first-child{padding:0 0 15px;}
.aside-contact a:last-child{padding: 15px 0 0;border-bottom:none;}
.aside-contact img {margin-bottom: 6px;width: 25px;}
.aside .social-items{flex-direction: column;-webkit-flex-direction: column;align-items: flex-start;-webkit-align-items: flex-start;}
.aside-social-items li { margin-top: 10px; font-size: 30px; text-align: center; }
.aside .social-items li {margin: 0 0 17px;font-size: 37px;}
.aside .social-items li:first-child {width: 32px;margin: 0 0 17px;}

/* bread pc
----------------------------------------------- */
.breadcrumb-items {width: 960px;}
.breadcrumb-items li {font-size: 13px;}
.breadcrumb-items li:last-child a {padding: 10px 14px 10px;}
.breadcrumb-items a {padding: 10px 30px 10px 15px;}

/*second
----------------------------------------------- */
.add-hero { height: 430px; background: url(../images/add-hero-bg-pc.jpg) no-repeat center; background-size: cover;}
.second-content {min-height: 700px;padding: 100px 0;}
.second-inner p {margin-bottom: 30px;font-size: 16px;}
.second-inner{width: 900px;}

/*ast
----------------------------------------------- */
ul.ast li{margin-bottom: 4px;font-size: 13px;}
span.ast,p.ast{font-size: 13px;}

}

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

}

/* =============================================
tablet-size
================================================*/
@media screen and (min-width:736px) and ( max-width:924px){
  .footer_middle .footer_bnr img,.footer-navi{width:100%;}
  .footet_contact_btns,.footer-bottom-contents,.footer_middle_inner{width:90%;}

  .header{height:auto;}
  .pc-header-content{width:95%;margin:0 auto;padding: 2vw 0;flex-direction: column;-webkit-flex-direction: column;}
  .header-logo{width: auto;margin: 0 0 2vw;}
  .pc-header-navi{width: 100%;}
  .pc-header-navi-items li{width: 37%;}
  .pc-header-navi-items li:first-child{border-left: none;  }
  .pc-header-navi-items img{width:2.5vw;}
  .pc-header-navi-txt{font-size:12px;}

  .footer_top .contact_btn{width:32%;}
  .footer_middle .footer_bnr{width:48%;}
  .footer-logo{width:40%;margin:0 auto 6vw;}
  .footer-navi-box:first-child{margin:0 auto 6vw;}
  .footer-navi-items li{font-size:16px;}
  .footer-bottom .social-items{order:3;position:relative;width:100%;-webkit-justify-content:center;justify-content:center;}

  .social-items li{font-size:40px;margin:0 16px;}
  .breadcrumb-items{width: 98%;}

  .second-content{padding:40px 0;}
  .second-inner{width:90%;}
  .midashi02{top:70%;}
  .catch{display:block;}
  .catch{max-width: 1246px;margin: 0 auto;padding: 80vh 65px 0 0;position: relative;}
  .catch_ttl{font-size:30px;margin-bottom:10px;text-align:right;color:#fff;-moz-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.9);-webkit-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.9);-ms-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.9);text-shadow: 0px 0px 28px rgb(0 0 0 / 90%);}
  .catch_hashtags{justify-content:flex-end;-webkit-justify-content:flex-end;}
  .catch_hashtags p{font-size:16px;margin-right:10px;text-align:right;color:#fff;-moz-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.9);-webkit-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.9);-ms-text-shadow: 0px 0px 28px rgba(0, 0, 0, 0.9);text-shadow: 0px 0px 28px rgb(0 0 0 / 90%);}
  .catch_hashtags p:last-child{width: auto;}


}