/*!
Theme Name: lapin
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lapin
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lapin is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}




/* ========================================================================== */


html { font-size: 62.5%; }

body { 
	text-size-adjust: 100%; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	font-smoothing: antialiased; 
	text-rendering: auto; 
	/*
	font-family: Venetian, Georgia, "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; 
	*/
	font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; 
	color: #595757; 
	font-size: 14px; 
	line-height: 1; 
	letter-spacing: 0.1em; 
}

body a { text-decoration: none; }

body * { box-sizing: border-box; }

input, button, textarea, select {
	/*
	margin: 0; 
	padding: 0; 
	background: none; 
	border: none; 
	border-radius: 0; 
	outline: none; 
	-webkit-appearance: none; 
	appearance: none; 
	*/
}

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.container { width: 100%; overflow: hidden; }

@media screen and (max-width: 768px) { .container { overflow: hidden; } }

.main { display: block; }

.main-container { 
	/*
	width: calc(100% - 75px); 
	margin: calc(100vh - 135px) 0 0 75px; 
	*/
	width: calc(100% - 60px); 
	margin: calc(100vh - 110px) 0 0 60px; 
	position: relative; 
	z-index: 2; 
}

/*@media screen and (max-width: 768px) { .main-container { width: calc(100% - 35px); margin: calc(100vh - 64px) 0 0 35px; } }*/
@media screen and (max-width: 768px) { .main-container { width: 100%; margin: calc(100vh - 64px) 0 0 0; } }

/*.main-container.is-type2 { margin: 50vh 0 0 75px; }*/
.main-container.is-type2 { margin: 30vh 0 0 60px; }

/*@media screen and (max-width: 768px) { .main-container.is-type2 { margin: 237px 0 0 35px; } }*/
@media screen and (max-width: 768px) { .main-container.is-type2 { margin: 237px 0 0 0; } }

.main-container.is-type3 { margin: 0 0 0 75px; }

@media screen and (max-width: 768px) { .main-container.is-type3 { margin: 0 0 0 35px; } }

.top-section { background-color: #FFF !important; z-index: 1; }

.inner { 
	width: 100%; 
	display: block; 
	padding: 0 7%; 
	position: relative; 
	margin: 0 auto; 
	overflow: hidden;
}

@media screen and (max-width: 768px) { .inner { padding: 0 3%; max-width: 100%; margin-bottom: -2px; } }

.inner2 { width: 100%; display: block; padding: 0; margin: 0 auto; position: relative; max-width: 1400px; }

@media screen and (max-width: 768px) { .inner2 { max-width: 100%; } }

img { height: auto; }

.br-sp { display: none; }

@media screen and (max-width: 768px) { .br-sp { display: block; } }

.br-pc { display: block; }

@media screen and (max-width: 768px) { .br-pc { display: none; } }

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?m37ykq');
  src:  url('fonts/icomoon.eot?m37ykq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?m37ykq') format('truetype'),
    url('fonts/icomoon.woff?m37ykq') format('woff'),
    url('fonts/icomoon.svg?m37ykq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelop:before {
  content: "\e945";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-pinterest2:before {
  content: "\ead2";
}

/** Swiper 3.3.1 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2016, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: February 7, 2016 */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; margin: 0;}

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: cubic-bezier(0.04, 0.435, 0.315, 0.9); margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

/* Arrows */
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination { position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; display: block; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }

@media screen and (max-width: 768px) { .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -2px; } }

/* Bullets */
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #838ba0; outline: none; }

@media screen and (max-width: 768px) { .swiper-pagination-bullet { width: 6px; height: 6px; } }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { 
	cursor: pointer;
    display: block;
    margin: 20px;
}

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #FFF; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #5ace23; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #5ace23; }

.swiper-container-vertical > .swiper-pagination-bullets { left: 25px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 20px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }

/* Progress */
.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

/* 3D Container */
.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

/* Preloader */
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/*
.btn { 
	position: relative; 
	display: inline-block; 
	width: 190px; 
	border: 1px solid rgba(89, 87, 87, 0.3); 
	padding: 13px 0 13px; 
	text-align: center; 
	background-color: #FFF; 
	color: #595757; 
	overflow: hidden; 
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); 
}

@media screen and (max-width: 768px) { .btn { width: 140px; padding: 9px 0; } }

.btn:before, 
.btn:after { 
	content: ''; 
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	border-bottom: 45px solid #ba86ba; 
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); 
}

.btn:before { 
	right: -50px; 
	border-right: 50px solid transparent; 
	-webkit-transform: translateX(-100%); 
	transform: translateX(-100%); 
}

.btn:after { 
	left: -50px; 
	border-left: 50px solid transparent; 
	-webkit-transform: translateX(100%); 
	transform: translateX(100%); 
}

.btn:hover { color: #FFF; }

.btn:hover:before { -webkit-transform: translateX(-39%); transform: translateX(-39%); }

.btn:hover:after { -webkit-transform: translateX(39%); transform: translateX(39%); }

.btn span { position: relative; z-index: 3; font-size: 11px; font-size: 1.1rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .btn span { position: relative; display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } }
*/

.btn {
    /*線の基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/
  display:inline-block;
    /*padding: 10px 30px;*/
    padding: 30px 70px;
  
  color:#595757;
  border:1px solid #ccc;
    text-decoration: none;
    outline: none;
    /*はみ出す背景色を隠す*/
  overflow: hidden;
}

/*hoverした際のボタンの形状*/
.btn:hover {
  color:#fff;
  border-color: transparent;
    /*色の変化を遅らせる*/
  transition-delay: .6s;
}

