@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: #000; font-size: 3.5vw; font-family: var(--gothic); -webkit-text-size-adjust: 100%; font-style: normal; line-height: 1;}
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;}
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: #000; 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;}
.clearfix:after { content: ''; display: block; clear: both;}
.pc { display: none;}
.sp { display: block;}

.wrapper {width: 100%;overflow: hidden;z-index: 1;position: relative;background: #fff;}
.container{padding: 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);}
.aside{display: none;}

/* font
----------------------------------------------- */
:root {
--mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
--gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
--gold: #af9454;
}


/* common sp
----------------------------------------------- */
.midashi01{margin-bottom: 6vw;text-align: center;line-height: 1.3;}
.midashi01 .en{display: block;text-align: center;font-size: 11vw;margin-bottom: 0;font-family: "Jost", sans-serif;letter-spacing: 0.1em;}
.midashi01 .jp{display: block;}
.midashi01-white{background: url(../images/midashi01_deco_white.png) top 1vw center no-repeat;background-size: 4%;}

.midashi02 {position: relative;font-family: "Jost", sans-serif;text-align: center;font-size: 7vw;margin-bottom: 12vw;letter-spacing: 0.08em;}
.midashi02:before{content: "";position: absolute;width: 40px;height: 1px;background: #999;bottom: -3vw;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.more01 {width: 56vw;padding: 3.5vw 0 4vw;font-size: 3.5vw;background: url(../images/more1-arrow@2x.png) no-repeat center right 3vw;background-size: 3vw;display: table;line-height: 1.3;font-weight: bold;border-bottom: 1px solid #a4a4a4;margin-bottom: 6vw;}

p.ast { font-size: 88% !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto;}
ul.ast li { font-size: 88% !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto; margin-bottom: 2%; line-height: 1.5;}
ul.ast li a{display: inline-block;padding-left: 10px;}
span.ast{font-size: 88%;}


/* header sp
----------------------------------------------- */
.header {width: 100%;}
.header-logo {width: 33vw;z-index: 2;position: absolute;top: 4vw;left: 3vw;}
.header-logo img { width: 100%; }

.header-navi-logo {width: 33vw;z-index: 2;position: absolute;top: 3vw;left: 2vw;}
.header-navi-logo img { width: 100%; }
.header-navi-button {width: 14vw;height: 14vw;border: 1px solid #111;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;z-index: 10;position: fixed;top: 3vw;right: 3vw;cursor: pointer;-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);}
.header-navi-button .line {height: 1.5px;background: #000;position: absolute;top: 50%;-moz-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);-moz-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);-o-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);-webkit-transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);transition: all 0.4s cubic-bezier(0.76, 0, 0.24, 1);}
.header-navi-button .line-top { width: 4vw; top: calc(50% - 1.5vw); left: calc(50% - 1.5vw); }
.header-navi-button .line-middle { width: 8vw; left: 50%; }
.header-navi-button .line-bottom { width: 4vw; top: calc(50% + 1.5vw); left: calc(50% + 1.5vw); }

/* .header.active .header-navi-button{border: 1px solid #fff;mix-blend-mode: difference;}
.header.active .header-navi-button .line{background: #fff;} */
.header-navi-button.passive{border: 1px solid #fff;mix-blend-mode: difference;}
.header-navi-button.passive .line{background: #fff;}

.header-navi {width: 100%;height: 100%;background: #080808f2;background-size: cover;opacity: 0;visibility: hidden;z-index: 9;position: fixed;top: 0;left: 0;-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);}
.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: 21vw 0 1px;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-items {width: 88%;margin: 0 auto 10vw;border-bottom: 1px solid #767676;padding-bottom: 4vw;}
.header-navi-item {position: relative;margin-bottom: 6vw;}
.header-navi-item-title {position: relative;color: #fff;text-align: center;display: inline-block;}
.header-navi-item-title .en {margin-bottom: 1vw;font-size: 7vw;letter-spacing: .08em;position: relative;font-family: "Jost", sans-serif;margin-right: 1vw;}
.header-navi-item-title .jp {font-size: 3.2vw;opacity: 0.8;}

.header-navi-sub-items {width: 88%;margin: 0 auto 100px;}
.header-navi-sub-items li { margin-bottom: 3.5vw; font-size: 3.4vw; }
.header-navi-sub-items a { color: #ddd; }
.header-navi-sub-items li a:after {content: '\f08e';margin-left: 2vw;color: #999;font-size: 105%;font-family: 'icon';vertical-align: baseline;display: inline-block;}


.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .header-navi-button{border: 1px solid #7f7f7f;}
.header-navi-open .line-top { width: 6vw; top: 50%; left: 50%; background: #fff;}
.header-navi-open .line-middle { width: 0; opacity: 0; visibility: hidden; }
.header-navi-open .line-bottom { width: 6vw; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background: #fff;}

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

/* hero sp
----------------------------------------------- */
.hero {width: 100%;position: relative;margin-bottom: 20vw;}
.top-hero-items {width: 100%;}
.top-hero-item { width: 100vw; }
.top-hero-item.slick-active .top-hero-item-image, .top-hero-item.add-animation .top-hero-item-image { animation: zoomDown 10s linear 0s normal both; }

.top-hero-item-image { width: 100%; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transition: all 10s cubic-bezier(0.25, 0.1, 0.25, 0.1); -o-transition: all 10s cubic-bezier(0.25, 0.1, 0.25, 0.1); -webkit-transition: all 10s cubic-bezier(0.25, 0.1, 0.25, 0.1); transition: all 10s cubic-bezier(0.25, 0.1, 0.25, 0.1); }
.top-hero-item-image img { width: 100%; }
@keyframes zoomDown { 0% { transform: scale(1.2); }100% { transform: scale(1); } }

.top-hero-text{position: absolute;z-index: 2;left: 5vw;bottom: 12vw;}
.top-hero-text-ttl .en{display: block;font-size: 4.2vw;margin-bottom: 4vw;text-indent: -6em;padding-left: 6em;line-height: 1.3;font-family: "Jost", sans-serif;letter-spacing: 0.09em;}
.top-hero-text-ttl .jp{font-size: 6.8vw;font-weight: bold;letter-spacing: 0.02em;line-height: 1.3;}
.top-hero-text-ttl .jp .marker{background: #000;color: #fff;}

.second-hero {padding-top: 22vw;margin-bottom: 2vw;padding-bottom: 9vw;border-bottom: 1px solid #909090;}
.second-hero-title {width: 100%;text-align: center;}
.second-hero-title .en {margin-bottom: 2vw;font-size: 12vw;letter-spacing: .08em;display: block;font-family: "Jost", sans-serif;}
.second-hero-title .jp {opacity: 0.8;display: block;color: #777;}
.second-hero-title.small .en{font-size: 11vw;}

/* footer sp
----------------------------------------------- */
.footer {width: 100%;padding-top: 14vw;z-index: 1;padding-bottom: 8vw;background: url(../images/footer-bg.jpg)top right no-repeat,#111;position: relative;background-size: contain;border-bottom: 1px solid #ddd;margin-bottom: 15vw;}
.footer-content{width: 88%;margin: 0 auto;position: relative;}
.footer-logo {width: 60vw;margin: 0 auto 6vw;}
.footer-logo img {width: 100%;margin-left: -10px;}

.footer-sns{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-bottom: 10vw;}
.footer-sns li{margin: 0 2vw;}
.footer-sns li a i{font-size: 8vw;color: #fff;}
.footer-sns li.hpb a i{font-size: 7vw;}

.footer-open { margin-bottom: 8vw; font-size: 3.6vw; text-align: center; line-height: 1.6; letter-spacing: .02em; }
.footer-navi {margin: 0 auto 7vw;border-top: 1px solid #858585;}

.footer-navi-title {padding: 4vw 2vw 3.5vw;font-size: 4vw;letter-spacing: .08em;border-bottom: 1px solid #858585;position: relative;color: #fff;font-family: "Jost", sans-serif;}
.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: 3vw;height: 3vw;position: absolute;top: 50%;right: 2.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: #fff;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%);-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);}
.footer-navi-title .plus:after {content: '';width: 1px;height: 100%;background: #fff;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%);-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);}

.footer-navi-items { width: 100%; display: none; }
.footer-navi-items li {width: 100%;font-size: 3.5vw;border-bottom: 1px dashed #454545;position: relative;}
.footer-navi-items:nth-of-type(1) li:last-child{margin-bottom: 4vw;border-bottom: none;}
.footer-navi-items li:after {content: '\f105';color: #aaa;font-size: 3.29vw;font-family: 'icon';position: absolute;top: 50%;right: 3vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.footer-navi-items a {padding: 4.5vw 2vw 4vw;color: #fff;}

.copyright {color: #aaaaaa;font-size: 3.2vw;line-height: 1.3;letter-spacing: .1em;display: block;font-family: "Jost", sans-serif;}
.pagetop {width: 30vw;padding: 3.5vw 1vw 3vw;color: #fff;font-size: 3.5vw;text-align: center;letter-spacing: .02em;position: absolute;right: 0;bottom: -1vw;background: #f3f3f3;color: #000;font-family: "Jost", sans-serif;}

.footer-fixed { width: 100%; opacity: 0; visibility: hidden; z-index: 8; position: fixed; bottom: 0; left: 0; -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); }
.footer-fixed.active { opacity: 1; visibility: visible; }
.footer-fixed-items {width: 100%;}
.footer-fixed-items li {height: 15vw;font-size: 3.4vw;text-align: center;letter-spacing: .02em;background: var(--gold);}
.footer-fixed-items li.tel a {background: #111;}
.footer-fixed-items li.tel a:before {content: '\f095';padding-top: 0.2vw;margin-right: 6px;font-size: 100%;font-family: 'icon';display: inline-block;}
.footer-fixed-items li.web a {}
.footer-fixed-items li.web a:before {content: '\e922';padding-top: 0.2vw;margin-right: 6px;font-size: 100%;font-family: 'icon';display: inline-block;}
/* .footer-fixed-items li.hpb a {background: #b97894;padding: 4vw;}
.footer-fixed-items li.hpb a img { width: 100%; } */
.footer-fixed-items a {width: 100%;height: 100%;color: #fff;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 4.8vw;letter-spacing: 0.08em;font-family: "Jost", sans-serif;font-weight: 500;}

/* bread sp
----------------------------------------------- */
.breadcrumb {padding: 4vw 0 3vw;position: relative;}
.breadcrumb-items {width: 88%;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.breadcrumb-items li {font-size: 3.5vw;position: relative;margin-bottom: 2vw;}
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items li.breadcrumb-home span:before { content: '\f015'; margin-right: 1vw; font-family: 'icon'; }
.breadcrumb-items li.current a {color: var(--gold);font-weight: bold;}
.breadcrumb-items li:after {content: '\f105';margin: 0 2vw 0 1.5vw;font-family: 'icon';display: inline-block;color: #666;}
.breadcrumb-items a { display: inline-block; }
.breadcrumb-items span { display: block; }


/* second sp
----------------------------------------------- */
.second {margin: 0 auto;font-size: 3.5vw; line-height: 1.8;font-feature-settings: "palt";letter-spacing: .06em;text-align: justify;text-justify: auto; z-index: 1; position: relative;}
.second p { margin-bottom: 4vw; }
.second-text {padding: 6vw 0 12vw;width: 88%;margin: 0 auto;min-height: 100vw;}


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

body { font-size: 16px;}
.sp { display: none;}
.pc { display: block;}
.wrapper {position: relative;background: url(../images/pc-bg01.jpg) left top no-repeat fixed,url(../images/pc-bg02.jpg) right -60px bottom no-repeat fixed,#e5e8ea;background-size: 800px , 500px , contain;}
.container{background: #fff;width: 570px;margin: auto;background-size: contain;overflow: hidden;position: relative;-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

/* common sp
----------------------------------------------- */
.midashi01{margin-bottom: 50px;}
.midashi01 .en{font-size: 50px;letter-spacing: 0.06em;}
.midashi01-white{background: url(../images/midashi01_deco_white.png) top 1vw center no-repeat;background-size: 4%;}

.midashi02 {font-size: 34px;margin-bottom: 70px;}
.midashi02:before{bottom: -18px;}

.more01 {width: 56%;padding: 20px 0 24px;font-size: 16px;background: url(../images/more1-arrow.png) no-repeat center right 20px;background-size: 16px;margin-bottom: 40px;}

p.ast { font-size: 88% !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto;}
ul.ast li { font-size: 88% !important; padding-left: 1em;text-indent: -1em; text-align:justify; text-justify:auto; margin-bottom: 2%; line-height: 1.5;}
ul.ast li a{display: inline-block;padding-left: 10px;}
span.ast{font-size: 88%;}


/* header sp
----------------------------------------------- */
.header-logo {width: 200px;top: 20px;left: 20px;}

.header-navi-logo {width: 200px;top: 20px;left: 20px;}
.header-navi-button {width: 70px;height: 70px;top: 16px;right: calc(50% - 260px);}
.header-navi-button .line-top { width: 20px;top: calc(50% - 8px);left: calc(50% - 8px);}
.header-navi-button .line-middle { width: 40px;}
.header-navi-button .line-bottom {width: 20px;top: calc(50% + 8px);left: calc(50% + 8px); }

.header-navi {width: 570px;left: auto;margin: auto;/* left: calc(50% - -5px); */}
.header-navi-scroll {padding: 130px 0 100px;}

.header-navi-items {margin: 0 auto 50px;padding-bottom: 20px;}
.header-navi-item {margin-bottom: 30px;}
.header-navi-item-title .en {margin-bottom: 10px;font-size: 38px;margin-right: 8px;}
.header-navi-item-title .jp {font-size: 16px;}

.header-navi-sub-items {margin: 0 auto 100px;}
.header-navi-sub-items li {margin-bottom: 20px;font-size: 18px;}
.header-navi-sub-items li a:after {margin-left: 12px;}

.header-navi-open .line-top {width: 40px;top: calc(50% - 0px);left: calc(50% - 0px);}
.header-navi-open .line-middle { width: 0; opacity: 0; visibility: hidden; }
.header-navi-open .line-bottom {width: 40px;top: calc(50% + 0px);left: calc(50% + 0px);}

/* hero sp
----------------------------------------------- */
.hero {margin-bottom: 100px;}

.top-hero-text{left: 40px;bottom: 70px;}
.top-hero-text-ttl .en{font-size: 24px;margin-bottom: 26px;line-height: 1.2;}
.top-hero-text-ttl .jp{font-size: 36px;}

.second-hero {padding-top: 120px;margin-bottom: 10px;padding-bottom: 50px;}
.second-hero-title .en {margin-bottom: 6px;font-size: 70px;}
.second-hero-title .jp {font-size: 18px;}
.second-hero-title.small .en{font-size: 60px;}

/* footer sp
----------------------------------------------- */
.footer {padding-top: 70px;padding-bottom: 40px;background: url(../images/footer-bg.jpg)top center no-repeat,#111;background-size: contain;margin-bottom: 0;}
.footer-logo {width: 260px;margin: 0 auto 24px;}

.footer-sns{margin-bottom: 60px;}
.footer-sns li{margin: 0 10px;}
.footer-sns li a i{font-size: 34px;}
.footer-sns li.hpb a i{font-size: 30px;}

.footer-open { margin-bottom: 8vw; font-size: 3.6vw; text-align: center; line-height: 1.6; letter-spacing: .02em; }
.footer-navi {margin: 0 auto 50px;}

.footer-navi-title {padding: 24px 16px 24px;font-size: 20px;}
.footer-navi-title .plus {width: 20px;height: 20px;right: 70px;}
.footer-navi-title .plus:before {width: 20px;left: 62px;}
.footer-navi-title .plus:after {height: 20px;left: 62px;}

.footer-navi-items li {font-size: 16px;}
.footer-navi-items:nth-of-type(1) li:last-child{margin-bottom: 20px;}

.footer-navi-items li:after {font-size: 20px;right: 26px;}
.footer-navi-items a {padding: 22px 12px 22px;}

.copyright {font-size: 16px;}
.pagetop {width: 210px;padding: 16px 10px 16px;font-size: 20px;text-align: center;bottom: 0px;}

/* bread sp
----------------------------------------------- */
.breadcrumb {padding: 20px 0 10px;}
.breadcrumb-items li {font-size: 16px;margin-bottom: 10px;}
.breadcrumb-items li.breadcrumb-home span:before {margin-right: 10px;}
.breadcrumb-items li:after {margin: 0 10px 0 6px;}


/* aside
----------------------------------------------- */
.aside{z-index: 100;position: fixed;top: 30px;left: 30px;width: 400px;display: none;}
.aside-content{padding: 0;}
.aside-content-logo{width: 160px;margin: 0 0 40px;}
.aside-content-logo img{width: 100%;}

.aside-content-navi{padding: 0;}
.aside-content-navi li{margin-bottom: 18px;}
.aside-content-navi li a{font-family: "Jost", sans-serif;font-size: 18px;letter-spacing: 0.06em;}
.aside-content-navi li a:before{content: "●";font-size: 50%;color: #888;position: relative;top: -4px;margin-right: 6px;}

.aside-content-contact{padding: 0;}

/* second sp
----------------------------------------------- */
.second {font-size: 16px;}
.second p {margin-bottom: 30px;}
.second-text {padding: 30px 0 80px;min-height: 500px;}


}

/* =============================================
pc-size
================================================*/
@media screen and (min-width: 970px) {
.aside{display: block;}

}


/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.wrapper {background-image: url(../images/pc-bg01@2x.jpg) ,url(../images/pc-bg02@2x.jpg) ;}
.midashi01-white{background-image: url(../images/midashi01_deco_white@2x.png);}
.more01 {background-image: url(../images/more1-arrow@2x.png) ;}
.footer {background-image: url(../images/footer-b@2x.jpg);}



}