@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 { padding: 0; margin: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: #020202; font-size: 3.6vw;line-height:1.8; 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;;}
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; }
a { color: #171717; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1); }
a:hover { opacity: 0.6; cursor: pointer;}
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }

.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); }

.curtain { opacity: 1; overflow: hidden; position: relative; }
.curtain.curtain-top:before { width: 100%; height: 0; top: 0; left: 0; }
.curtain.curtain-top .curtain-inner { top: -10px; }
.curtain.curtain-right:before { width: 0; height: 100%; top: 0; right: 0; }
.curtain.curtain-right .curtain-inner { right: -10px; }
.curtain.curtain-bottom:before { width: 100%; height: 0; bottom: 0; left: 0; }
.curtain.curtain-bottom .curtain-inner { bottom: -10px; }
.curtain.curtain-left:before { width: 0; height: 100%; top: 0; left: 0; }
.curtain.curtain-left .curtain-inner { left: -10px; }
.curtain.fade-active.curtain-top:before { height: 100%; }
.curtain.fade-active.curtain-top .curtain-inner { top: 0; }
.curtain.fade-active.curtain-right:before { width: 100%; }
.curtain.fade-active.curtain-right .curtain-inner { right: 0; }
.curtain.fade-active.curtain-bottom:before { height: 100%; }
.curtain.fade-active.curtain-bottom .curtain-inner { bottom: 0; }
.curtain.fade-active.curtain-left:before { width: 100%; }
.curtain.fade-active.curtain-left .curtain-inner { left: 0; }
.curtain.fade-active:before { width: 100%; }
.curtain.fade-active .curtain-inner { opacity: 1; }
.curtain.fade-active .curtain-top { top: 0; }
.curtain.fade-active .curtain-right { right: 0; }
.curtain.fade-active .curtain-bottom { bottom: 0; }
.curtain.fade-active .curtain-left { left: 0; }
.curtain:before { content: ''; width: 0; height: 100%;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%); z-index: 0; position: absolute; -moz-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.curtain-inner { opacity: 0; z-index: 1; position: relative; display: block; -moz-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.curtain-inner img { width: 100%; }

@-moz-keyframes circle { 0% { -moz-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes circle { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }


/* font
----------------------------------------------- */
:root {
  --mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
  /* font-family: var(--mincho); */

  --gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* font-family: var(--gothic); */
}

/* Garamond Premier Pro Regular */
.en{
  font-family: garamond-premier-pro,serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings:"palt";
  letter-spacing: .04em;
}


/* common sp
----------------------------------------------- */
.wrapper { width: 100%; position: relative; }
.container {width: 100%;overflow: hidden;z-index: 1;position: relative;}

.more01 {min-width: 60vw;display: table;padding: 3.6vw 0 3.4vw;margin: auto;font-size: 4vw;text-align: center;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw;position: relative;line-height: 1;font-family: var(--mincho);font-weight: 600;background: #9c8c59;color: #fff;font-feature-settings:"palt";letter-spacing: .06em;}
.more01 span{position: relative; top: -2px;}
.more01:after {content: '\f105';color: #fff;font-family: 'icon';position: absolute;top: 50%;right: 3.5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);font-weight: 100;}

.more02{color:#9c8c59;font-weight:600;font-size:4vw;font-feature-settings:"palt";letter-spacing:0.12em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:1.6vw;margin:0 auto 0 0;width:max-content;line-height:1;}
.more02::after{font-weight: normal;content: '\e80a';color: #7b6d43;font-family: 'icon';font-size: 120%;}

.mb10{margin-bottom: 2vw!important;}
.mb40{margin-bottom: 4vw!important;}
.mb80{margin-bottom: 10vw!important;}
.mb100{margin-bottom: 14vw!important;}
.mb0{margin-bottom: 0!important;}

p.ast { font-size: 3.2vw!important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto;}
p.ast:last-child { margin-bottom: 0;}
ul.ast li {font-size: 3.2vw !important;padding-left: 1em;text-indent: -1em;text-align:justify;text-justify:auto;margin-bottom: 2%;line-height: 1.5;}
span.ast{font-size: 3.2vw !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto; margin-bottom: 3%; line-height: 1.5;}


/* header sp
----------------------------------------------- */
.header {width: 100%;height: 16vw;z-index: 10;position: absolute;top: 0;left: 0;}
.header-logo {width: 17.8vw;position: absolute;top: 5vw;left: 5vw;}
.header-logo img { width: 100%; }

.header-mail {color: #fff;height: 14vw;font-size: 6.58vw;padding: 0 3.4vw;background: #9c8c59;z-index: 11;line-height: 1;position: fixed;z-index: 10;top: 0;right: 14vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.header-mail .icon{margin: 0 1.6vw 0 0;position: relative;top: -0.2vw;font-size: 80%;}
.header-mail .txt{font-size: 5.6vw;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;font-feature-settings:"palt";letter-spacing: .08em;line-height: 1;}

.header-navi-button {width: 14vw;height: 14vw;background: #fff;cursor: pointer;z-index: 11;position: fixed;z-index: 11;top: 0;right: 0;}
.header-navi-button .line {width: 9vw;height: 1px;background: #9c8c59;-moz-transition: all 0.1s cubic-bezier(0.76, 0, 0.24, 1);-o-transition: all 0.1s cubic-bezier(0.76, 0, 0.24, 1);-webkit-transition: all 0.1s cubic-bezier(0.76, 0, 0.24, 1);transition: all 0.1s cubic-bezier(0.76, 0, 0.24, 1);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%);}
.header-navi-button .line-top {top: calc(50% - 3vw);}
.header-navi-button .line-middle {top: 50%;}
.header-navi-button .line-bottom {top: calc(50% + 3vw);}

.header-navi {width: 100%;height: 100%;z-index: 10;opacity: 0;visibility: hidden;position: fixed;top: 0;left: 0;-moz-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1);-o-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1);-webkit-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1);transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1);background:url(../images/header-navi-bg.jpg) center top / 100% no-repeat,linear-gradient(135deg,  #dbfffd 60%,#c1d4ff 100%);}
.header-navi-inner { width: 100%; height: 100%; 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%; height: 100%; padding: 1px 0; overflow-y: auto; position: relative; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-scroll::-webkit-scrollbar { display: none; }
.header-navi-content { padding: 1px 0; }
.header-navi-logo {width: 25vw;margin: 4vw 0 10vw 5vw;}
.header-navi-logo img { width: 100%; }
.header-navi-items {width: 80vw;margin: 0 auto 6vw;}
.header-navi-item { width: 100%; color: #fff; }
.header-navi-item a {color: #434343;}
.header-navi-item-title {padding: 4vw 2vw 2.6vw;color: #434343;border-bottom: 1px solid #d3e3e3;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;}
.header-navi-item-title.accordion { width: 100%; }
.header-navi-item-title.open .arrow { -moz-transform: translateY(-50%) rotateX(180deg); -ms-transform: translateY(-50%) rotateX(180deg); -webkit-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); }
.header-navi-item-title .en {margin-right: 2vw;font-size: 5.5vw;font-family: garamond-premier-pro,serif;font-weight: 400;font-style: normal;font-feature-settings:"palt";letter-spacing: .04em;line-height: 1;}
.header-navi-item-title .jp {padding-top: 0.5vw;font-size: 3.42vw;line-height: 1.2;}
.header-navi-item-title .arrow { font-size: 4.61vw; position: absolute; top: 50%; right: 1vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.2s cubic-bezier(0.76, 0, 0.24, 1); }
.header-navi-item-accordion { width: 100%; }
.header-navi-item-accordion .accordion-box { padding: 0 0 2vw 8vw; display: none; }
.header-navi-item-accordion .accordion-box li {width: 100%;padding: 2.5vw 0 2vw;font-size: 3.68vw;border-bottom: 1px dashed #d3e3e3;position: relative;}

.header-navi-banner-items {width: 80vw;margin: 0 auto 6vw;}
.header-navi-banner-items li { width: 100%; margin-bottom: 4vw; }
.header-navi-banner-items img { width: 100%; }

.header-navi-mail {width: 80vw;padding: 5vw 0 4.5vw;margin: 0 auto 8vw;color: #fff;background: #9c8c59;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.header-navi-mail .icon {margin-right: 2vw;font-size: 6vw;position: relative;top: -0.5vw;}
.header-navi-mail .title {font-size: 7.58vw;font-family: garamond-premier-pro,serif;font-weight: 400;font-style: normal;font-feature-settings: "palt";letter-spacing: .08em;line-height: 1;}

.animation { opacity: 0; visibility: hidden; -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); -moz-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1); }

.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .line:before, .header-navi-open .line:after { opacity: 0; visibility: hidden; }
.header-navi-open .line-top {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(35deg);transform: rotate(35deg);}
.header-navi-open .line-middle { opacity: 0; visibility: hidden; }
.header-navi-open .line-bottom {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-35deg);transform: rotate(-35deg);}
.header-navi-open .line {left: 2.5vw;top: 50%;}
.header-navi-open .header-navi { opacity: 1; visibility: visible; }
.header-navi-open .animation { opacity: 1; visibility: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.header-navi-open .animation01 { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.header-navi-open .animation02 { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.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.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.header-navi-open .animation05 { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.header-navi-open .animation06 { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.header-navi-open .animation07 { -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.header-navi-open .animation08 { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.header-navi-open .animation09 { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
.header-navi-open .animation10 { -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.header-navi-open .animation11 { -moz-transition-delay: 1.1s; -o-transition-delay: 1.1s; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }


/* hero sp
----------------------------------------------- */
.hero {width: 100%;position: relative;}

.top-hero{background:url(../images/top-hero-bg.jpg) center top / 100% no-repeat;padding:61.2vw 0 75vw;}
.top-hero-content{width:90vw;margin:0 auto;position:relative;}

.second-hero {height: 53vw;background: url(../images/second-hero-bg.jpg) center top / 100% no-repeat;}
.second-hero-title {width: 100%;padding: 0 5vw;position: absolute;top: 54%;left: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.second-hero-title .en {font-size: 10vw;display: block;line-height: 1;margin-bottom: -1vw;font-feature-settings: "palt";letter-spacing: .08em;font-family: garamond-premier-pro,serif;font-weight: 400;font-style: normal;text-align: center;}
.second-hero-title .jp {font-size: 4.8vw;display: block;font-family: var(--mincho);font-feature-settings: "palt";letter-spacing: 0.04em;font-weight: 400;text-align: center;}
.second-hero-title:after{content: '';width: 20vw;height: 1px;background: #727272;display: inline-block;position: absolute;top: 120%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


/* bread sp
----------------------------------------------- */
.breadcrumb {padding: 4vw 0;z-index: 2;position: relative;}
.breadcrumb-items { width: 90vw; margin: 0 auto; font-size: 0; }
.breadcrumb-items li {font-size: 3.4vw;position: relative;display: inline-block;}
.breadcrumb-items li:after { content: "\f105"; margin: 0 2.5vw 0 1.5vw; font-weight: normal; font-family: 'icon'; display: inline-block; }
.breadcrumb-items li:first-child:before{content: "\f015";font-weight: normal;font-family: 'icon';display: inline-block;color: #9c8c59;}
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items li:last-child a {color: #9c8c59;font-weight: bold;}
.breadcrumb-items a { display: inline-block; }
.breadcrumb-items a:hover { opacity: 1; }


/* footer sp
----------------------------------------------- */
.footer {width: 100%;border-top: 1px solid #e6e6e5;z-index: 1;position: relative;}

.footer-content {padding: 0 0 6vw;}
.footer-contact {background: url(../images/footer-contact-bg.jpg) center top / 100% no-repeat;padding: 11vw 0 12vw;}
.footer-contact-ttl{text-align: center;margin: 0 0 5vw;}
.footer-contact-ttl .en {font-size: 12vw;display: block;line-height: 1;margin-bottom: -2vw;font-feature-settings: "palt";letter-spacing: .04em;color: #fff;}
.footer-contact-ttl .jp {font-size: 4.5vw;display: block;font-family: var(--mincho);font-feature-settings: "palt";letter-spacing: 0.02em;font-weight: 600;color: #fff;}
.footer-contact-des{font-size: 4.5vw;text-align: center;font-family: var(--mincho);font-feature-settings: "palt";letter-spacing: .02em;font-weight: 600;line-height: 1.5;color: #fff;margin-bottom: 7vw;}
.footer-contact-more{width: 68vw;}

.footer-gallary img{width:70vw;}
.footer-contents{padding:10vw 0 8vw;position:relative;}
.pagetop{width:14%;position:absolute;top:-5vw;z-index:1;right:6vw;}

.footer-logo{width:16vw;margin:0 auto 10vw;}
.footer-logo img { width: 100%; }

.footer-navi {width: 100%;margin: 0 auto;}
.footer-navi-box {width: 84vw;margin: auto;}
.footer-navi-title {padding: 3.5vw 5vw 3vw;font-size: 5.7vw;border-bottom: 1px solid #d7d7d7;position: relative;font-family: "garamond-premier-pro";font-weight: 400;display: block;line-height: 1;letter-spacing: .08em;color: #28282d;}
.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: 3.5vw;height: 3.5vw;position: absolute;top: 50%;right: 5vw;-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: #28282d;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: #28282d;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.68vw;border-bottom: 1px solid #d7d7d7;position: relative;}
.footer-navi-items li:after {content: '\f105';color: #263560;font-family: 'icon';position: absolute;top: 50%;right: 6vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.footer-navi-items a {padding: 3.5vw 5vw 3vw;font-size: 3.4vw;color: #7e787e;}
.footer-sub-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.footer-sub-items li {font-size: 4vw;font-feature-settings: "palt";letter-spacing: .04em;}
.footer-sub-items li:last-child:after { display: none; }
.footer-sub-items li:after {content: '|';margin: 0 3.5vw;color: #7E7878;}
.footer-sub-items a {display: inline-block;color: #7e787e;}

.footer-bottom {padding: 6vw 0;border-top: 1px solid #d5d5d5;}

.copyright {font-size: 3.8vw;text-align: center;display: block;font-family: "garamond-premier-pro";font-weight: 400;display: block;line-height: 1;letter-spacing: .08em;color: #7e787e;}


/* second sp
----------------------------------------------- */
.second { z-index: 1; position: relative; }
.second-text { width: 90vw; min-height: 100vw; padding: 5vw 0 10vw; margin: auto; }
.second-text p { margin-bottom: 4vw; font-size: 3.6vw; line-height: 1.8; font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;}


.tbl01 {width:100%;border:1px solid #cbcbcb;}
.tbl01 th,.tbl01 td {padding:3%;vertical-align:middle;line-height: 1.6;letter-spacing: 0.02em;text-align: center;display: block;width: 100%;}
.tbl01 th {background: #f3f3f3; text-align:center;font-weight: bold;color: #5e5e5e;border-bottom: 1px solid #cbcbcb;}
.tbl01 tr {border-bottom: 1px solid #cbcbcb;}
.tbl01 tr:last-child{border-bottom:none;}


/* midashi
----------------------------------------------- */
.midashi01 { width: 100%; margin-bottom: 5vw; color: #9c8c59; font-family: var(--mincho);position:relative;}
.midashi01 .jp { font-weight:600; position: relative; display: block; line-height: 1.3;}
.midashi01:before { content: ''; width: 3.5vw; height: 1px; background: #a3906d; position: absolute; top: 50%; left: -5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.midashi02{font-size: 6vw;letter-spacing: .04em;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-family: garamond-premier-pro,serif;font-weight: 400;color:#9c8c59;}
.midashi02:after {content: '';width: 10vw;height: 1px;margin-left: 2.5vw;background: #a3906d;}

.midashi03 {padding-bottom: 4vw; margin-bottom: 6vw;position: relative;text-align: center;}
.midashi03:before { content: ''; width: 7.5vw; height: 1vw; background:#a3906d; position: absolute; bottom: 0; left: calc(50% - 7.2vw); }
.midashi03:after { content: ''; width: 7.5vw; height: 1vw; background: #bfbdba; position: absolute; bottom: 0; right: calc(50% - 7.2vw); }
.midashi03 span{font-size: 6vw;display: block;line-height: 1.4;letter-spacing: .06em;font-family: var(--mincho);}

.midashi04 {font-size: 5vw;margin-bottom: 2%;letter-spacing:1px;color: #fff;background: linear-gradient(to right,#a2b4dc 0%,#8fe9e4 100%);padding: 3vw 4%;display:-webkit-box;display:-ms-flexbox;display:flex;align-items: center;}
.midashi04 span{font-weight: 600;font-size: 70%;margin-left: 30px;position: relative;font-family: var(--gothic);}
.midashi04 span::before{display: block;margin-right: 30px;position: absolute;content:"";width: 20px;height: 1px;background-color:#fff;bottom: 50%;left: -25px;}








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

/* default pc
----------------------------------------------- */
body { font-size: 16px;overflow-x: hidden;}
.sp { display: none; }
.pc { display: block; }

/* common pc
----------------------------------------------- */
.more01 {min-width: 240px;padding: 16px 30px 14px;font-size: 18px;margin: 0 auto;}
.more01:after {right: 16px;}

.more02{font-size:18px;gap:8px;}

.mb10{margin-bottom: 10px!important;}
.mb40{margin-bottom: 40px!important;}
.mb80{margin-bottom: 80px!important;}
.mb100{margin-bottom: 100px!important;}

p.ast { font-size: 13px!important;}
ul.ast li {font-size: 13px!important;margin-bottom: 12px;}
span.ast{font-size: 13px!important;margin-bottom: 20px;}


/* header pc
----------------------------------------------- */
.header {height: auto;position: absolute;top: 40px;}

.pc-header { width: 100%; height: 100%; }
.pc-header-content {width: 1200px;height: 100%;padding: 1px 0;margin: auto;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;}
.pc-header-logo {width: 125px;margin: 0 172px 0 0;}
.pc-header-logo img { width: 100%; }
.pc-header-navi {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;background: #fff;padding: 0 0 0 6px;}
.pc-header-navi-items { padding-top: 2px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.pc-header-navi-items li {margin: 0 18.4px;font-size: 26.8px;z-index: 1;position: relative;}
.pc-header-navi-items li.current a, .pc-header-navi-items li:hover a {color: #9c8c59;opacity: 1;position: relative;}
.pc-header-navi-items li.current a:after,
.pc-header-navi-items li:hover a:after{content: '';width: 4px;height: 4px;background: #9c8c59;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;bottom: -3px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.pc-header-navi-items a {padding: 2px;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;font-feature-settings: "palt";letter-spacing: .08em;line-height: 1;}
.pc-header-mail {width: 192px;color: #fff;font-size: 14px;text-align: center;background: #9c8c59;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-family: garamond-premier-pro, serif;font-weight: 400;font-style: normal;font-feature-settings: "palt";letter-spacing: .08em;line-height: 1;font-size: 26px;padding: 22px 0;}
.pc-header-mail:before{content: "\f003";display: inline-block;font-family: 'icon' !important;position: relative;top: -1px;margin: 0 6px 0 0;font-size: 22px;}


/* hero pc
----------------------------------------------- */
.top-hero{background: url(../images/top-hero-bg-pc.jpg) center / cover no-repeat;padding: 336px 0 450px;}
.top-hero-content{width: 1200px;}
.top-hero-text{width: 612px;}

.second-hero {background: url(../images/second-hero-bg-pc.jpg) center top / cover no-repeat;height: 406px;}
.second-hero-title {padding: 0;}
.second-hero-title .en {margin-bottom: 0px;font-size: 60px;letter-spacing: 6px;}
.second-hero-title .jp {font-size: 25px;letter-spacing: 2px;}
.second-hero-title:after{width: 74px;top: 130px;height: 2px;}


/* bread pc
----------------------------------------------- */
.breadcrumb {padding: 15px 0;}
.breadcrumb-items { width: 960px; }
.breadcrumb-items li { font-size: 14px; }
.breadcrumb-items li:after { margin: 0 12px 0 10px; }


/* footer pc
----------------------------------------------- */
.footer-content{padding:0;}
.footer-contact{background:url(../images/footer-contact-bg-pc.jpg) center bottom / cover no-repeat;padding:90px 0 100px;}
.footer-contact-ttl{margin:0 0 34px;}
.footer-contact-ttl .en{font-size:60px;margin-bottom:-1px;letter-spacing:5px;}
.footer-contact-ttl .jp{font-size:23px;letter-spacing:2px;}
.footer-contact-des{font-size:24px;letter-spacing:2px;margin-bottom:45px;}
.footer-contact-more{width:296px;}

.footer-gallary img{width:340px;}

.footer-contents{width:960px;margin:0 auto;padding:70px 0 40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;gap:126px;}

.pagetop{width:60px;top:-15px;right:-100px;}

.footer-logo{width:72px;margin:0;}

.footer-navi{width:780px;margin-bottom:20px;}

.pc-footer-navi-inner{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;gap:20px;}
.pc-footer-navi-items{width:33.333%;width:-webkit-calc((100% - 40px) / 3);width:calc((100% - 40px) / 3);}
.pc-footer-navi-items li span{font-family:garamond-premier-pro,serif;font-weight:400;font-style:normal;font-feature-settings:"palt";letter-spacing:.04em;font-size:28px;color:#434343;line-height:1;margin:0 0 6px;display:block;}
.pc-footer-navi-items li ul li {padding: 15px 0 15px 18px;font-size: 16px;position: relative;border-bottom: 1px solid #d7d7d7;line-height: 1;}
.pc-footer-navi-items li ul li:before {content: '\f105';font-family: 'icon';color: #7e787e;position: absolute;top: 50%;left: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.pc-footer-navi-items li ul a {color: #7e787e;}
.pc-footer-navi-items a { color: var(--navy); }

.footer-sub-items {width: 960px;padding: 30px 0 24px;margin: auto;}
.footer-sub-items li {margin-bottom: 0;font-size: 16px;}
.footer-sub-items li:after { margin: 0 10px 0 8px; }

.footer-bottom {padding: 20px 0;}
.footer-bottom-content {width: 960px;height: 100%;padding-top: 2px;margin: auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}

.copyright {font-size: 14px;text-align: right;line-height: 1.4;letter-spacing: 1px;display: block;width: 100%;}


/* second pc
----------------------------------------------- */
.second-text { width: 960px; min-height: 600px; padding: 40px 0 100px; }
.second-text p { margin-bottom: 30px; font-size: 16px; }
	
.tbl01:before {width: 170px;}
.tbl01 th,.tbl01 td {display:table-cell; }
.tbl01 th {width: 30%; padding: 20px 0;border-bottom:none;}
.tbl01 td{text-align:justify; text-justify:auto;padding: 20px 15px 20px 26px;}
	

/* midashi
----------------------------------------------- */
.midashi01 {margin-bottom: 25px;}
.midashi01 .jp {font-size: 27px;}
.midashi01 .jp:before {width: 30px; left: -40px;}
.midashi01 .en {font-size: 16px; letter-spacing: 2px;}

.midashi02{margin-bottom: 10px;font-size: 30px;}
.midashi02:after {width:100px;margin-left: 18px;}
	
.midashi03 {padding-bottom: 20px; margin-bottom: 40px; }
.midashi03:before { width: 30px; height: 5px; left: calc(50% - 30px); }
.midashi03:after { width: 30px; height: 5px; right: calc(50% - 30px); }
.midashi03 span {font-size: 25px;}
	
.midashi04{font-size: 22px;margin-bottom: 16px;padding: 12px 20px;}
.midashi04 span{margin-left: 40px;}
.midashi04 span::before{display: block;position: absolute;content:"";width: 25px;height:2px;bottom: 1px;left: -32px;}

}

/* =============================================
tablet-size
================================================*/
@media screen and (min-width: 760px) and (max-width:960px){
.second-text{max-width:95%;}
	
.pc-header-content{max-width: 95%;}
.pc-header-logo{width: 9vw;margin: 0 3vw 0 0;}
.pc-header-mail{width: 17vw;}
.pc-header-navi{padding: 0;}
.pc-header-navi-items{margin-right: 0;}
.pc-header-navi-items li{margin: 0 2vw;}
.pc-header-navi-items a{font-size: 3vw;}
	
.footer-contents{max-width: 90%;gap:8vw;}
.footer-sub-items {max-width: 95%;}
.footer-bottom-content {max-width: 95%;}
	
.pagetop{right:0;}
}





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

  /* hero pc
----------------------------------------------- */
.top-hero{background-image: url(../images/top-hero-bg-pc@2x.jpg);}
.second-hero {background-image: url(../images/second-hero-bg-pc@2x.jpg);}
.footer-contact{background-image:url(../images/footer-contact-bg-pc.jpg);}


}