/*線の設定*/
.btn span{
    display: block;
    z-index: 2;
	font-size: 11px; line-height: 1; letter-spacing: 0.2em;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

/*== 線から塗に変化（中央から外） */

/*線の設定*/
.btn-mid span::before,
.btn-mid span::after{
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    /*線の形状*/
    width: 100%;
    height:1px;
    background: #ba86ba;
    /*アニメーションの設定*/
  transition: all .3s;
    transform: scale(0,1);
    transform-origin: center;
}

/*上線*/
.btn-mid span::before {
    left:0;
    top:0;
}

/*下線*/
.btn-mid span::after {
    left:0;
    bottom:0;
}

/*hoverをすると線が伸びる*/
.btn-mid:hover span::before,
.btn-mid:hover span::after{
    transform: scale(1,1);
}

/*背景の設定*/
.btn-mid::before{
  content: '';
    /*絶対配置で線の位置を決める*/
  position: absolute;
  left: 0;
    top:0;
  z-index: -1;
    /*背景の形状*/
  height: 100%;
  width:100%;
  background:#ba86ba;
    /*アニメーションの設定*/
  transition: all .3s;
    transform: scale(0,1);
    transform-origin: center;
}

/*hoverをすると背景が伸びる*/
.btn-mid:hover::before{
  width: 100%;
    /*0.4秒遅れてアニメーション*/
  transition-delay: .4s;
    transform: scale(1,1);
}


.btn_w {
    /*線の基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/
  display:inline-block;
    padding: 10px 30px;
  
  color:#fff;
  border:1px solid #ccc;
    text-decoration: none;
    outline: none;
    /*はみ出す背景色を隠す*/
  overflow: hidden;
}

/*hoverした際のボタンの形状*/
.btn_w:hover {
  color:#ba86ba;
  border-color: transparent;
    /*色の変化を遅らせる*/
  transition-delay: .6s;
}

/*線の設定*/
.btn_w span{
    display: block;
    z-index: 2;
	font-size: 11px; line-height: 1; letter-spacing: 0.2em;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

/*== 線から塗に変化（中央から外） */

/*線の設定*/
.btn-mid_w span::before,
.btn-mid_w span::after{
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    /*線の形状*/
    width: 100%;
    height:1px;
    background: #fff;
    /*アニメーションの設定*/
  transition: all .3s;
    transform: scale(0,1);
    transform-origin: center;
}

/*上線*/
.btn-mid_w span::before {
    left:0;
    top:0;
}

/*下線*/
.btn-mid_w span::after {
    left:0;
    bottom:0;
}

/*hoverをすると線が伸びる*/
.btn-mid_w:hover span::before,
.btn-mid_w:hover span::after{
    transform: scale(1,1);
}

/*背景の設定*/
.btn-mid_w::before{
  content: '';
    /*絶対配置で線の位置を決める*/
  position: absolute;
  left: 0;
    top:0;
  z-index: -1;
    /*背景の形状*/
  height: 100%;
  width:100%;
  background:#fff;
    /*アニメーションの設定*/
  transition: all .3s;
    transform: scale(0,1);
    transform-origin: center;
}

/*hoverをすると背景が伸びる*/
.btn-mid_w:hover::before{
  width: 100%;
    /*0.4秒遅れてアニメーション*/
  transition-delay: .4s;
    transform: scale(1,1);
}







/*
.btn_w { position: relative; display: inline-block; width: 190px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 0 0 13px; text-align: center; background-color: #ba85b9; color: #fff; overflow: hidden; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .btn_w { width: 140px; padding: 9px 0; } }

.btn_w:before, .btn_w:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-bottom: 45px solid #fff; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.btn_w:before { right: -50px; border-right: 50px solid transparent; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.btn_w:after { left: -50px; border-left: 50px solid transparent; -webkit-transform: translateX(100%); transform: translateX(100%); }

.btn_w:hover { color: #ba85b9; }

.btn_w:hover:before { -webkit-transform: translateX(-39%); transform: translateX(-39%); }

.btn_w:hover:after { -webkit-transform: translateX(39%); transform: translateX(39%); }

.btn_w span { position: relative; z-index: 3; font-size: 11px; font-size: 1.1rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .btn_w span { position: relative; display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } }
*/










.btn-icon { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 auto; }

.btn-icon:hover .icon:before { color: #FFF; }

.btn-icon .icon { margin: 0 5px 0 0; position: relative; z-index: 2; }

.btn-icon .icon:before { transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); color: #595757; }

.btn-icon .icon-insta { position: relative; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: right; transform-origin: right; margin-left: -4px; }

/*
.btn-large { position: relative; display: inline-block; border: 1px solid rgba(89, 87, 87, 0.3); text-align: center; background-color: #FFF; color: #595757; overflow: hidden; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); max-width: 100%; width: 650px; padding: 48px 0; }

@media screen and (max-width: 768px) { .btn-large { width: 290px; padding: 18px 0 16px; } }

.btn-large:before { content: ''; width: 110%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); border-right: 50px solid transparent; border-bottom: 120px solid #ba86ba; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.btn-large:hover { color: #FFF; }

.btn-large:hover:before { -webkit-transform: translateX(0); transform: translateX(0); }

.btn-large span { font-size: 14px; font-size: 1.4rem; line-height: 1; position: relative; z-index: 3; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .btn-large span { position: relative; display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } }

.btn-large .icon { font-size: 13px; font-size: 1.3rem; line-height: 1; margin-right: 18px; }

@media screen and (max-width: 768px) { .btn-large .icon { position: relative; display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; margin-right: -3px; } }
*/

.btn-large{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
	overflow: hidden;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
   	border: 1px solid rgba(89, 87, 87, 0.3);/* ボーダーの色と太さ */
    text-align: center;
    outline: none;
    /*アニメーションの指定*/   
    transition: ease .2s;
	 color: #595757;
	 max-width: 100%; width: 650px; padding: 48px 0; 
}

/*ボタン内spanの形状*/
.btn-large span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#595757;
}

.btn-large:hover span{
	color:#fff;
}

/*== 背景が流れる（中央から縦全体） */
.bgcentery:before {
	content: '';
    /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
    /*色や形状*/
	background: #ba86ba;
	width: 100%;
	height: 100%;
    /*アニメーション*/
	transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(1, 0);
	transform-origin:center;
}

/*hoverした際の形状*/
.bgcentery:hover:before{
	transform:scale(1, 1);
}




.btn-gold { border: 1px solid #ba86ba; text-align: center; background-color: #ba86ba; color: #FFF; }

.btn-gold:before { border-bottom: 115px solid #FFF; }

.btn-gold:hover { color: #ba86ba; }

@media screen and (max-width: 768px) { .btn-gold span { font-size: 10px; line-height: 1; -webkit-transform: scale(1); transform: scale(1); } }

.btn-gray { border: 1px solid #e6e6e6; text-align: center; background-color: #e6e6e6; color: #595757; }

.btn-gray:before { border-bottom: 115px solid #FFF; }

.btn-gray:hover { border: 1px solid #ba86ba; color: #ba86ba; }

@media screen and (max-width: 768px) { .btn-gray span { font-size: 10px; line-height: 1; -webkit-transform: scale(1); transform: scale(1); } }

.btn-long { max-width: 100%; width: 280px; padding: 14px 0 15px; }

@media screen and (max-width: 768px) { .btn-long { width: 290px; padding: 20px 0 18px; } }

.btn-long:before, .btn-long:after { border-bottom: 45px solid #ba86ba; }

.btn-long span { font-size: 11px; line-height: 1; letter-spacing: 0.2em; }

@media screen and (max-width: 768px) { .btn-long span { position: relative; display: inline-block; font-size: 10px; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } }

.btn-long .icon { font-size: 12px; line-height: 1; }

@media screen and (max-width: 768px) { .btn-long .icon { position: relative; display: inline-block; font-size: 10px; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; margin-right: -3px; } }

.loader { display: none; }

.loader.is-complete { opacity: 0; visibility: hidden; pointer-events: none; transition-duration: .6s; }

.loader.is-transition .loader__text { opacity: 0; }

.page-transition { display: none; }

@-webkit-keyframes img_show { 0% { -webkit-transform: translate(0, 0) scaleX(0); transform: translate(0, 0) scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  35% { -webkit-transform: translate(0, 0) scaleX(1); transform: translate(0, 0) scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  36% { -webkit-transform: translate(0, 0) scaleX(1); transform: translate(0, 0) scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  60% { -webkit-transform: translate(0, 0) scaleX(1); transform: translate(0, 0) scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  100% { -webkit-transform: translate(0, 0) scaleX(0); transform: translate(0, 0) scaleX(0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@keyframes img_show { 0% { -webkit-transform: translate(0, 0) scaleX(0); transform: translate(0, 0) scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  35% { -webkit-transform: translate(0, 0) scaleX(1); transform: translate(0, 0) scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  36% { -webkit-transform: translate(0, 0) scaleX(1); transform: translate(0, 0) scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  60% { -webkit-transform: translate(0, 0) scaleX(1); transform: translate(0, 0) scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  100% { -webkit-transform: translate(0, 0) scaleX(0); transform: translate(0, 0) scaleX(0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@-webkit-keyframes copy { 0% { background-position: 0 0; }
  100% { background-position: -2633px 0; } }

@keyframes copy { 0% { background-position: 0 0; }
  100% { background-position: -2633px 0; } }

@-webkit-keyframes line_hover { 0% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); transform: translate(0, 0) rotate(0deg) scale(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  35% { -webkit-transform: translate(0, 0) rotate(0deg) scale(0); transform: translate(0, 0) rotate(0deg) scale(0);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  36% { -webkit-transform: translate(0, 0) rotate(0deg) scale(0); transform: translate(0, 0) rotate(0deg) scale(0);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  60% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); transform: translate(0, 0) rotate(0deg) scale(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  100% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); transform: translate(0, 0) rotate(0deg) scale(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

@keyframes line_hover { 0% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); transform: translate(0, 0) rotate(0deg) scale(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  35% { -webkit-transform: translate(0, 0) rotate(0deg) scale(0); transform: translate(0, 0) rotate(0deg) scale(0);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  36% { -webkit-transform: translate(0, 0) rotate(0deg) scale(0); transform: translate(0, 0) rotate(0deg) scale(0);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  60% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); transform: translate(0, 0) rotate(0deg) scale(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  100% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); transform: translate(0, 0) rotate(0deg) scale(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

@-webkit-keyframes line_to_bottom { 0% { -webkit-transform: scaleY(1); transform: scaleY(1);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  50% { -webkit-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  51% { -webkit-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: center top;
            transform-origin: center top; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1);
    -webkit-transform-origin: center top;
            transform-origin: center top; } }

@keyframes line_to_bottom { 0% { -webkit-transform: scaleY(1); transform: scaleY(1);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  50% { -webkit-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom; }
  51% { -webkit-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: center top;
            transform-origin: center top; }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1);
    -webkit-transform-origin: center top;
            transform-origin: center top; } }

@-webkit-keyframes line_to_left { 0% { -webkit-transform: scaleX(1); transform: scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  50% { -webkit-transform: scaleX(0); transform: scaleX(0);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  51% { -webkit-transform: scaleX(0); transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  100% { -webkit-transform: scaleX(1); transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

@keyframes line_to_left { 0% { -webkit-transform: scaleX(1); transform: scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  50% { -webkit-transform: scaleX(0); transform: scaleX(0);
    -webkit-transform-origin: right center;
            transform-origin: right center; }
  51% { -webkit-transform: scaleX(0); transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  100% { -webkit-transform: scaleX(1); transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

.open { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ba86ba; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 1; visibility: visible; z-index: 3000; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 1.4s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.open.is-loading img, .open.is-loading p { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.open.is-loaded { opacity: 0; visibility: hidden; z-index: -1; }

.open img { display: block; margin: 0 auto; width: 154px; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 5px); transform: translate(0, 5px); transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.1s; }

.open img:nth-of-type(2) { transition-delay: .4s; }

@media screen and (max-width: 768px) { .open img { width: 180px; } }

.open p { color: #FFF; text-align: center; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 5px); transform: translate(0, 5px); transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.4s; font-size: 12px; line-height: 1; letter-spacing: 0.1em; }

.global-header { position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, 0.9); opacity: 1; }

@media screen and (max-width: 768px) { 
	.global-header { 
		height: 80px;
		/*
		left: 16px;
		width: calc(100% - 45px);
		*/
	} 
}

.global-header.is-show { opacity: 1; }

/*.global-header.is-fixed { position: fixed; top: 0; left: 75px; width: calc(100% - 75px); }*/
.global-header.is-fixed { position: fixed; top: 0; left: 60px; width: calc(100% - 60px); }

/*
@media screen and (max-width: 768px) { 
	.global-header.is-fixed { 
		height: 80px;
		left: 35px;
		width: 92%;
	} 
}
*/
@media screen and (max-width: 768px) { 
	.global-header.is-fixed { 
		height: 80px;
		left: 0;
		width: 100%;
	} 
}

.global-header a { opacity: 1; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.global-header a:hover { opacity: 0.7; }

.global-header__btn { position: absolute; top: 40px; right: 4.5%; cursor: pointer; width: 35px; height: 23px; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .global-header__btn { top: 27px; right: 4%; } }

.global-header__btn.is-open span { opacity: 0; }

.global-header__btn.is-open span:first-child { -webkit-transform: translate(0, 7px) rotate(0deg); transform: translate(0, 7px) rotate(0deg); }

@media screen and (max-width: 768px) { .global-header__btn.is-open span:first-child { -webkit-transform: translate(15px, 6px) rotate(0deg); transform: translate(15px, 6px) rotate(0deg); } }

.global-header__btn.is-open span:nth-child(2) { -webkit-transform: translate(0, 7px) rotate(0deg); transform: translate(0, 7px) rotate(0deg); opacity: 0; }

@media screen and (max-width: 768px) { .global-header__btn.is-open span:nth-child(2) { -webkit-transform: translate(0, 6px) rotate(0deg); transform: translate(0, 6px) rotate(0deg); } }

.global-header__btn.is-open span:last-child { -webkit-transform: translate(0, 7px) rotate(0deg); transform: translate(0, 7px) rotate(0deg); }

@media screen and (max-width: 768px) { .global-header__btn.is-open span:last-child { -webkit-transform: translate(0, 6px) rotate(0deg); transform: translate(0, 6px) rotate(0deg); } }

/*
.global-header__btn:hover span:nth-child(2) { width: 30px; }

.global-header__btn:hover span:last-child { width: 20px; }

*/

.global-header__btn span { display: block; width: 35px; height: 2px; background-color: #ba86ba; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1; }

@media screen and (max-width: 768px) { .global-header__btn span { width: 23px; height: 1px; } }

.global-header__btn span:first-child { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }

.global-header__btn span:nth-child(2) { -webkit-transform: translate(0, 7px) rotate(0deg); transform: translate(0, 7px) rotate(0deg); }

@media screen and (max-width: 768px) { .global-header__btn span:nth-child(2) { -webkit-transform: translate(0, 6px) rotate(0deg); transform: translate(0, 6px) rotate(0deg); } }

.global-header__btn span:last-child { -webkit-transform: translate(0, 14px) rotate(0deg); transform: translate(0, 14px) rotate(0deg); }

@media screen and (max-width: 768px) { .global-header__btn span:last-child { -webkit-transform: translate(0, 12px) rotate(0deg); transform: translate(0, 12px) rotate(0deg); } }



.global-header__logo { display: block; margin: 10px 0 0 4.5%; }

@media screen and (max-width: 768px) { .global-header__logo { margin: 10px 0 0 7%; } }

.global-header__logo svg, .global-header__logo img { width: 100px; }

@media screen and (max-width: 768px) { .global-header__logo svg, .global-header__logo img { width: 90px; } }

.global-footer { 
	padding: 95px 0 28px; 
	background-color: #FFF; 
	position: relative; 
	z-index: 1; 
	margin-top: -38px;
}

@media screen and (max-width: 768px) { .global-footer { padding: 36px 0 88px; } }

.global-footer__contact { text-align: center; margin: 0 0 59px; }

@media screen and (max-width: 768px) { .global-footer__contact { margin: 0 0 25px; } }

.global-footer__sns { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 0 35px; }

@media screen and (max-width: 768px) { .global-footer__sns { margin: 0 0 31px; } }

.global-footer__sns a { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 25px; color: #595757; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .global-footer__sns a { -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; margin: 0 5px; } }

.global-footer__sns a:hover { color: #ba86ba; }

.global-footer__sns a:hover i:before { color: #ba86ba; }

.global-footer__sns a i { margin-right: 14px; font-size: 18px; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .global-footer__sns a i { font-size: 11px; margin: 0 0 7px; } }

.global-footer__sns a i:before { color: #595757; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.global-footer__sns a span { font-size: 10px; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .global-footer__sns a span { position: relative; display: inline-block; font-size: 10px; line-height: 1; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: center; transform-origin: center; } }

.global-footer__nav { display: block; margin: 0 0 56px; }

@media screen and (max-width: 768px) { .global-footer__nav { margin: 0 0 18px 9px; } }

.global-footer__nav-row { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 0 20px; }

@media screen and (max-width: 768px) { .global-footer__nav-row { margin: 0 0 11px; } }

@media screen and (max-width: 768px) { .global-footer__nav-row.is-pc { display: none; } }

.global-footer__nav-row.is-sp { display: none; }

@media screen and (max-width: 768px) { .global-footer__nav-row.is-sp { display: -ms-flexbox; display: flex; } }

.global-footer__nav a { display: block; font-size: 10px; font-weight: 500; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; position: relative; margin-right: 40px; color: #595757; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .global-footer__nav a { margin-right: 9px; }
  .global-footer__nav a.is-m { margin-left: -12px; } }

.global-footer__nav a:after { content: '|'; position: absolute; top: 0; right: -21px; }

.global-footer__nav a:last-of-type { margin-right: 0; }

.global-footer__nav a:last-of-type:after { display: none; }

.global-footer__nav a:hover { color: #ba86ba; }

.global-footer__nav a .icon { display: inline-block; margin-left: 7px; }

@media screen and (max-width: 768px) { .global-footer__nav a { position: relative; display: inline-block; font-size: 10px; line-height: 1; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: center; transform-origin: center; } }

.global-footer__copy { display: block; text-align: center; font-size: 10px; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .global-footer__copy { width: 350px; position: relative; font-size: 10px;line-height: 1; -webkit-transform: scale(0.65); transform: scale(0.65); -webkit-transform-origin: center; transform-origin: center; margin: 0 0 0 -11px; } }

.global-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; color: #FFF; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; background-color: rgb(186 133 185 / 85%); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.global-menu.is-open { opacity: 1; visibility: visible; pointer-events: auto; z-index: 2000; }

.global-menu__close { position: absolute; top: 39px; right: 55px; cursor: pointer; width: 40px; height: 40px; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; }

@media screen and (max-width: 768px) { .global-menu__close { top: 21px; right: 20px; -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); } }

.global-menu__close.is-open { opacity: 1; }

@media screen and (max-width: 768px) { .global-menu__close.is-open { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); } }

.global-menu__close.is-open span:first-child { -webkit-transform: rotate(-45deg) translate(-1px, 0); transform: rotate(-45deg) translate(-1px, 0); }

.global-menu__close.is-open span:last-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.global-menu__close span { display: block; width: 30px; height: 1px; background-color: #FFF; position: relative; top: 10px; left: 10px; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.global-menu__close span:first-child { -webkit-transform: rotate(180deg) translate(-1px, 0); transform: rotate(180deg) translate(-1px, 0); }

.global-menu__close span:last-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.global-menu__side { width: 100px; position: relative; }

@media screen and (max-width: 768px) { .global-menu__side { display: none; } }

.global-menu__side-inner { position: relative; top: 53%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; }

.global-menu__side-box { position: relative; }

.global-menu__side-box .pagetop { position: relative; 
	width: 64px; 
	left:0; 
	color: currentColor; 
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	margin-bottom: -100px;
}

.global-menu__side-box .pagetop__line { 
	width: 70px;
    margin-right: 0;
    margin-bottom: 44px;
}

.global-menu__side-box.is-flow .global-menu__side-link { margin-top: 199px; }

.global-menu__side-link { margin: 203px 0 40px 0; }

.global-menu__side-link a { width: 40px; display: block; margin: 0 auto 22px; color: #FFF; text-align: center; }

.global-menu__side-link a:hover .icon { -webkit-transform: scale(1.1); transform: scale(1.1); }

.global-menu__side-link a .icon { display: inline-block; position: relative; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.global-menu__side-link a .icon:before { color: currentColor; }

.global-menu__side-link a .icon-mail { font-size: 14px; }

.global-menu__side-link a .icon-insta { font-size: 18px; }

.global-menu__side-link a .icon-fb { font-size: 18px; }

.global-menu__side-link a .icon-tw { font-size: 15px; }

.global-menu__main { width: calc(100% - 100px); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .global-menu__main { width: 100%; } }

.global-menu__logo { display: block; text-align: center; margin: 0 0 50px; }

@media screen and (max-width: 768px) { .global-menu__logo { margin: 0 0 44px; } }

.global-menu__logo img { width: 235px; margin-left: -10px; }

@media screen and (max-width: 768px) { .global-menu__logo img { width: 175px; } }

.global-menu__nav { display: block; text-align: center; width: 384px; margin: 0 auto; }

@media screen and (max-width: 768px) { .global-menu__nav { width: 100%; margin: 0 auto 45px; } }


.global-menu__nav a { display: block; position: relative; color: currentColor; overflow: hidden; margin: 0 0 30px; }

@media screen and (max-width: 768px) { .global-menu__nav a { margin: 0 0 26px; } }


/*
.global-menu__nav a.is-salon-info span:before, .global-menu__nav a.is-salon-info span:after { width: 60px; }

.global-menu__nav a.is-long { overflow: visible; }

.global-menu__nav a.is-long span:before, .global-menu__nav a.is-long span:after { width: 80px; }

.global-menu__nav a span { font-size: 20px; font-size: 2rem; line-height: 1; letter-spacing: 0.15em; display: inline-block; position: relative; }
*/

.global-menu__nav a span {
  display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
	 font-size: 20px; line-height: 1; letter-spacing: 0.15em
}
.global-menu__nav a:hover span {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}






@media screen and (max-width: 768px) { .global-menu__nav a span { font-size: 14px; line-height: 1; } }

.global-menu__nav a span:hover:before, .global-menu__nav a span:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); }

@media screen and (max-width: 768px) { .global-menu__nav a span:hover:before, .global-menu__nav a span:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); } }

/*
.global-menu__nav a span:before, .global-menu__nav a span:after { content: ''; position: absolute; width: 120px; height: 1px; background-color: currentColor; -webkit-transform: scaleX(0); transform: scaleX(0); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.global-menu__nav a span:before { top: 10px; left: 110%; -webkit-transform-origin: left center; transform-origin: left center; }

.global-menu__nav a span:after { top: 10px; right: 110%; -webkit-transform-origin: right center; transform-origin: right center; }

*/

.global-menu__nav a .icon { margin-left: 10px; }

@media screen and (max-width: 768px) { .global-menu__nav a .icon { font-size: 11px; } }

.global-menu__sns-sp { display: none; }

@media screen and (max-width: 768px) { .global-menu__sns-sp { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
  .global-menu__sns-sp a { display: block; color: #FFF; margin: 0 40px 0 0; }
  .global-menu__sns-sp a:last-of-type { margin-right: 0; }
  .global-menu__sns-sp a .icon:before { color: #FFF; }
  .global-menu__sns-sp a .icon-mail { font-size: 10px; }
  .global-menu__sns-sp a .icon-insta { font-size: 14px; }
  .global-menu__sns-sp a .icon-fb { font-size: 13px; }
  .global-menu__sns-sp a .icon-tw { font-size: 14px; } }

.pagetop { 
	width: 64px; 
	display: -ms-flexbox; 
	display: flex; 
	-ms-flex-pack: start; 
	justify-content: flex-start; 
	-ms-flex-align: center; 
	align-items: center; 
	z-index: 10; 
	/*
	-webkit-transform: rotate(90deg); 
	transform: rotate(90deg);
	*/
	-webkit-transform-origin: left top; 
	transform-origin: left top; 
	color: #3e3a39; 
	position: absolute; 
	top: 0; 
	left: 0; 
	cursor: pointer; 
}

.pagetop__line { 
	width: 80px; 
	height: 1px; 
	display: block; 
	background-color: currentColor; 
	margin-right: 2px; 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.pagetop__text { 
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; 
	font-size: 16px; 
	line-height: 0.92308; 
	letter-spacing: 0.2em; 
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

a .pagetop__text {
	color: #fff;
}

a:hover .pagetop__text {
	opacity: 0.7;
}

.pagetop2 { 
	width: 180px; 
	display: -ms-flexbox; 
	display: flex; 
	-ms-flex-pack: start; 
	justify-content: flex-start; 
	-ms-flex-align: center; 
	align-items: center; 
	z-index: 10; 
	-webkit-transform: rotate(90deg); 
	transform: rotate(90deg);
	-webkit-transform-origin: left top; 
	transform-origin: left top; 
	color: #3e3a39; 
	position: absolute; 
	top: 20px; 
	left: 0; 
	cursor: pointer; 
}

.pagetop__line2 { 
	width: 70px; 
	height: 1px; 
	display: block; 
	background-color: currentColor; 
	margin-right: 2px; 
}

.pagetop__text2 { 
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; 
	font-size: 13px; 
	line-height: 0.92308; 
	letter-spacing: 0.2em; 
}

.mainvisual { position: fixed; top: 0; left: 0; /*z-index: 1;*/ width: 100%; height: 100vh; overflow: hidden; }

.mainvisual.is-concept { background-image: url(images/mv_info.png); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-concept { background-image: url(images/kv@sp.jpg); } }

.mainvisual.is-news { background-image: url(images/mv_news.png); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-news { background-image: url(images/kv@sp.jpg); } }

.mainvisual.is-policy { background-image: url(images/policy/kv.jpg); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-policy { background-image: url(images/kv@sp.jpg); } }

.mainvisual.is-salon { background-image: url(images/mv_menu.png); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-salon { background-image: url(images/kv@sp.jpg); } }

.mainvisual.is-brand { background-image: url("images/mv_nailist.png"); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-brand { background-image: url(images/kv@sp.jpg); } }

.mainvisual.is-contact { background-image: url(images/mv_reserve.png); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-contact { background-image: url(images/kv@sp.jpg); } }

.mainvisual.is-counseling { background-image: url(images/mv_counseling.png); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-counseling { background-image: url(images/kv@sp.jpg); } }

.mainvisual.is-pmenu { background-image: url(images/mv_pmenu.png); background-position: bottom; background-size: cover; height: 30vh; }

@media screen and (max-width: 768px) { .mainvisual.is-pmenu { background-image: url(images/kv@sp.jpg); } }

/*.mainvisual__head { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 50vh; padding: 0 0 0 100px; }*/
.mainvisual__head { /*display: -ms-flexbox; display: flex;*/ -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 50vh; padding: 130px 0 0 140px; }

/*@media screen and (max-width: 768px) { .mainvisual__head { height: 203px; padding: 20px 0 0 35px; } }*/
@media screen and (max-width: 768px) { 
	.mainvisual__head {
		height: 80px;
		padding: 20px 0 0 35px;
		background-color: rgba(255,255,255,0.8);
	}
}

.mainvisual__title { color: #FFF; font-family: "BellMTStd-Italic", serif; font-style: italic; font-size: 29px; line-height: 1; letter-spacing: 0.15em; text-align: center; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; -webkit-transform: translate(0, -25px); transform: translate(0, -25px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media screen and (max-width: 768px) { .mainvisual__title { font-size: 15px; font-size: 1.5rem; line-height: 1; } }

.mainvisual__title.is-loaded { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.mainvisual__slide-item { display: block; width: 100%; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; }

.mainvisual__slide-item.is-first { background-image: url(images/top/mv1.jpg); }

@media screen and (max-width: 768px) { .mainvisual__slide-item.is-first { background-image: url(images/top/mv1@sp.jpg); } }

.mainvisual__slide-item.is-second { background-image: url(images/top/mv2.jpg); }

@media screen and (max-width: 768px) { .mainvisual__slide-item.is-second { background-image: url(images/top/mv2@sp.jpg); } }

.mainvisual__slide-item.is-third { background-image: url(images/top/mv3.jpg); }

@media screen and (max-width: 768px) { .mainvisual__slide-item.is-third { background-image: url(images/top/mv3@sp.jpg); } }


.top_logo {
	position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.top_logo {
		top: 47%;
		left: 40%;
	}
	.top_logo img {
		width: 125%;
	}
}





.mainvisual__slide-nav { 
	position: absolute;
    bottom: 123px;
    right: 18px;
    top: 35%;
    z-index: 10;
}

@media screen and (max-width: 768px) { .mainvisual__slide-nav { bottom: 84px; right: 20px; } }

.mainvisual__scroll { position: absolute; bottom: 320px; left: 33px; width: 240px; color: #3e3a39; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; z-index: 10; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left top; transform-origin: left top; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; visibility: visible; }

@media screen and (max-width: 768px) { .mainvisual__scroll { bottom: 218px; left: 22px; -webkit-transform: scale(0.5) rotate(90deg); transform: scale(0.5) rotate(90deg); } }

.mainvisual__scroll.is-hide { opacity: 0; visibility: hidden; }

.mainvisual__scroll span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 13px; line-height: 0.92308; letter-spacing: 0.2em; }

/*
.mainvisual__scroll i { 
	display: block; 
	width: 80px; 
	height: 1px; 
	background-color: currentColor; 
	margin-left: 10px; 
	-webkit-animation: line_to_left 2s cubic-bezier(0.04, 0.435, 0.315, 0.9) infinite; 
	animation: line_to_left 2s cubic-bezier(0.04, 0.435, 0.315, 0.9) infinite; 
}
*/

.mainvisual__scroll2 { 
	position: absolute;
    bottom: -72px;
    left: 1px;
    width: 240px;
    color: #3e3a39;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    /* -webkit-transform: rotate(90deg); */
    /* transform: rotate(90deg); */
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 768px) { 
	.mainvisual__scroll2 { 
		bottom: 169px; 
		left: 22px; 
		/*-webkit-transform: scale(0.5) rotate(90deg); 
		transform: scale(0.5) rotate(90deg); */
	} 
}


.arrow_top {
  width: 0;
  height: 40px;
  border: 1px solid #b380b1;
  position: relative;
  animation: scroll_top 1.5s infinite;
  -webkit-animation: scroll_top 1.5s infinite;
    top: -164px;
    left: -124px;
    opacity: 1;
}

.arrow_top::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: -5px;
	width: 1px;
	height: 10px;

	border-top: 10px solid #b380b1;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

@keyframes scroll_top {
  0% {
    height: 40px;
  }
  30% {
    height: 70px;
  }
  60% {
    height: 40px;
  }
}

@-webkit-keyframes scroll {
  0% {
    height: 40px;
  }
  30% {
    height: 70px;
  }
  60% {
    height: 40px;
  }
}


@media screen and (max-width: 768px) { 
	.arrow_top {
		width: 0;
		height: 7px;
		border: 1px solid #b380b1;
		position: relative;
		animation: scroll_top 1.5s infinite;
		-webkit-animation: scroll_top 1.5s infinite;
		top: 90px;
		left: -153px;
		opacity: 1;
	}

	.arrow_top::after {
		content: '';
		display: block;
		position: absolute;
		top: 100%;
		left: -5px;
		width: 1px;
		height: 10px;

		border-top: 10px solid #b380b1;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
	}

}

.arrow_top.is-hide { opacity: 0; visibility: hidden; }








.swiper-pagination-bullet { 
	width: 15px; 
	height: 15px; 
	background-color: #FFF; 
	margin: 0 10px; 
	border-radius: 0px; 
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); 
}

@media screen and (max-width: 768px) { .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 5px; } }

.swiper-pagination-bullet:hover { background-color: #ba86ba; }

.swiper-pagination-bullet-active { background-color: #ba86ba; }

.is-mv-black .mainvisual__title { color: #3e3a39; }

@media screen and (max-width: 768px) { .concept .mainvisual__title { color: #3e3a39; } }

.top-concept { padding: 229px 0 150px; background-image: url(images/top/concept-bg.png); background-position: 0 0; background-repeat: no-repeat; }

@media screen and (max-width: 768px) {
	.top-concept { 
	    padding: 0 0 94px;
		background-image: none;
		background-position: center 0;
		background-color: #fff; 
	} 
}

.top-concept__content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .top-concept__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.top-concept__copy { opacity: 0; width: 42%; font-size: 83px; font-size: 8.3rem; line-height: 1.20482; letter-spacing: 0.05em; overflow: hidden; }

@media screen and (max-width: 768px) { .top-concept__copy { width: 100%; } }

.top-concept__copy2 { opacity: 1; width: 42%; font-size: 36px; /*font-size: 8.3rem;*/ line-height: 2em; letter-spacing: 0.05em; overflow: hidden; font-feature-settings: 'palt'; }

@media screen and (max-width: 768px) { .top-concept__copy2 { width: 100%;font-size: 24px;line-height: 1.5em;margin: 0 0 60px; } }

.top-concept__copy3 { opacity: 1; width: 100%; font-size: 24px; /*font-size: 8.3rem;*/ line-height: 2em; letter-spacing: 0.05em; overflow: hidden; font-feature-settings: 'palt'; }

@media screen and (max-width: 768px) { .top-concept__copy3 { width: 100%; } }

.top-concept__copy svg text { font-size: 83px; font-size: 8.3rem; line-height: 1.20482; letter-spacing: 0.05em; }

.top-concept__copy .mainvisual__slide { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; -webkit-clip-path: url(#svgPath); clip-path: url(#svgPath); }

.top-concept__copy span { position: relative; z-index: 2; background-clip: text; -webkit-text-fill-color: transparent; }

.top-concept__info { width: 50%; text-align: center; }

@media screen and (max-width: 768px) { .top-concept__info { width: 100%; } }

.top-concept__title { 
	font-size: 37px; 
	font-size: 3.7rem; 
	line-height: 1; 
	letter-spacing: 0.05em; 
	margin: 0 0 13px; 
	padding: 10px 0 0 12px; 
	font-weight: 400;
}

.top-concept__title span { display: inline-block; margin: 0 -12px 0 0; }

@media screen and (max-width: 768px) { .top-concept__title span { margin: 0 -6px 0 0; } }

@media screen and (max-width: 768px) { .top-concept__title { font-size: 22px; line-height: 1; padding-left: 6px; } }

.top-concept__subtitle { display: block; font-size: 16px; line-height: 1; letter-spacing: 0.05em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; margin: 0 0 44px; }

@media screen and (max-width: 768px) { .top-concept__subtitle { font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0em; } }

.top-concept__text { font-size: 15px; line-height: 1.66667; letter-spacing: 0.05em; margin: 0 0 42px; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

.top-concept__text span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 105%; }

@media screen and (max-width: 768px) { .top-concept__text { width: 110%; position: relative; left: -5%; font-size: 14px; line-height: 1.81818; letter-spacing: 0em; margin: 0 0 36px; } }

.top-concept__text2 { width: 400px; margin: 0 auto 42px; text-align: justify; font-size: 15px; line-height: 1.66667; letter-spacing: 0.05em; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

.top-concept__text3 { width: 170px; margin: 0 auto 10px; text-align: justify; font-size: 15px; line-height: 1.66667; letter-spacing: 0.05em; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

@media screen and (max-width: 768px) { .top-concept__text2, .top-concept__text3 { width: 100%; position: relative; left: 0; font-size: 14px; line-height: 1.81818; letter-spacing: 0em; margin: 0 0 36px; } }

.top-counseling__title { font-style: italic; font-weight: 200; font-size: 37px; font-size: 3.7rem; line-height: 1; letter-spacing: 0.05em; margin: 0 0 13px; padding: 10px 0 0 12px; }

@media screen and (max-width: 768px) { .top-counseling__title { font-size: 22px; font-size: 2.2rem; line-height: 1; padding-left: 6px; } }

.top-counseling__subtitle { font-size: 24px; line-height: 1.8em; margin: 40px 0 50px; }

@media screen and (max-width: 768px) { .top-counseling__subtitle { font-size: 21px; line-height: 1; letter-spacing: 0em; } }

@media screen and (max-width: 768px) { 
	.top-counseling {
		padding-left: 60px !important;
	}
}

.capter__head { 
	text-align: center; 
	/*margin: 0 0 77px;*/
	font-style: italic; 
	font-family: "BellMTStd-Regular", serif; 
}

.capter__head.is-animation .capter__head-t1, .capter__head.is-animation .capter__head-t2 { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

@media screen and (max-width: 768px) { .capter__head.is-animation .capter__head-t1, .capter__head.is-animation .capter__head-t2 { -webkit-transform: translate(0, 0) scale(0.8); transform: translate(0, 0) scale(0.8); } }

.capter__head.is-animation .capter__head-slash { -webkit-transform: rotate(-45deg) scaleX(1); transform: rotate(-45deg) scaleX(1); }

.capter__head.is-animation .capter__head-title { 
	opacity: 1; 
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	margin: 0;
	padding-bottom: 70px;
}

.capter__head.is-animation .capter__head-title img {
	width: 55px;
    padding-bottom: 30px;
}

@media screen and (max-width: 768px) { .capter__head { margin: 0 0 46px; } }

.capter__head-top { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 0 59px; }

@media screen and (max-width: 768px) { .capter__head-top { margin: 0 0 33px; } }

.capter__head-t1 { font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0.15em; position: relative; top: -10px; left: 10px; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); }

@media screen and (max-width: 768px) { .capter__head-t1 { font-size: 10px; font-size: 1rem; line-height: 1; display: inline-block; position: relative; -webkit-transform: translate(0, -20px) scale(0.8); transform: translate(0, -20px) scale(0.8); -webkit-transform-origin: left center; transform-origin: left center; top: -6px; left: 20px; } }

.capter__head-slash { width: 54px; height: 1px; background-color: #ba86ba; -webkit-transform: rotate(-45deg) scaleX(0); transform: rotate(-45deg) scaleX(0); -webkit-transform-origin: center; transform-origin: center; transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.3s; -webkit-transform-origin: right center; transform-origin: right center; position: relative; top: -17px; left: -10px; }

@media screen and (max-width: 768px) { .capter__head-slash { width: 30px; top: -7px; left: -5px; } }

.capter__head-t2 { position: relative; top: 12px; left: -12px; font-size: 20px; font-size: 2rem; line-height: 1; letter-spacing: 0.15em; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); }

@media screen and (max-width: 768px) { .capter__head-t2 { font-size: 14px; line-height: 1; top: 6px; left: -10px; } }

.capter__head-t2 small { font-size: 16px; font-size: 1.6rem; line-height: 1; letter-spacing: 0.05em; }

@media screen and (max-width: 768px) { .capter__head-t2 small { font-size: 10px; font-size: 1rem; line-height: 1; display: inline-block; position: relative; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left center; transform-origin: left center; } }

.capter__head-title { position: relative; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.6s; opacity: 0; -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); }

@media screen and (max-width: 768px) { .capter__head-title { font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0.15em; } }

.capter__head-title2 { font-size: 29px; font-size: 2.9rem; line-height: 1; letter-spacing: 0.15em; font-family: "EB Garamond", sans-serif; margin: 0 0 18px; }

@media screen and (max-width: 768px) { .capter__head-title2 { font-size: 18px; font-size: 1.8rem; line-height: 1; letter-spacing: 0.05em; margin: -5px 0 6px; } }

.capter__head-jp span { font-size: 12px; font-size: 1.2rem; line-height: 1; letter-spacing: 0em; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

@media screen and (max-width: 768px) { .capter__head-jp span { font-size: 10px; font-size: 1rem; line-height: 1; display: inline-block; position: relative; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center center; transform-origin: center center; } }

@media screen and (max-width: 768px) { .capter .capter__head { margin: 0 0 31px; } }

.top-counseling { 
	text-align: center;
    height: 410px;
    padding-left: 196px;
    vertical-align: middle;
    display: table-cell;
}

.top-counseling .btn { /*background-color: #ece8e5;*/ }

.top-brand { 
	/*padding: 0 0 155px;*/
	padding: 0 0 1px;
}

@media screen and (max-width: 768px) { .top-brand { padding: 0 0 90px; margin-top: -90px; } }

.top-brand__slide { margin: 0 0 24px; }

@media screen and (max-width: 768px) { .top-brand__slide { margin: 0 0 -2px; } }

.top-brand__slide a { display: block; position: relative; overflow: hidden; color: #FFF; }

.top-brand__slide a:hover div { opacity: 1; visibility: visible; }

.top-brand__slide a:hover div > span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.top-brand__slide a img { display: block; width: 100%; margin: 0 auto; }

.top-brand__slide a div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(89, 87, 87, 0.8); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; visibility: hidden; }

.top-brand__slide a div > span { font-size: 17px; font-size: 1.7rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-transform: translate(0, -6px); transform: translate(0, -6px); }

@media screen and (max-width: 768px) { .top-brand__slide a div > span { font-size: 10px; font-size: 1rem; line-height: 1; } }

.top-brand__slide-nav { margin: 0 0 75px; position: static; width: 100%; text-align: center; }

@media screen and (max-width: 768px) { .top-brand__slide-nav { margin: 8px 0 25px; } }

.top-brand__slide-nav .swiper-pagination-bullet { background-color: #c9caca; }

.top-brand__slide-nav .swiper-pagination-bullet-active { background-color: #ba86ba; }

.top-brand__feature { margin: 0 0 70px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 768px) { .top-brand__feature { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 26px; } }

.top-brand__feature-item { display: block; width: calc(33.3% - 13px); }

@media screen and (max-width: 768px) { .top-brand__feature-item { width: calc(50% - 5px); margin-bottom: 10px; }
  /*.top-brand__feature-item:first-child { margin-right: 10px; }*/
  .top-brand__feature-item:nth-child(3) { width: 100%; } }

.top-brand__feature-item a { display: block; position: relative; color: #FFF; overflow: hidden; }

.top-brand__feature-item a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.top-brand__feature-item a:hover div { opacity: 1; visibility: visible; }

.top-brand__feature-item a:hover div > span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.top-brand__feature-item a img { width: 100%; display: block; margin: 0 auto; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; }

.top-brand__feature-item a div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(89, 87, 87, 0.8); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; visibility: hidden; }

.top-brand__feature-item a div > span { font-size: 17px; font-size: 1.7rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-transform: translate(0, -6px); transform: translate(0, -6px); }

@media screen and (max-width: 768px) { .top-brand__feature-item a div > span { font-size: 10px; font-size: 1rem; line-height: 1; } }

@media screen and (max-width: 768px) {
	li.top-brand__feature-item {
		width: 100%;
	}
}

.top-brand__list { margin: 0 0 72px; }

@media screen and (max-width: 768px) { .top-brand__list { margin: 0 0 21px; } }

.top-brand__list-category { width: 250px; text-align: center; margin: 0 auto 68px; padding: 0 0 26px; position: relative; }

@media screen and (max-width: 768px) { .top-brand__list-category { margin: 0 auto 34px; padding: 0 0 11px; width: 175px; } }

.top-brand__list-category:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ba86ba; }

.top-brand__list-category span { font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0.15em; font-family: "BellMTStd-Regular", serif; font-style: italic; }

@media screen and (max-width: 768px) { .top-brand__list-category span { position: relative; display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center; transform-origin: center; } }

.top-brand__list-items { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 830px; margin: 0 auto; }

@media screen and (max-width: 768px) { .top-brand__list-items { width: 90%; } }

.top-brand__list-item { display: block; width: 25%; text-align: center; margin: 0 0 50px; }

.is-3x3 .top-brand__list-item { width: 33.3%; }

@media screen and (max-width: 768px) { .is-3x3 .top-brand__list-item { width: 50%; } }

@media screen and (max-width: 768px) { .top-brand__list-item { width: 50%; margin: 0 0 26px; } }

.top-brand__list-item a { display: block; position: relative; }

.top-brand__list-item a:hover img { opacity: 0; }

.top-brand__list-item a:hover img[src*="h.png"] { opacity: 1; }

.top-brand__list-item a img { display: block; margin: 0 auto; opacity: 1; max-width: 90%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.top-brand__list-item a img[src*="h.png"] { opacity: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.top-brand__list-item a img[src*="dress-1."], .top-brand__list-item a img[src*="dress-1h"] { width: 100px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-1."], .top-brand__list-item a img[src*="dress-1h"] { width: 57.5px; } }

.top-brand__list-item a img[src*="dress-2"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-2"] { width: 110px; } }

.top-brand__list-item a img[src*="dress-3"] { width: 94px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-3"] { width: 54.5px; } }

.top-brand__list-item a img[src*="dress-4"] { width: 100px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-4"] { width: 57.5px; } }

.top-brand__list-item a img[src*="dress-5"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-5"] { width: 110px; } }

.top-brand__list-item a img[src*="dress-6"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-6"] { width: 110px; } }

.top-brand__list-item a img[src*="dress-7"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-7"] { width: 110px; } }

.top-brand__list-item a img[src*="dress-8"] { width: 100px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-8"] { width: 70px; } }

.top-brand__list-item a img[src*="dress-9"] { width: 100px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-9"] { width: 57.5px; } }

.top-brand__list-item a img[src*="dress-10"] { width: 100px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-10"] { width: 65px; } }

.top-brand__list-item a img[src*="dress-11"] { width: 100px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-11"] { width: 57.5px; } }

.top-brand__list-item a img[src*="dress-12"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-12"] { width: 100px; } }

.top-brand__list-item a img[src*="dress-13"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-13"] { width: 100px; } }

.top-brand__list-item a img[src*="dress-14"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-14"] { width: 100px; } }

.top-brand__list-item a img[src*="dress-15"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-15"] { width: 100px; } }

.top-brand__list-item a img[src*="dress-16"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="dress-16"] { width: 100px; } }

.top-brand__list-item a img[src*="jewely-1"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="jewely-1"] { width: 110px; } }

.top-brand__list-item a img[src*="jewely-2"] { width: 100px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="jewely-2"] { width: 57.5px; } }

.top-brand__list-item a img[src*="jewely-3"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="jewely-3"] { width: 110px; } }

.top-brand__list-item a img[src*="jewely-4"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="jewely-4"] { width: 110px; } }

.top-brand__list-item a img[src*="jewely-5"] { width: 90px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="jewely-5"] { width: 50px; } }

.top-brand__list-item a img[src*="jewely-6"] { width: 130px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="jewely-6"] { width: 90px; } }

.top-brand__list-item a img[src*="other-1"] { width: 140px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="other-1"] { width: 70px; } }

.top-brand__list-item a img[src*="other-2"] { width: 90px; }

@media screen and (max-width: 768px) { .top-brand__list-item a img[src*="other-2"] { width: 50px; } }

.top-brand__btn { text-align: center; }

.top-salon-news { 
	padding: 0 0 155px; 
	margin-top: -20px;
}

@media screen and (max-width: 768px) { .top-salon-news { padding: 0 0 90px; } }

.top-salon-news__cover { margin: 0 0 50px; }

@media screen and (max-width: 768px) { .top-salon-news__cover { margin: 0 0 25px; } }

.top-salon-news__cover a { display: block; overflow: hidden; color: #FFF; }

.top-salon-news__cover a:hover div { opacity: 1; visibility: visible; }

.top-salon-news__cover a:hover div > span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.top-salon-news__cover a img { display: block; width: 100%; margin: 0 auto; }

.top-salon-news__cover a div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(89, 87, 87, 0.8); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; visibility: hidden; }

.top-salon-news__cover a div > span { font-size: 17px; font-size: 1.7rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-transform: translate(0, -6px); transform: translate(0, -6px); }

@media screen and (max-width: 768px) { .top-salon-news__cover a div > span { font-size: 10px; font-size: 1rem; line-height: 1; } }

.top-salon-news__items { 
	display: -ms-flexbox; display: flex; 
	-ms-flex-pack: start; 
	justify-content: flex-start; 
	margin: 0 0 40px; 
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) { .top-salon-news__items { margin: 0 0 33px; padding: 0; } }

.top-salon-news__item { display: block; width: calc(33.3% - 14px); margin: 0 20px 50px 0; }

.top-salon-news__item:nth-child(2) { transition-delay: .3s; }

@media screen and (max-width: 768px) { .top-salon-news__item { width: calc(50% - 5px); margin: 0 10px 0 0; }
  .top-salon-news__item:nth-child(2) { margin-right: 0; } }

.top-salon-news__item:nth-child(3n) { margin-right: 0; transition-delay: .6s; }

@media screen and (max-width: 768px) { .top-salon-news__item:nth-child(3n) { display: none; } }

.top-salon-news__item a { display: block; color: #595757; overflow: hidden; text-align: center; }

.top-salon-news__item a:hover { text-decoration: none; }

.top-salon-news__item a:hover .top-salon-news__item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.top-salon-news__item a:hover .top-salon-news__item-img div { opacity: 1; visibility: visible; }

.top-salon-news__item a:hover .top-salon-news__item-img div > span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.top-salon-news__item a:hover .top-salon-news__item-time { color: #ba86ba; }

.top-salon-news__item a:hover .top-salon-news__item-category { color: #ba86ba; }

.top-salon-news__item a:hover .top-salon-news__item-title { color: #ba86ba; /*text-decoration: underline;*/ }

.top-salon-news__item-img { position: relative; overflow: hidden; margin: 0 0 26px; }

@media screen and (max-width: 768px) { .top-salon-news__item-img { margin: 0 0 14px; } }

.top-salon-news__item-img img { display: block; width: 100%; margin: 0 auto; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; }

.top-salon-news__item-img div { 
	display: -ms-flexbox; 
	display: flex; 
	-ms-flex-pack: center; 
	justify-content: center; 
	-ms-flex-align: center; 
	align-items: center; 
	position: absolute; width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	background-color: rgba(186, 133, 185, 0.8); 
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); 
	opacity: 0; 
	visibility: hidden; 
}

.top-salon-news__item-img div > span { font-size: 17px; font-size: 1.7rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-transform: translate(0, -6px); transform: translate(0, -6px); color: #FFF; }

@media screen and (max-width: 768px) { .top-salon-news__item-img div > span { font-size: 10px; font-size: 1rem; line-height: 1; } }

.top-salon-news__item-head { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 0 10px; }

@media screen and (max-width: 768px) { .top-salon-news__item-head { padding: 0 0 0 5px; margin: 0 0 6px; } }

.top-salon-news__item-time { display: block; font-size: 12px; font-size: 1.2rem; line-height: 1; letter-spacing: 0.1em; color: #898989; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media screen and (max-width: 768px) { .top-salon-news__item-time { font-size: 10px; font-size: 1rem; line-height: 1; position: relative; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left top; transform-origin: left top; } }

.top-salon-news__item-category { display: block; font-size: 12px; font-size: 1.2rem; line-height: 1; letter-spacing: 0.1em; position: relative; color: #898989; padding: 0 0 0 21px; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media screen and (max-width: 768px) { .top-salon-news__item-category { font-size: 10px; font-size: 1rem; line-height: 1; position: relative; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left top; transform-origin: left top; padding: 0 0 0 7px; } }

.top-salon-news__item-category:before { content: '|'; position: absolute; top: 0; left: 8px; }

@media screen and (max-width: 768px) { .top-salon-news__item-category:before { left: -4px; } }

.top-salon-news__item-title { font-size: 14px; font-size: 1.4rem; line-height: 1.78571; letter-spacing: 0.05em; height: 43px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: left;}

@media screen and (max-width: 768px) { .top-salon-news__item-title { height: 50px; font-size: 14px; line-height: 1.72727; } }

.top-salon-news__btn { text-align: center; }

.top-salon-info { /*padding: 0 0 115px;*/ }

@media screen and (max-width: 768px) { .top-salon-info { padding: 0 0 90px; margin-top: -90px; }
  .top-salon-info .no-link .top-salon-info__item-img > div { opacity: 1; }
  .top-salon-info .no-link .top-salon-info__item-img > div span { -webkit-transform: translate(0, 4px); transform: translate(0, 4px); } }

.top-salon-info__items { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (max-width: 768px) { .top-salon-info__items { display: none; } }

.top-salon-info__item { display: block; width: calc(33.3% - 13px); margin: 0 20px 0 0; }

.top-salon-info__item:nth-child(2) { transition-delay: 0.3s; }

.top-salon-info__item:nth-child(3) { transition-delay: 0.6s; }

@media screen and (max-width: 768px) { .top-salon-info__item { width: 100%; margin: 0; } }

.top-salon-info__item-inner > a { display: block; }

.top-salon-info__item-inner > a:hover .top-salon-info__item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.top-salon-info__item-inner > a:hover .top-salon-info__item-img div { opacity: 1; }

.top-salon-info__item-inner > a.no-link { pointer-events: none; }

.top-salon-info__item-inner > a.no-link .top-salon-info__item-img div { opacity: 1; }

.top-salon-info__item-img { position: relative; margin: 0 0 26px; overflow: hidden; }

.top-salon-info__item-img img { display: block; width: 100%; margin: 0 auto; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; }

.top-salon-info__item-img div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(89, 87, 87, 0.8); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; }

.top-salon-info__item-img div > span { font-size: 17px; font-size: 1.7rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-transform: translate(0, -6px); transform: translate(0, -6px); color: #FFF; }

@media screen and (max-width: 768px) { .top-salon-info__item-img div > span { font-size: 10px; font-size: 1rem; line-height: 1; } }

.top-salon-info__item-btn { text-align: center; }

.top-salon-info__slide { position: relative; padding: 0 24px; }

.top-salon-info__slide-nav { width: 100%; text-align: center; margin: 2px 0 0; position: static; display: none; }

@media screen and (max-width: 768px) { .top-salon-info__slide-nav { display: block; } }

.top-salon-info__slide-nav-prev { outline: none; position: absolute; top: 34%; left: 9px; }

.top-salon-info__slide-nav-prev img { width: 6px; }

.top-salon-info__slide-nav-next { outline: none; position: absolute; top: 34%; right: 9px; }

.top-salon-info__slide-nav-next img { width: 6px; }

.top-salon-info__slide .swiper-pagination-bullet { background-color: #c9caca; }

.top-salon-info__slide .swiper-pagination-bullet-active { background-color: #ba86ba; }

.top-gallery { padding: 0 0 149px; }

@media screen and (max-width: 768px) { .top-gallery { padding: 0 0 90px; } }

.top-gallery__items { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 80px; }

@media screen and (max-width: 768px) { .top-gallery__items { margin: 0 0 36px; } }

.top-gallery__item { display: block; width: 25%; overflow: hidden; }

@media screen and (max-width: 768px) { .top-gallery__item { width: 33.3%; } }

.top-gallery__item:nth-child(9) { display: none; }

@media screen and (max-width: 768px) { .top-gallery__item:nth-child(9) { display: block; } }

.top-gallery__item a { display: block; position: relative; color: #FFF; overflow: hidden; }

.top-gallery__item a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.top-gallery__item a:hover .top-gallery__item-heart { opacity: 1; visibility: visible; }

.top-gallery__item a:hover .top-gallery__item-heart span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.top-gallery__item a img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 auto; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; }

.top-gallery__item-heart { position: absolute; top: 0; left: 0; background-color: rgba(169, 151, 109, 0.9); width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; visibility: hidden; }

.top-gallery__item-heart span { font-family: "EB Garamond", sans-serif; font-size: 20px; font-size: 2rem; line-height: 1; letter-spacing: 0.1em; position: relative; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); -webkit-transform: translate(0, -6px); transform: translate(0, -6px); }

@media screen and (max-width: 768px) { .top-gallery__item-heart span { font-size: 10px; font-size: 1rem; line-height: 1; } }

.top-movie { /*position: relative;*/ width: 100%; height: 450px; background-image: url("images/top/counseling_bg.png"); background-position: top left; background-repeat: no-repeat; background-size: cover; }

.top-movie img { width: 100%; }

.top-movie__video { width: 100%; height: auto; }

.top-movie__play { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border-radius: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .top-movie__play { width: 40px; height: 40px; } }

.top-movie__play .icon { font-size: 80px; display: block; }

@media screen and (max-width: 768px) { .top-movie__play .icon { font-size: 40px; } }

.top-movie__play .icon:before { color: #FFF; }

.top-movie__play-icon { display: block; width: 100%; margin: 0 auto; }

.top-movie__play-icon img { display: block; width: 100%; margin: 0 auto; }

.side-nav { position: absolute; top: 100px; left: -26px; color: #3e3a39; height: calc( 100vh - 100px ); }

/*@media screen and (max-width: 768px) { .side-nav { -webkit-transform: scale(0.5); transform: scale(0.5); top: -42px; left: -17px; } }*/
@media screen and (max-width: 768px) { .side-nav { display: none; } }

.side-nav.is-fixed { 
	position: fixed; 
	top: 100px; 
	left: 33px; 
	z-index: 1;
}

/*@media screen and (max-width: 768px) { .side-nav.is-fixed { top: -42px; left: 17px; height: calc( 100vh + 354px );} }*/
@media screen and (max-width: 768px) { .side-nav.is-fixed { display: none;} }

.side-nav__sns { margin: 220px 0 0 -25px; }

@media screen and (max-width: 768px) { .side-nav__sns { margin: 220px 0 0 -25px; } }

.side-nav__sns a { width: 40px; margin: 0 0 35px; display: block; text-align: center; color: currentColor; }

@media screen and (max-width: 768px) { .side-nav__sns a { margin: 0 0 35px; } }

.side-nav__sns a:hover .icon { -webkit-transform: scale(1.1); transform: scale(1.1); }

.side-nav__sns a .icon { display: inline-block; position: relative; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.side-nav__sns a .icon:before { color: currentColor; }

.side-nav__sns a .icon-mail { font-size: 14px; }

.side-nav__sns a .icon-insta { font-size: 18px; }

.side-nav__sns a .icon-fb { font-size: 18px; }

.side-nav__sns a .icon-tw { font-size: 15px; }

.side-nav__sns a .icon-mw { width: 19px; }



.side-nav__yoyaku {
    width: 75px;
    padding: 0;
    position: absolute;
    /*background-color: #ba85b9;*/
    bottom: 0;
    left: -43px;
}

.side-nav__yoyaku a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 768px) {
	.side-nav__yoyaku {
		width: 73px;
		left: -45px;
	}
}

.side-nav__yoyaku img {
	width: 70px;
}


@media screen and (max-width: 768px) {
	.sp_contact_side {
		position: fixed;
		left: 12%;
		bottom: -2px;
		z-index: 9999;
	}
	.sp_contact_side img {
		width: 85%;
	}
}



.is-side-white .side-nav { color: #FFF; }

.is-side-white .pagetop { color: #FFF; }

@media screen and (max-width: 768px) { .concept .is-side-white .side-nav { color: #3e3a39; }
  .concept .is-side-white .pagetop { color: #3e3a39; } }

/*.breadcrumb { display: block; background-color: #FFF; padding: 129px 0 0; }*/

.breadcrumb { display: block; background-color: #FFF; padding: 100px 0 0; }

.breadcrumb .inner { padding: 20px 2%; background-color: #fff; }

@media screen and (max-width: 768px) { .breadcrumb { padding: 78px 0 0; } }

.breadcrumb__items { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-item-align: center; align-self: center; }

.breadcrumb__items a { display: block; position: relative; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0.2em; padding: 0 18px 0 0; color: #595757; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .breadcrumb__items a { -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: left center; transform-origin: left center; padding: 0 2px 0 0; } }

.breadcrumb__items a:after { content: '>'; position: absolute; top: 0; right: 5px; }

@media screen and (max-width: 768px) { .breadcrumb__items a:after { right: -9px; } }

.breadcrumb__items a:hover { color: #ba86ba; }

.breadcrumb__items span { display: block; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0.2em; }

@media screen and (max-width: 768px) { .breadcrumb__items span { position: relative; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: left center; transform-origin: left center; } }

.brand .breadcrumb__items span { left: -16px; }

.brand .breadcrumb__items span.is-list { left: 0; }

.filter { background-color: #FFF; padding: 60px 0 126px; }

@media screen and (max-width: 768px) { .filter { padding: 34px 0 39px; } }

.filter__items-sp { display: none !important; }

@media screen and (max-width: 768px) { .filter__items-sp { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-bottom: 4px; } }

.filter__items { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; }

@media screen and (max-width: 768px) { .filter__items { display: none; } }

.filter__items a { display: block; position: relative; color: #595757; padding: 0 25px; }

@media screen and (max-width: 768px) { .filter__items a { padding: 0 4px; } }

.filter__items a:after { content: '|'; position: absolute; top: 1px; right: 0; }

@media screen and (max-width: 768px) { .filter__items a:after { display: inline-block; position: relative; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center center; transform-origin: center center; } }

.filter__items a:last-of-type { padding-right: 0; }

.filter__items a:last-of-type:after { display: none; }

.filter__items a span { font-size: 16px; font-size: 1.6rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .filter__items a span { display: inline-block; position: relative; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center center; transform-origin: center center; } }

.filter__line { display: block; width: 100px; height: 2px; background-color: #ba86ba; position: absolute; bottom: -21px; left: 50%; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .filter__line { height: 1px; bottom: -8px; } }

.filter__line:after { content: ''; position: absolute; bottom: -7px; left: calc(50% - 6px); width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ba86ba transparent transparent transparent; }

@media screen and (max-width: 768px) { .filter__line:after { left: calc(50% - 3px); bottom: -4px; border-width: 4px 3px 0 3px; } }

.page-concept { padding: 98px 0 0; position: relative; }

.page-concept .inner { padding: 0 90px; }

@media screen and (max-width: 768px) { .page-concept { padding: 30px 0 60px; }
  .page-concept .inner { padding: 0 3%; } }

.page-concept__box { padding: 0 0 145px; text-align: center; position: relative; z-index: 2; background-color: #FFF; }

@media screen and (max-width: 768px) { .page-concept__box { padding: 0 0 46px; } }

.page-concept__box.is-last { padding-top: 100px; padding-bottom: 84px; }

@media screen and (max-width: 768px) { .page-concept__box.is-last { padding-bottom: 39px; padding-top: 24px; } }

.page-concept__box.is-mid { padding: 100px 0 0; }

@media screen and (max-width: 768px) { .page-concept__box.is-mid { padding: 47px 0 0; } }

.page-concept__title {
	/*
	font-size: 37px; 
	font-size: 3.7rem; 
	*/
	font-size: 21px; 
	line-height: 1; 
	letter-spacing: 0em; 
	margin: 0 0 16px; 
	font-weight: 200; 
}

@media screen and (max-width: 768px) { .page-concept__title { font-size: 16px; font-size: 1.6rem; line-height: 1; margin: 0 0 12px; } }

.page-concept__title span { display: inline-block; margin-right: -12px; }

@media screen and (max-width: 768px) { .page-concept__title span { margin-right: -8px; } }

.page-concept__subtitle { font-size: 16px; font-size: 1.6rem; line-height: 1; letter-spacing: 0.05em; margin: 0 0 71px; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .page-concept__subtitle { font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0em; margin: 0 0 30px; } }

.page-concept__text-jp { max-width: 360px; font-size: 14px; font-size: 1.4rem; line-height: 1.78571; letter-spacing: 0em; margin: 0 auto 26px; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

@media screen and (max-width: 768px) { .page-concept__text-jp { max-width: 92%; font-size: 14px; line-height: 1.81818; margin: 0 auto 22px; } }

.page-concept__text-en { max-width: 360px; margin: 0 auto; font-size: 14px; font-size: 1.2rem; line-height: 2.08333; letter-spacing: 0.05em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .page-concept__text-en { max-width: 80%; font-size: 10px; font-size: 1rem; line-height: 2; } }

.page-concept__img { margin: 0 auto 147px; height: 75vh; overflow: hidden; background-image: url(images/concept/img1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-size: 100% auto; }

.page-concept__img.is-fixed { background-image: none; }

.page-concept__img.is-fixed .page-concept__img-wrapper { position: fixed; top: 100px; left: 0; width: 100%; height: 100%; z-index: 1; }

.page-concept__img.is-fixed .page-concept__img-wrapper img { display: block; }

@media screen and (max-width: 768px) { .page-concept__img { height: 220px; margin: 0; } }

.page-concept__img img { display: none; width: 100%; margin: 0 auto; position: fixed; padding: 0 90px 0 165px; top: 100px; left: 0; z-index: 1; }

@media screen and (max-width: 768px) { .page-concept__img img { padding: 0 10px 0 45px; } }

.page-concept__logo { display: block; width: 106px; margin: 0 auto; }

@media screen and (max-width: 768px) { .page-concept__logo { width: 50px; } }

.news-items { background-color: #FFF; }

.news-items__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 19px; }

@media screen and (max-width: 768px) { .news-items__wrapper { margin: 0 0 10px; } }

.news-items__wrapper .top-salon-news__item { margin: 0 20px 77px 0; }

@media screen and (max-width: 768px) { .news-items__wrapper .top-salon-news__item { margin: 0 10px 35px 0; }
  .news-items__wrapper .top-salon-news__item:nth-child(2n) { margin-right: 0 !important; }
  .news-items__wrapper .top-salon-news__item:nth-child(2n-1) { margin-right: 10px !important; } }

.news-items__wrapper .top-salon-news__item:nth-child(3n-1) { transition-delay: .3s; }

.news-items__wrapper .top-salon-news__item:nth-child(3n) { margin-right: 0; transition-delay: .6s; }

@media screen and (max-width: 768px) { .news-items__wrapper .top-salon-news__item:nth-child(3n) { display: block; } }

.news-items__pagination, .news-items .wp-pagenavi { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0 0 5px; }

.news-items__pagination div, .news-items__pagination a, .news-items .wp-pagenavi div, .news-items .wp-pagenavi a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 45px; height: 45px; border: 1px solid #ba86ba; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; margin: 0 10px; color: #595757; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .news-items__pagination div, .news-items__pagination a, .news-items .wp-pagenavi div, .news-items .wp-pagenavi a { width: 34px; height: 34px; margin: 0 4px; } }

.news-items__pagination div span, .news-items__pagination a span, .news-items .wp-pagenavi div span, .news-items .wp-pagenavi a span { font-size: 11px; font-size: 1.1rem; line-height: 1; letter-spacing: 0.2em; }

@media screen and (max-width: 768px) { .news-items__pagination div span, .news-items__pagination a span, .news-items .wp-pagenavi div span, .news-items .wp-pagenavi a span { display: inline-block; position: relative; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center; transform-origin: center; } }

.news-items__pagination div.is-current, .news-items__pagination div:hover, .news-items__pagination a.is-current, .news-items__pagination a:hover, .news-items .wp-pagenavi div.is-current, .news-items .wp-pagenavi div:hover, .news-items .wp-pagenavi a.is-current, .news-items .wp-pagenavi a:hover { background-color: #ba86ba; color: #FFF; }

.news-entry { background-color: #FFF; }

.news-entry__header { padding: 52px 0 0; margin: 0 0 0 92px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; }

@media screen and (max-width: 768px) { .news-entry__header { -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 25px 7px 0; margin: 0 0 17px; } }

.news-entry__header-title { display: block; margin: 0 0 8px; font-family: "EB Garamond", sans-serif; font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0.15em; }

@media screen and (max-width: 768px) { .news-entry__header-title { position: relative; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left center; transform-origin: left center; margin: 0 0 4px; } }

.news-entry__header-data { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }

.news-entry__header-time { display: block; font-family: "EB Garamond", sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 1; letter-spacing: 0.15em; }

@media screen and (max-width: 768px) { .news-entry__header-time { font-size: 10px; font-size: 1rem; line-height: 1; position: relative; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left center; transform-origin: left center; } }

.news-entry__header-category { display: block; font-family: "EB Garamond", sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 1; letter-spacing: 0.15em; padding-left: 10px; position: relative; }

@media screen and (max-width: 768px) { .news-entry__header-category { font-size: 10px; font-size: 1rem; line-height: 1; position: relative; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left center; transform-origin: left center; padding-right: 4px; } }

.news-entry__header-category:before { content: '|'; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 768px) { .news-entry__header-category:before { left: -4px; } }

.news-entry__title { max-width: 70%; font-size: 18px; font-size: 1.8rem; line-height: 1.83333; letter-spacing: 0.05em; margin: 0 0 90px; padding: 17px 0 0 148px; }

@media screen and (max-width: 768px) { .news-entry__title { max-width: 100%; width: 100%; font-size: 14px; font-size: 1.4rem; line-height: 1.42857; margin: 0 0 34px; padding: 0 7px; } }

.news-entry__content { padding: 60px 0 20px; }

@media screen and (max-width: 768px) { .news-entry__content { padding-top: 0; } }

.news-entry__content b, .news-entry__content strong { font-weight: bold; }

.news-entry__content i, .news-entry__content em { font-style: italic; }

.news-entry__content a { color: #ba86ba; text-decoration: underline; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.news-entry__content p { font-size: 14px; font-size: 1.4rem; line-height: 2.07143; letter-spacing: 0.05em; margin: 0 0 45px; }

@media screen and (max-width: 768px) { .news-entry__content p { font-size: 14px; line-height: 1.81818; letter-spacing: 0em; margin: 0 0 21px; } }

.news-entry__content p.is-text { padding: 0 78px; margin: 0 0 88px; }

@media screen and (max-width: 768px) { .news-entry__content p.is-text { padding: 0 9px; margin: 0 0 35px; } }

.news-entry__content p img { display: block; margin: 0 auto; width: 100%; }

.news-entry__pagination { width: 380px; margin: 0 auto 39px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .news-entry__pagination { width: 225px; margin: 0 auto 5px; } }

.news-entry__pagination-prev, .news-entry__pagination-next { width: 150px; }

@media screen and (max-width: 768px) { .news-entry__pagination-prev, .news-entry__pagination-next { width: 100px; } }

.news-entry__pagination-prev a, .news-entry__pagination-next a { display: block; border: 1px solid rgba(89, 87, 87, 0.3); padding: 14px 0; text-align: center; color: #595757; background-color: #FFF; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .news-entry__pagination-prev a, .news-entry__pagination-next a { padding: 9px 0; } }

.news-entry__pagination-prev a:hover, .news-entry__pagination-next a:hover { background-color: #ba86ba; color: #FFF; }

.news-entry__pagination-prev a span, .news-entry__pagination-next a span { font-size: 11px; font-size: 1.1rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .news-entry__pagination-prev a span, .news-entry__pagination-next a span { display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; position: relative; -webkit-transform: scale(0.86); transform: scale(0.86); -webkit-transform-origin: center center; transform-origin: center center; } }

.news-entry .filter { padding-bottom: 27px; }

@media screen and (max-width: 768px) { .news-entry .filter { padding-bottom: 16px; } }

.news-entry .filter__items a span { font-size: 13px; font-size: 1.3rem; line-height: 1; letter-spacing: 0.2em; }

@media screen and (max-width: 768px) { .news-entry .filter__items a span { display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; position: relative; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center center; transform-origin: center center; } }

.news-entry .filter__items a:after { font-size: 10px; }

@media screen and (max-width: 768px) { .news-entry .filter__items a:after { top: -1px; } }

@media screen and (max-width: 768px) { .news-detail .news-entry .inner { padding: 0 4%; } }

.page-policy { background-color: #FFF; padding: 95px 0 1px; margin-bottom: -41px; }

@media screen and (max-width: 768px) { .page-policy { padding: 38px 12px 1px; margin-bottom: -32px; } }

.page-policy__data { max-width: 800px; margin: 0 auto; }

@media screen and (max-width: 768px) { .page-policy__data { max-width: 100%; } }

.page-policy__data dt { display: block; color: #ba86ba; font-size: 18px; font-size: 1.8rem; line-height: 1; letter-spacing: 0.05em; margin: 0 0 14px; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

.page-policy__data dt span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 105%; }

@media screen and (max-width: 768px) { .page-policy__data dt { font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0em; margin: 0 0 9px; } }

.page-policy__data dd { display: block; font-size: 14px; font-size: 1.4rem; line-height: 2.14286; letter-spacing: 0.05em; margin: 0 0 45px; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

.page-policy__data dd span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 105%; }

.page-policy__data dd ul { display: block; }

.page-policy__data dd ul li { display: block; font-size: 14px; font-size: 1.4rem; line-height: 2.14286; letter-spacing: 0.05em; padding: 0 0 0 1.4rem; position: relative; }

.page-policy__data dd ul li i { position: absolute; top: 0; left: 0; }

@media screen and (max-width: 768px) { .page-policy__data dd ul li { font-size: 14px; line-height: 1.81818; letter-spacing: 0em; padding: 0 0 0 1.1rem; } }

@media screen and (max-width: 768px) { .page-policy__data dd { font-size: 14px; line-height: 1.81818; letter-spacing: 0em; margin: 0 0 26px; } }

.page-salon { background-color: #FFF; position: relative; }

.page-salon__entry { height: 0; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; transition: opacity 3s ease; }

.page-salon__entry.is-open { opacity: 1; height: auto; visibility: visible; pointer-events: auto; }

.page-salon__entry-slide { margin: 0 0 24px; }

@media screen and (max-width: 768px) { .page-salon__entry-slide { margin: 0 0 2px; } }

.page-salon__entry-slide-item img { width: 100%; display: block; margin: 0 auto; }

.page-salon__entry-slide-nav { width: 100%; text-align: center; position: static; margin: 0 0 94px; }

@media screen and (max-width: 768px) { .page-salon__entry-slide-nav { margin: 0 0 44px; } }

.page-salon__entry-slide-nav .swiper-pagination-bullet { background-color: #c9caca; }

.page-salon__entry-slide-nav .swiper-pagination-bullet-active { background-color: #ba86ba; }

.page-salon__entry-head { text-align: center; margin: 0 0 34px; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 16px; font-size: 1.6rem; line-height: 1; letter-spacing: 0.05em; }

@media screen and (max-width: 768px) { .page-salon__entry-head { font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0.1em; margin: 0 0 11px; } }

.page-salon__entry-title { text-align: center; margin: 0 0 36px; font-family: "BellMTStd-Italic", serif; font-size: 37px; font-size: 3.7rem; line-height: 1; letter-spacing: 0.1em; }

@media screen and (max-width: 768px) { .page-salon__entry-title { font-size: 22px; font-size: 2.2rem; line-height: 1; margin: 0 0 25px; } }

.page-salon__entry-text { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 1.71429; letter-spacing: 0.05em; margin: 0 auto 51px; max-width: 500px; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

.page-salon__entry-text span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 105%; }

@media screen and (max-width: 768px) { .page-salon__entry-text { font-size: 14px; line-height: 1.81818; letter-spacing: 0.05em; margin: 0 auto 30px; max-width: 100%; padding: 0 8px; } }

.page-salon__entry-text-en { text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 2.08333; letter-spacing: 0.05em; margin: -29px auto 51px; max-width: 500px; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .page-salon__entry-text-en { margin: 0 auto 51px; } }

.page-salon__entry-brand { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0 0 6px; }

.page-salon__entry-brand img[src*="other-2"] { width: 68px !important; }

@media screen and (max-width: 768px) { .page-salon__entry-brand img[src*="other-2"] { width: 50px !important; } }

.page-salon__entry-btn { text-align: center; padding: 0 0 71px; }

@media screen and (max-width: 768px) { .page-salon__entry-btn { padding: 0 0 51px; } }

.page-salon__entry-btn.is-map { margin: -8px 0 -20px; }

@media screen and (max-width: 768px) { .page-salon__entry-btn.is-map { margin-bottom: -24px; } }

.page-salon__entry-btn.is-sp { display: none; }

@media screen and (max-width: 768px) { .page-salon__entry-btn.is-sp { display: block; padding: 0 0 72px; } }

.page-salon__entry-btn.is-last { margin-bottom: -70px; }

@media screen and (max-width: 768px) { .page-salon__entry-btn.is-last { margin-bottom: -20px; } }

@media screen and (max-width: 768px) { .page-salon__entry-btn .btn { height: 34px; } }

.page-salon__entry-btn .btn .icon { margin-left: 5px; }

@media screen and (max-width: 768px) { .page-salon__entry-btn .btn span, .page-salon__entry-btn .btn .icon { font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0.15em; -webkit-transform: scale(0.9); transform: scale(0.9); } }

.page-salon__entry-btn .btn span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

.page-salon__entry-btn-blank { color: #595757; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); display: inline-block; position: relative; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0.1em; }

@media screen and (max-width: 768px) { .page-salon__entry-btn-blank { padding-left: 3px; font-size: 10px; font-size: 1rem; line-height: 1; } }

.page-salon__entry-btn-blank:after { content: ''; position: absolute; bottom: -8px; left: -2%; width: 104%; height: 1px; background-color: #ba86ba; opacity: 0; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.page-salon__entry-btn-blank:hover:after { opacity: 1; }

.page-salon__entry-btn-blank .icon { display: inline-block; padding-left: 10px; font-size: 12px; }

@media screen and (max-width: 768px) { .page-salon__entry-btn-blank .icon { font-size: 10px; position: relative; top: 2px; left: -3px; } }

.page-salon__entry-btn-blank span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

.page-salon__entry-btn-blank:hover { color: #ba86ba; }

.page-salon__entry-map { padding: 0 0 5px; }

@media screen and (max-width: 768px) { .page-salon__entry-map { padding: 0 25px 55px; } }

.page-salon__entry-map-canvas { width: 100%; height: 500px; }

@media screen and (max-width: 768px) { .page-salon__entry-map-canvas { height: 159px; } }

.brand-copy { position: relative; width: 100%; height: 404px; background-image: url(images/brand/copy.png); background-position: center; background-repeat: no-repeat; }

@media screen and (max-width: 768px) { .brand-copy { height: 195px; background-position: center -15px; background-size: 1650px auto; } }

.brand-list { background-color: #FFF; padding-bottom: 23px; }

@media screen and (max-width: 768px) { .brand-list { padding-bottom: 19px; } }

.brand-list__wrapper { position: relative; }

.brand-list__items { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

@media screen and (max-width: 768px) { .brand-list__items { display: block; } }

.brand-list__item { display: block; width: calc(50% - 20px); margin: 0 20px 20px 0; }

@media screen and (max-width: 768px) { .brand-list__item { width: 100%; margin: 0 0 20px; } }

.brand-list__item:nth-child(2n) { margin-right: 0; }

.brand-list__item a { display: block; overflow: hidden; position: relative; color: #FFF; }

.brand-list__item a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.brand-list__item a:hover div { opacity: 1; visibility: visible; }

.brand-list__item a:hover div > span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.brand-list__item a img { display: block; width: 100%; margin: 0 auto; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; }

.brand-list__item a div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(89, 87, 87, 0.8); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; visibility: hidden; }

.brand-list__item a div > span { font-size: 20px; font-size: 2rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-transform: translate(0, -6px); transform: translate(0, -6px); }

@media screen and (max-width: 768px) { .brand-list__item a div > span { font-size: 10px; font-size: 1rem; line-height: 1; } }

.brand-entry { padding: 28px 0 1px; background-color: #FFF; }

@media screen and (max-width: 768px) { .brand-entry { padding: 12px 0 1px; } }

.brand-entry__eyecatch { margin: 0 0 78px; }

@media screen and (max-width: 768px) { .brand-entry__eyecatch { margin: 0 0 49px; } }

.brand-entry__eyecatch img { display: block; width: 100%; margin: 0 auto; }

.brand-entry__category { text-align: center; display: block; margin: 0 0 34px; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 16px; font-size: 1.6rem; line-height: 1; letter-spacing: 0.05em; }

@media screen and (max-width: 768px) { .brand-entry__category { font-size: 10px; font-size: 1rem; line-height: 1; margin: 0 0 11px; } }

.brand-entry__title { text-align: center; margin: 0 0 18px; font-family: "BellMTStd-Italic", serif; font-style: italic; font-size: 37px; font-size: 3.7rem; line-height: 1; letter-spacing: 0.05em; }

@media screen and (max-width: 768px) { .brand-entry__title { font-size: 22px; font-size: 2.2rem; line-height: 1; margin: 0 0 8px; } }

.brand-entry__jp { text-align: center; margin: 0 0 46px; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; font-size: 12px; font-size: 1.2rem; line-height: 1; letter-spacing: 0em; }

@media screen and (max-width: 768px) { .brand-entry__jp { font-size: 10px; font-size: 1rem; line-height: 1; position: relative; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center top; transform-origin: center top; margin: 0 0 28px; } }

.brand-entry__content { text-align: center; margin: 0 0 77px; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; font-size: 14px; font-size: 1.4rem; line-height: 1.78571; letter-spacing: 0em; }

@media screen and (max-width: 768px) { .brand-entry__content { font-size: 14px; line-height: 1.81818; margin: 0 0 54px; } }

.brand-entry__images { padding: 0 0 144px; }

@media screen and (max-width: 768px) { .brand-entry__images { display: none; } }

.brand-entry__images-row { margin: 0 0 18px; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; }

.brand-entry__image { width: calc(33.3% - 13px); margin-right: 18px; }

.brand-entry__image:last-child { margin-right: 0; }

@media screen and (max-width: 768px) { .brand-entry__image { width: calc(50% - 5px); margin: 0 0 10px; } }

.brand-entry__image:nth-child(2) { transition-delay: .3s; }

@media screen and (max-width: 768px) { .brand-entry__image:nth-child(2) { transition-delay: 0s; } }

.brand-entry__image:nth-child(3) { transition-delay: .6s; }

@media screen and (max-width: 768px) { .brand-entry__image:nth-child(3) { transition-delay: 0s; } }

.brand-entry__image.is-wide { width: calc(66.7% - 6px); }

@media screen and (max-width: 768px) { .brand-entry__image.is-wide { width: 100%; } }

.brand-entry__image a { display: block; overflow: hidden; position: relative; color: #FFF; }

.brand-entry__image a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.brand-entry__image a:hover > div { opacity: 1; visibility: visible; }

.brand-entry__image a:hover > div > span { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.brand-entry__image a > div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(89, 87, 87, 0.8); transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 0; visibility: hidden; }

.brand-entry__image a > div > span { font-size: 17px; font-size: 1.7rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); opacity: 1; -webkit-transform: translate(0, -6px); transform: translate(0, -6px); }

@media screen and (max-width: 768px) { .brand-entry__image a > div > span { font-size: 10px; font-size: 1rem; line-height: 1; } }

.brand-entry__image img { width: 100%; display: block; margin: 0 auto; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; }

.brand-entry__images-sp { display: none; }

@media screen and (max-width: 768px) { .brand-entry__images-sp { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 70px; } }

.brand-entry__designer { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; padding: 0 22px 149px; }

@media screen and (max-width: 768px) { .brand-entry__designer { display: block; padding: 0; } }

.brand-entry__designer-img { width: 330px; }

@media screen and (max-width: 768px) { .brand-entry__designer-img { width: 100%; padding: 0 35px; margin: 0 0 35px; } }

.brand-entry__designer-img img { width: 100%; display: block; margin: 0 auto; }

.brand-entry__designer-info { width: calc(100% - 330px); padding: 0 0 0 40px; margin: -3px 0 0 0; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; font-size: 14px; font-size: 1.4rem; line-height: 1.78571; letter-spacing: 0em; }

@media screen and (max-width: 768px) { .brand-entry__designer-info { width: 100%; padding: 0 10px 71px; margin: 0; font-size: 14px; line-height: 1.81818; } }

.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); z-index: 4000; z-index: -1; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.popup .js-scroll-fade-r { transition-delay: 1s; }

.popup.is-open { opacity: 1; visibility: visible; pointer-events: auto; z-index: 4000; }

.popup.no-slide .popup__nav, .popup.no-slide .popup__prev, .popup.no-slide .popup__next { opacity: 0; pointer-events: none; }

.popup__inner { width: 100vw; max-width: 85%; height: 100vh; margin: 0 auto; padding: 80px 0; }

@media screen and (max-width: 768px) { .popup__inner { max-width: 100%; padding: 80px 10px; } }

.popup__close { text-align: right; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 14px; font-size: 1.2rem; line-height: 1; letter-spacing: 0.15em; margin: 0 0 13px; padding-right: 50px; cursor: pointer; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .popup__close { padding-right: 20px; margin: 0 0 10px; }
  .popup__close span { display: inline-block; position: relative; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: right top; transform-origin: right top; } }

.popup__close:hover { color: #ba86ba; }

.popup__conteiner { position: relative; margin: 0 0 23px; }

.popup__slide { width: 100%; max-width: 950px; }

@media screen and (max-width: 768px) { .popup__slide { padding: 0 20px; } }

.popup__slide .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 630px; }

@media screen and (max-width: 768px) { .popup__slide .swiper-slide { height: 335px; } }

.popup__slide img { max-width: 100%; max-height: 630px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (max-width: 768px) { .popup__slide img { width: auto; height: auto; max-height: 335px; object-fit: contain; } }

.popup__next { position: absolute; top: 50%; right: 0; cursor: pointer; outline: none; z-index: 4001; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 768px) { .popup__next { right: 0px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; } }

.popup__next img { width: 17px; }

@media screen and (max-width: 768px) { .popup__next img { width: 7px; } }

.popup__prev { position: absolute; top: 50%; left: 0; cursor: pointer; outline: none; z-index: 4001; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 768px) { .popup__prev { left: 0px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; } }

.popup__prev img { width: 17px; }

@media screen and (max-width: 768px) { .popup__prev img { width: 7px; } }

@media screen and (max-width: 768px) { .popup__nav { margin: 0 0 34px; } }

.popup__title { text-align: center; margin: 0 0 41px; font-size: 33px; font-size: 3.3rem; line-height: 1; letter-spacing: 0.1em; font-family: "BellMTStd-Italic", serif; font-style: italic; }

@media screen and (max-width: 768px) { .popup__title { font-size: 22px; font-size: 2.2rem; line-height: 1; margin: 0 0 17px; } }

.popup__salon { text-align: center; margin: 0 0 78px; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 14px; font-size: 1.2rem; line-height: 1; letter-spacing: 0.15em; }

@media screen and (max-width: 768px) { .popup__salon { font-size: 9px; font-size: 0.9rem; line-height: 1; margin: 0 0 43px; } }

.popup__sns { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0 0 40px; }

.popup__sns a { width: 40px; margin: 0 15px; display: block; text-align: center; color: #595757; }

@media screen and (max-width: 768px) { .popup__sns a { width: 50px; margin: 0 0 35px; } }

.popup__sns a:hover .icon { -webkit-transform: scale(1.1); transform: scale(1.1); }

.popup__sns a .icon { display: inline-block; position: relative; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.popup__sns a .icon:before { color: currentColor; }

.popup__sns a .icon-mail { font-size: 16px; }

@media screen and (max-width: 768px) { .popup__sns a .icon-mail { font-size: 10px; } }

.popup__sns a .icon-insta { font-size: 21px; }

@media screen and (max-width: 768px) { .popup__sns a .icon-insta { font-size: 14px; } }

.popup__sns a .icon-fb { font-size: 21px; }

@media screen and (max-width: 768px) { .popup__sns a .icon-fb { font-size: 14px; } }

.popup__sns a .icon-tw { font-size: 17px; }

@media screen and (max-width: 768px) { .popup__sns a .icon-tw { font-size: 11px; } }

.page-contact { background-color: #FFF; padding: 90px 0 0; }

@media screen and (max-width: 768px) { .page-contact { padding: 40px 0 0; }
  .page-contact .inner { padding: 0 6%; } }

.page-contact .inner { max-width: 822px; }

.page-contact__note { line-height: 1.5; }

@media screen and (max-width: 768px) { .page-contact__note { font-size: 10px; font-size: 1rem; line-height: 1.8; letter-spacing: 0em; margin: 0 0 14px; position: relative; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left center; transform-origin: left center; } }

.page-contact__info { display: block; margin: 0 0 21px; }

@media screen and (max-width: 768px) { .page-contact__info { width: 115%; position: relative; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: left top; transform-origin: left top; margin: 0 0 11px; } }

.page-contact__info li { display: block; position: relative; padding-left: 1.5rem; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; font-size: 15px; font-size: 1.5rem; line-height: 2.2; letter-spacing: 0.05em; }

.page-contact__info li .only-pc span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 105%; }

@media screen and (max-width: 768px) { .page-contact__info li .only-pc { display: none; } }

@media screen and (max-width: 768px) { .page-contact__info li { font-size: 10px; font-size: 1rem; line-height: 1.8; letter-spacing: 0em; } }

.page-contact__info li i { position: absolute; top: 0; left: 0; }

.page-contact__call { display: none; }

@media screen and (max-width: 768px) { .page-contact__call { display: block; margin: 0 0 25px; }
  .page-contact__call a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 13px 0; margin: 0 0 13px; text-align: center; color: #595757; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; border: 1px solid rgba(89, 87, 87, 0.3); }
  .page-contact__call a i { font-size: 1px; display: block; margin-right: 5px; }
  .page-contact__call a div { font-size: 10px; font-size: 1rem; line-height: 1; }
  .page-contact__call a div span { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 105%; } }

.page-contact__input { display: block; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

.page-contact__input.is-confirm { margin: 0 0 100px; border-bottom: 1px solid #9fa0a0; }

@media screen and (max-width: 768px) { .page-contact__input.is-confirm { margin: 0 0 40px; } }

.page-contact__input.is-confirm dd { color: #695831; line-height: 1.6; padding: 12px 0 0; margin: 0 0 -3px; }

@media screen and (max-width: 768px) { .page-contact__input.is-confirm dd { margin: 0; padding: 12px 0 4px; } }

.page-contact__input > div { border-top: 1px solid #9fa0a0; position: relative; padding: 30px 0; }

@media screen and (max-width: 768px) { .page-contact__input > div { padding: 21px 0 22px; font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0.05em; } }

.page-contact__input dt { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0.05em; margin: 0 0 10px; }

@media screen and (max-width: 768px) { .page-contact__input dt { font-size: 10px; font-size: 1rem; line-height: 1; margin: 0 0 11px; }
  .page-contact__input dt .br-sp { width: 10px; } }

/*.page-contact__input dt i { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 50px; height: 20px; background-color: #ba86ba; color: #FFF; font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0.05em; -webkit-transform: scale(0.8); transform: scale(0.8); position: relative; top: 0; left: 8px; }*/

.page-contact__input dt i { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 50px; height: 20px; font-family: 'Noto sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-style: normal; color: #ba86ba; font-size: 16px; font-size: 1.6rem; line-height: 1; letter-spacing: 0.05em; -webkit-transform: scale(0.8); transform: scale(0.8); position: relative; top: 0; left: 4px; }

@media screen and (max-width: 768px) { .page-contact__input dt i { position: relative; -webkit-transform: scale(0.6); transform: scale(0.6); top: 0; left: 0; } }

.page-contact__input dt span { display: block; margin: 0 0 0 10px; color: #dc4a3c; font-size: 12px; font-size: 1.2rem; line-height: 1; }

@media screen and (max-width: 768px) { .page-contact__input dt span { font-size: 10px; font-size: 1rem; line-height: 1; margin: 0; position: relative; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left center; transform-origin: left center; } }

.page-contact__input dd { display: block; position: relative; }

.page-contact__btn { text-align: center; }

.page-contact__btn .btn-gray { margin: 22px 0 0; }

.page-contact__complete { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 2.35714; letter-spacing: 0.05em; padding: 5px 0 89px; }

@media screen and (max-width: 768px) { .page-contact__complete { font-size: 10px; font-size: 1rem; line-height: 1.6; letter-spacing: 0em; padding: 5px 0 45px; } }

.page-contact__group { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 18px 0 -10px; }

@media screen and (max-width: 768px) { .page-contact__group { margin: -2px 0 -1px; }
  .page-contact__group.is-wrap { margin: -2px 0 -1px; }
  .page-contact__group.is-wrap label { margin-bottom: 9px; } }

.page-contact__group2 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .page-contact__group2 { padding: 6px 0 0; } }

.page-contact__group2.is-multiple { padding: 2px 0 21px; }

.page-contact__group2.is-multiple label { height: 29px; }

.page-contact__group2.is-multiple input[type='radio'] + label { padding-right: 2px; }

.page-contact__group2.is-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.page-contact__group2.is-last { margin: 20px 0 0; }

@media screen and (max-width: 768px) { .page-contact__group2.is-last { margin: 9px 0 0; } }

.page-contact__group2-hyphen { font-size: 33px; font-size: 3.3rem; line-height: 1; letter-spacing: 0.05em; display: block; margin: 0 9px; }

@media screen and (max-width: 768px) { .page-contact__group2-hyphen { font-size: 22px; font-size: 2.2rem; line-height: 1; margin: 0 8px; } }

.page-contact__group2-year { font-size: 12px; font-size: 1.2rem; line-height: 1; letter-spacing: 0.05em; display: block; margin: 3px 19px 0 10px; }

.page-contact__group2-year:last-of-type { margin-right: 0; }

@media screen and (max-width: 768px) { .page-contact__group2-year { font-size: 10px; font-size: 1rem; line-height: 1; margin: 6px 9px 0 4px; } }

.page-contact__date { position: relative; margin: 0 20px 0 0; }

@media screen and (max-width: 768px) { .page-contact__date { margin: 0 15px 0 0; } }

.page-contact__date input { position: relative; z-index: 2; }

.page-contact__date img { width: 25px; position: absolute; top: 13px; right: 15px; }

@media screen and (max-width: 768px) { .page-contact__date img { width: 12.5px; } }

.page-contact__select { position: relative; width: 100px; border: 1px solid #9fa0a0; }

.page-contact__select.is-error { background-color: #fdcece; border: 1px solid #ff9a9a; color: #ff9a9a; }

@media screen and (max-width: 768px) { .page-contact__select { width: 70px; } }

@media screen and (max-width: 320px) { .page-contact__select { width: 53px; } }

.page-contact__select-arrow { width: 11px; display: block; position: absolute; top: 50%; right: 10px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 768px) { .page-contact__select-arrow { -webkit-transform: translate(0, -50%) scale(0.7); transform: translate(0, -50%) scale(0.7); right: 5px; } }

.page-contact__select-arrow:before { content: ''; position: absolute; top: 0; left: 0; width: 7px; height: 1px; background-color: #898989; -webkit-transform: rotate(44deg); transform: rotate(44deg); }

.page-contact__select-arrow:after { content: ''; position: absolute; top: 0; right: 0; width: 7px; height: 1px; background-color: #898989; -webkit-transform: rotate(-44deg); transform: rotate(-44deg); }

.page-contact__select.is-mid { width: 300px; }

@media screen and (max-width: 768px) { .page-contact__select.is-mid { width: 125px; }
  .page-contact__select.is-mid select { padding: 11px 0 10px; } }

@media screen and (max-width: 320px) { .page-contact__select.is-mid { width: 102px; } }

.page-contact input[type='text'], .page-contact textarea { width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 1.66667; letter-spacing: 0.05em; padding: 13px 16px; border: 1px solid #9fa0a0; }

@media screen and (max-width: 768px) { .page-contact input[type='text'], .page-contact textarea { padding: 11px 11px; font-size: 10px; font-size: 1rem; line-height: 1.6; } }

.page-contact input[type='text']::-webkit-input-placeholder, .page-contact textarea::-webkit-input-placeholder { font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; color: #898989; }

.page-contact input[type='text']:-moz-placeholder, .page-contact textarea:-moz-placeholder { font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; color: #898989; }

.page-contact input[type='text']::-moz-placeholder, .page-contact textarea::-moz-placeholder { font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; color: #898989; }

.page-contact input[type='text']:-ms-input-placeholder, .page-contact textarea:-ms-input-placeholder { font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; color: #898989; }

.page-contact input[type='text'].is-small, .page-contact textarea.is-small { width: 100px; }

@media screen and (max-width: 768px) { .page-contact input[type='text'].is-small, .page-contact textarea.is-small { width: 70px; padding: 7px 10px; } }

@media screen and (max-width: 320px) { .page-contact input[type='text'].is-small, .page-contact textarea.is-small { width: 67px; } }

.page-contact input[type='text'].is-mid, .page-contact textarea.is-mid { width: 300px; }

@media screen and (max-width: 768px) { .page-contact input[type='text'].is-mid, .page-contact textarea.is-mid { width: 125px; } }

.page-contact input[type='text'].is-error, .page-contact textarea.is-error { background-color: #fdcece; border: 1px solid #ff9a9a; color: #ff9a9a; }

.page-contact textarea { height: 120px; }

.page-contact select { width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 1.66667; letter-spacing: 0.05em; padding: 13px 16px; }

@media screen and (max-width: 768px) { .page-contact select { padding: 7px 10px; font-size: 10px; font-size: 1rem; line-height: 1.6; } }

.page-contact input[type='radio'], .page-contact input[type='checkbox'] { width: 0; visibility: hidden; }

.page-contact input[type='radio'] + label, .page-contact input[type='checkbox'] + label { display: inline-block; position: relative; font-size: 14px; font-size: 1.4rem; line-height: 2.35714; letter-spacing: 0.05em; padding: 0 24px 0 26px; cursor: pointer; }

@media screen and (max-width: 768px) { .page-contact input[type='radio'] + label, .page-contact input[type='checkbox'] + label { padding: 0 23px 0 17px; font-size: 10px; font-size: 1rem; line-height: 1.6; } }

.page-contact input[type='radio'] + label:before, .page-contact input[type='checkbox'] + label:before { content: ''; position: absolute; top: 7px; left: 0; width: 14px; height: 14px; border: 1px solid #9fa0a0; border-radius: 15px; }

@media screen and (max-width: 768px) { .page-contact input[type='radio'] + label:before, .page-contact input[type='checkbox'] + label:before { top: 3px; width: 10px; height: 10px; } }

.page-contact input[type='radio'] + label:after, .page-contact input[type='checkbox'] + label:after { content: ''; position: absolute; top: 10px; left: 3px; width: 8px; height: 8px; border: 1px solid #9fa0a0; border-radius: 15px; background-color: #ba86ba; opacity: 0; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .page-contact input[type='radio'] + label:after, .page-contact input[type='checkbox'] + label:after { top: 6px; width: 4px; height: 4px; } }

.page-contact input[type='radio']:checked + label:after, .page-contact input[type='checkbox']:checked + label:after { opacity: 1; }

.page-contact__agree { padding: 53px 0 0; margin: -4px 0 0; border-top: 1px solid #9fa0a0; }

@media screen and (max-width: 768px) { .page-contact__agree { padding: 41px 0 0; margin: 2px 0 0; } }

.page-contact__agree-title { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0.05em; margin: 0 0 22px; font-weight: bold; }

@media screen and (max-width: 768px) { .page-contact__agree-title { font-size: 10px; font-size: 1rem; line-height: 1; margin: 0 0 22px; } }

.page-contact__agree-box { width: 100%; height: 300px; border: 1px solid #9fa0a0; padding: 13px 27px; margin: 0 0 44px; overflow-y: scroll; -webkit-overflow-scrolling: touch; font-size: 12px; font-size: 1.2rem; line-height: 1.66667; letter-spacing: 0.05em; font-family: "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }

@media screen and (max-width: 768px) { .page-contact__agree-box { margin: 0 0 24px; padding: 9px 8px; font-size: 10px; font-size: 1rem; line-height: 1.2; height: 175px; } }

.page-contact__agree-check { text-align: center; margin: 0 0 32px; }

@media screen and (max-width: 768px) { .page-contact__agree-check { position: relative; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center; transform-origin: center; width: 114%; left: -7%; margin: 0 0 15px; }
  .page-contact__agree-check label { font-size: 10px; font-size: 1rem; line-height: 1.2; } }

.page-contact__agree-check input[type='checkbox'] + label { padding: 0 0 0 22px; }

.page-contact__agree-check input[type='checkbox'] + label:before { top: 6px; left: 0; width: 12px; height: 12px; border-radius: 0; }

@media screen and (max-width: 768px) { .page-contact__agree-check input[type='checkbox'] + label:before { top: 1px; left: 5px; width: 10px; height: 10px; } }

.page-contact__agree-check input[type='checkbox'] + label:after { position: absolute; display: block; content: ''; width: 5px; height: 10px; top: 12px; right: 15px; border: solid 3px #ba86ba; border-left: 0; border-top: 0; transition-duration: 0.2s; background-color: transparent; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

@media screen and (max-width: 768px) { .page-contact__agree-check input[type='checkbox'] + label:after { height: 7px; top: 5px; right: 0px; -webkit-transform: translateY(-50%) translateX(3px) rotate(45deg); transform: translateY(-50%) translateX(3px) rotate(45deg); } }

.page-contact__agree .page-contact__info { margin: 0 0 92px; }

@media screen and (max-width: 768px) { .page-contact__agree .page-contact__info { margin: 0 0 23px; } }

.page-contact__agree .page-contact__info li { font-size: 14px; font-size: 1.4rem; line-height: 2.14286; letter-spacing: 0em; }

@media screen and (max-width: 768px) { .page-contact__agree .page-contact__info li { font-size: 10px; font-size: 1rem; line-height: 1.6; } }

.page-contact__confirm { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 2.35714; letter-spacing: 0.05em; padding: 4px 0 39px; }

@media screen and (max-width: 768px) { .page-contact__confirm { font-size: 10px; font-size: 1rem; line-height: 1; letter-spacing: 0em; padding: 4px 0 26px; position: relative; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center; transform-origin: center; } }

.contact-input__steps { width: 514px; margin: 0 auto 88px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative; }

@media screen and (max-width: 768px) { .contact-input__steps { width: 248px; margin: 0 auto 30px; } }

.contact-input__steps:after { content: ''; position: absolute; top: 22px; left: 10px; width: calc(100% - 20px); height: 2px; background-color: #e0d8c6; }

@media screen and (max-width: 768px) { .contact-input__steps:after { top: 15px; } }

.contact-input__step { display: block; text-align: center; position: relative; }

.contact-input__step.is-current i { background-color: #ba86ba; }

.contact-input__step.is-current span { color: #595757; }

.contact-input__step i { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #FFF; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 20px; font-size: 2rem; line-height: 1; letter-spacing: 0em; width: 45px; height: 45px; border-radius: 45px; position: relative; z-index: 2; background-color: #e0d8c6; margin: 0 auto 15px; }

@media screen and (max-width: 768px) { .contact-input__step i { width: 32px; height: 32px; font-size: 14px; font-size: 1.2rem; line-height: 1; margin: 0 auto 8px; } }

.contact-input__step span { font-size: 14px; font-size: 1.2rem; line-height: 1; letter-spacing: 0.05em; color: #ba86ba; }

@media screen and (max-width: 768px) { .contact-input__step span { font-size: 10px; font-size: 1rem; line-height: 1; position: relative; display: inline-block; -webkit-transform: scale(0.86); transform: scale(0.86); -webkit-transform-origin: center; transform-origin: center; } }

.contact .global-footer__contact, .contact .global-footer__sns, .contact .global-footer__nav { display: none; }

.ui-datepicker .ui-datepicker-prev:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; border-style: solid; border-width: 2px 4px 2px 0; border-color: transparent #fff transparent transparent; }

.ui-datepicker { font-size: 10px; }

.ui-datepicker .ui-datepicker-next:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; border-style: solid; border-width: 2px 0 2px 4px; border-color: transparent transparent transparent #fff; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #000; background-color: #e6e6e6; }

.ui-datepicker td span, .ui-datepicker td a { padding: 4px 3px 4px 0; }

.float-ad { position: fixed; top: 65px; left: 65px; z-index: 1900; opacity: 1; visibility: visible; pointer-events: auto; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .float-ad { top: 10vh; width: 100%; left: 0; } }

.float-ad.is-hide { opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; }

@media screen and (max-width: 768px) { .float-ad__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } }

.float-ad__link { display: block; }

.float-ad__link:hover img { opacity: 0.8; }

.float-ad__link img { max-width: 100%; opacity: 1; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.float-ad__link img[src*="banner.png"] { width: 327px; }

.float-ad__link img[src*="banner@sp.png"] { width: 342px; }

.js-scroll-fade { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); transition: opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9), -webkit-transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9); transition: transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9), opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9); transition: transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9), opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9), -webkit-transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .js-scroll-fade { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } }

.js-scroll-fade.is-animation { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.js-scroll-fade.is-delay { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition-delay: .34s; }

.js-scroll-fade-r { opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); transition: opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9), -webkit-transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9); transition: transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9), opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9); transition: transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9), opacity 1.2s cubic-bezier(0.04, 0.435, 0.315, 0.9), -webkit-transform 1s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .js-scroll-fade-r { -webkit-transform: translate(0, -20px); transform: translate(0, -20px); } }

.js-scroll-fade-r.is-animation { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding:0; font-weight: 200; }

.js-scroll-fade-r.is-animation p {
	line-height: 25px;
}

.js-scroll-fade-r.is-delay { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition-delay: .34s; }

.is-android .news-items .wp-pagenavi .nextpostslink, .is-android .news-items .wp-pagenavi .prevpostslink { top: -2px; left: 2px; }

.popup-top { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 24, 21, 0.8); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .popup-top { padding: 0 30px; } }

.popup-top.is-open { opacity: 1; visibility: visible; pointer-events: auto; z-index: 200; }

.popup-top__inner { width: 100%; height: 100%; overflow-y: scroll; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .popup-top__inner { max-width: 100%; } }

.popup-top__content { max-width: 380px; margin: 0 auto; position: relative; padding: 48px 0 0; margin-top: -48px; }

@media screen and (max-width: 768px) { .popup-top__content { max-width: 315px; padding: 32px 0 0; margin-top: -32px; } }

.popup-top__close { position: absolute; top: 0; right: 0; cursor: pointer; }

.popup-top__close img { width: 22px; height: 18px; }

@media screen and (max-width: 768px) { .popup-top__close img { width: 15px; height: 12.5px; } }

.popup-top__honbun-img { display: block; padding: 0; }

.popup-top__honbun-img img { width: 100%; height: auto; }

.popup-top .img-pc { display: block; }

@media screen and (max-width: 768px) { .popup-top .img-pc { display: none; } }

.popup-top .img-sp { display: none; }

@media screen and (max-width: 768px) { .popup-top .img-sp { display: block; } }
/*# sourceMappingURL=maps/style.css.map */

.salon02 {
	margin-top: 120px;
}

@media screen and (max-width: 768px) {
	.salon02 {
		margin-top: 0;
	}
	.salon02 img {
		width: 100%;
	}
}

.salon03 {
	background-color: #ba85b9;
	padding: 95px 0;
}

@media screen and (max-width: 768px) {
	.salon03 {
		padding: 0;
	}
}

.salon03 .top-concept__text2 {
	width: auto;
	margin: 0 0 30px;
	text-align: left;
}

.salon03 .top-salon-news__btn {
	text-align: left;
}

/*
.salon03 .btn {
	width: 270px;
	border: 1px solid #fff;
	padding: 2px 0 17px;
	background-color: #ba85b9;
    color: #fff;
}
*/

table.salon_acssess {
	width: 100%;
}

td.salon_acssess_l {
	width: 35%;
	padding-right: 80px;
	vertical-align: middle;
}

td.salon_acssess_r {
	width: 65%;
} 

@media screen and (max-width: 768px) {
	table.salon_acssess {
		padding: 20px 0;
	}
}

@media screen and (max-width: 768px) {
	td.salon_acssess_l ,
	td.salon_acssess_r {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}


.mw_wp_form .error {
	margin-top: 8px;
}

.counseling_form_msg {
	text-align: center;
    font-size: 16px;
    line-height: 2em;
	margin: 0 0 100px;
}

ul.counseling_form {
	max-width: 630px;
    width: 100%;
    margin: auto;
    padding: 0;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

li.counseling_form_q {
	list-style: none;
	font-size: 16px;
	margin-bottom: 12px;
	line-height: 1.5em;
}

li.counseling_form_a,
li.counseling_form_a3,
li.counseling_form_a4 {
	list-style: none;
	font-size: 16px;
	margin-bottom: 45px;
}

li.counseling_form_a2 {
	list-style: none;
	font-size: 16px;
	margin-bottom: 45px;
	line-height: 2em;
}

li.counseling_form_a input[type="text"],
li.counseling_form_a2 input[type="text"],
li.counseling_form_a input[type="email"] {
	border: solid 1px #acabab;
    width: 100%;
    height: 48px;
	padding: 2%;
}

li.counseling_form_a3 input[type="text"] {
	border: solid 1px #acabab;
	width: 65px;
	margin-left: -10px;
    margin-right: 5px;
    height: 48px;
	padding: 2%;
}


li.counseling_form_a4 input[type="text"] {
	border: solid 1px #acabab;
	width: 100px;
    height: 48px;
	padding: 2%;
}

li.counseling_form_a textarea {
	width: 100%;
    border: solid 1px #595757;
    height: 105px;
	padding: 2%;
}


li.counseling_form_a label,
li.counseling_form_a2 label,
li.counseling_form_a3 label {
	position: relative;
	/*padding-left: 12px;
	padding-right: 15px;*/
	padding-right: 8px;
	cursor: pointer;
}

input[type="radio"] {
  display: none;
}

.mwform-radio-field-text:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  padding: 2px;
  background-clip: content-box;
}

input[type="radio"]:not(:checked) + .mwform-radio-field-text:before {
  border-color: #595757;
}

input[type="radio"]:checked + .mwform-radio-field-text:before {
  border-color: #ba85b9;
  background-color: #ba85b9;
}

table.kiboubi {
	width: 100%;
}

table.kiboubi td {
	width: 50%;
}

@media screen and (max-width: 768px) {
	table.kiboubi td {
		display: block;
		width: 100%;
	}
}

.form_day {
	width: 150px !important;
}

/*
li.counseling_form_a input[type="radio"]::before,
li.counseling_form_a2 input[type="radio"]::before,
li.counseling_form_a3 input[type="radio"]::before {
	position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #595757;
    left: 0;
    top: 0;
}

li.counseling_form_a input[type="radio"]::after,
li.counseling_form_a2 input[type="radio"]::after,
li.counseling_form_a3 input[type="radio"]::after {
	position: absolute;
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ba85b9;
	left: 3px;
	top: 3px;
	opacity: 0;
	transition: .3s;
}

li.counseling_form_a input[type="radio"]:checked + input[type="radio"]:after,
li.counseling_form_a2 input[type="radio"]:checked + input[type="radio"]:after,
li.counseling_form_a3 input[type="radio"]:checked + input[type="radio"]:after {
	opacity: 1!important;
}
*/

.wpcf7-list-item {
	margin: 0;
}

table.conf_btn {
	/*max-width: 630px;*/
    width: 100%;
	margin: auto;
}

table.conf_btn td {
	width: 50%;
	text-align: center;
}

input[type="submit"],
input[type="button"] {
	width: 160px;
    margin: 0;
    background-color: transparent;
    border: none;
    font-family: Venetian, Georgia, "source-han-serif-japanese", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    font-size: 16px;
    padding: 0;
	color: #595757;
}

a input[type="submit"] ,
a input[type="button"] {
	transition: 1.0s ;
}
a:hover input[type="submit"] ,
a:hover input[type="button"] {
	color: #FFF;
}

.sp_boder {
	color: #595757;
    border: 1px solid #ccc;
    padding: 10px 30px !important;
}

.menu_cat_slct_box {
	max-width: 720px;
    width: 100%;
    margin: 10px auto 0;
    /*margin: 10px 0 0 80px;*/
    text-align: center;
    border-top: solid 2px #ba85b9;
    position: relative;
    padding: 32px 0 40px;
}

.menu_cat_slct_box_rm {
	margin: 10px auto 0;
}

.menu_cat_slct_box p {
	position: absolute;
    top: 0;
    left: 315px;
	z-index: 2;
    margin: -10px 0 0;
    font-size: 20px;
    letter-spacing: 0.1em;
    color: #ba85b9;
    background-color: #fff;
    padding: 0 2%;
}

.menupage_rm {
	width: 220px;
	height: 770px;
	background-color: #f8f3f8;
	border: solid 1px #f1e7f1;
	padding: 30px 19px;
	text-align: center;
	/*
	top: 150px;
    right: 50px;
	position: fixed;
	*/
}

.menupage_rm .menu_cat_slct_box p {
	left: 0;
    right: 40px;
    background-color: #f8f3f8;
    margin: -10px 0 0 40px;
}

.menupage_rm ul.menu_cat_slct {
	margin: 0;
    padding: 0;
    list-style: none;
}

.menupage_rm ul.menu_cat_slct li {
	padding-bottom: 10px;
}

.menupage_rm .menu_cat_slct_box .btn {
	width: 100%;
}

@media screen and (max-width: 768px) { 
	
	.menu_cat_slct_box p {
		left: 130px;
		font-size: 16px;
		margin: -10px 0 0 20px;
	}
	
	td.menu_cat_slct_l,
	td.menu_cat_slct_c,
	td.menu_cat_slct_r {
		width: 100% !important;
		display: block;
		text-align: center !important;
	}
	
	td.menu_l02_l {
		width: 100% !important;
		display: block;
		text-align: left !important;
	}
	
	table.menu_l02 .page-concept__subtitle {
		margin: 0 0 0 42px !important;
		text-align: left !important;
	}
	
	td.menu_l02_r {
		width: 100% !important;
		display: block;
		font-size: 12px !important;
		padding-top: 20px;
	}
	
	td.menu_l03_l {
		width: 70% !important;
	}
	
	td.menu_l03_r {
		width: 30% !important;
	}
	
	td.menu_l03_l2 {
		width: 100% !important;
		display: block;
		border-bottom: none !important;
	}
	
	td.menu_l03_r2 {
		width: 100% !important;
		display: block;
	}
	
	
	table.menu_l02 .page-concept__title img {
		width: 30px !important;
		margin: 0 10px -8px 0 !important;
	}
	
	table.menu_l03 {
		margin: 30px auto 0 !important;
		min-width: auto !important;
	}
	
	td.menu_l03_l,
	td.menu_l03_l2 {
		font-size: 14px !important;
		line-height: 1.5em;
	}
	
	td.menu_l03_r,
	td.menu_l03_r2 {
		font-size: 14px !important;
	}
	
	td.menu_l03_t {
		font-size: 16px !important;
	}
	
	.menu_l01 {
		padding-bottom: 0 !important;
	}
	
	
}

.menu_cat_slct_box .btn {
	width: 230px;
	/*padding: 10px 0 20px;*/
	padding: 10px 0;
}

.menu_cat_slct_box .btn span {
	font-size: 14px;
    font-size: 1.4rem;
}

.menu_cat_slct_box .btn:before,
.menu_cat_slct_box .btn:after {
	border-bottom: 60px solid #ba85b9;
}

table.menu_cat_slct {
	width: 100%;
}

td.menu_cat_slct_l {
	width: 33.3%;
	text-align: center;
}

td.menu_cat_slct_c {
	width: 33.3%;
	text-align: center;
}

td.menu_cat_slct_r {
	width: 33.3%;
	text-align: center;
}

.menu_l01 {
	margin: 90px auto 0;
	padding-bottom: 90px;
}

table.menu_l02 {
	
	width: 100%;
    /*max-width: 1190px;*/
	margin: auto;
	
	min-width: 850px;
}
@media screen and (max-width: 768px) { 
	table.menu_l02 {
		min-width: auto !important;
	}
}

td.menu_l02_l {
	/*width: 50%;
	min-width: 590px;*/
	width: 420px;
}

td.menu_l02_l2 {
	width: 60%;
}

table.menu_l02 .page-concept__title img {
	width: 50px;
    margin: 0 10px -11px 0;
}

table.menu_l02 .page-concept__title span {
	font-weight: 300;
	padding-right: 20px;
}

table.menu_l02 .page-concept__subtitle {
	margin: 0;
    text-align: center;
}

td.menu_l02_r {
	/*width: 50%;
	min-width: 590px;*/
	width: 556px;
	text-align: justify;
	/*font-size: 16px;
    font-weight: 500;*/
    line-height: 1.7em;
    vertical-align: middle;
}

td.menu_l02_r2 {
	width: 40%;
}

table.menu_l03 {
	
	width: 100%;
    /*max-width: 1190px;*/
	
	min-width: 855px;
    margin: 60px auto 0;
	/*margin: 60px 0 0;*/
    border-top: 2px solid #ba85b9;
    border-left: 2px solid #ba85b9;
    border-right: 2px solid #ba85b9;
}

table.menu_l03-2 {
	
	width: 100%;
    /*max-width: 1190px;*/
	
	min-width: 855px;
    /*margin: 40px auto 0;*/
    margin: 40px 0 0;
    border-top: 2px solid #ba85b9;
    border-left: 2px solid #ba85b9;
    border-right: 2px solid #ba85b9;
}

@media screen and (max-width: 768px) { 
	table.menu_l03-2 {
		min-width: auto !important;
	}
}


td.menu_l03_t {
	background-color: #ba85b9;
	border-bottom: 2px solid #ba85b9;
	padding: 2%;
	/*font-size: 20px;*/
	color: #fff;
}

td.menu_l03_l {
	width: 80%;
	padding: 2%;
    border-bottom: 2px solid #ba85b9;
	/*font-size: 20px;*/
}

td.menu_l03_r {
	text-align: right;
    width: 20%;
	padding-right: 2%;
    border-bottom: 2px solid #ba85b9;
	/*font-size: 20px;*/
}

td.menu_l03_l2 {
	width: 80%;
	padding: 2%;
    border-bottom: 2px solid #ba85b9;
	/*font-size: 20px;*/
	line-height: 1.8em;
}

td.menu_l03_l2 a {
	text-decoration: underline;
	color: #ba85b9;
}

td.menu_l03_r2 {
	text-align: right;
    width: 20%;
	padding: 2% 2% 2% 0;
    border-bottom: 2px solid #ba85b9;
	/*font-size: 20px;*/
	line-height: 1.8em;
	vertical-align: bottom;
}

.profile_box {
	border-top: solid 1px #c3c2c2;
    padding-top: 150px;
    margin-top: 180px;
}

@media screen and (max-width: 768px) { 
	
	.profile_box {
		padding-top: 100px;
		margin-top: 0;
	}
	
	td.profile_l {
		width: 100% !important;
		display: block;
	}
	
	td.profile_l img {
		width: 100% ;
	}
	
	td.profile_r {
		width: 100% !important;
		display: block;
		padding: 40px 0 0 !important;
	}
	
	.profile_history {
		margin-top: 65px !important;
	}
	
	td.profile_history_l {
		border-left: none !important;
		position: unset !important;
	}
	
	td.profile_history_l div {
		padding: 10% 0 0 !important;
		position: unset !important;
		top: auto !important;
		margin: 0 !important;
	}
	
	td.profile_history_l p {
		font-size: 16px !important;
		text-align: left;
	}
	
	td.profile_history_c {
		width: 100% !important;
		display: block;
		border-bottom: none !important;
		padding: 20px 0 0 !important;
		font-size: 14px !important;
	}
	
	td.profile_history_c h3 {
		font-size: 16px !important;
	}
	
	td.profile_history_r {
		width: 100% !important;
		display: block;
		padding: 20px 0 40px !important;
	}
	
	td.profile_history_r img {
		width: 100%;
	}
	
}

table.profile {
	width: 100%;
    margin: auto;
}

td.profile_l {
	/*width: 50px;*/
	width: 50%;
    padding-right: 30px;
    vertical-align: top;
}


td.profile_r {
	width: 50%;
    padding-right: 120px;
    text-align: center;
}

.profile_history {
	margin-top: 175px;
}

.profile_history table {
	width: 100%;
}

td.profile_history_l {
	width: 15%;
    border-left: solid 2px #ba85b9;
    position: relative;
    vertical-align: middle;
}

td.profile_history_l div {
	position: absolute;
    margin-left: -56px;
    top: 45%;
    background-color: #fff;
    padding: 3% 0;
}

td.profile_history_l div.profile_history_l01 {
	padding: 75% 0 3%;
    top: 0;
}

td.profile_history_l div.profile_history_l08 {
	top: auto;
    bottom: 0;
    padding: 3% 0 145%;
}

td.profile_history_l p {
	font-size: 36px;
	color: #ba85b9;
	line-height: 1.2em;
	margin: 0;
}

td.profile_history_c {
	width: 50%;
    border-bottom: solid 1px #c3c2c2;
	padding: 80px 0;
    font-size: 16px;
    line-height: 2em;
    text-align: justify;
    font-feature-settings: 'palt';
}

td.profile_history_c h3 {
	color: #ba85b9;
    font-size: 24px;
    line-height: 1.7em;
}

td.profile_history_r {
	width: 35%;
    text-align: right;
    border-bottom: solid 1px #c3c2c2;
    padding: 80px 0;
	line-height: 2.3em;
}

.global-footer__contact img {
	width: 30px;
    margin-right: 16px;
    margin-bottom: -10px;
	z-index: 2;
    position: relative;
}


h1.footer_address {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    margin: 0 0 50px;
	font-size: 14px;
	font-weight: 400;
	line-height: 2em;
	text-align: center;
}

@media screen and (max-width: 768px) { 
	.global-footer__contact img { 
		width: 20px;
		margin-right: 4px;
		margin-bottom: -7px; 
	} 
	
	h1.footer_address {
		font-size: 10px;
	}
	
	.nailbook img {
		width: 20%;
	}
}


.nailbook {
	text-align: center;
	margin-bottom: 35px;
}

.nailbook a {
}

.nailbook a:hover {
	opacity: 0.7;
}

.purple {
	color: #ba85b9;
}

.white {
	color: #fff;
}


.wpcf7c-force-hide {
    display: none !important;
}

.pmenu-contents {}

.pmenu-box {
	position: relative;
	margin: 0;
    height: 100vh;
}

.pmenu-box_txt {
	position: absolute;
    background-color: #ba85b9;
    color: #fff;
    text-align: center;
    padding: 50px;
    top: 0;
    margin: auto;
    width: 490px;
    height: 440px;
    z-index: 1;
}

@media screen and (max-width: 768px) {
	
	.pmenu-box {
		height: 100% !important;
	}
	
	.pmenu-box_txt {
		padding: 20px;
		width: 100%;
		height: auto;
		position: static;
		margin: 0 auto 30px;
	}
	
	.pmenu-box_txt2 {
		position: static!important;
		padding: 20px !important;
		width: 100% !important;
		height: auto !important;
		right: 0 !important;
		margin: 0 auto 30px !important;
	}
	
	.pmenu-box_img,
	.pmenu-box_img2 {
		display: none;
	}
	
	.pmenu-box_txt_txt {
		padding: 20px !important;
	}
	
}

.pmenu-box_txt_title {
	font-size: 22px;
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
	.pmenu-box_txt_title {
		padding-top: 0;
	}
}

.pmenu-box_txt_txt {
	font-size: 14px;
	line-height: 28px;
    padding: 30px;
}

.pmenu-box_img {
	position: absolute;
    top: 90px;
    right: 0;
    left: 350px;
    bottom: 0;
    width: 950px;
    height: 647px;
}

.pmenu-box_txt2 {
	position: absolute;
    background-color: #ba85b9;
    color: #fff;
    text-align: center;
    padding: 50px;
    top: 0;
	right: 80px;
    margin: auto;
    width: 490px;
    height: 440px;
    z-index: 1;
}

.pmenu-box_img2 {
	position: absolute;
    top: 90px;
    right: 350px;
    bottom: 0;
    width: 950px;
    height: 647px;
}

.news_btn {
	margin: 70px 0 38px 0;
}

.is_img img {
	width: auto !important;
	max-height: 520px;
}

.purple {
	color: #ba85b9 !important;
}


.global-menu__sns { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 0 35px; }

@media screen and (max-width: 768px) { .global-menu__sns { margin: 0 0 31px; } }

.global-menu__sns a { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 25px; color: #fff; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .global-menu__sns a { -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; margin: 0 5px; } }

.global-menu__sns a:hover { color: #ba86ba; }

.global-menu__sns a:hover i:before { color: #ba86ba; }

.global-menu__sns a i { margin-right: 14px; font-size: 24px; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

@media screen and (max-width: 768px) { .global-menu__sns a i { font-size: 11px; margin: 0 0 7px; } }

.global-menu__sns a i:before { color: #fff; transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9); }

.global-menu__sns a span { font-size: 10px; font-size: 1.0rem; line-height: 1; letter-spacing: 0.2em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; }

@media screen and (max-width: 768px) { .global-menu__sns a span { position: relative; display: inline-block; font-size: 10px; font-size: 1rem; line-height: 1; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: center; transform-origin: center; } }


/* PC SP
--------------------------------------------- */

.pc {
	display:block;
}
	
.sp {
	display:none;
}

@media screen and (max-width: 782px) {

	.pc {
		display:none;
	}

	.sp {
		display:block;
	}
	
}

/*--------------------------------------------- */


.container2 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.field {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 300px;
}

.arrow {
	width: 0;
	height: 40px;
	border: 1px solid #595757;
	position: relative;
	animation: scroll 1.5s infinite;
	-webkit-animation: scroll 1.5s infinite;
}
	.arrow:after {
		content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -5px;
    width: 1px;
    height: 10px;
		
    border-top: 10px solid #595757;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
	}

@keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}

@-webkit-keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}

form {
	padding-bottom: 50px;
}








#contents{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #fff !important;
}

#main-area{
	width:70%;
}

#sub-area{
	width:3%;
	padding: 0;
	background-color: #fff;
}

.js-fix.is-fixed {
    position: fixed;
    top: 100px;
}


/*768px以下の見え方*/

@media screen and (max-width:768px){
#main-area{
	width:100%;
}

#sub-area{
	width:100%;
	padding: 20px;
}

}