@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 { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: #444; font-size: 3.4vw; font-family: 'Noto Sans JP', 游ゴシック体, 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; font-weight: 300; line-height: 1; }
@media all and (-ms-high-contrast: none) {  body {font-family: "メイリオ", Meiryo, sans-serif; } }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
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; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a { color: #444; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a:hover { opacity: 0.6; }
::selection { background: #cbe6a8; }
::-moz-selection { background: #cbe6a8; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }
.inner { width: 100%; margin: auto; }
.container { width: 100%; z-index: 0; overflow: hidden; position: relative; }
.body-fixed { width: 100%; height: 100%; position: fixed; }

/* fade
----------------------------------------------- */
.fade { opacity: 0; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
.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); }

.js-curtain { overflow: hidden; }
.js-curtain.first-anime .js-curtain-inner:after { transition-property: transform, opacity; transition-duration: 0.5s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transform: translate3d(0, 0, 0); }
.js-curtain.second-anime .js-curtain-inner:after { transition-property: transform; transition-duration: 0.5s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transform: translate3d(103%, 0, 0); }
.js-curtain.second-anime img { opacity: 1; left: 0; }
.js-curtain img { opacity: 0; position: relative; left: -4%; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }

.js-curtain-inner { overflow: hidden; position: relative; display: inline-block; }
.js-curtain-inner:after { content: ''; position: absolute; opacity: 1; left: 0; top: 0; bottom: 0; width: 100%; background: #eee; transform: translate3d(-101%, 0, 0); }


/* common
----------------------------------------------- */ 
.mincho{font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; }
.note{font-size: 3vw;}

.green {color: #7db634;}
.yellow{color: #f8ff42;}
.pink{color: #d733b0;}

.order1 { order: 1;}
.order2 { order: 2;}
.order3 { order: 3;}
.order4 { order: 4;}
.order5 {order: 5;}

.more01 { width: 60vw; margin:3% auto; font-size: 3.42vw;  font-family: cormorant-garamond; text-align: center; letter-spacing: 1vw; border: 1px solid #63412e; position: relative; }
.more01:after { content: ''; width: 16vw; height: 1px; background: #63412e; z-index: 3; position: absolute; top: 50%; right: -8vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.more01:hover { color: #fff; opacity: 1; }
.more01:hover .more01-inner:before { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.more01 span { z-index: 2; position: relative; }
.more01-inner, .more02-inner {width: 100%;height: 100%;padding: 5vw 0 4.8vw;z-index: 1;overflow: hidden;position: relative;}
.more01-inner:before, .more02-inner:before { content: ''; position: absolute; top: 0; right: -50px; bottom: 0; left: 0; border-right: 50px solid transparent; border-bottom: 80px solid #63412e; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }


/* midashi
----------------------------------------------- */
.midashi01 { width: 100%; text-align: center; z-index: 1; position: absolute; top: calc(50px + 6vw); left: 0; }
.midashi01 .en { margin-bottom: 2vw; color: #411707; font-size: 7.89vw; font-family: cormorant-garamond; letter-spacing: 0.6vw; display: block; }
.midashi01 .jp { color: #7ba93c; font-size: 3.16vw; display: block; }

.midashi02 {width: 100%;margin: 0 auto 5%;color: #634330;font-size: 5.6vw;font-family: 'cormorant-garamond';display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.midashi02 .text {padding-top: 0%;margin: 0 10%;letter-spacing: .1em;font-weight: 300;}
.midashi02 .text:first-letter { color: #6cab15; }
.midashi02 .deco-left { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 1; flex-grow: 1; }
.midashi02 .deco-left:before {content: '';width: 100%;height: 1px;background: #634330;}
.midashi02 .deco-left:after {content: '';width: 1px;height: 100%;background: #634330;}
.midashi02 .deco-right { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 1; flex-grow: 1; }
.midashi02 .deco-right:before {content: '';width: 1px;height: 100%;background: #634330;}
.midashi02 .deco-right:after {content: '';width: 100%;height: 1px;background: #634330;}

.midashi03{background: #64422f;padding: 3%;color: #fff;text-align: center;} 

.midashi04 {margin: 0 auto 6%;color: #a98f43;font-size: 6.2vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;line-height: 1.4;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;}
.midashi04:before,.midashi04:after { content: ''; height: 1px; background: #d0c0a7; display: block; -webkit-flex-grow: 1; flex-grow: 1; }
.midashi04 span { margin: 0 2%; }
 
.midashi05 {margin-bottom: 10%;color: #5c382a;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;position: relative;}
.midashi05:after { content: ''; width: 11%; height: 2px; background: #7a4124; position: absolute; bottom: -30px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.midashi05 .jp { margin-bottom: 1%; font-size: 4vw; display: block; line-height:1.5; }
.midashi05 .en { font-size: 4vw; display: block; }

.midashi06 {margin-bottom: 10%;color: #5c382a;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;position: relative;}
.midashi06:after {content: '';width: 11%;height: 2px;background: #d733b0;position: absolute;bottom: -15px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.midashi06 .jp {margin-bottom: 10%;font-size: 3.2vw;display: block;line-height:1.5;margin-top: 0%;}
.midashi06 .en {font-size: 6vw;display: block;letter-spacing: .05em;}
 
.midashi07{margin-bottom: 5vw;text-align: center;padding: 0% 0 0%;}
.midashi07 .jp {margin-bottom: 0%;color: #391806;font-size: 6.58vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;line-height: 1.2;display: block;}
.midashi07 .jp span { color: #af7a3c; }
.midashi07 .jp span.green { color: #7db634; }
.midashi07 .en { color: #9d8878; font-size: 3.16vw; font-family: cormorant-garamond; letter-spacing: 0.4vw; display: block; }

/* header
----------------------------------------------- */
.header { z-index: 10; position: relative; }
.header.header-open .header-navi-button .line-top { top: 18px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header.header-open .header-navi-button .line-middle { opacity: 0; }
.header.header-open .header-navi-button .line-bottom { top: 18px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.header.header-open .header-navi-button .line-text:before { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.header.header-open .header-navi-button .line-text span { opacity: 0; -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.header.header-open .header-navi { opacity: 1; visibility: visible; right: 0; }
.header.header-open .animation { -moz-animation-name: header-navi-in; -webkit-animation-name: header-navi-in; animation-name: header-navi-in; -moz-animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -moz-animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-timing-function: ease; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.header.header-open .animation01 { -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.header.header-open .animation02 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.header.header-open .animation03 { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.header.header-open .animation04 { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.header.header-open .animation05 { -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.header.header-open .animation06 { -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.header.header-open .animation07 { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }
.header.header-open .animation08 { -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.header.header-open .animation08 { -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.header.header-open .animation09 { -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.header.header-open .animation10 { -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.header.header-open .animation11 { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.header.header-open .animation12 { -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.header .animation { opacity: 0; }
.sp-header { width: 100%; z-index: 10; position: relative; }
.pc-header { display: none; }
.header-logo { width: 80px; position: absolute; top: 10px; left: 4%; }
.header-logo img { width: 100%; }
.header-mail { width: 124px; z-index: 11; position: fixed; top: 0; right: 55px; }
.header-mail img { width: 100%; }
.header-navi-button { width: 50px; height: 50px; background: #fff; z-index: 11; position: fixed; top: 0; right: 0; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.header-navi-button .line { width: 25px; height: 1px; background: #411707; position: absolute; left: 12.5px; -moz-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.header-navi-button .line-top { top: 10px; }
.header-navi-button .line-middle { top: 18px; }
.header-navi-button .line-bottom { top: 26px; }
.header-navi-button .line-text { width: 100%; color: #411707; font-size: 10px; font-family: cormorant-garamond; text-align: center; letter-spacing: 1px; position: absolute; left: 0; bottom: 8px; }
.header-navi-button .line-text:before { content: 'CLOSE'; width: 100%; opacity: 0; position: absolute; top: 0; left: 0; -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.header-navi { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); z-index: 9; opacity: 0; visibility: hidden; position: fixed; top: 0; right: -20vw; -moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.header-navi.header-closed .animation { opacity: 1; -moz-animation-name: header-navi-out; -webkit-animation-name: header-navi-out; animation-name: header-navi-out; -moz-animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -moz-animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-timing-function: ease; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.header-navi.header-closed .animation01 { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }
.header-navi.header-closed .animation02 { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.header-navi.header-closed .animation03 { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.header-navi.header-closed .animation04 { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.header-navi.header-closed .animation05 { -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.header-navi.header-closed .animation06 { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.header-navi.header-closed .animation07 { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.header-navi.header-closed .animation08 { -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.header-navi.header-closed .animation09 { -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.header-navi.header-closed .animation10 { -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.header-navi.header-closed .animation11 { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }
.header-navi.header-closed .animation12 { -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.header-navi-inner { width: 90%; height: 100%; background: #fff; -moz-box-shadow: -3px 0 8px -5px #ccc; -webkit-box-shadow: -3px 0 8px -5px #ccc; box-shadow: -3px 0 8px -5px #ccc; position: absolute; top: 0; right: 0; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-inner::-webkit-scrollbar { display: none; }
.header-navi-scroll { width: 100%; padding-bottom: 1px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-scroll::-webkit-scrollbar { display: none; }
.header-navi-heading { height: 50px; padding: 1px 0; margin-bottom: 6vw; background: #fff; position: relative; }
.header-navi-logo { width: 75px; position: absolute; top: 12px; left: 10px; }
.header-navi-logo img { width: 100%; }
.header-navi-category { width: 85%; margin: 0 auto 8vw; overflow: hidden; }
.header-navi-items { width: calc(100% + 2px); display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.header-navi-item { width: 50%; padding: 2.5vw 0; font-size: 3.42vw; line-height: 1.2; border-bottom: 1px solid #c4c5c4; }
.header-navi-item .arrow { color: #7ba93c; position: absolute; top: 50%; right: 2vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-navi-item-text { height: 10vw; padding: 0 2.5vw; border-right: 1px dashed #c4c5c4; cursor: pointer; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-align-items: center; align-items: center; }
.header-navi-item-accordion { width: 100%; }
.header-navi-item-accordion .accordion { width: 100%; }
.header-navi-item-accordion .accordion:after { content: "\f067"; color: #7ba93c; font-size: 3.16vw; font-family: FontAwesome; position: absolute; top: 50%; right: 2vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-navi-item-accordion .accordion.open:after { content: "\f068"; }
.header-navi-item-accordion .accordion-box { width: calc(100% - 2px); padding: 1vw 0; margin-right: auto; display: none; }
.header-navi-item-accordion .accordion-items { width: 100%; padding: 0 2px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.header-navi-item-accordion .accordion-items li { position: relative; }
.header-navi-item-accordion .accordion-items .accordion-item-text { width: 92%; margin-left: auto; font-size: 3.16vw; line-height: 1.2; border-bottom: 1px dotted #c4c5c4; }
.header-navi-item-accordion .accordion-items .accordion-item-text:last-child { border: none; }
.header-navi-item-accordion .accordion-items .accordion-item-text a { padding: 4.5vw 0 3.2vw; }
.header-navi-trial { width: 100%; padding: 8vw 0 130px; background: #eff5e7; overflow: hidden; }
.header-navi-trial-title { width: 85%; margin: 0 auto 4vw; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.header-navi-trial-title:before { content: ''; width: 8%; height: 1px; background: #c7b19e; position: absolute; top: 50%; left: -10%; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); }
.header-navi-trial-title .en { margin-right: 2vw; color: #391806; font-size: 8.95vw; font-family: cormorant-garamond; }
.header-navi-trial-title .jp { color: #7ba93c; font-size: 3.68vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; }
.header-navi-trial-items { width: 85%; margin: auto; }
.header-navi-trial-items li { width: 100%; margin-bottom: 4vw; }
.header-navi-trial-items img { width: 100%; }

@-webkit-keyframes header-navi-in { 0% { opacity: 0; -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); }
  100% { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes header-navi-in { 0% { opacity: 0; -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); }
  100% { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes header-navi-out { 0% { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes header-navi-out { 0% { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
  
/* hero
----------------------------------------------- */
.hero { width: 100%; z-index: 0; position: relative; }
.add-hero { height: 50vw; background: url(../images/add-hero-bg.png) no-repeat bottom center; background-size: cover; }
.front-hero-image { width: 100%; }
.front-hero-image img { width: 100%; }
.front-hero-contents {position: absolute;width: 90%;left: 50%;bottom: -9vw;transform: translate(-50%);display:-webkit-box;display:-moz-box;display:-webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;flex-direction: column;}
.front-hero-items {width: 35vw;}
.front-hero-items li { width: 100%; margin-top: 1vw; }
.front-hero-items li:nth-child(2) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.front-hero-items li:nth-child(3) { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.front-hero-items img { width: 100%; }

.front-hero-ttl {font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.front-hero-midashi {color: #4d2314;text-align: center;font-size: 12vw;letter-spacing: -0.1em;padding: 7% 0 15%;background: url("../images/front-hero-midashi.png") no-repeat center bottom, url("../images/front-hero-midashi-l.png") no-repeat left top, url("../images/front-hero-midashi-r.png") no-repeat right bottom 3vw;background-size: 80%, 14%, 14%;}
.front-hero-midashi span {color: #63412e;display: block;font-size: 3.6vw;margin-bottom: 4%;letter-spacing: 0;}
.front-hero-midashi b {font-size: 80%;color: #a2897b;}
.front-hero-midashi em {color: #7cbc25;}
.front-hero-txt {text-align: center;line-height: 1.9;position: relative;top: -3vw;color: #452707;}
.front-hero-txt span {color: #c66f2c;}

.front-hero-attention {margin: 5% 0 0;}
.front-hero-attention li {font-size: 3vw;letter-spacing: 0.08em;color: #837c79;margin: 0 0 2%;}

/* bread
----------------------------------------------- */
.breadcrumb { position: relative; }
.breadcrumb-items { width: 100%; padding: 0 2.5% 2vw; margin: 0 auto; }
.breadcrumb-items li { font-size: 3.16vw; position: relative; display: inline-block; }
.breadcrumb-items li.current a { color: #7ba93c; }
.breadcrumb-items li:after { content: "\f105"; margin: 0 1vw; font-family: FontAwesome; display: inline-block; }
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items a { display: inline-block; }

/* footer
----------------------------------------------- */
.footer { width: 100%; background: #4c2516; overflow: hidden; position: relative; }
.pagetop { width: 100%; padding: 4vw 0 3.5vw; color: #391806; font-size: 4.47vw; font-family: cormorant-garamond; text-align: center; letter-spacing: 0.5vw; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiYjMyZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYzhlYTlhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2JiMzJmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #7bb32f), color-stop(50%, #c8ea9a), color-stop(100%, #7bb32f)); background: -moz-linear-gradient(left, #7bb32f, #c8ea9a, #7bb32f); background: -webkit-linear-gradient(left, #7bb32f, #c8ea9a, #7bb32f); background: linear-gradient(to right, #7bb32f, #c8ea9a, #7bb32f); }
.pagetop span { padding-left: 4.5vw; background: url(../images/arrow01.png) no-repeat center left; background-size: 3.5vw; display: inline-block; }
.footer-image-items img { width: 100%; }
.foonter-content { padding: 10vw 0; }
.footer-logo { width: 40vw; margin: 0 auto 5vw; }
.footer-logo img { width: 100%; }
.footer-navi { width: 90vw; margin: auto; }
.footer-navi-box { width: 100%; }
.footer-navi-title { padding: 3.4vw 2vw 3.2vw; color: #fff; font-size: 5.79vw; font-family: cormorant-garamond; letter-spacing: 0.5vw; border-bottom: 1px solid #eee; position: relative; }
.footer-navi-title:before { content: "\f067"; font-size: 10px; font-family: FontAwesome; position: absolute; top: 50%; right: 7px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-title.open:before { content: "\f068"; }
.footer-navi-items { width: 100%; display: none; }
.footer-navi-items li { width: 100%; color: #fff; font-size: 3.68vw; border-bottom: 1px solid #eee; position: relative; }
.footer-navi-items li:before { content: '\f105'; margin: 0; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-items a { padding: 4vw 2vw 3.8vw; color: #fff; }
.footer-social-items { margin: 8vw 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.footer-social-items li { width: 9vw; margin: 0 3vw; }
.footer-social-items img { width: 100%; }
.copyright { color: #fff; font-size: 3.16vw; font-family: cormorant-garamond; text-align: center; letter-spacing: 0.2vw; }

/* top
----------------------------------------------- */
.front-covid19 {padding: 11vw 0 8vw;}
.front-covid19 a { width: 90%; padding: 5vw; margin: auto; color: #4c2516; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; border: 1px solid #947c73; position: relative; }
.front-covid19 a:after { content: ''; width: 4vw; height: 4vw; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhNTkyOGEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #a5928a)); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #a5928a 50%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #a5928a 50%); background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, #a5928a 50%); position: absolute; right: 2vw; bottom: 2vw; }
.front-covid19-title { margin-bottom: 2vw; font-size: 3.95vw; line-height: 1.4; }
.front-covid19-comment { font-size: 3.16vw; line-height: 1.6; }

.front-trial { padding: 2vw 0 4vw; }
.front-trial-items { width: 90%; margin: auto; }
.front-trial-items li {width: 100%;margin-bottom: 12vw;}
.front-trial-items img {width: 100%;}
.front-trial-ttl {text-align: center;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-size: 4.5vw;margin: 3% 0 3.5%;color: #4c2516;}
.front-trial-ttl span {display: block;font-size: 3.4vw;margin-bottom: 3%;color: #010101;}
.front-trial-price {width: 94%;margin: 0 auto 2.4%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.front-trial-price dt {border: 1px solid #dfdfdf;padding: 2% 4%;font-size: 3.4vw;width: 24vw;text-align: center;position: relative;}
.front-trial-price dt span {display: block;border-bottom: 1px solid #dfdfdf;padding-bottom: 10%;margin-bottom: 10%;}
.front-trial-price dt:after {content: '\f105';margin: 0;font-family: FontAwesome;font-size: 160%;position: absolute;top: 50%;right: -6vw;transform: translate(0, -50%);}
.front-trial-price dd {width: 52vw;font-size: 11vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;letter-spacing: -0.05em;}
.front-trial-price dd span {font-size: 3.6vw;font-family: 'Noto Sans JP', 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;display: inline-block;padding: 8% 4%;color: #fff;background: #e54d50;border-radius: 25px;vertical-align: top;position: relative;top: 1vw;margin-right: 2vw;letter-spacing: 0;}
.front-trial-btn {text-align: center;font-family: cormorant-garamond;font-size: 4.5vw;font-weight: 400;font-style: normal;padding: 3.5% 0 4%;width: 90%;margin: 0 auto;border-radius: 25px;color: #fff;background: #e1b3cf;position: relative;}
.front-trial-btn:after {content: '\f105';margin: 0;font-family: FontAwesome;position: absolute;top: 47%;right: 15px;transform: translate(0, -50%);}

.front-trial-items li:nth-child(2) .front-trial-ttl {color: #c15479;}
.front-trial-items li:nth-child(2) .front-trial-price dd span {background: #faa4a5;}
.front-trial-items li:nth-child(2) .front-trial-btn {background: #cdb09b;}

.front-trial-items li:nth-child(3) .front-trial-ttl {color: #0fa39b;}
.front-trial-items li:nth-child(3) .front-trial-price dd span {background: #1cb9b0;}
.front-trial-items li:nth-child(3) .front-trial-btn {background: #ff3e62;}

.front-trial-items li:nth-child(4) .front-trial-ttl {color: #1d215c;}
.front-trial-items li:nth-child(4) .front-trial-price dd span {background: #ff7642;}
.front-trial-items li:nth-child(4) .front-trial-btn {background: #1d215c;}

.front-trial-items li:nth-child(5) .front-trial-price dd span {background: #9e7564;}
.front-trial-items li:nth-child(5) .front-trial-btn {background: #7bbc24;}

.front-menu { padding: 2vw 0 8vw; }
.front-menu-title, .front-pickup-title { width: 90%; margin: 0 auto 5vw; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.front-menu-title:before, .front-pickup-title:before { content: ''; width: 100%; height: 1px; background: #ccb09c; position: absolute; top: 50%; left: -102%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.front-menu-title .en, .front-pickup-title .en { margin-right: 2vw; color: #391806; font-size: 8.95vw; font-family: cormorant-garamond; letter-spacing: 0.5vw; }
.front-menu-title .jp, .front-pickup-title .jp { color: #7ba93c; font-size: 3.68vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; }
.front-menu-items { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.front-menu-items li { width: 50%; position: relative; }
.front-menu-item-image { width: 100%; }
.front-menu-item-image img { width: 100%; }
.front-menu-item-text { width: 100%; text-align: center; z-index: 1; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.front-menu-item-title { margin-bottom: 4vw; color: #fff; }
.front-menu-item-title .en { font-size: 12.89vw; font-family: cormorant-garamond; font-style: italic; display: block; }
.front-menu-item-title .jp { font-size: 3.42vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; display: block; }
.front-menu-item-more { padding: 2.2vw 4vw 2vw; margin: auto; color: #422405; font-size: 3.42vw; font-family: cormorant-garamond; letter-spacing: 0.2vw; background: #fff; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; display: table; }
.front-menu-item-more span { text-indent: 0.4em; display: inline-block; }
.front-menu-item-more .arrow { margin-left: 2vw; }

.front-menu-part { position: relative; }
.front-menu-part-image { width: 100%; }
.front-menu-part-image img { width: 100%; }
.front-menu-part-title { padding: 3vw 12vw 3.5vw 4vw; color: #fff; font-size: 4.74vw; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiM4NzlmZDciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(75%, #879fd7), color-stop(100%, rgba(255, 255, 255, 0))); background: -moz-linear-gradient(left, #879fd7 75%, rgba(255, 255, 255, 0)); background: -webkit-linear-gradient(left, #879fd7 75%, rgba(255, 255, 255, 0)); background: linear-gradient(to right, #879fd7 75%, rgba(255, 255, 255, 0)); -moz-box-shadow: -5px 0 8px -2px #999; -webkit-box-shadow: -5px 0 8px -2px #999; box-shadow: -5px 0 8px -2px #999; z-index: 1; position: absolute; top: 8vw; left: 0; }

.front-menu-part-items li { font-size: 3.42vw; text-align: center; z-index: 1; position: absolute; }
.front-menu-part-items li:before { content: ''; width: 4vw; height: 4vw; background: #879fd7; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; }
.front-menu-part-items li:after { content: ''; width: 1px; background: #879fd7; z-index: -1; position: absolute; }
.front-menu-part-items li:nth-child(1) { top: 6vw; right: 10vw; }
.front-menu-part-items li:nth-child(1):before { right: -7vw; bottom: -22vw; }
.front-menu-part-items li:nth-child(1):after { height: 24vw; right: 2.5vw; bottom: -21vw; -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
.front-menu-part-items li:nth-child(2) { top: 28vw; left: 6vw; }
.front-menu-part-items li:nth-child(2):before { right: -2vw; bottom: -14vw; }
.front-menu-part-items li:nth-child(2):after { height: 16vw; right: 4.5vw; bottom: -13vw; -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
.front-menu-part-items li:nth-child(3) { top: 28vw; right: 28vw; }
.front-menu-part-items li:nth-child(3):before { right: 1vw; bottom: -11vw; }
.front-menu-part-items li:nth-child(3):after { height: 13vw; right: 6.8vw; bottom: -10vw; -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
.front-menu-part-items li:nth-child(4) { top: 50vw; right: 2vw; }
.front-menu-part-items li:nth-child(4):before { right: 10vw; top: -8vw; }
.front-menu-part-items li:nth-child(4):after { height: 10vw; right: 9.8vw; top: -8vw; -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
.front-menu-part-items li:nth-child(5) { bottom: 25vw; left: 20vw; }
.front-menu-part-items li:nth-child(5):before { right: -2vw; top: -15vw; }
.front-menu-part-items li:nth-child(5):after { height: 17vw; right: 4.8vw; top: -14vw; -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); }
.front-menu-part-items li:nth-child(6) { bottom: 24vw; right: 24vw; }
.front-menu-part-items li:nth-child(6):before { right: 3vw; top: -8vw; }
.front-menu-part-items li:nth-child(6):after { height: 10vw; right: 7.5vw; top: -7vw; -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); }
.front-menu-part-items li:nth-child(7) { left: 50%; bottom: 8vw; -moz-transform: translateX(-34vw); -ms-transform: translateX(-34vw); -webkit-transform: translateX(-34vw); transform: translateX(-34vw); }
.front-menu-part-items li:nth-child(7):before, .front-menu-part-items li:nth-child(7):after { display: none; }
.front-menu-part-items li:nth-child(8) { left: 50%; bottom: 8vw; -moz-transform: translateX(4vw); -ms-transform: translateX(4vw); -webkit-transform: translateX(4vw); transform: translateX(4vw); }
.front-menu-part-items li:nth-child(8):before, .front-menu-part-items li:nth-child(8):after { display: none; }
.front-menu-part-items a { min-width: 20vw; padding: 2vw 4vw 2.5vw; background: #fff; border: 1px solid #879fd7; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -moz-box-shadow: 2px 2px 5px -2px #999; -webkit-box-shadow: 2px 2px 5px -2px #999; box-shadow: 2px 2px 5px -2px #999; }

.front-message { padding: 2vw 0 8vw; }
.front-message-image { width: 80%; margin-left: auto; }
.front-message-image img { width: 100%; }
.front-message-text { width: 90%; padding: 8vw 2vw 0; margin: -8vw auto 0; background: #fff; z-index: 1; position: relative; }
.front-message-text p { margin-bottom: 2vw; font-size: 3.95vw; line-height: 1.6; }
.front-message-text p span {background: linear-gradient(transparent 60%, #FFFBC1 60%); margin-right: 10px; font-weight: 500; font-size: 130%; display: inline-block;}
.front-message-title { margin-bottom: 5vw; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.front-message-title:before { content: ''; width: 100%; height: 1px; background: #ccb09c; position: absolute; top: 50%; left: -102%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.front-message-title .en { margin-right: 2vw; color: #391806; font-size: 8.95vw; font-family: cormorant-garamond; letter-spacing: 0.5vw; }
.front-message-title .jp { color: #7ba93c; font-size: 3.68vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; }

.front-reason { padding: 2vw 0 8vw; }
.front-reason-title { margin-bottom: 5vw; text-align: center; }
.front-reason-title .jp { margin-bottom: 3vw; color: #391806; font-size: 6.58vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.2; display: block; }
.front-reason-title .jp span { color: #af7a3c; }
.front-reason-title .en { color: #9d8878; font-size: 3.16vw; font-family: cormorant-garamond; letter-spacing: 0.4vw; display: block; }
.front-reason-items { width: 90%; margin: auto; }
.front-reason-items li { width: 100%; margin-bottom: 8vw; position: relative; }
.front-reason-item-image { width: 60%; margin: 0 auto 4vw; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 6vw 6vw 0 #f3f0ee; -webkit-box-shadow: 6vw 6vw 0 #f3f0ee; box-shadow: 6vw 6vw 0 #f3f0ee; }
.front-reason-item-batch { width: 24vw; z-index: 1; position: absolute; top: 4vw; left: 5vw; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.front-reason-item-text p {font-size: 3.68vw;line-height: 1.6;text-align: justify;}
.front-reason-item-text p span { color: #af7a3c; }
.front-reason-item-title { margin-bottom: 2vw; color: #af7a3c; font-size: 5.53vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.4; }
.front-reason-point-title { margin-bottom: 5vw; font-size: 5.26vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; line-height: 1.4; }
.front-reason-point-title span { color: #af7a3c; }
.front-reason-point-items { width: 85%; margin: 0 auto 2vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.front-reason-point-items li { width: 47%; padding: 6vw 0 4vw; margin-bottom: 6%; text-align: center; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0 0 8px -4px #999; -webkit-box-shadow: 0 0 8px -4px #999; box-shadow: 0 0 8px -4px #999; }
.front-reason-point-item-batch { margin-bottom: 4vw; color: #7bb32f; font-size: 3.95vw; font-family: cormorant-garamond; letter-spacing: 0.5vw; display: block; }
.front-reason-point-item-batch span { padding-left: 0.2vw; margin-left: 3vw; color: #fff; font-size: 3.42vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; z-index: 1; position: relative; }
.front-reason-point-item-batch span:before { content: ''; width: 5vw; height: 5vw; background: #7bb32f; z-index: -1; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -46%) rotate(45deg); -ms-transform: translate(-50%, -46%) rotate(45deg); -webkit-transform: translate(-50%, -46%) rotate(45deg); transform: translate(-50%, -46%) rotate(45deg); }
.front-reason-point-item-image { width: 40%; margin: 0 auto 3vw; }
.front-reason-point-item-comment { font-size: 3.42vw; line-height: 1.6; }
.front-reason-point-footer p { font-size: 4.74vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; line-height: 1.6; }
.front-reason-point-footer span { color: #af7a3c; font-size: 5.92vw; }

.front-voice { padding: 8vw 0 12vw; background: url(../images/front-voice-bg.jpg) no-repeat; background-size: cover; }
.front-voice .bx-viewport { overflow: visible !important; }
.front-voice-title { margin-bottom: 12vw; color: #63412e; text-align: center; position: relative; }
.front-voice-title:after { content: ''; width: 18vw; height: 2px; background: #693f2a; position: absolute; left: 50%; bottom: -4vw; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.front-voice-title .jp { margin-bottom: 2vw; font-size: 5.92vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.4; display: block; }
.front-voice-title .en { font-size: 3.16vw; font-family: cormorant-garamond; letter-spacing: 0.2vw; display: block; }
.front-voice-items li img {margin:0 auto;min-height: 239px;}
.front-voice-item-image { width: 100%; }
.front-voice-item-text { padding: 5vw; }
.front-voice-item-text p { font-size: 3.29vw; line-height: 1.4; }

.top-mov li p { text-align:center; }
.top-mov {margin:0 auto;width: 92%;padding-bottom: 5%;}
.top-mov li { margin:0 auto 5%;border: 1px solid #ae8b50;}
.top-mov li img{margin: 0 auto 0%;width: 100%;}

.front-pickup {padding: 8vw 0 2vw;}
.front-pickup-items { width: 90%; margin: auto; }
.front-pickup-items li { width: 100%; margin-bottom: 6vw; }
.front-pickup-items img { width: 100%; }

.contest{margin: 0 auto 5%;width: 90%;background: url("../images/contest_bn_sp.jpg") no-repeat center top;background-size: 100%;}
.contest-in {padding-top: 17%;text-align: center;}
.contest-top {display: inline-block;text-align: center;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-size: 3.5vw;color: #63412e;background: url("../images/contest-top-l-sp.png") no-repeat left top, url("../images/contest-top-r-sp.png") no-repeat right bottom;background-size: 15%;line-height: 1.9;padding: 3% 6% 1.4%;margin-bottom: 14%;}
.contest-top span {color: #7bbc23;}
.contest-img {margin: 0 auto 2.3%;width: 52%;}
.contest-date {width: 62%;margin: 0 auto;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;}
.contest-date dt {font-size: 3vw;color: #fff;padding: 2% 0 3%;background: #64412d;}
.contest-date dd {font-size: 3.2vw;margin-top: 2%;color: #64412d;}
.contest-btm {font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;line-height: 1.5;margin-top: 2.2%;text-align: center;font-size: 2.7vw;color: #fff;padding: 1.2% 0 1.5%;}
.contest-done{background-color: #fff;color:#78b926;padding: 0.1vw 3vw 0.4vw;margin: 1% 4% 1.2%;font-size: 2.5vw;}

.top-blog{width: 90%;margin: auto;}
.top-blog-ttl{ font-size: 8.95vw;color: #391806;}
.top-blog .en{ margin-right: 10px; font-size: 8.95vw;  letter-spacing: 4px; font-family: cormorant-garamond;}

.top-blog .jp{ color: #7ba93c; font-size: 3.68vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;display: block;margin-bottom: 4%;}
.top-social-blog { width: 100%; margin-bottom: 50px; }
.top-social-blog-items { /*padding: 30px 30px 20px;*/ padding: 6%;background: #fff; border: 1px solid #ddd5c2; }
.top-social-blog-items li {margin-bottom: 15px;font-size: 14px;line-height: 1.4;padding-bottom: 14px;border-bottom: 1px #ccc dashed;}
.top-social-blog-items a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-social-blog-item-time { color: #8c7639; display: block; }
.top-social-blog-item-title {/* width: calc(100% - 90px); */display: block;}





/* second
----------------------------------------------- */
.second-content { width: 90%; min-height: 300px; padding: 8vw 0; margin: auto; }
.second-content-text p {margin-bottom: 6vw;font-size: 3.4vw;line-height: 1.8;}


/* sitemap
----------------------------------------------- */
.sitemap-list dl{width: 100%;margin: 0 auto 12%;}
.sitemap-list dl dt {font-size: 5vw;padding-bottom: 3%;margin-bottom: 4%;font-family: 'cormorant-garamond';font-weight: 400;letter-spacing:1px;border-bottom: 1px solid #7ba93c;color: #7ba93c;}
.sitemap-list dl dd ul{-webkit-display: flex;display: flex;-webkit-align-items: flex-start;align-items: flex-start;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.sitemap-list dl dd ul li{width: 100%;margin-right: 2%;border-bottom: 1px dotted #ccc;padding: 4% 0;margin: 0 0 3%;line-height: 1.0;font-size: 3.4vw;}
.sitemap-list dl dd ul li a{padding-left: 1%; position: relative;}
.sitemap-list dl dd ul li a:before {content: "\f105";margin: 0 10px;font-size: 1.2rem;font-family: FontAwesome;display: inline-block;color: #888;position: absolute;right: 2%;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}

/* privacy
----------------------------------------------- */
.privacy {text-align: justify;font-size: 3.4vw;line-height: 1.6;margin-bottom: 12%;}
.privacy dl{ margin-bottom: 6%;}
.privacy dt{font-size: 3.8vw;margin-bottom: 2%;background: #f5f5f5;padding: 2% 3% 2%;color: #7ba93c;}
.privacy dd{font-size: 3.2vw;}
.privacy p{line-height: 1.6;font-size: 3.4vw;text-align: justify;}

.privacy dl.bottom dd{margin-bottom: 4%;}
.privacy dl.bottom dd:last-child{margin:0;}


/* contact
----------------------------------------------- */
.contact .intro{font-size: 4.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin-bottom: 1%;}
.contact_formbox {padding: 3%;margin: 6% auto 0;background: rgba(255, 255, 255, 0.7);-moz-box-shadow: 0 0 10px -5px #ccc;-webkit-box-shadow: 0 0 10px -5px #ccc;box-shadow: 0 0 10px -5px #ccc;}
.contact_formbox table { width: 100%;}
.contact_formbox .chui {background: #fdfae4;padding: 10px 20px;margin: 10px 0 0;}
.contact_formbox .chui p.ttl {margin: 0!important;font-size: 14px;font-weight: bold;}
.contact_formbox .chui p.txt {font-size: 3vw;margin: 0!important; line-height: 1.4;}
.contact_formbox .timebox {  padding: 5%;border: 1px dashed #B9B9B9;  margin-bottom: 10px;}
.contact_formbox .timebox p.ttl { margin: 0!important; font-size:  14px; font-weight: bold;}
.contact_formbox .timebox p.txt { margin: 0!important; font-size:  12px; padding: 4px 0 0;}
.contact_formbox .timebox p.txt span.date1 { background: #E1E1E1; padding: 1px 5px; color: #000!important;}
.contact_formbox .timebox p.txt span.date2 { background: #c1a684; padding: 1px 5px; color: #FFF!important;}
.contact_formbox tr.menu_opti li{font-size: 83%;} 
.contact_formbox .mailformproTable th{/* display: block; *//* width: 100%!important; */}
.contact_formbox .mailformproTable td{display: block;/* width: 100%; */padding: 2% 5% 5%;} 
.contact_formbox .mailformproTable tr.date_sp { border-bottom: none;}
.contact_formbox .mailformproTable tr{display: block;margin: 3% auto;} 

.contact_formbox .mailformproTable tr.sns_detail {display: none;}
.contact_formbox .mailformproTable tr.sns_check ul {font-size: 0;}
.contact_formbox .mailformproTable tr.sns_check li {width: 49%;}
.contact_formbox .mailformproTable tr.sns_check li:nth-child(even) {margin-right: 0;}

.contact_att{margin: 0 auto 8%;padding: 5%;}
.contact_att p.title {font-size:4vw;margin-bottom: 4%;padding-bottom: 4%;}
.contact_att p{font-size:3.5vw;margin-bottom: 4%;padding-bottom: 4%;}
.contact_att ul li{font-size:3.5vw;margin-bottom: 4%;padding-bottom: 4%;}
.contact_att ul li p.note{font-size:3vw;}
	
.contact_inn{padding: 7%;}
.contact_tel{margin: 3% auto 0;width: 100%;display: block;}
.contact_tel img{width: 90%;margin: 2% auto 0;}
.contact_tel a{font-size: 10vw;text-align: center;}
.contact_tel .contact_tex p{width: 100%;text-align: center;font-size: 3.5vw;}
  
.contact_formbox .privacy_box{background: #fff;width: 100%;height: 200px;padding: 20px;border: 1px solid #ccc;overflow: hidden;overflow-y: scroll;margin: 10px auto;}
.contact_formbox .privacy_box p {font-size: 12px!important;margin: 0 0 10px;}
.contact_att {width:100%;margin:20px auto 60px;padding: 30px 40px 40px;line-height: 1.5;background: rgba(255, 255, 255, 0.7);-moz-box-shadow: 0 0 10px -5px #ccc;-webkit-box-shadow: 0 0 10px -5px #ccc;box-shadow: 0 0 10px -5px #ccc;} 
.contact_att p.title {text-align:center;font-size:18px;font-weight:bold;color: #6C6C6C;border-bottom: 1px solid #C4C4C4;}
.contact_att p {text-indent:-1em;padding-left:1em;border-bottom: 1px dashed #C4C4C4;padding-bottom:1em;margin-bottom:1em;color: #6C6C6C;}
.contact_att p:last-child { margin-bottom:0em; border-bottom:none; padding-bottom:0em;}
.contact_att a { display:inline; color:#ae960e; border-bottom:1px solid #ae960e;}
.contact_att p b { font-weight:bold; color:#c30000;}
.contact_att p { margin-bottom:15px;}
.contact_att ul{color: #6C6C6C;}
.contact_att ul li{text-indent:-1em;padding-left:1em;margin-bottom: 15px;border-bottom: 1px dashed #ccc;padding-bottom: 9px;}
.contact_att ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom: 0;}
.contact_att ul li p.note{margin-bottom: 0; border-bottom: none; padding-top:0.5em;padding-bottom: 0; font-size: 14px;} 
.contact_att ul li b {font-weight:bold;color: #c30000;}

.contact_inn{ margin: 0 auto 40px;background: #fff;border: 1px solid #ccc;padding: 30px; }
.contact_tel{  display: -webkit-flex; display: flex;-webkit-justify-content: space-around; justify-content: space-around; align-items: center; width: 700px;margin: 20px auto 0; }
.contact_tel img{width: 300px;margin-right: 20px;}
.contact_tel a{color: #095146;font-size: 45px;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-style: italic;}
.contact_tel .contact_tex{-webkit-flex-grow: 1;flex-grow: 1;}
.con_text .note{margin: 4% auto;font-size: 3.4vw;padding-left: 1em;text-indent: -1em;display: block;} 
.con_text a{display: inline-block; color: #a98f43;border-bottom: 1px dashed;}
#mfp_buttons{width: 100%!important;text-align: center;}
  
  
/* salon
----------------------------------------------- */
.salon{width: 100%;}
.salon img{width: 100%;  margin-bottom: 9%;}
.salon_in {padding: 0%;margin: 10% auto;}
.salon_in .ttl{background: #64422f;padding: 3%;text-align: center;color: #fff;}
.salon_in .table {width:100%;margin: 0 auto 8%;font-size: 3.6vw;position: relative;}
.salon_in .table:before {content:"";width: 26%;position:absolute;background: #d4bead;height:2px;top:0px;}
.salon_in .table th,.table td{vertical-align:middle;border-bottom:1px solid #eee;line-height: 1.6;letter-spacing: 0.02em;text-align: justify;}
.salon_in .table td{padding: 15px 0px 15px 10px;}
.salon_in .table th {padding: 15px 5px 15px 0px;text-align:center;width: 26%;color: #666;}
.salon_in .table tr:first-child {border-top:2px solid #eee;}
.salon_in .table td a {font-size: 6vw;letter-spacing: 0.05em;color: #6a4937;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.salon_in .table td a span:before {margin-right:2%;font-family:FontAwesome;content:'\f095';font-size: 80%;}
.salon_in .table p {margin-bottom: 10%;}

.salon_in .salon-map{margin-bottom: 0%;}
.salon_in .salon-map h3.ttl{color: #b4a4a3;font-size: 7vw;}
.salon_in .map-box{width: 100%;height: 270px;}
.salon_in .access-items {width: 100%;display: -webkit-box;display: -moz-box;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin: 4% auto 0;}
.salon_in .access-items li {width: 48%;border: 1px solid #634330;padding: 4%;text-align: center;}
.salon_in .access-items span {margin: 0 5px  0 3px;display: inline-block;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.salon_in .access-items li a.map-btn{width: 100%;color: #634330;}


.salon .flex{display: block;margin-bottom: 18%;}
.salon .flex img{ margin-bottom: 5%;}
.salon .flex dl dt{font-size: 5vw;color: #84af4b;margin-bottom: 2%;border-bottom: 1px dotted;padding-bottom: 3%;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.salon .flex dl dt span{padding: 1% 2%;background: #9ac363;font-size: 3.4vw;color: #fff;margin-left: 2vw;font-weight: 600;}
.salon .flex dl dd{ line-height: 1.6;}
.salon .flex dl dd.tel{ font-size: 5.2vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; color: #411807;}

.salon .flex dl dd.tel span:before {margin-right:2%;font-family:FontAwesome;content:'\f095';font-size: 80%;}

.top-campaign {padding: 6% 0 8%;}
.top-campaign-items { width: 90vw; margin: auto; }
.top-campaign-item { width: 90vw; margin: 0 2.5vw; }
.top-campaign-item img { width: 100%; }
.salon_slide img{width: 100%;height: auto;margin: 0 auto;object-fit: cover;}

/* salon_detail
----------------------------------------------- */
.salon_detail .flex{margin-bottom: 6vw;}
.salon_detail .flex a{width: 90%;margin: 0 auto 3%;}
.salon_detail .flex a img{ width: 100%;}
.salon_detail  .more01-inner{font-feature-settings: "palt";}
.salon_detail  .more01 {width: 76vw;}

.prev_icon{position: absolute;top: 50%;left: -5px;transform: translateY(-50%);width: 30px;z-index: 1;}
img.prev_icon{  width: 25px;}
.next_icon{position: absolute;top: 50%;right: -5px;transform: translateY(-50%);width: 30px;z-index: 1;}
img.next_icon{ width: 25px;}

/* voice
----------------------------------------------- */
.voice {-webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.voice li{width: 100%;margin-bottom: 10%;padding: 6%;border: 1px solid #e8e8e8;}
.voice li img{max-width: 100%;margin: 0 auto 4%;}
.voice li p{text-align: justify;margin-bottom: 0;}
.voice .midashi{background: #64422f;padding: 3%;color: #fff;}

/* qa
----------------------------------------------- */
.qa_list {margin: 0 auto;}
.faq_list { margin: 0 auto 80px; }
.faq_list li { padding: 20px; margin: 0 auto 20px; color: #666; background: #fff; border: 1px solid #666;}
.faq_list li:last-child { padding: 1% 0 1% 0; }
.faq-item {margin-bottom: 3%;}
.faq_q {padding: 6% 12% 6% 17%;font-size: 3.6vw;border: 1px solid #ddd;position: relative;cursor: pointer;line-height: 1.4;color: #666;}
.faq_q span{width: 35px;height: 35px;font-size: 5vw;text-align: center;background: #91b75f;display: block;color: #ffffff;padding: 0;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;top: 50%;left: 4%;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.8;font-family: serif;font-weight: 400;}
.faq_q:before, .faq_q:after {content: '';background: #82675d;position: absolute;top: 0;right: 0;}
.faq_q:before {width: 20px;height: 2px;top: 50%;right: 12px;}
.faq_q:after {width: 2px;height: 20px;top: 50%;right: 21px;-webkit-transition: 0.3s;transition: 0.3s;margin-top: -12px;transform: translate(0, 3px);}
.faq_q.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.faq_a {display: none;padding: 4%;font-size: 3.4vw;color: #666;line-height: 1.6;text-align: justify;}
.qa_list a{display: inline;color: #91b75f;font-weight: 600;}

/* company
----------------------------------------------- */
.tbl {width:100%;margin: 0 auto 8%;position:relative;font-size: 3.4vw;}
.tbl:before {content:"";width: 25%;position:absolute;background: #b99644;height:2px;top:0px;}
.tbl th,.tbl td {padding:15px;vertical-align:middle;border-bottom:1px solid #eee;line-height: 1.6;letter-spacing: 0.02em;text-align: justify;}
.tbl th {text-align:center;width: 25%;color: #b99644;padding: 15px 0;}
.tbl tr:first-child {border-top:2px solid #eee;}
.tbl td a {color: #b99644;border-bottom: 1px solid #DECEAB; display: inline;}
.tbl td a:after {content: "\f08e";margin: 0 6px;font-family: FontAwesome;display: inline-block; font-size:80%; } 
.company .philosophy{margin-bottom: 10vw;}
.company .philosophy p{font-feature-settings: "palt";letter-spacing: .05em;}
.company .read{margin: -2vw 0 2vw;text-align: center;font-size: 4vw;font-weight: 600;color: #7ba93c;}
.company .philosophy ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 3vw;}
.company .philosophy li{padding: 4%;width: 29vw;height: 29vw;text-align: center;font-weight: 600;line-height: 1.5;border: 1px solid #a2c571;border-radius: 80px;margin: 0 auto 2vw;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;font-size: 3.6vw;background: #fdfff9;color: #7ba93c;font-feature-settings: "palt";}

/* covid
----------------------------------------------- */ 
.covid .point p{text-align: center;margin-bottom: 2%;}
.covid .point ul{margin: 7% auto;width: 90%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: left;justify-content: left;}
.covid .point ul li{width: 100%;padding: 10%;background: #fff;-moz-box-shadow: 0 0 15px -8px #aaa;-webkit-box-shadow: 0 0 15px -8px #aaa;box-shadow: 0 0 15px -8px #aaa;min-height: 310px;margin: 0 auto 10%;}
.covid .point ul li:nth-child(3){margin-right:0;}
.covid .point ul li img{width: 16%;height: auto;margin: 0px auto 6%;}
.covid .point ul li p{margin-bottom: 0;text-align: justify;line-height: 1.8;font-size: 3.4vw;}
.covid .point ul li p.ttl{font-size: 5.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color: #411807;text-align: center;margin-bottom: 14px;line-height: 1;}

 /* counseling
----------------------------------------------- */ 
.counseling img{width: 100%;}
.counseling .sub_ttl{background: url("../images/counseling/counseling01.jpg") no-repeat;background-size: cover;padding: 4%;color: #fff;text-align: center;margin-bottom: 4%;}
.counseling .sub_ttl p{margin-bottom: 0;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-size: 5.2vw;line-height: 1.4;}
.counseling .inner{position: relative;}
.counseling .recommend{border: 1px solid #c6dea7;padding: 4%;}
.counseling .recommend .midashi p:before{background: url("../images/counseling/counseling_q.png") no-repeat; background-size: cover;height: 100%; }
.counseling .recommend .midashi .jp{font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;display:inline-block;font-size: 4.8vw;} 
.counseling .recommend .midashi .en{font-family: 'cormorant-garamond';display: block;font-size: 3vw;margin-top: -2%;color: #7a4125;} 
.counseling .recommend .midashi:after {content: '';width: 1px;height: 100%;background: #634330;}
.counseling .recommend .midashi {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: block;align-items: center;-webkit-flex-grow: 1;flex-grow: 1;text-align: center;margin: 3% auto;} 
.counseling .recommend .midashi:before {content: '';width: 100%;height: 1px;background: #634330;}
.counseling .recommend .midashi:after {content: '';width: 100%;height: 1px;background: #634330;}
.counseling .recommend .midashi+p {border-bottom: 1px dotted #444;display: inline;padding-bottom: 1%;}
.counseling .recommend .midashi02 .jp{margin: 10% auto 0%;color: #464646;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;position: relative;font-size: 4.8vw;justify-content: center;} 
.counseling .recommend .midashi02 .jp:after {content: '';width: 11%;height: 2px;background: #7db632;position: absolute;bottom: -10px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);} 
.counseling .recommend li{margin-bottom: 2%;position: relative;margin-left: 10%;font-size: 3.6vw;padding-bottom: 2%;border-bottom: 1px solid #d4e4c7;} 
.counseling .recommend li:last-child{border-bottom: none;} 
.counseling .recommend li:before{position: absolute;content: '';width: 7%;height: 100%;background-image: url("../images/counseling/check.jpg");background-repeat: no-repeat;background-size: auto;vertical-align: middle;display: block;margin-top: 1.6%;right: 100%;margin-right: 1.6%;}
.counseling .recommend dl{display: block;margin-top: -6%;}
.counseling .recommend dt{margin: 4% auto;line-height: 1.4;}


  /* influencer
----------------------------------------------- */ 
.influencer section{margin: 0% auto 15%;}
.influencer .rec .midashi_deco {width: 100%;line-height: 1.4;position: relative;display: table;text-align: center;margin: 10% auto 4%;font-size: 4.8vw;}
.influencer .rec .midashi_deco:before{background: url("../images/influencer/deco_left.jpg")no-repeat;background-size: cover;height: 100%;} 
.influencer .rec .midashi_deco:before{content: '';width: 83px;height: 27px;background: url("../images/influencer/deco_left.jpg") no-repeat center;background-size: contain;position: absolute;top: 50%;left: -20px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);} 
.influencer .rec .midashi_deco:after{content: '';width: 83px;height: 27px;background: url("../images/influencer/deco_right.jpg") no-repeat center;background-size: contain;position: absolute;top: 50%;left: 280px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.influencer .rec .midashi_insta{background: -webkit-linear-gradient(135deg, #dd2fae 0%, #7479cc 70%) no-repeat;background: linear-gradient(135deg, #dd2fae 0%, #7479cc 70%) no-repeat;border: solid 1px #7479cc;outline: solid 1px #d535b0;outline-offset: 1px;margin: 2px;color: #fff;padding: 2%;text-align: center;margin-bottom: 4%;}　
.influencer .rec {height: 400px;}
.influencer .rec img{margin: 0 auto;text-align: center;width: 100% !important;}
.influencer .rec-hero img { width:100%; margin: 0 auto;}

.influencer .rec .note{font-size: 3vw;}
.influencer .rec .bx-wrapper .bx-prev{width: 30px;height: 100px;background: url(../images/arrow01-left.png) no-repeat center;background-size: contain;top: calc(50% - 17px);left: -5%;}
.influencer .rec .bx-wrapper .bx-next {width: 30px;height: 100px;background: url(../images/arrow01-right.png) no-repeat center;background-size: contain;top: calc(50% - 17px); right: -5%;}
.influencer .rec .insta_slide img{margin: 0 auto;text-align: center;width: 100%;}
.influencer .rec .btn{background: -webkit-linear-gradient(135deg, #dd2fae 0%, #7479cc 70%) no-repeat;background: linear-gradient(135deg, #dd2fae 0%, #7479cc 70%) no-repeat;color: #fff;padding: 5%;text-align: center;border-radius: 30px;font-size: 4vw;margin: 5% auto;width: 80%;}
.influencer .rec .btn:after{content: '\f105';width: 100%; height: 100%;font-family:FontAwesome;padding-left: 2%;}
 
.influencer .merit ul{display: flex;flex-wrap: wrap;}
.influencer .merit ul li{height: auto;padding: 1px;text-align: center;background: linear-gradient(to right bottom, #d237b2, #7479cc);margin-bottom: 3%;min-width: 100%;}
.influencer .merit ul li img{margin: 0 auto;width: 100%;}
.influencer .merit ul li div.in{padding: 5%;background-color: #FFF;height: 270px;}
.influencer .merit ul li:first-child{height: auto;padding: 1px;text-align: center;background: linear-gradient(to right bottom, #d237b2, #7479cc);}
.influencer .merit ul li:last-child{height: auto;padding: 1px;text-align: center;background: linear-gradient(to right bottom, #d237b2, #7479cc);}
.influencer .merit ul li:first-child div.in{background: #fff;}
.influencer .merit ul li:last-child div.in{background: #fff;}
.influencer .merit dt{font-size: 4.6vw;margin: 4% auto;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;text-align: left;padding-left: 7%;}
.influencer .merit dt:before{background: url("../images/influencer/check.png")no-repeat;background-size: contain;height: 100%;content: '';width: 100%;position: absolute;left: 0;}
.influencer .merit dd{text-align: justify;line-height: 1.6;}

.influencer .flow li{display: block; flex-direction: column;}
.influencer .flow li p{ text-align: justify; margin-bottom: 0;}
.influencer .flow li img{width: 100%;margin: 5% auto;}

.influencer .welcome .midashi06{margin: 8% auto;}
.influencer .welcome .midashi06:after {content: '';width: 11%;height: 2px;background: #d733b0;position: absolute;bottom: -15px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.influencer .welcome .midashi06 .jp {margin-top: 0%;}

.influencer .welcome{background: url("../images/influencer/bg.jpg");padding: 3%;margin-top: -15%;}
.influencer .welcome div{display: block;flex-wrap: wrap;justify-content: center;width: 100%;margin: 0 auto;}
.influencer .welcome div img{width: 50%;margin: 0% auto 4%;}
.influencer .welcome div img.big{width: 100%;margin: 0% auto 5%;}
.influencer .welcome div p{font-size: 4vw;margin: 6% auto 0;line-height: 1.4;}
.influencer .welcome div{height: auto;padding: 0px;text-align: center;margin-bottom: 4%;}
.influencer .welcome div.in{padding: 6%;margin-bottom: 3%;border: 1px solid #f09190;}
.influencer .welcome p{ text-align: center;} 
.influencer .welcome div .in p span{position: relative;}
.influencer .welcome div .in p span:before{background: url(../images/influencer/check.png)no-repeat;background-size: contain;height: 30px;content: '';width: 16px;position: absolute;left: -21px;}

  
 /* recruit
----------------------------------------------- */ 
.recruit .intro img{width: 100%;}
.recruit .intro p{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center}
.recruit .intro p.text{font-size: 4.2vw;margin: 4% auto 1%;}
.recruit .intro p.text_green{font-size: 5.4vw;position: relative;color: #7bbc24; margin-bottom: 0;}
.recruit .intro p.text_green span{font-size: 6.2vw;position: relative;top: -5px;}
.recruit .intro p.text_green span:after{content: '';font-size: 5vw;position: absolute;background: url("../images/recruit/recruit_marker.jpg")no-repeat;background-size: contain;top: 60%;height: 104px;width: 100%;right: 0;z-index: -1;}
.recruit .intro p.gold{font-size: 7.4vw;color: #b8860b;}

.recruit .merit{margin-bottom: 14%;margin-top: 14%;}
.recruit .merit div{display: block;text-align: center;border-bottom: 1px dotted #444;padding-bottom: 4%;}
.recruit .merit div:last-child{border: none;}
.recruit .merit div img{margin: 8% auto 0;}
.recruit .merit div dl{display:block;}
.recruit .merit div dt{font-size: 5vw;margin: 4% auto;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;line-height: 1.4;color: #444;}
.recruit .merit div dd{text-align: justify;}

.recruit .rec_midashi{font-size: 6.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;text-align: center;margin: 4% auto 8%;}
.recruit .rec_midashi02{font-size: 6.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;text-align: center;margin: 4% auto 8%;}
.recruit .rec_midashi03{font-size: 6.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;text-align: center;margin: 4% auto 8%;}
.recruit .rec_midashi04{font-size: 6.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;text-align: center;margin: 0% auto 2%;}
.recruit .rec_midashi05{font-size: 6.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;text-align: center;margin: 12% auto 4%;}

.recruit .rec_midashi:before{top: -26px;content: 'JOB DESCRIPTION';position: absolute; color:#e5c59b;opacity: 0.3;text-align: center;font-size: 11vw;line-height: 1;right: 0;}
.recruit .rec_midashi02:before{top: -26px;content: 'TRAINNG SYSTEM';position: absolute;color:#e5c59b;opacity: 0.3;text-align: center;font-size: 12vw;line-height: 1;right: 0;}
.recruit .rec_midashi03:before{top: -26px;content: 'STAFF INTERVIEW';position: absolute;color:#e5c59b;opacity: 0.3;text-align: center;font-size: 12vw;line-height: 1;right: 0;}
.recruit .rec_midashi04:before{top: 3%;content: 'LIFE SUPPORT';position: absolute;color:#e5c59b;opacity: 0.3;text-align: center;font-size: 11vw;line-height: 1;right: 0;left: 0;}
.recruit .rec_midashi05:before{top: 0%;content: 'REQUIREMENTS';position: absolute;color:#e5c59b;opacity: 0.3;text-align: center;font-size: 11vw;line-height: 1;right: 0;}
　
.recruit .midashi06 {color: #5c382a;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;position: relative;font-size: 5.4vw;margin: 5% auto 10%;}
.recruit .midashi06:after {content: '';width: 11%;height: 2px;background: #7db635;position: absolute;bottom: -5px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.recruit .midashi06 .jp {margin-bottom: 10%;font-size: 3.2vw;display: block;line-height:1.5;margin-top: -2%;}
.recruit .midashi06 .en {font-size: 6vw;display: block;}

.recruit .detail img{width: 100%;margin-bottom: 5%;}
.recruit .detail li{display:block;}
.recruit .detail dl{display: inline-block;}
.recruit .detail dl dt{font-size: 4.8vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin: 3% auto 1%;color: #7db635;}
.recruit .detail dl span.time{display: inline-block;background: #391906;color: #fff;padding: 2%;}
.recruit .detail dl span.note{padding-left: 2%;}

.recruit .midashi_deco {width: 100%;line-height: 1.4;position: relative;display: table;text-align: center;margin: 0% auto 0%;font-size: 4.8vw;}
.recruit .midashi_deco:before{background: url("../images/recruit/deco_left.jpg")no-repeat;background-size: cover;height: 100%;} 
.recruit .midashi_deco:before{content: '';width: 83px;height: 27px;background: url("../images/recruit/deco_left.jpg") no-repeat center;background-size: contain;position: absolute;top: 50%;left: -20px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);} 
.recruit .midashi_deco:after{content: '';width: 83px;height: 27px;background: url("../images/recruit/deco_right.jpg") no-repeat center;background-size: contain;position: absolute;top: 50%;left: 83%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
 
.recruit .training{margin-bottom: 20%;}
.recruit .training dl{display: block;margin-bottom: 2%;}
.recruit .training dt{text-align: center;color: #fff;background: #5c382a;width: 100%;border-bottom: 0px solid #fff;padding: 3%;}
.recruit .training dt:last-child{border-bottom:none;}
.recruit .training dd{background: #fff;width: 100%;border: 1px solid #4444;padding: 3%;text-align: justify;}
.recruit .training dd p{margin-bottom: 0;}

.recruit .interview {border: 1px solid #7db635;padding: 4%;margin-bottom: 20%;}
.recruit .interview img.inter_staff{ text-align: center; margin: 5% auto 2%;  width: 60%; }
.recruit .interview .top{display: block;}
.recruit .interview dl{margin-bottom: 12%;}
.recruit .interview dt{display: flex;border-bottom: 1px solid #7db635;font-size: 4.6vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin: 8% auto 4%;line-height: 1.4;color: #7db635;}
.recruit .interview dt img{height: 100%;margin-right: 4%;text-align: left;}
.recruit .interview dd{line-height: 1.6;}
.recruit .interview dt p{line-height: 1.4;width: 100%;font-size: 4.4vw;margin-bottom: 3%;}
 
.recruit .ttl{font-size: 4.4vw;position: relative;color: #7db635;margin-bottom: 2%;}
.recruit .ttl span:after{border-bottom: 1px solid #7db635;position: absolute;height: 60%;width: 70%;content:'';margin-left: 3%;}
.recruit li dl {display: flex;}.recruit li dl {display: flex;}

.recruit .life div.flex{border: none;display: block;padding: 0;margin-bottom: 0;justify-content: space-between;}
.recruit .life div.flex div{width: 100%;display: block;}
.recruit .life {display: flex;justify-content: space-between;flex-wrap: wrap;}
.recruit .life div{display:inline-block;width: 100%;border: 1px solid #7db635;padding: 4%;margin-bottom: 3%;}
.recruit .life div .ttl{  background: #7db635; color: #fff;  text-align: center;  padding: 2%; outline: 1px solid white;outline-offset: -3px;}
.recruit .life div p{ padding: 4% 4% 0;  line-height: 1.6; text-align: justify;}
.recruit .life div img{width: 100%;margin: 5% auto;}
.recruit .life div ul{display:inline-block;width: 100%;padding: 4% 4% 0;padding-left: 1em;text-indent: -1em;line-height: 1.6;}
.recruit .life div ul li{ }  
.recruit .btn{background: -webkit-linear-gradient( #a5dd5b 0%, #79bb20 80%) no-repeat;background: linear-gradient( #a5dd5b 0%, #79bb20 80%) no-repeat;color: #fff;padding: 5%;text-align: center;border-radius: 30px;font-size: 4vw;margin: 5% auto;width: 80%;}
.recruit .btn:after{content: '\f105';width: 100%; height: 100%;font-family:FontAwesome;padding-left: 2%;}

.recruit .flow .contents dl{display: block;margin-bottom: 5%;}
.recruit .flow .contents dl dt{width: 100%;text-align: center;background: #573123;color: #fff;padding: 4%;}
.recruit .flow .contents dl dd{width: 100%;text-align:justify;border: 1px solid #4444;padding: 4%;}
.recruit .flow .contents dl dd span{display:inline-flex;border: 1px solid #444;margin:1% 1%;padding: 1%;}
.recruit .flow .contents dl dd ul{}
.recruit .flow .contents dl dd li{margin-bottom: 1%;padding-left: 1em;font-size: 3.6vw;line-height: 1.4;text-indent: -1em;}

.recruit .flow .lead {margin-top: -3%;}
.recruit .flow .lead li{display: flex;align-items: center;margin-bottom: 8%;} 
.recruit .flow .lead img.var{height: 100%; width: 100%;} 
.recruit .flow .lead li img{height: 100%;width: 20%;} 
.recruit .flow .lead dl{display: block;}

.recruit .flow .lead dt{display:block;border-bottom: 1px solid #7db635;font-size: 4.6vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin: 8% auto 4%;line-height: 1.4;padding-left: 3%;color: #7db635;}
.recruit .flow .lead dt img{height: 100%;margin-right: 4%;text-align: left;}
.recruit .flow .lead dd{line-height: 1.6;padding-left: 4%;text-align: justify;}
.recruit .flow .lead dt p{line-height: 1.4;width: 100%;font-size: 4.4vw;margin-bottom: 3%;}
.recruit .midashi06 {margin-bottom: 5%;color: #5c382a;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;position: relative;font-size: 5.4vw;}
.recruit .midashi06:after {content: '';width: 11%;height: 2px;background: #7db635;position: absolute;bottom: -8px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.recruit .midashi06 .jp {margin-bottom: 10%;font-size: 3.2vw;display: block;line-height:1.5;margin-top: -2%;}
.recruit .midashi06 .en {font-size: 6.8vw;display: block;letter-spacing: .05em;}
 
  
/* kassa

----------------------------------------------- */
.kassa .bn { width:100%; margin: 0 auto;}
.kassa .intro {background: url("../images/trial/kassa/head.jpg")no-repeat top center;margin: 20% auto 0;background-size: 200%;padding: 0 0 50%;}
.kassa .intro div {margin: 0 auto;width: 100%;position: relative;}
.kassa .intro p {text-align: left;color:#4a3c36;font-size: 4.2vw;position: absolute;top: -55px;left: 14%;line-height: 1.4;padding-left: 13%;}
.kassa .intro img {position: absolute;left: 0;top: -67px;width: 24%;}

.kassa .onayami {
		    background: url("../images/trial/kassa/onayami-bg-t.jpg") no-repeat top center,
		    url("../images/trial/kassa/onayami-bg-b.jpg") no-repeat bottom center,
            url("../images/trial/kassa/onayami-bg-m.jpg") repeat-y center;
		    width:100%;height:auto;margin:0 auto;  padding: 4% 8%;  height: auto;background-size: 190%; }
.kassa .onayami .ttl {margin: 0 auto;width: 96%;}
.kassa .onayami ul {margin: 0 auto 13%;padding-top: 14%;width: 96%;}
.kassa .onayami li {margin-bottom: 5%;background: url("../images/trial/kassa/check.jpg")no-repeat top 2px left;padding-left: 9%;min-height: 26px;font-size: 3.4vw;color: #523228;background-size: 7%;line-height: 1.4;}
.kassa .onayami li span {color: #fb679a;font-size: 130%;font-weight: bold; background: linear-gradient(transparent 60%, #fffbba 60%);}

.kassa .point { background: url("../images/trial/kassa/point-bg-t.jpg") no-repeat top center, url("../images/trial/kassa/point-bg-b.jpg") no-repeat bottom center, url("../images/trial/kassa/point-bg-m.jpg") repeat-y center; height: auto; margin: 0 auto;  padding: 27% 0 47%;	 background-size: 190%; }
.kassa .point .ttl {width: 90%;margin: 0 auto 8%;text-align: center;position: relative;}
.kassa .point .ttl p:first-child  {display: inline-block;padding: 3% 6%;background: #fff;border-radius: 50px;text-align: center;margin: 0 auto 4%;font-size: 4vw;}
.kassa .point .ttl p:first-child span  { color: #fb679a;}
.kassa .point .ttl p:nth-child(2) {font-size: 5vw;line-height: 1.2;color: #fff;}
.kassa .point .ttl p:nth-child(2) span.big {font-size: 8vw;display: block;background: url("../images/trial/kassa/point-marker.svg")no-repeat bottom center;margin-bottom: 3%;padding-bottom: 4%;}
.kassa .point .ttl p:nth-child(2) span.yellow { color: #fffbba;}
.kassa .point .ttl img.script {position: absolute;top: 38px;left: 1%;width: 14%;}

.kassa .img-box {position: relative;margin: 0 auto;width: 100%;}
.kassa .img-box img.left {position: absolute;top: -10px;left: 2%;width: 38%;}
.kassa .img-box img.center {position: absolute;top: 11px;left: 33%;width: 38%;}
.kassa .img-box img.right {position: absolute;top: -10px;right: 2%;width: 38%;}

.kassa .approach {background: url("../images/trial/kassa/approach-bg.jpg")no-repeat top center;height: auto;padding: 12% 0 9%;background-size: 180%;}
.kassa .approach .ttl {width: 100%;margin: 0 auto 3%;text-align: center;position: relative;font-size: 3.4vw;line-height: 1.7;}
.kassa .approach .ttl span.small {font-size: 4.4vw;}
.kassa .approach .ttl span.big {font-size: 6.4vw;background: #fff;padding: 0 12px 4px;border:1px solid #fb679a;font-family: 'Noto Sans JP', 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.kassa .approach .ttl span.pink {color: #fb679a;}
.kassa .approach .ttl span.and {background:#fb679a;color: #fff;border-radius: 60px;margin: 0 6px;padding: 2px 10px 6px;font-size: 4.8vw;}
.kassa .approach .ttl img.script {position: absolute;top: -40px;left: 6%;width: 25%;}

.kassa .step {background: url("../images/trial/kassa/step-bg.jpg")no-repeat top center;height: auto;padding: 8% 0;background-size: cover;}
.kassa .step .read {margin: 0 auto 70px;text-align: center;line-height: 1.4;font-feature-settings: "palt"1;letter-spacing: .05em;}
.kassa .step .read .jp {font-size: 5.8vw;color: #391806;}
.kassa .step .read .en {font-size: 4vw;color: #9d8878;display: block;font-family: cormorant-garamond;}
.kassa .step ul {width: 90%;margin: 0 auto;}
.kassa .step li {position: relative;margin-bottom: 15%;}
.kassa .step .bln {position: absolute;top: -40px;left: 0;}
.kassa .step img { margin: 0 auto;}
.kassa .step li p {text-align: center;margin-top: 3%;line-height: 1.4;font-size: 5vw;}
.kassa .step li p span {font-size: 4vw;color: #9d8878;display: block;font-family: cormorant-garamond;}

.kassa .dakara {padding-bottom: 4%;}
.kassa .dakara .bg {width: 100%;margin: 0 auto;background: url("../images/trial/kassa/dakara-bg.jpg")no-repeat top right -42px;padding-top: 12%;background-size: 70%;}
.kassa .dakara .inner {width: 90%;margin: 0 auto;}
.kassa .dakara .ttl img.script {margin-bottom: 20px;width: 30%;}
.kassa .dakara .ttl img.arrow {display: none;}
.kassa .dakara .read01 {font-size: 6.8vw;margin-bottom: 7%;line-height: 1.2;}
.kassa .dakara .read01 span {color:#fb679a;font-size: 12vw;background: url("../images/trial/kassa/dakara-marker.jpg")no-repeat bottom center;background-size:contain;}
.kassa .dakara .read02 {font-size: 4vw;margin-bottom: 8%;line-height: 1.4;}
.kassa .dakara .read02 span { color:#fb679a;}

.cv { text-align: center;  /*animation:infinite;*/}
.cv p span {display: block;font-size: 4vw;}
.cv p {font-size: 7vw;line-height: 1.2;text-shadow: #9bc564 2px 2px 3px, #9bc564 -2px 2px 3px, #9bc564 1px -2px 3px, #9bc564 -2px -2px 3px;font-feature-settings: "palt"1;letter-spacing: .02em;}
.cv p:after {content: "\f105";margin: 0 6px;font-family: FontAwesome;display: inline-block;position: absolute;top: 28px;right: 8%;}
.cv  a {color:#fff;display: inline-block;background: rgb(165,221,91);background: linear-gradient(90deg, rgba(165,221,91,1) 0%, rgba(153,207,80,1) 50%, rgba(121,187,32,1) 100%);padding: 5% 0 6%;width: 100%;margin: 8% auto;border-radius: 120px;border: 5px solid #a5dd5b;-webkit-box-shadow:0px 0px 0px 1px #ffffff inset;-moz-box-shadow:0px 0px 0px 1px #ffffff inset;box-shadow:0px 0px 0px 1px #ffffff inset;position: relative;}

.kassa .flow {background: #f6f1f3;padding: 12% 0;}
.kassa .flow .inner {width: 90%;margin: 0 auto;}
.kassa .flow .ttl {color: #391806;margin: 0 auto 9%;text-align: center;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;}
.kassa .flow .ttl:before, .kassa .flow .ttl:after {content: '';height: 1px;background: #c6babd;display: block;-webkit-flex-grow: 1;flex-grow: 1;}
.kassa .flow .ttl:before { margin-right: 30px; }
.kassa .flow .ttl:after { margin-left: 30px; }
.kassa .flow .ttl .jp {font-size: 6.4vw;margin-bottom: 3%;}
.kassa .flow .ttl .en {font-size: 4vw;letter-spacing: 2px;display: block;color: #9d8878;font-family: cormorant-garamond;position: absolute;bottom: -14px;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.kassa .flow li {  margin-bottom: 12%;}

.kassa .flow li>img {margin: 0 auto 4%;width:80%;}
.kassa .flow li dl {width: 100%;}
.kassa .flow li:nth-child(even) { flex-direction: row-reverse; }
.kassa .flow li dt img{display: inline-block;vertical-align: middle;margin-right: 8px;width: 14%;}
.kassa .flow li dt p {display: inline-block;vertical-align: middle;color: #af7a3c;font-size: 6vw;line-height: 1.4;}
.kassa .flow li dd {margin-top: 3.4vw;line-height: 1.6;font-feature-settings: "palt"1;letter-spacing: .05em;text-align:justify;text-justify:auto;}

.kassa .close .inner{width: 90%;margin: 0 auto;position: relative;text-align: center;padding: 15% 0 5%;}
.kassa .close .arrow {margin: 0 auto;width: 40%;z-index: -10;}
.kassa .close .staff {position: absolute;top: 7px;right: -11px;z-index: 0;width: 33%;}
.kassa .close .text {font-size: 4.8vw;margin: 9% auto;line-height: 1.4;font-feature-settings: "palt"1;}
.kassa .close .text span { color: #fb679a; background: linear-gradient(transparent 60%, #fffbba 60%);}


/* menu
----------------------------------------------- */
.menu_ttl {margin: 0 auto 10%;color: #7ba93c;font-size: 6vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;line-height: 1.4;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;}
.menu_ttl:before, .menu_ttl:after { content: ''; height: 1px; background: #7ba93c; display: block; -webkit-flex-grow: 1; flex-grow: 1; }
.menu_ttl span { margin: 0 4%; }

.menu_index{width: 100%;}
.menu_index li{width: 100%;margin-bottom: 10%;}
.menu_index img{width: 100%;}
.menu_index p{margin: 4% auto 0;line-height: 1.8;letter-spacing: 0.02em;text-align: justify;}

.menulist{width: 100%;}
.menulist .course-ttl{background: #ccbeb0;color: #fff;padding: 3% 0%;font-size: 4vw;text-align: center;line-height: 1.6;margin-bottom: 6%;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.menulist .course-ttl span.hatsu{padding: 1% 0;background: #fff;color: #962d2d;border: 1px solid #d8c6b2;display: inline-block;margin-bottom: 2%;border-radius: 16px;width: 70%;text-align: center;}
.menulist>li{width: 100%; margin-bottom: 16%;}
.menulist .img_l img{width: 100%;margin-bottom: 6%;}
.menulist .img_l .bui{margin: 0 auto 6%;}
.menulist .img_l .bui b {border:1px solid;color: #af7a3c;padding: 1.5% 4%;border-radius:20px;margin-right:2%;font-size:3vw;line-height: 1;}
.menulist li>dl{width: 100%;border-bottom: 1px solid #c4c5c4;margin: 0 auto 4%;padding-bottom: 4%;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;padding-left: 4%;}
.menulist li>dl:before{content: "";position: absolute;top:0;left: 0;background: #d4bead;width: 3px;height: 80%;}
.menulist li>dl dt{width: 100%;font-size: 5vw;line-height: 1.6;margin: 0 auto 2%;}
.menulist li>dl dd{width: 100%;color: #962d2d;text-align: left;font-size: 6vw;letter-spacing: 0.02em;}
.menulist li>dl dd span{padding: 2% 3%;margin-right: 2%;font-size: 70%;border: 1px solid#a98f43;color: #a98f43;display: inline-block;line-height: 1;width: 20%;text-align: center;}
.menulist li>dl dd b{ font-size: 60%;}
.menulist .menu-contents p span{display: block;font-size: 4.5vw;color: #7ba93c;margin: 0 auto 2%;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.menulist .menu-contents p{font-size: 3.4vw;}
.menulist .menu_btn{padding: 6% 0;text-align: center;border-radius: 6px;margin: 6% auto 6%;background: #d68888;width: 80%;}
.menulist .menu_btn a{color: #fff;font-size: 4vw;}
.menulist .menu_btn a:after{ content: "\f105";margin: 0 8px; font-family: FontAwesome; display: inline-block;}
.menulist .point{background: #F5F2ED;padding: 4%;}
.menulist .point dt{font-size: 4vw;color: #7ba93c;border-bottom: dotted 1px #4c2516;margin: 0 auto 6%;padding: 0 0 6%;text-align: center;}
.menulist .point dd{font-size: 3.5vw;margin-bottom: 6%;text-indent: -1.1em;padding-left: 1.1em;}
.menulist .point dd:last-child{margin-bottom:0;}
.menulist .point dd:before{ content: "\f14a"; font-family: "FontAwesome";margin-right: 2%;}
.menulist>li .flow_min{margin: 0 auto 6%;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.menulist>li .flow_min li{width:auto;margin: 2% 5% 2% 1%;position:relative;padding: 2% 4%;font-size: 3.8vw;background:#F4F1F1;border-radius: 15px;}
.menulist>li .flow_min li:after{content:"\f105";margin: 1px 11px;font-size:3vw;font-family:FontAwesome;display:inline;position:absolute;top: 50%;right: -20px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
.menulist>li .flow_min li:last-child:after{content:none;}
.menulist p.text_ast{padding-left: 1em;text-indent: -1em;}
p.ast{padding-left: 1em;text-indent: -1em;margin-bottom: 6%;font-size: 3.2vw;}


/* legs
----------------------------------------------- */ 
.legs .intro {background: url(../images/trial/legs/head.jpg)no-repeat top center;margin: 10% auto 0;background-size: 200%;padding: 0 0 50%;}
.legs .intro div {margin: 0 auto;width: 100%;position: relative;}
.legs .intro p{text-align: left;color:#4a3c36;font-size: 4.2vw;position: absolute;top: -55px;left: 14%;line-height: 1.4;padding-left: 13%;} 
.legs .intro img {position: absolute;left: 0;top: -67px;width: 24%;}

.legs .sub_head{background: url("../images/trial/legs/sub_head_bg.png")no-repeat bottom center;background-size: 250%;top: 0px;height: 235px;margin-top: 0%;}
.legs .sub_head img{width: 100%;padding-top: 5%;} 

.legs .point{background: #fff5f1;margin-top: 16%;padding: 30% 5% 5% 5%;position: relative;}
.legs .point p.care {position: relative;right: 0;bottom: 95%;} 
.legs .point img.care{position: absolute;bottom: 15px;width: 100%;} 
.legs .point div{display: block;margin: 18% auto 22%;position: relative;} 
.legs .point div img{width: 100%;} 
.legs .point div .orange{color: #f26631;font-size: 5.4vw;} 
.legs .point div p{line-height: 1.6;font-size: 3.4vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin: 3% auto 0;} 
.legs .point div img.number{width: 26%;position: absolute;top: -18%;}  
.legs .point div:nth-child(odd) img.number{right: 0;} 

.legs .text {font-size: 4vw;width: 90%;line-height: 1.6;margin: 0 auto;} 
.legs .text img{width: 100%;margin: 6% auto 3%;} 

.legs .text .text p{ text-align: center; line-height: 1.6;font-size: 3.8vw;}  
.legs .text img.arrow{width: 20%;margin: 0 auto;}  
.legs .text ul li{display: block;margin-bottom: 6%;text-align: center;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}  
.legs .text ul li dl{display: block;} 
.legs .text ul li dt{font-size: 6.4vw;color: #f26631;margin: 5% auto 0px;}  
.legs .text ul li dd{font-size: 5vw;}  
.legs .text ul li dd span{border:1px solid #444;padding: 1%;margin-left: 2%;}      
.legs .text span.pink{color: #ff498d;}   
.legs .text span.orange{color: #f26631;}  

.legs .bn{width: 90%;margin: 0 auto;}


/* speed-slimming
----------------------------------------------- */ 
.speed-slimming {background: url("../images/trial/speed-slimming/bg_line.png")no-repeat bottom center;background-size: cover;top: 0px;height: auto;margin-top: 0%;content: "";width: auto;}
.speed-slimming .intro {background: url(../images/trial/speed-slimming/head.jpg)no-repeat top center;  margin:10% auto 0; background-size: 200%;padding: 0 0 50%;} 

.speed-slimming .sub_head{position: relative;}
.speed-slimming .sub_head .sub_text{position: absolute;width: 90%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} 
.speed-slimming .sub_head h2{width: 100%;padding-top: 5%;background: url("../images/trial/speed-slimming/sub_text_bg.png")no-repeat bottom center;background-size: 250%;top: 0px;height: 230px;margin-top: 0%;content: "";} 

.speed-slimming .point{position: relative;} 
.speed-slimming .point:before{background: url("../images/trial/speed-slimming/kira_l.png")no-repeat bottom center;background-size: contain; height: auto;margin-top: 0%;content: "";width: 100%;z-index: 2;top: 47%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: absolute;} 
.speed-slimming .point:after{background: url("../images/trial/speed-slimming/kira_r.png")no-repeat bottom center;background-size: 250%;top: 0px;height: 190px;margin-top: 0%;content: "";} 
.speed-slimming .point img{margin-top: 7%;padding: 0% 5% 5% 5%;position: relative;width: -webkit-fill-available;} 

.speed-slimming .point div{background: url("../images/trial/speed-slimming/bg_line.png")no-repeat bottom center;background-size:auto;top: 0px;position: relative;margin-top: 0%;padding: 5%;line-height: 1.6;margin-bottom: 13%;}
.speed-slimming .point div .blue{color: #444;}
.speed-slimming .point div dl{border: 1px solid #444;text-align: center;margin-bottom: 6%;font-size: 4vw;}
.speed-slimming .point div img{width: 30%;position: absolute;top: 34%;left: 35%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.speed-slimming .point div dl dt{background: url("../images/trial/speed-slimming/waku.jpg")no-repeat bottom center;padding: 4%;background-size:auto;top: 0px;height: auto;margin-top: 0%;color: #fff;}
.speed-slimming .point div dl dd{padding: 5% 0%;}
.speed-slimming .point div p{margin: 0 auto 4%;font-size: 4.6vw;text-align: center;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.speed-slimming .point div p span.blue{color: #1fbab1;}
.speed-slimming .point div p.bold{font-size: 5.2vw;}
.speed-slimming .point div p.bold .marker{background: url("../images/trial/speed-slimming/marker.png")no-repeat bottom center;background-size: contain;position: absolute;top: 86%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);content: "";width: fit-content;}
.speed-slimming .point div p.bold .b_text{font-size: 6.4vw;color: #1db9b0;}
 
.speed-slimming .bn{width: 90%;margin: 0 auto;}
   
/* stress-care
----------------------------------------------- */ 
.stress-care .intro {background: url(../images/trial/stress-care/head.jpg?250603)no-repeat top center;margin: 10% auto 0;background-size: 200%;padding: 0 0 54%;}
.stress-care .intro div {margin: 0 auto;width: 100%;position: relative;}
.stress-care .intro p{text-align: left;color:#4a3c36;font-size: 4.2vw;position: absolute;top: -55px;left: 14%;line-height: 1.4;padding-left: 13%;} 
.stress-care .intro img {position: absolute;left: 0;top: -40px;width: 23%;}

.stress-care .sub_head{background: url("../images/trial/stress-care/intro.jpg")no-repeat bottom center;background-size: contain;height: 175px;margin-top: 0%;position: relative;margin: 4% auto 5%;width: 90%;}
.stress-care .sub_head img{width: 55%;padding-top: 0%;position: absolute;top: 66%;left: 12%;} 

.stress-care .point{background: #fff5f1;margin-top: -40%;padding: 55% 3% 5% 3%;position: relative;}
.stress-care .point p.care {position: relative;right: 0;bottom: 95%;margin-bottom: 0%;text-align: center;} 
.stress-care .point span.pink{color: #ff498d;} 
.stress-care .point img.care{position: absolute;bottom: -40px;width: 100%;left: 6%;} 
.stress-care .point div{display: block;margin: 18% auto 2%;position: relative;} 
.stress-care .point div img{width: 100%;} 
.stress-care .point div p{line-height: 1.6;/* font-size: 3.4vw; */margin: 3% auto 0;width: 95%;} 
.stress-care .point div img.number{width: 26%;position: absolute;top: -18%;}  
.stress-care .point div:nth-child(odd) img.number{right: 0;} 

.stress-care .point02{margin-top: 6%;padding: 0% 5% 5% 5%;position: relative;}
.stress-care .point02 p.care {position: relative;right: 0;bottom: 5%;top: 34%;} 
.stress-care .point02 img.care{ bottom: 15px;width: 100%;margin-bottom: 10%;}  
.stress-care .point02 .text p{ text-align: center; line-height: 1.6;font-size: 3.8vw;}  
.stress-care .point02 img.arrow{width: 20%;margin: 0 auto;}  
.stress-care .point02 ul li{display: block;margin-bottom: 6%;text-align: center;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}  
.stress-care .point02 ul li dl{display: block;} 
.stress-care .point02 ul li dt{font-size: 6.4vw;color: #ff498d;margin: 5% auto 3%;}  
.stress-care .point02 ul li dd{font-size: 5vw;}  
.stress-care .point02 ul li dd span{border:1px solid #444;font-size: 3.4vw;padding: 1%;margin-left: 2%;}   
.stress-care .point02 ul li:last-child dl dt{color: #444;}    
.stress-care .point02 span.pink{color: #ff498d;}  
 　
.stress-care .cause_point{position: relative;}
.stress-care .cause{position: relative;background: url("../images/trial/stress-care/cause.png")no-repeat top center;margin: 0% auto 0;background-size: 240%;padding: 0 0 0%;height: 440px;top: 0px;z-index: 1;} 
.stress-care .cause div{padding: 10% 10%;text-align: center;} 
.stress-care .cause .ttl{background: linear-gradient(transparent 60%, #b693ba 60%);color: #fff;font-size: 5.4vw;font-weight: bold;margin-bottom: 3%;text-align: center;margin: 0 auto 4%;} 
.stress-care .cause .cause_in {border: 1px solid #fff;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color: #fff;padding: 1%;margin-bottom: 2%;text-align: center;font-size: 5vw;}  
.stress-care .cause .ttl_02{font-size: 5.4vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin-bottom: 4%;text-align: center;}  
.stress-care .cause  p{color: #fff;line-height: 1.6;text-align: justify;}  
.stress-care .cause  span.purple{font-size: 6.6vw;color: #facdff;} 

.stress-care .trouble{width: 100%;margin: 5% auto;background: url("../images/trial/stress-care/trouble_bg.jpg")no-repeat top center;background-size: 180%;padding: 10%;}
.stress-care .trouble img{margin: 0 auto 5%;width: 100%;}

.stress-care .bn{width: 90%;margin: 0 auto;}

/* lymph
----------------------------------------------- */ 
.lymph .intro {background: url(../images/trial/lymph/head.jpg)no-repeat top center;margin: 10% auto 0;background-size: 200%;padding: 0 0 50%;height: 352px;}
.lymph .intro div {margin: 0 auto;width: 100%;position: relative;}
.lymph .intro p{text-align: left;color:#4a3c36;font-size: 4.2vw;position: absolute;top: -55px;left: 14%;line-height: 1.4;padding-left: 13%;} 
.lymph .intro img {position: absolute;left: 0;top: -67px;width: 24%;}

.lymph .sub {position: relative;height: 210px;}
.lymph .sub .sub_head{width: 100%;height: auto;position: absolute;margin-top: 4%;}
.lymph .sub .sub_head h2{width: auto;height: auto;}
.lymph .sub .sub_head img{width: 220%;padding-top: 0%;position: absolute;top: -82px;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0 auto;z-index: 1;} 
 
.lymph .sub .sub_text{background: url("../images/trial/lymph/sub_bg.jpg")no-repeat top center;position: relative;background-size: cover;width: 100%;height: 210px;} 
.lymph .sub .sub_text img{width: 100%;} 
.lymph .sub .sub_text .ttl{width: 70%;margin-top: 44%;position: absolute;top: -120px;}

.lymph .ba{background: url("../images/trial/lymph/ba_bg.jpg")no-repeat top center;background-size: cover;height: 270px;position: relative;margin-bottom: -16%;}
.lymph .ba img{width: 95%;position: absolute;top: 8%;}
　
.lymph .point p.care {position: relative;right: 0;bottom: 95%;} 
.lymph .point img.care{top: 1%;position: absolute; width: 95%;left: 4%;margin-bottom: 0%; } 
.lymph .point div{display: block;margin: 18% auto 0%;position: relative;} 
.lymph .point div img{width: 100%;margin: 0 auto;} 
.lymph .point div p{line-height: 1.6;font-size: 3.4vw;margin: 4% auto 0;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;} 
.lymph .point div img.number{width: 26%;position: absolute;top: -18%;}  
.lymph .point div:nth-child(odd) img.number{right: 0;} 
.lymph .point{background: #ffffdb;margin-top: 16%;padding: 40% 5% 5% 5%;position: relative;} 

.lymph .bn{width: 90%;margin: 0 auto;}


/* hotpepper
----------------------------------------------- */
.second-content-text .hotpepper {margin: 0 auto 10%;}
.second-content-text .hotpepper li.hp_waku{width: 90%;margin: 7% auto;padding: 4% 0 7.5%;border: solid 1px #cac1a8;}
.second-content-text .hotpepper li.hp_waku a img{margin: 0 auto;width: 80%;}
.second-content-text .hotpepper li.hp_waku p{margin: 1% 0 2%;color: #444;font-size: 20px;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;}
.second-content-text .hotpepper li p a .btn03{padding: 0 26px;color: #444;font-size: 20px;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;}




/* photocon
----------------------------------------------- */

.photocon .second-content:last-child{margin-top: 7vw;}
.photocon .judging_box img{width: 100%;margin: 0 auto 6%;}
.photocon .judging_img{width: 100%;margin: 0 auto 6%;}

.photocon .contest{margin: 0 auto;width: 100%;background: url("../images/contest_bn_sp.jpg") no-repeat center top;background-size: 100%;}
.photocon .contest-in {padding: 13% 3% 1%;text-align: center;}
.photocon .contest-top span {color: #7bbc23;}
.photocon .contest-img {margin: 2% auto 2.3%;width: 50%;}
.photocon .contest-date {width: 65%;margin: 0 auto;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;}
.photocon .contest-date dt {font-size: 3vw;color: #fff;padding: 2% 0 3%;background: #64412d;}
.photocon .contest-date dd {font-size: 3.2vw;margin-top: 2%;color: #64412d;}
.photocon .contest-btm {font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;line-height: 1.5;margin: 4% 0 10%;text-align: center;font-size: 2.7vw;color: #fff;padding: 1.2% 0 0%;}
.photocon .contest-done{background-color: #fff;color:#78b926;padding: 0.1vw 3vw 0.4vw;margin: 1% 4% 1.2%;font-size: 2.5vw;}

.photocon .intro div{ margin-bottom: 10%;}
.photocon .intro div p.midashi{text-align: center;font-size: 5.4vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;line-height: 1.5;margin: 10% auto 14%;color: #7ba93c;position: relative;}
.photocon .intro div p.midashi:before{background: url("../images/photocon/deco01.jpg")no-repeat bottom center;background-size: contain;height: 40px;margin-top: 0%;display: inline-block;content: "";bottom: 114%;width: 70px;position: absolute;top: -46%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.photocon .intro div p.midashi:after{background: url("../images/photocon/deco02.jpg")no-repeat bottom center;background-size: contain;height: 40px;margin-top: 0%;position: absolute;content: "";width: 160px;top: 120%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.photocon .intro div p{  margin-bottom: 3%; text-align: justify;}
.photocon .intro div.flex{display: flex;  flex-direction: column-reverse;}
.photocon .intro div.flex img{ width: 100%;}
.photocon .intro div.flex dl{margin-bottom: 4%;}
.photocon .intro div.flex dl dt{ font-size: 5.4vw; font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.5; margin-bottom: 2%;color: #7ba93c;} 

.photocon .interview{  background: #e9f1df;}
.photocon .interview .in{ width: 90%; margin: 0 auto;padding: 10% 0;}
.photocon .interview:nth-child(4) .in div.qa dl.comment dt  { background: #e29eb6;margin-bottom: -4vw;}
.photocon .interview .in div.midashi dl{  border-bottom: 1px solid #421908; border-top: 1px solid #421908; padding: 3% 0; margin-bottom: 5%;}
.photocon .interview .in div.midashi dl dt{ margin-bottom: 3%; color: #411707;  font-size: 6vw; font-family: cormorant-garamond; letter-spacing: 0.4vw; display: block;}
.photocon .interview .in div.midashi dl dd{ margin-bottom: 2vw; color: #7caa3f; font-size: 4.6vw;  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; letter-spacing: 0.6vw; line-height: 1.3; display: block;}
.photocon .interview .in div.midashi img{width: 100%; margin-bottom: 4%;}
.photocon .interview .in ul{ margin: 8% 0 4%;}
.photocon .interview .in ul li{border: 1px solid #ae8b50;}
.photocon .interview .in ul .inline{width: 100%;}
.photocon .interview .in div.qa{ background: #fff;padding: 5%;}
.photocon .interview .in div.qa dl{ line-height: 1.6; text-align: justify; margin-bottom: 6%;font-feature-settings: "palt";padding-bottom: 6%; border-bottom: 1px solid #cecece;}
.photocon .interview .in div.qa dl:last-child{ margin-bottom: 0%;padding-bottom: 0%; border-bottom: none}
.photocon .interview .in div.qa dt{margin-bottom: 2vw;color: #7caa3f;font-size: 4.4vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;padding-bottom: 0%;line-height: 1.5;position: relative;left: 0;padding-left: 14%;}
.photocon .interview .in div.qa dd{letter-spacing: 0.2em;}
.photocon .interview .in div.qa span {width: 35px;height: 35px;font-size: 5vw;text-align: center;background: #91b75f;display: block;color: #ffffff;padding: 0;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.8;font-family: serif;font-weight: 400;}
.photocon .interview .in div.qa dt:before { width: 20px;  height: 2px;top: 50%; right: 12px;}
.photocon .interview_staff{background: #f5edea;}
.photocon .interview_staff:nth-child(2){background: #e9f1df;}
.photocon .interview_staff:nth-child(4){background: #e9f1df;}
.photocon .interview_staff .in div.midashi dl dt{color: #7caa3f;}
.photocon .interview_staff .in div.midashi dl dd{color: #411707;}
.photocon .interview_staff .in div.qa dl.comment dt{ background: #91b75f;  color: #fff;  padding: 2%; text-align: center;}
.photocon .interview_staff .in div.qa dl.comment dd{ color: #4c2516;}
.photocon .interview_staff .in div.qa span {width: 35px;height: 35px;font-size: 5vw;text-align: center;background: #91b75f;display: block;color: #ffffff;padding: 0;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.8;font-family: serif;font-weight: 400;}
.photocon .interview_staff .in div.qa dt:before { width: 20px;  height: 2px;top: 50%; right: 12px;}

.photocon .closing div.flex{ position: relative;}
.photocon .closing div.flex:before{background: url("../images/photocon/deco03.jpg")no-repeat bottom center;background-size: contain;height: 40px;margin-top: 0%;content: "";display: inline-block;position: absolute;right: -7%;width: 130px;top: -15%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.photocon .closing div.flex img{  width: 100%; margin-bottom: 3%;}
.photocon .closing div.flex p{margin-bottom: 1vw;color: #7caa3f;font-size: 4.4vw;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;line-height: 1.5;}
.photocon .closing div.flex p:before{background: url("../images/photocon/deco04.jpg")no-repeat bottom center;background-size: contain;height: 40px;margin-top: 0%;content: "";width: 80px;display: inline-block;position: absolute;right: -7%;top: -19%;}
.photocon .closing div.flex p:after{background: url("../images/photocon/deco05.jpg")no-repeat bottom center;background-size: contain;height: 40px;margin-top: 0%;content: "";display: inline-block;position: absolute;right: 11%;top: -46%;width: 24px;}

.photocon .interview .youtube-link a{padding: 5vw 5vw 4vw;margin: auto;color: #4c2516;font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;border: 1px solid #947c73;position: relative;background: #fff9;}
.photocon .interview .youtube-link a:after { content: ''; width: 4vw; height: 4vw; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhNTkyOGEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #a5928a)); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #a5928a 50%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #a5928a 50%); background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%, #a5928a 50%); position: absolute; right: 2vw; bottom: 2vw; }