@charset "UTF-8";
@keyframes scroll-line { 0% { transform-origin: top left; transform-origin: top left; transform: scaleY(0); }
  50% { transform-origin: top left; transform-origin: top left; transform: scaleY(1); }
  75% { transform-origin: bottom left; transform-origin: bottom left; transform: scaleY(1); }
  100% { transform-origin: bottom left; transform-origin: bottom left; transform: scaleY(0); } }
* { -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: #6c6c6c; font-size: 3.5vw; font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; -webkit-text-size-adjust: 100%; line-height: 1; }

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;width: 100%;}

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-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

a { color: #6c6c6c; text-decoration: none; display: block; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
a:hover { opacity: 0.6; }

.clearfix:after { content: ''; display: block; clear: both; }

.pc { display: none; }

.sp { display: block; }

.inner { width: 100%; margin: auto; }

.container { width: 100%; z-index: 1; position: relative; -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); }

.js-body { width: 100%; height: 100%; position: fixed; }

.scroll-line { width: 1px; height: 50px; background: #7c7c7c; margin: 0 auto; display: block; pointer-events: none; -moz-animation: scroll-line 3s cubic-bezier(0.76, 0.06, 0, 1) infinite forwards; -webkit-animation: scroll-line 3s cubic-bezier(0.76, 0.06, 0, 1) infinite forwards; animation: scroll-line 3s cubic-bezier(0.76, 0.06, 0, 1) infinite forwards; }

.js-fade { opacity: 0; -moz-transition: 1.5s; -o-transition: 1.5s; -webkit-transition: 1.5s; transition: 1.5s; }

.js-fade-bottom { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }

.js-fade-active { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }

.social-items { 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; }
.social-items li { width: 24px; margin: 0 6px; }
.social-items img { width: 100%; }

.button01 { width: 60%; padding: 12px 0 10px; margin: auto; font-size: 4.21vw; font-family: "Marcellus"; text-align: center; letter-spacing: 2px; border: 1px solid; position: relative; }
.button01:after { content: ''; width: 40px; height: 2px; background: #777; position: absolute; top: 50%; right: -30px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.midashi01 { width: 100%; color: #fff; font-size: 9.21vw; font-family: "EB Garamond"; text-align: center; letter-spacing: 4px; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.js-pagetop {padding: 12px 0 9px;font-size: 4vw;font-family: "Marcellus";font-weight: 400;font-style: normal;text-align: center;letter-spacing: 1px;background: #7d7d7d;color: #ffffff;}


/* header
----------------------------------------------- */
.header { z-index: 10; position: relative; }

.header-navi-button { width: 55px; height: 55px; padding-top: 12px; text-align: center; background: #fff; z-index: 11; cursor: pointer; position: fixed; top: 0; right: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.header-navi-button .line { width: 25px; height: 2px; margin: auto; background: #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; }
.header-navi-button .line-middle { margin: 6px auto; }
.header-navi-button .line-text { margin-top: 6px; color: #000; font-size: 10px; font-family: "Marcellus"; display: block; }

.header-navi {width: 52%;height: 100%;background: #ffffff;z-index: 10;visibility: hidden;position: fixed;top: 0px;right: -52%;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;border-left: 1px solid #ccc;}

.header-navi-inner { height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; }

.header-navi-scroll { width: 100%; height: 100%; padding: 20px 0 100px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.header-navi-category { width: 80%; margin: auto; }

.header-navi-category-items { width: 100%; }
.header-navi-category-items li { width: 100%; margin-bottom: 15px; position: relative; }
.header-navi-category-items a { padding: 5px 0; }
.header-navi-category-items .en {margin-bottom: 4px;font-size: 4vw;font-family: "Marcellus";letter-spacing: 2px;display: block;}
.header-navi-category-items .jp { font-size: 3.16vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; display: block; }
.header-navi-category-items i { position: absolute; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.header-navi-mail {width: 100%;padding: 15px 0 17px;color: #fff;font-size: 3.4vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;letter-spacing: 1px;background: #000;}
.header-navi-mail_2{margin-top:5px;background:#ca988d}
.header-navi-mail_3{margin-top:5px;background:#333}

.js-body .container { -moz-transform: translateX(-45%); -ms-transform: translateX(-45%); -webkit-transform: translateX(-45%); transform: translateX(-45%); }
.js-body .header-navi-button {right: 52%;}
.js-body .line { background: #000; }
.js-body .line-top { -moz-transform: translate(0, 15px) rotate(45deg); -ms-transform: translate(0, 15px) rotate(45deg); -webkit-transform: translate(0, 15px) rotate(45deg); transform: translate(0, 15px) rotate(45deg); }
.js-body .line-middle { opacity: 0; }
.js-body .line-bottom { -moz-transform: translate(0, -1px) rotate(-45deg); -ms-transform: translate(0, -1px) rotate(-45deg); -webkit-transform: translate(0, -1px) rotate(-45deg); transform: translate(0, -1px) rotate(-45deg); }
.js-body .line-text { opacity: 0; }
.js-body .header-navi { visibility: visible; right: 0; }
/* footer
----------------------------------------------- */
.footer { position: relative; padding-bottom:  90px;}

.footer-image { width: 100%; }
.footer-image img { width: 100%; }

.footer-logo { padding: 30px 0; background: #FFF; border-top: 2px solid #333; border-bottom: 2px solid #333; }
.footer-logo a {width: 23%;margin: auto;}
.footer-logo img { width: 100%; }

.footer-content { padding: 30px 0; }

.footer-address { margin-bottom: 10px; font-size: 3.42vw; text-align: center; line-height: 1.4; }

.footer-tel { margin: 0 auto 15px; color: #d18e8b; display: table; }
.footer-tel i { margin-right: 10px; font-size: 11.18vw; vertical-align: bottom; }
.footer-tel span { font-size: 12.5vw; font-family: "EB Garamond"; }

.footer-open { font-size: 3.42vw; text-align: center; line-height: 1.4;}

.footer-bar { padding: 12px 0; color: #fff; background: #333;}

.footer-subnavi-items { margin-bottom: 8px; 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-subnavi-items li { font-size: 3.68vw; font-family: "Marcellus"; position: relative; }
.footer-subnavi-items li:before { content: '|'; margin: 0 5px; }
.footer-subnavi-items li:first-child:before { display: none; }
.footer-subnavi-items li a { color: #fff; display: inline-block; }

.copyright { color: #fff; font-size: 2.63vw; font-family: "Marcellus"; text-align: center; }

/* footer　固定
----------------------------------------------- */

#footBn{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}
#footBn img{
	margin: 0 auto;
	width: 350px;
}
@media screen and (max-width: 370px) {
	/* 480px以下に適用されるCSS（スマホ用） */
#footBn img{
	margin: 0 auto;
	width: 100%;
}
}


/* hero
----------------------------------------------- */
.hero {width: 100%;z-index: 1;position: relative;padding-bottom: 3%;}

.hero-top {background: #414141;}

.hero-add { padding-top: 55px; }

.hero-add-inner {height: 18vw;background: #333;position: relative;}

.hero-logo { width: 70%; position: absolute; top: 44vw; left: 4%; }
.hero-logo img { width: 100%; }

.hero-image { width: 100%; margin: auto; }

.hero-scroll { position: absolute; right: 10%; bottom: -6vw; }
.hero-scroll .scroll-text { padding: 1vw 5vw 1vw 2.5vw; color: #323232; font-size: 5vw; font-family: "Marcellus"; text-align: center; letter-spacing: 1px; background: #fff; position: absolute; top: -24vw; left: 3.5vw; transform-origin: top left; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.hero-scroll .scroll-line { height: 15vw; }

/* bread
----------------------------------------------- */
.breadcrumb-items { padding: 10px 5% 20px; }
.breadcrumb-items li { font-size: 2.63vw; position: relative; display: inline-block; }
.breadcrumb-items li.current a {color: #d2b1a9;font-weight: 800;}
.breadcrumb-items li:after { content: "\f105"; margin: 0 5px; font-family: FontAwesome; display: inline-block; }
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items a { display: inline-block; }

.breadcrumb-home i { color: #d7c5c1; }

/* top
----------------------------------------------- */
.top-greeting { width: 100%; padding: 40px 0; background: #e1e1e1 url(./images/deco01.png) no-repeat left bottom; background-size: 50%; position: relative; }

.top-greeting-text { width: 96%; padding: 6%; margin: auto; background: url(./images/frame01-middle.png) repeat-y center; background-size: contain; position: relative; }
.top-greeting-text:before { content: ''; width: 100%; height: 5.5vw; background: url(./images/frame01-top.png) no-repeat top center; background-size: 100%; position: absolute; top: -5vw; left: 0; }
.top-greeting-text:after { content: ''; width: 100%; height: 6vw; background: url(./images/frame01-bottom.png) no-repeat bottom center; background-size: 100%; position: absolute; bottom: -5.5vw; left: 0; }
.top-greeting-text p {margin-bottom: 15px;font-size: 3.16vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;text-align: center;line-height: 1.8;}

.top-greeting-title { width: 100%; margin-bottom: 30px; color: #333; font-size: 7.21vw; font-family: "EB Garamond"; text-align: center; letter-spacing: 4px; position: relative; }
.top-greeting-title:after { content: ''; width: 25%; height: 2px; background: #333; position: absolute; bottom: -15px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.top-greeting-more { margin-top: 20px; color: #fff; background: #333; border: none; }
.top-greeting-more:after { width: 40px; background: #848484; right: -30px; }

.top-campaign { width: 100%; padding-top: 30px; overflow: hidden; }

.top-campaign-title { margin-bottom: 20px; text-align: center; }
.top-campaign-title .en { margin-bottom: 5px; color: #c09e97; font-size: 11.32vw; font-family: "EB Garamond"; letter-spacing: 5px; display: block; }
.top-campaign-title .jp { font-size: 3.95vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; display: block; }

.top-campaign-items li { width: 100%; overflow: hidden; position: relative; }

.top-campaign-item-content { width: 80%; margin: 10%; background: #fff; border: 3px solid #fff; position: relative; }

.top-campaign-item-number { width: 60px; height: 60px; padding-top: 6px; color: #fff; font-size: 40px; font-family: "EB Garamond"; text-align: center; border: 2px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 8px; left: 8px; }

.top-campaign-item-image { width: 100%; }

.top-campaign-item-text {width: 100%;padding: 11vw 0 12px;background: rgba(255, 255, 255, 0.8);position: absolute;left: 0;bottom: 0;}

.top-campaign-item-text-title {width: auto;height: 13vw;position: absolute;top: -5vw;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top-campaign-item-text .name{text-align:center;font-size: 5vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;font-feature-settings: "palt";}
.top-campaign-item-text .name small{font-size:80%;}
.top-campaign-item-text .info{text-align:center;font-family: "EB Garamond";font-size: 10vw;position: relative;color: #000;margin-top: 4%;}
.top-campaign-item-text .info span{width: 46px;height: 46px;border-radius:50%;padding-top: 9px;display:inline-block;font-size: 18px;border:1px solid;
position: relative;line-height: 0.7;top: -2px;margin-right: 3%;}

.top-campaign-item-text-price {font-size: 7.26vw;font-family: "EB Garamond";text-align: center;}
.top-campaign-item-text-price .old { padding-right: 38px; margin-right: 6px; background: url(./images/arrow02.png) no-repeat right center; background-size: 28px; display: inline-block; }
.top-campaign-item-text-price .new { color: #d25664; display: inline-block; }

.top-campaign-item-bg { width: 110%; height: 110%; z-index: -1; filter: blur(4px); position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.top-menu { padding: 30px 0; }

.top-menu-title { width: 60%; margin: 0 auto 20px; color: #333; font-size: 2.74vw; font-family: "EB Garamond"; text-align: center;}
.top-menu-title img { width: 100%; }

.top-course-items { width: 100%; margin-bottom: 30px; }
.top-course-items li { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-course-items li:nth-child(even) .top-course-item-image { order: 3; }
.top-course-items li:nth-child(even) .top-course-item-title { order: 2; }

.top-course-item-image { width: 45%; }
.top-course-item-image img { width: 100%; }

.top-course-item-title { width: 10%; color: #b5a19a; font-size: 2.74vw; font-family: "EB Garamond"; text-align: center; background: #fff; writing-mode: vertical-rl; text-orientation: upright; position: relative; }
.top-course-item-title span { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.top-course-item-text { width: 45%; color: #fff; text-align: center; background: #b5a19a; position: relative; }

.top-course-item-text-inner { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top-course-item-text-title { margin-bottom: 30%; font-size: 5.92vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.4; }

.top-course-item-more { padding: 12px 15px 10px; margin: auto; color: #333; font-size: 3.55vw; font-family: "Marcellus"; background: #fff; display: table; }

.top-menu-items { width: 90%; margin: auto; 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; -webkit-align-items: flex-start; align-items: flex-start; }
.top-menu-items li { width: 32%; }
.top-menu-items li:nth-of-type(3n-1) { margin-top: 14%; }
.top-menu-items li:nth-of-type(3n) { margin-top: 5%; }

.top-menu-item-image { width: 100%; margin-bottom: 10px; }

.top-menu-item-title { margin-bottom: 10px; }
.top-menu-item-title .en { margin-bottom: 2px; color: #c49a91; font-size: 2.0vw; font-family: "EB Garamond"; display: block; }
.top-menu-item-title .jp { font-size: 2.8vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; display: block; }

.top-menu-item-more { width: 100%; padding: 4px 0 3px; color: #333; font-family: "Marcellus"; text-align: center; border: 1px solid; }

.top-blog { padding: 30px 0; border-top: 1px solid #e8e8e8; }

.top-blog-title { margin-bottom: 20px; font-size: 5.92vw; font-family: "Marcellus"; text-align: center; letter-spacing: 4px; }

.top-blog-items { width: 90%; margin: 0 auto 20px; }
.top-blog-items li { width: 100%; margin-bottom: 4px; }
.top-blog-items a { padding: 5px 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }

.top-blog-item-time { width: 20%; font-size: 3.42vw; font-family: "EB Garamond"; line-height: 1.2; }

.top-blog-item-category { width: 20%; padding: 3px 0 2px; margin-right: 3%; font-size: 2.63vw; font-family: "Marcellus"; text-align: center; background: #cec0b8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.top-blog-item-title { font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; position: relative; flex: 1; }

.infomation{width:90%;margin:0 auto;padding:8% 0}
.infomation div{border:3px solid #efefef;padding:7% 5%;position:relative;font-size:3.5vw;line-height:1.8;margin-bottom:3%}
.infomation div:before{ content: "";width: 40px;height: 40px;border: solid #e4cfc9;border-width: 0 2px 2px 0;box-sizing: border-box;position: absolute;right: -2px;bottom: -2px;}
.infomation div:after{ content: "";width: 40px;height: 40px;border: solid #e4cfc9;border-width: 2px 0 0 2px;box-sizing: border-box;position: absolute;left: -2px;top: -2px;}
.infomation .ttl{font-family: "EB Garamond";text-align:center;font-size:8vw;margin-bottom:6%;border-bottom:1px dashed #ccc;padding-bottom:3%;line-height:1;}
.infomation small{display:inline-block;background:#e8d4ce;padding:2% 7%;border-radius:20px;color:#fff;font-weight:bold;margin-bottom:3%}
.infomation p{font-size:3.5vw;line-height:1.8;margin-bottom:3%}
.infomation img {display: none;}
.infomation .date{background:#e6e1de;padding:1%;text-align:center;}
.infomation a{line-height:1.5;}
.infomation a span{text-decoration:underline;font-weight:bold;color:#deb4a8}
.infomation ul {overflow: auto; height: 14vh;}

/* first
----------------------------------------------- */
.first-content { width: 90%; min-height: 300px; padding-bottom: 30px; margin: auto; }
.first-content_none{width:100%;}
.first-content-text p { margin-bottom: 20px; font-size: 3.16vw; line-height: 1.8; }

.first .tit{color:#000;text-align:center;width:80%;margin: 0 auto 10%;border:1px solid;padding:2% 4%;font-size:4vw;}
.first .intro {position:relative;padding-bottom:1%;margin-bottom:8%}
.first .intro:before{content:"";background:#f8eeec;width:100%;height:64%;position:absolute;bottom:0;z-index:-1;}
.first .intro img{width: 62%;position:absolute;right:0;}
.first .textbox{width:60%;position:relative;padding:10% 0 0 5%}
.first .textbox .sub{font-family: "Marcellus";font-size: 7vw;margin-bottom: 5%;color:#000;}
.first .textbox .txt{color: #404040;text-align:justify;font-size: 3.4vw;}
.first .second {position:relative;}
.first .second .pic{position:absolute;}
.first .second img{width: 40%;display:inline-block;vertical-align:top;}
.first .second img:nth-child(2){margin:10% 0 0 2%}
.first .second .textbox{margin-left:auto;padding: 0px 5% 4% 0;width: 48%;}
.first .second .textbox .sub{font-size:6vw;line-height:1.4;}

.first .more{color:#FFF;text-align:center;width:80%;margin: 0 auto 10%;border:1px solid;padding:3% 4%;font-size:4.4vw;background:#333;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin-bottom: 5%;position:relative;display:block;}
.first .more:after{content:"";width:14%;height:1px;background:#919191;position:absolute;right:-8%;top:50%}

/* .menubox
----------------------------------------------- */
.menubox .ttl{background:#f0f0f0;position:relative;padding: 0 8% 4% 0;margin-bottom: 8%;}
.menubox .ttl:before{content:"";background:url();position:absolute;width: 59%;height: 26vw;bottom: 7px;left:0;background-size: contain;background-repeat: no-repeat;}
.menubox .ttl img{top: -18%;position:absolute;width: 75%;}
.menubox .ttl .name{text-align:right;padding-top:10%;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;font-size:4vw;position:relative;margin-bottom: 3%;}
.menubox .ttl .txt{text-align:right;margin-bottom: 0;font-size: 3.6vw;line-height:1.5;}
.menubox .ttl .txt small{display:block;font-size:80%}
.menubox .ttl .name:before{content:"";width:30%;height:2px;position:absolute;background:#d2b5ae;bottom: 2%;right:0;}
.menubox ul{width:96%;margin:0 auto;}
.menubox  li{border:1px solid #e8e8e8;margin-bottom:20px;}
.menubox .name{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;font-size:4.5vw;font-feature-settings: "palt";margin-bottom: 0;padding: 3% 3%;}
.menubox .name small{font-size:80%;}
.menubox li .txtS{text-align:left;margin-bottom: 0;font-size: 1.2em;line-height:1.4;padding: 0% 2% 3% 2%;}
.menubox li .textbox{padding: 5% 3%;background:#f0f0f0;}
.menubox li .textbox dt,.menubox li .textbox dd{display:inline-block;vertical-align:middle;}
.menubox li .textbox dt{width:40%;background:#333;color:#FFF;padding:1.8% 3%;text-align:center;font-family: "Marcellus";line-height:1;border-radius:30px;}
.menubox li .textbox dd{width: 48%;margin-left:10%;font-size:5vw;text-align: right;font-family: "Marcellus";color: #333;}
.menubox li .textbox dd small{font-size:80%;display:inline-block;margin-right:4%}
.menubox li .textbox dd span{text-decoration: line-through;}
.menubox li .textbox .cam{background:#fff;border-bottom: 1px dashed #deccc7;border-top: 1px dashed #deccc7;padding:2% 3%;font-size:3.6vw;margin-bottom: 3%;color:#000}
.menubox li .cam span{font-family: "Marcellus";float:right;font-size:5vw;line-height:1.3;color:#c57663}
.menubox li .cam small{font-size:3.4vw;}
.menubox li .textbox dl{margin-bottom:5%;}
.menubox li .no_txt dl{margin-bottom: 5%;}
.menubox li .no_txt .cam{margin-bottom:0;}
.menubox li .textbox .txt{font-size:3.3vw;margin-bottom:0}

/* epi
----------------------------------------------- */
.epi .intro{position:relative;padding-bottom:5%;margin-bottom:12%}
.epi .intro:before{content:"";width:100%;height:80%;background:#ebe0de;position:absolute;z-index:-1;bottom:0}
.epi .intro img{width:95%;margin-left:auto;}
.epi .intro p{width:90%;margin:0 auto;margin-bottom:3%;color:#585453;font-weight:bold;font-feature-settings: "palt";letter-spacing: 1px;text-align: justify;}

.epi .tokutyo {margin-bottom: 18%;}
.epi .tokutyo img{width:80%;margin:0 auto;padding-bottom:6%}
.epi .tokutyo p{text-align:center;font-size: 3.7vw;font-feature-settings: "palt";font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;}
.epi .tokutyo a{background: #fbffdd;width:90%;margin:0 auto;padding:3% 5%;font-size:4vw;text-align:center;color: #000;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;display:block;position:relative;}
.epi .tokutyo a:after{content: "\f105";font-family: FontAwesome;position:absolute;right:6%}

/* bridal
----------------------------------------------- */
.bridal .intro{position:relative;padding-bottom: 5%;margin-bottom: 7%}
.bridal .intro:before{content:"";width:100%;height:80%;background:#ebe0de;position:absolute;z-index:-1;bottom:0}
.bridal .intro img{width:100%;margin-left:auto;}

.bridal .tokutyo .ttl{text-align:center;font-size: 3.7vw;font-feature-settings: "palt";font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;width: 90%;margin: 0 auto 5%;border: 1px solid;padding: 5% 0;letter-spacing: 1.5px;line-height: 2;}
.bridal .tokutyo .txt{width:90%;margin:0 auto;font-size:3.5vw;margin-bottom: 3%;}

/* facial
----------------------------------------------- */
.facial .intro{position:relative;padding-bottom:5%;margin-bottom: 7%;}
.facial .intro:before{content:"";width:100%;height: 46%;background:#ebe0de;position:absolute;z-index:-1;bottom:0;}
.facial .intro img{width:95%;margin-left:auto;}
.facial .intro p{width:90%;margin:0 auto;margin-bottom:3%;color:#585453;font-weight:bold;font-feature-settings: "palt";letter-spacing: 1px;text-align: justify;}

.facial .setumei{text-align: center;padding: 0 5%;margin-bottom:14%;}
.facial .setumei .ttl{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-size: 4.5vw;color: #000;font-feature-settings: "palt";}
.facial .setumei .txt{font-size: 3.5vw;}


/* campaign
----------------------------------------------- */
.campaign img{width: 100%;}
.campaign img.intro{width:90%;margin:0 auto;padding-bottom:12%}

.menuitem .ttl{background:#f4ecea;position:relative;padding: 13% 4% 4% 0;margin-bottom: 8%;font-size: 3.2vw;z-index: 7;}
.menuitem .ttl:before{content:"";background:url(./images/ttl_bg.png);position:absolute;width: 59%;height: 26vw;bottom: 7px;left:0;background-size: contain;background-repeat: no-repeat;z-index: 5;}
.menuitem .ttl img{top: -22%;left: 5%;position:absolute;width: 75%;z-index: 7;}
.menuitem .ttl .txt{text-align:right;margin-bottom: 0;font-size: 3.6vw;position: relative;z-index: 7;}
.menuitem .ttl .txt small{display:block;font-size:80%;}
.menuitem .ttl .txt b{color:#b2604f;}
.menuitem li{width:90%;margin:0 auto;border:1px solid #ccc;padding:5%;position: relative;z-index: 2;background: #fff;margin-bottom: 7%;}
.menuitem li .tit{position: relative;font-size: 4.8vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;line-height:1;padding-left: 8%;font-feature-settings: "palt";}
.menuitem li .tit:before{content:"";width: 8px;height: 173%;position:absolute;bottom:-5px;left:0;background:#dadada;}
.menuitem li .tit small{font-size:80%;}
.menuitem li .tit b{display:block;font-family: "EB Garamond";padding-top:2%;letter-spacing:2px;}
.menuitem dl{background:#ccc;padding:5%;font-family: "EB Garamond";margin-bottom:5%;}
.menuitem dt,.menuitem dd{display:inline-block;background:#fff;vertical-align:middle;padding:3%;width:48%;text-align:center;font-size:4.5vw;color: #3c3c3c;}
.menuitem dt{margin-right:4%}
.menuitem li .memo{margin-bottom:0;font-size:3.4vw;font-feature-settings: "palt";color: #000;}

.menuitem li.pink .tit:before{background:#e3cdc7;}
.menuitem li.blue .tit:before{background:#c6d4d7;}
.menuitem li.green .tit:before{background:#c6d7cd;}

.menuitem li.pink .tit b{color:#c6a19a}
.menuitem li.blue .tit b{color:#99b4b9}
.menuitem li.green .tit b{color:#648473}

.menuitem li.pink dl{background:#faf0e5;}
.menuitem li.blue dl{background:#f0f4f9;}
.menuitem li.green dl{background:#e9f1ec;}

/* salon
----------------------------------------------- */
.salon .pic{margin-bottom:5%;text-align: center;}
.salon .pic li{display:inline-block;width: 32%;vertical-align:top;}
.salon .pic li img{width:100%;}
.salon .pic li:nth-child(1){margin-top:5%}
.salon .pic li:nth-child(3){margin-top:9%}
.salon .map img{width:100%;}
table.info tr:nth-child(odd){background: #f5edec;}
table.info th{width:30%;padding:3%;vertical-align:middle;font-weight: bold;color: #6d6d6d;font-size: 3.4vw;}
table.info td{padding:3%}

/* recruit
----------------------------------------------- */
.recruit .ttl{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;text-align:center;font-size:3.7vw;}
.recruit .sub{text-align:center;}

/* sitemap
----------------------------------------------- */
.sitemap ul{width:100%;margin:0 auto;}
.sitemap li:nth-child(odd){background:#efefef;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
.sitemap li{position:relative;}
.sitemap li:after{content: "\f105";position:absolute;font-family: FontAwesome;top:50%;right:5%;font-size:4vw;margin-top:-6px;color:#ca948b}
.sitemap li a{font-size: 3.6vw;padding:4%;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000}

/* privacy
----------------------------------------------- */
.privacy_in { min-width: auto; }
.privacy {width: 100%;margin: 10% auto;margin-top:0;overflow:auto;-webkit-overflow-scrolling:touch;}
.privacy_in { min-width: auto; }
.privacy_in span {display:inline-block;margin-bottom:3%;font-size:4vw;color: #af8f8a}
.privacy_in p{font-size: 3.5vw;line-height: 1.6;}

/* contact_
----------------------------------------------- */
.contact_head p.title {text-align: center;color: #6d6d6d;font-size: 5vw;padding: 2%;width: 80%;letter-spacing: 3px;margin: 0 auto 5%;border: 1px solid #999999;}
.contact_head p.text {text-align: center;letter-spacing: 3px;font-size: 3.5vw;color: #2d2d2d;}
.contact_head a.tel {color: #bf9891;font-size: 11vw;letter-spacing: 2px;text-align: center;margin: 20px 0;margin-bottom: 0;font-family: "EB Garamond";}
.contact_head p.time {text-align: center;letter-spacing: 1px;line-height: 1.6;color: #616161;font-size: 3.5vw;font-family: "Didact Gothic";}
.contact_head a.line{display: block;background: #b3a39b;text-align: center;padding: 5%;font-size: 5vw;font-weight: 300;position: relative;color: #fff;}
.contact_head a.line:before{content: '';width: 44px;height: 42px;margin-right: 15px;background: url(https://eclat-ebisu.com/images/line.png) no-repeat;background-size: contain;position: absolute;top: 10px;left: 240px;display: inline-block;}

.contact form#mailformpro{border:3px solid #e0d6d4;padding:5%;margin:10% 0 0 0;}
.contact .mailformproTable th,.contact .mailformproTable td{display:inline-block;width:100%;padding: 5% 4%;}
.contact .mailformproTable th{padding-bottom:0;}

.contact .privacy_box{width: 100%;height: 200px;padding: 5%;border: 1px solid #ccc;overflow: hidden;overflow-y: scroll;margin: 10px auto;font-size: 3vw;}
.contact .privacy_box p { line-height: 1.3; }
.contact .privacy_box p span { font-weight: bold; }

.contact .chui {background: #fdfae4;padding: 5%;margin: 10px 0 0;}
.contact .chui p.ttl {margin: 0!important;font-size: 3.5vw;font-weight: bold;line-height: 1.5;}
.contact .chui p.txt {margin: 0!important;font-size: 3vw;line-height: 1.4;}

.contact .tyui_txt{text-align: center;background: #fff;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-size: 3.5vw;border: 1px dashed #cacaca;padding: 15px;line-height: 1.6;}
form#mailformpro .tyui_txt a{display:inline-block;color:#c46a8b;text-decoration:underline;margin:0;}
.contact .tyui_txt{font-size: 3.5vw;}

.hpb-bnr img{width:100%;margin-bottom: 5%;}

/* about
----------------------------------------------- */
ul.qa {margin-bottom:40px;}
ul.qa li{margin-bottom:20px;}
ul.qa li dl{padding: 4%;border: 3px solid #e6e6e6;}
ul.qa li dl dt{background: url(./images/qaq.jpg) no-repeat center left;background-size: 11%;margin-bottom:12px;padding: 4% 0 4% 17%;font-size: 4.6vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;border-bottom:1px dotted #ccc;line-height: 1.3;}
ul.qa li dl dd{background:url(./images/qaa.jpg) no-repeat top left;min-height:44px;line-height: 1.6;font-size: 3.7vw;}


/* about
----------------------------------------------- */
.about .sec01{background: url(./images/m_top.jpg)no-repeat top center;padding: 33% 0;background-size: 100%;height: 0;}
.about .sec02{background: url(./images/m_01.jpg)no-repeat top center;padding: 58% 0;background-size: 90%;height: 0;}
.about .sec03{background: url(./images/m_02.jpg)no-repeat top center;padding: 54% 0;background-size: 100%;height: 0;}
.about .sec04{background: url(./images/m_03.jpg)no-repeat top center;padding: 113% 0;background-size: 100%;height: 0;}

/* staff
----------------------------------------------- */
.staff img{width:100%;}
.staff .intro{position:relative;width: 90%;margin: 0 auto 8%;}
.staff .intro:before{content:"";background:#fdffeb;position:absolute;z-index:-1;width: 100%;height:100%;}
.staff .intro:after{content:"";background:#000;position:absolute;z-index:1;width:20%;height:2px;top:60%;left:9%}
.staff .intro img{display:inline-block;width:58.5%;vertical-align:middle;}
.staff .intro p{display:inline-block;width:40%;vertical-align:middle;font-family: "EB Garamond";font-size:6vw;letter-spacing:2px;
text-align:center;color:#000;}

.staff .ttl{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;font-size:4vw;letter-spacing: 1px;width: 100%;
padding: 0 5% 5% 5%;position:relative;border-bottom:2px solid #e8e0de}
.staff .txt{width:90%;margin:0 auto 3%;font-size:3.5vw}

.staff .second {position:relative;}
.staff .second img{margin-bottom:5%}
.staff .second:before{content:"";background: #fefff2;position:absolute;z-index:-2;width: 100%;height: 120%;}
.staff .second:after{content:"";background:#ffffff;position:absolute;z-index:-1;width: 80%;height:60%;right:0;top:0}

.doisyo a{background:#fdede9;width: 100%;font-size:4vw;text-align:center;margin:0 auto 10%;padding:5%;position:relative;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color:#000;} 
.doisyo a:after{content: "\f105";margin: 0 0 0 5%;font-family: FontAwesome;display: inline-block;}