@charset "UTF-8";

* { -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: var(--black); font-size: 3.5vw; font-weight: 400; font-family: var(--gothic); font-optical-sizing: auto; -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: var(--black); 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;}
.container { padding-top: 15vw; }

.fade { opacity: 0; -moz-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.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-blur { -webkit-filter: blur(15px); filter: blur(15px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); -moz-transition: all 1.8s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 1.8s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 1.8s cubic-bezier(0.76, 0, 0.24, 1); transition: all 1.8s cubic-bezier(0.76, 0, 0.24, 1); -moz-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 1.5s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.fade-blur.active { -webkit-filter: blur(0); filter: blur(0); -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }

.fade-active { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); -webkit-filter: blur(0); filter: blur(0); }
.wave { opacity: 1; overflow: hidden; position: relative; display: table; }
.wave:before {content: '';width: 100%;height: 100%;background: #fff;z-index: 2;position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;}
.wave.fade-active:before { opacity: 1; visibility: visible; animation-name: wave; animation-duration: 1.2s; animation-fill-mode: forwards; }
.wave.fade-active .wave-inner { opacity: 1; visibility: visible; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.wave-inner { visibility: hidden; position: relative; -moz-transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1); -o-transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1); transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1); }

@keyframes wave { 0% { -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
40% { -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
60% { -moz-transform-origin: top right; -ms-transform-origin: top right; -webkit-transform-origin: top right; transform-origin: top right; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
100% { -moz-transform-origin: top right; -ms-transform-origin: top right; -webkit-transform-origin: top right; transform-origin: top right; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
}

.wav02 { opacity: 1; overflow: hidden; position: relative; display: table; }
.wav02:before { content: ''; width: 100%; height: 100%; background: #f2f2f2; z-index: 2; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.wav02.fade-active:before { opacity: 1; visibility: visible; animation-name: wave; animation-duration: 1.2s; animation-fill-mode: forwards; }
.wav02.fade-active .wave-inner { opacity: 1; visibility: visible; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

@keyframes wave02 { 0% { -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
40% { -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
60% { -moz-transform-origin: top right; -ms-transform-origin: top right; -webkit-transform-origin: top right; transform-origin: top right; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
100% { -moz-transform-origin: top right; -ms-transform-origin: top right; -webkit-transform-origin: top right; transform-origin: top right; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); } }


/* font
----------------------------------------------- */
:root {
--gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
--mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
--black: #333;
--blue: #337ab7;
--gold: #bd9a3c;
--green: #49c2bf;
--green02: #35AFAC;
--gray: #cecece;
}

.en{
 font-family: "Lato", sans-serif;
}

/* common sp
----------------------------------------------- */
.midashi01 {margin-bottom: 7vw;text-align: center;}
.midashi01 .en {font-size: 10vw;font-family: trajan-pro-3;font-weight: 400;letter-spacing: 0.04em;display: block;line-height: 1.5;}
.midashi01 .jp {font-size: 3.6vw;font-family: var(--mincho);display: block;color: #777;line-height: 1.5;}

.midashi02 { margin-bottom: 5vw; font-size: 3.6vw; font-family: trajan-pro-3; font-weight: 400; line-height: 1.6; letter-spacing: 0.04em; align-items: center; }
.midashi02:after { content: ''; width: 18vw; height: 1px; margin-left: 2vw; background: #d4d4d4; }

.midashi03 {width: 100%;position:relative;margin: 0 auto 10%;text-align: center;border: 2px solid #ddd;padding: 6% 5%;line-height:1.8;}
.midashi03:before{content: "";width: 40px;height: 40px;border: solid var(--gold);border-width: 0 2px 2px 0;box-sizing: border-box;position: absolute;right: -2px;bottom: -2px;}
.midashi03:after{content: "";width: 40px;height: 40px;border: solid var(--gold);border-width: 2px 0 0 2px;box-sizing: border-box;position: absolute;left: -2px;top: -2px;}
.midashi03 .read {font-size: 6vw;font-family: var(--mincho);font-weight: 300;line-height: 1.2;text-align: center;margin-bottom: 0;display: block;}
.midashi03 .sub{text-align: center;color: var(--blue);font-size: 3.4vw;margin-bottom: 1.4vw;display: block;}
.midashi03 span{font-size: 80%;}

.midashi04{width: 100%;color: #fff;font-weight: bold;background: var(--colornaviparts);padding: 3vw 4vw;font-size: 120%;line-height: 1.4;}
.midashi04.left{text-align: left;}
.second .midashi04{margin-bottom: 5vw;}

.midashi05{width: 100%;font-family: var(--mincho);font-weight: 600;color: var(--blue);border-left: 4px solid var(--blue);border-bottom: 1px solid var(--blue);  padding-left: 3vw;font-size: 4vw;margin-bottom: 3vw;}
.second .midashi05{margin-bottom: 3vw;}

.midashi06{width: 100%;text-align: center;font-family: var(--mincho);font-weight: 300;line-height: 1.6; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 5.4vw;margin-bottom: 5vw;}
.midashi06 .sub{display: block;color: var(--blue);font-size: 3.6vw;width: 100%;}

.midashi07{width: 100%;margin:0 auto 7%;text-align:center;border-bottom:1px solid var(--gray);padding-bottom:5vw;}
.midashi07 div{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:box;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:4vw;}
.midashi07 div:before,.midashi07 div:after{content:'';height:1px;background:var(--gray);display:block;-webkit-flex-grow:1;flex-grow:1;}
.midashi07 div:before{margin-right:10px;}
.midashi07 div:after{margin-left:10px;}
.midashi07 .en{font-size:3.4vw;bottom:2px;color:var(--blue);line-height:1;text-align:center;}
.midashi07 .jp{font-size: 4.8vw;display:block;line-height: 1.4;letter-spacing: 0.04em;font-family: var(--mincho);}

.more01 { min-width: 70vw; padding: 5vw 10vw; margin: 0 auto; color: var(--blue);border:1px solid var(--blue);font-weight: bold;font-size: 3.5vw; text-align: center; line-height: 1.4; background: #fff url(../images/arrow01.png) no-repeat center right 5vw; background-size: 3.5vw; -moz-border-radius: 20vw; -webkit-border-radius: 20vw; border-radius: 20vw; position: relative; display: table; }
.more01.blue{color: var(--green);border:1px solid var(--green);background: #fff url(../images/arrow01-blue.png) no-repeat center right 5vw; background-size: 3.5vw;}

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

.marker {background: linear-gradient(transparent 0%, rgb(255 249 217) 0%);display: inline;background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 1.5s;font-weight: bold;color: #606060;}
.marker.on {background-size: 100% 100%;}

.tbl01{width:100%;border: 1px solid var(--blue);font-weight: 400;}
.tbl01 tr{border-bottom:1px solid var(--blue);}
.tbl01 tr:nth-child(1){border-top:1px solid var(--blue);}
.tbl01 th,.tbl01 td{padding:3%;line-height: 1.4;vertical-align: middle;}
.tbl01 th{background:var(--blue);width:40%;border-bottom:1px solid #ffffff;color: #fff;font-weight: bold;}
.tbl01 tr:nth-last-child(1) th{border-bottom:none;}
.tbl01 td{background: #fff;width:65%;}
.tbl01 td a{font-family: trajan-pro-3;font-weight: 400;letter-spacing: 0.04em;font-size: 5vw;display: inline;color: var(--blue);}

.link-txt{display: inline;font-weight: bold;color: var(--gold);border-bottom: 1px solid var(--gold);}


/* header sp
----------------------------------------------- */
.header {width: 100%;height: 15vw;background: #fff;z-index: 10;position: fixed;top: 0;left: 0;background: rgba(245, 245, 245, 1);}
.header-content { height: 100%; position: relative; }
.header-logo {width: 34vw;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-logo img { width: 100%; }

.header-navi-button { width: 15vw; height: 15vw; cursor: pointer; z-index: 11; position: absolute; top: 0; right: 0; }
.header-navi-button .line { width: 6vw; height: 1px; background: #787978; position: absolute; left: 4.5vw; -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-top { top: 5.8vw; }
.header-navi-button .line-bottom { top: 8.2vw; }
.header-navi {width: 100%;height: 100%;background: rgb(255 255 255 / 96%);visibility: hidden;opacity: 0;z-index: 10;position: fixed;top: 0;left: 0;-moz-transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s;-o-transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s;-webkit-transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s;transition: cubic-bezier(0.76, 0, 0.24, 1) 0.5s;}
.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%; 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: 22vw 5vw 100px; }
.header-navi-box { margin-bottom: 8vw; }
.header-navi-box-title {padding: 2.5vw 0;font-size: 5.2vw;font-weight: 400;letter-spacing: 0.04em;border-bottom: 1px solid #a9a49f;letter-spacing: 0.2vw;}
.header-navi-box-title:before {/* content: ''; */width: 2.4vw;height: 2.4vw;margin-right: 1.5vw;vertical-align: middle;background: var(--blue);-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;}

.header-navi-items { width: 100%; margin: 0 auto;   display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;  justify-content: space-between; }
.header-navi-items li { width: 100%; border-bottom: 1px solid #b8b3ae; position: relative; }
.header-navi-items li:after { content: '\f105'; color: #777; font-family: 'icon'; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-navi-items a {padding: 5vw 1vw;line-height: 1.5;}
.header-navi-items li:has(> a.open) {border-bottom: none;}
.header-navi-items a.open{border-bottom: 1px dashed #b8b3ae;}
.header-navi-items a.open .en{}
.header-navi-items li:has(> a.open)::after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(-90deg);top: 6vw;}

.header-navi-items .en {/* margin-bottom: 1.5vw; */font-size: 5.2vw;font-weight: 400;display: block;letter-spacing: 0.2vw;}
.header-navi-items .jp {font-size: 3.8vw;display: block;}
.header-navi-items .sp-menu-sub{display: none;}

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

.header-navi-sub-items { width: 100%; margin: 0 auto; }
.header-navi-sub-items li { margin-bottom: 2.5vw; font-size: 3.5vw; }
.header-navi-sub-items a { display: inline-block; }

.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-top { top: 7.5vw; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.header-navi-open .line-bottom { top: 7.5vw; -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
.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; }
.top-hero-image { width: 100%; height: 125vw; margin-bottom: 8vw; background: url(../images/top-hero-image.jpg) no-repeat top center; background-size: cover; }
.top-hero-title {width: 100%;color: #fff;text-align: center;z-index: 1;position: absolute;top: 79vw;left: 0;}
.top-hero-title .en { width: 95vw; margin: 0 auto -1vw; }
.top-hero-title .jp {font-size: 3.6vw;font-family: var(--mincho);text-shadow: 0 0 12px rgba(0, 0, 0, 0.5), 0 0 12px rgba(0, 0, 0, 0.5);display: block;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;line-height: 1.5;}

.top-hero-crown-items {display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
.top-hero-crown-items li { width: 42vw; margin: 0 2vw 4vw; }
.top-hero-crown-items li:nth-child(2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.top-hero-crown-items li:nth-child(3) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.top-hero-crown-items img { width: 100%; }

.second-hero {width: 100%;height: 52vw;background: #eee url(https://www.gaura.co.jp/column2/wp-content/themes/gaura-wp/images/second-hero-bg.jpg) no-repeat center;background-size: cover;}

.second-hero-title {color: #fff;width: 100%; text-align: center; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.second-hero-title .en {margin-bottom: 2.5vw;font-size: 10vw;display: block; letter-spacing: 0.04em;}
.second-hero-title .jp {font-size: 4.4vw;display: block;font-weight: 600;}
.second-hero-title .jp.big{margin-bottom: 3vw;font-size: 7.2vw;display: block;}

/* bread sp
----------------------------------------------- */
.breadcrumb {padding: 4vw 0 3.5vw;background: #fff;z-index: 1;position: relative;border-bottom: 1px solid #eee;}
.breadcrumb-items { width: 90vw; margin: 0 auto; font-size: 0; }
.breadcrumb-items li { font-size: 3.6vw; position: relative; display: inline-block; }
.breadcrumb-items li:after { content: '\f105'; margin: 0 2vw; font-family: 'icon'; display: inline-block; }
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items li:last-child a { color: var(--blue); font-weight: bold; }
.breadcrumb-items a { display: inline-block; }

/* footer sp
----------------------------------------------- */
.footer {position: relative;background: #cdcdcd;}
.footer-content {width: 90vw;padding: 14vw 0;margin: 0 auto;}
.footer-logo {width: 35vw;margin: 0 auto 10vw;position: relative;}
.footer-logo img { width: 100%; }
.footer-navi { width: 100%; margin: 0 auto 6vw; border-top: 1px solid #cbcbcb; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;}
.footer-navi-box{width: 47%;}
.footer-navi-box.footer-many{width: 100%;margin-bottom: 5vw;}
.footer-navi-box.footer-many .footer-navi-items{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;}
.footer-many .footer-navi-items li{width: 47%;}

.footer-navi-title { padding: 5vw 2vw; font-size: 4vw; font-family: trajan-pro-3; font-weight: 400; letter-spacing: 0.04em; border-bottom: 1px solid #cbcbcb; position: relative; }
.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: var(--black); 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: var(--black); 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%; }
.footer-navi-items li {width: 100%;font-size: 3.4vw;border-bottom: 1px dashed #cbcbcb;position: relative;}
.footer-navi-items a {padding: 4vw 2vw;}
.footer-navi-items a:after { content: '\f105'; color: var(--gold02); font-family: 'icon'; opacity: 0.8; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.copyright {width: 100%;font-size: 3.5vw;line-height: 1.4;letter-spacing: 0.2vw;display: block;text-align: center;}
.fixed-contact { width: 100%; z-index: 9; opacity: 0; visibility: hidden; position: fixed; bottom: 0; left: 0; -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); }
.fixed-contact.active { opacity: 1; visibility: visible; }

.fixed-contact-items {   display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.fixed-contact-items li { width: calc(100% / 3); height: 15vw; font-size: 3.6vw; text-align: center; }
.fixed-contact-items li.mens a { background: var(--green); }
.fixed-contact-items li.ladies a { background: #e8716a; }
.fixed-contact-items li.contact a { background: #d6b356; }
.fixed-contact-items a { width: 100%; height: 100%; padding-top: 4vw; color: #fff; }
.fixed-contact-items .en { font-family: trajan-pro-3; font-weight: 400; letter-spacing: 0.04em; opacity: 0.5; display: block; }
.fixed-contact-items .jp { font-weight: bold; display: block; }

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


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

body { font-size: 15px; }
.sp { display: none; }
.pc { display: block; }

/* common pc
----------------------------------------------- */
.container {padding-top: 80px;}
.midashi01 { margin-bottom: 40px; }
.midashi01 .en {font-size: 44px;}
.midashi01 .jp {font-size: 16px;}

.midashi02 { margin-bottom: 30px; font-size: 16px;  }
.midashi02:after { width: 100px; margin-left: 15px; }

.midashi03 {margin: 0 auto 50px;padding: 50px 30px;}
.midashi03 .read {font-size: 30px;}
.midashi03 .sub{font-size: 15px;margin-bottom: 6px;}

.midashi04{padding: 12px 15px;font-size: 18px;margin-bottom: 40px;}
.second .midashi04{margin-bottom: 20px;}

.midashi05{padding-left: 10px;font-size: 20px;margin-bottom: 20px;}
.second .midashi05{margin-bottom: 20px;}

.midashi06{font-size: 30px;margin-bottom: 50px;}
.midashi06::before{content: '';height: 1px;margin-right: 40px;background: #eccecc;flex: 1;}
.midashi06::after{content: '';height: 1px;margin-left: 40px;background: #eccecc;flex: 1;}
.midashi06 .sub{font-size: 18px;}

.midashi07{margin: 0 auto 30px;padding-bottom: 24px;}
.midashi07 div{margin-bottom:24px;}
.midashi07 div:before{margin-right:16px;}
.midashi07 div:after{margin-left:10px;}
.midashi07 .en{font-size:18px;letter-spacing: 2px;}
.midashi07 .jp{font-size:24px;letter-spacing: 1px;}

.more01 { min-width: 260px; padding: 18px 40px 16px 30px; font-size: 14px; background-position: center right 18px; background-size: 13px; }
.more01.blue { background-position: center right 18px; background-size: 13px; }

ul.ast li { margin-bottom: 8px;}

.tbl01 th{width:25%;}
.tbl01 th, .tbl01 td{padding:20px 20px}
.tbl01 td a{letter-spacing: 2px;font-size: 22px;}

/* header pc
----------------------------------------------- */
.header {height: 80px;}
.header-content {width: clamp(730px, 90%, 1200px);padding: 1px 0;margin: 0 auto;display: -webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.header-logo {width: 160px;position: relative;top: 0;left: 0;-moz-transform: inherit;-ms-transform: inherit;-webkit-transform: inherit;transform: inherit;}
.pc-header-global-items {display: flex;display: -webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.pc-header-global-items li {margin-left: 24px;text-align: center;position: relative;}
.pc-header-global-items a{padding: 32px 0;}
.pc-header-global-items li.contact a {padding: 18px 30px;color: #fff;background: #e26d63;}
.pc-header-global-items li.contact .jp { opacity: 0.6; }
.pc-header-global-items li.products-navi{}
.pc-header-global-items li.about-navi{position: relative;}
.pc-header-global-items li:first-child span{}
.pc-header-global-items li:first-child a{color: var(--blue);}
.pc-header-global-items .en {font-size: 16px;font-weight: 400;letter-spacing: 1px;display: block;}
.pc-header-global-items .jp {font-size: 16px;display: block;}

.products-navi-lists{position: absolute;top: 80px;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);display: none;width: clamp(730px, 90%, 1200px);}
.products-navi-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.products-navi-list a{font-size:14px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:10px;padding:10px 20px;width:-webkit-calc(100% / 3);width:calc(100% / 3);}
.products-navi-list .product-inhaler{background:rgba(199,223,215,1);color:#5aa98f;}
.products-navi-list .product-bath{background:rgba(163,197,227,1);color:#0385ce;}
.products-navi-list .product-burn{background:rgba(224,179,176,1);color:#bd6660;}
.products-navi-list .product-bottle{background:rgba(175,211,209,1);color:#1b6a67;}
.products-navi-list .product-business{background:rgba(199,199,199,1);}
.products-navi-list .txts{text-align:left;flex:1;}
.products-navi-list img{width:70px;}
.products-navi-list .jp{font-weight:bold;font-size:12px;margin-bottom:8px;width:max-content;}
.products-navi-list .en{font-size: 70%;font-weight:bold;width:max-content;line-height:1.3;}

.about-navi-lists{background:rgba(245,245,245,1);position:absolute;left:50%;top:80px;width:180px;-moz-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%);border-radius:5px;display:none;}
.about-navi-lists > a{text-align:center;padding:18px 0;font-size:14px;}




/* hero pc
----------------------------------------------- */
.top-hero { z-index: 2; }
.top-hero:before { content: ''; width: 1185px; height: 1015px; background: url(../images/top-hero-bg.png) no-repeat center; background-size: 100%; z-index: -1; position: absolute; bottom: -500px; left: 0; }
.top-hero-content {width: clamp(730px, 90%, 1200px);margin: 0 auto;position: relative;}
.top-hero-image {width: 100%;height: 700px;margin: 0 -275px 0 auto;background: url(../images/top-hero-image-pc.jpg) no-repeat top center;background-size: cover;max-width: 950px;}
.top-hero-text { width: 470px; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-hero-title { margin-bottom: 50px; position: relative; top: 0; }
.top-hero-title .en { width: 100%; margin-bottom: 20px; }
.top-hero-title .jp { color: var(--black); font-size: 16px; text-shadow: none; }
.top-hero-crown-items li {width: 20vw;margin: 0 8px 30px;max-width: 210px;}
.top-hero-crown-items li:nth-child(1) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.top-hero-crown-items li:nth-child(2) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.top-hero-crown-items li:nth-child(3) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.second-hero {height: 340px;background: #eee url(https://www.gaura.co.jp/column2/wp-content/themes/gaura-wp/images/second-hero-bg-pc.jpg) center center no-repeat;background-size: cover;}
.second-hero-title {}
.second-hero-title .en { margin-bottom: 0; font-size: 45px;line-height: 1.5;letter-spacing: 2px;}
.second-hero-title .jp {font-size: 24px;}
.second-hero-title .jp.big{margin-bottom: 10px;font-size: 36px;line-height: 1.5;letter-spacing: 2px;}

/* bread pc
----------------------------------------------- */
.breadcrumb { padding: 20px 0 18px; z-index: 2; position: relative; }
.breadcrumb-items { width: clamp(730px, 90%, 1200px); }
.breadcrumb-items li { font-size: 15px; }
.breadcrumb-items li:after { width: 15px; margin: 0 6px 0 15px; }

/* footer pc
----------------------------------------------- */
.footer-content {width: clamp(730px, 90%, 1200px);padding: 60px 0;z-index: 1;position: relative;}
.footer-content:after { content: ''; width: 394px; height: 198px; background: url(../images/footer-deco.png) no-repeat top center; background-size: 100%; z-index: -1; pointer-events: none; position: absolute; right: -190px; bottom: -15px; }
.footer-logo {width: 180px;margin: 0 auto 50px;}
.footer-navi {margin-bottom: 50px;border-top: none;display: flex;-webkit-align-items: flex-start;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;}
.footer-navi-title { width: 100%; padding: 0; margin-bottom: 30px; color: var(--blue); font-size: 20px;  border-bottom: none;   display: flex;  align-items: center; }
.footer-navi-title:after { content: ''; height: 1px; margin-left: 15px; background: #f1cecb; flex: 1; }
.footer-navi-items { display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, auto);  justify-content: space-between; }
.footer-navi-items li { width: 100%; padding-left: 12px; margin: 0 50px 18px 0; font-size: 15px; border-bottom: none; }
.footer-navi-items a { padding: 0; }
.footer-navi-items a:after { top: 0; right: auto; left: 0; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); color: #a3a3a3;}
.copyright { font-size: 12px; letter-spacing: 1px; }
.pagetop { width: 50px; position: absolute; top: 65px; right: 0; }
.pagetop img{width:100%;}

.footer-navi-box{width: auto;}
.footer-navi-box.footer-many{width: auto;margin-bottom: 0;}
.footer-navi-box.footer-many .footer-navi-items{display: grid;grid-auto-flow: column;grid-template-rows: repeat(5, auto);justify-content: space-between;}
.footer-many .footer-navi-items li{width: 100%;}

/* second pc
----------------------------------------------- */
.second {  min-height: 600px; font-size: 16px; }
.second p { margin-bottom: 30px;}
.second-text { width:clamp(730px, 90%, 1200px); padding:60px 0 100px;}
 }


 @media screen and (min-width: 736px)and (max-width: 1000px) {
.header{height: auto;}
.header-content{padding: 34px 0 20px;display: block;}
.header-logo{margin: 0 auto 30px;width: 180px;}
.pc-header-global-items{width: 100%;margin: 0 auto;justify-content: space-between;}
.pc-header-global-items li.contact a{padding: 14px 35px;}


}

 @media screen and (min-width: 736px)and (max-width: 1070px) {
.top-hero-title .jp{text-align: left;}
.top-hero-crown-items{width: 40%;}
.top-hero-crown-items li{margin: 0 0 20px;}

.wp_article_sidebar_contents{top: 200px;}
 }


/* =============================================
retina用
================================================*/

@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.more01 { background-image:url(../images/arrow01@2x.png) ; }
.more01.blue { background-image:url(../images/arrow01-blue@2x.png) ; }
.top-hero:before { background-image: url(../images/top-hero-bg@2x.png) ; }
.top-hero-image { background-image: url(../images/top-hero-image-pc@2x.jpg); }
.footer-content:after { background-image: url(../images/footer-deco@2x.png) ; }
}