@charset "UTF-8";
/*! 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.
 */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora&display=swap");
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
					box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
					text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-webkit-box-sizing: border-box;
					box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
					box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

*, *::before, *::after {
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-size: inherit;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

a:hover {
	text-decoration: none;
	opacity: 0.75;
}

p {
	margin: 0;
}

dt, dd {
	line-height: inherit;
}

:root {
	--header-height: 8rem;
}
@media (max-width: 767px) {
	:root {
		--header-height: 16vw;
	}
}

html {
	height: -webkit-fill-available;
}

body {
	-ms-scroll-chaining: none;
			overscroll-behavior: none;
	-webkit-text-size-adjust: 100%;
	min-height: 100vh;
	min-height: -webkit-fill-available;
	min-width: auto;
	-webkit-font-smoothing: antialiased;
	color: #464646;
	font-family: "Shippori Mincho", serif;
	font-size: 1.6rem;
	line-height: 1.75;
}
@media (max-width: 767px) {
	body {
		font-size: 4.2666666667vw;
		line-height: 1.6;
	}
}

@media (min-width: 768px) {
	.u-is-not-pc {
		display: none;
	}
}

@media (max-width: 767px) {
	.u-is-pc {
		display: none;
	}
}

.l-main{
	overflow:hidden;
}
.isnot-home .l-main{
  padding-top: 135px;
}
@media (max-width: 767px){
  .isnot-home .l-main{
    padding-top: 65px;
  }
}
.c-header {
	position: fixed;
	z-index: 10;
	width: 100%;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.c-header.hasBackground {
	background-color: #ffffff;
}

.c-header-inner {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}
@media (max-width: 767px) {
	.c-header-inner {
		padding: 0 5.3333333333vw;
	}
}

.c-header-logo {
	padding: 20px 0;
}
@media (max-width: 767px) {
	.c-header-logo img {
		width: 25.3333333333vw;
		height: 6.1333333333vw;
	}
}

.c-footer {
	background-color: #1895A0;
	/*background:linear-gradient(0deg, #1895A0ff 20%, #1895A000 100%);*/
	padding: 80px 30px 0px;
}
@media (max-width: 767px) {
	.c-footer {
		padding: 60px 5.3333333333vw 0;
		/*background:linear-gradient(0deg, #1895A0ff 65%, #1895A000 100%);*/
	}
}

.c-footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
			-ms-flex-direction: row-reverse;
					flex-direction: row-reverse;
	padding-bottom: 100px;
}
@media (max-width: 767px) {
	.c-footer-inner {
		display: block;
	}
}

.c-footer-address {
	color: #ffffff;
	font-style: normal;
}
@media (max-width: 767px) {
	.c-footer-address {
		text-align: center;
	}
}

.c-footer-address-logo {
	margin-bottom: 45px;
	display: block;
}

.c-footer-address-title {
	font-size: 18px;
	margin-bottom: 20px;
}

.c-footer-address-text {
	line-height: 1.1875;
}

.c-footer-sns-menu {
	color: #ffffff;
}
@media (max-width: 767px) {
	.c-footer-sns-menu {
		margin-top: 6.1333333333vw;
	}
}

.c-footer-sns-menu-title {
	font-size: 18px;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.c-footer-sns-menu-title {
		text-align: center;
		font-size: 5.3333333333vw;
		margin-bottom: 18.4vw;
	}
}

.c-footer-sns-menu-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	margin: -13px;
}
.c-footer-sns-menu-list > li {
	padding: 13px;
	text-align: center;
	position: relative;
}
.c-footer-sns-menu-list img {
	margin-bottom: 11px;
}
.c-footer-sns-menu-list a {
	height: 100%;
}
.c-footer-sns-menu-list p {
	-webkit-box-flex: 1;
			-ms-flex-positive: 1;
					flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	font-size: 10px;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.c-footer-sns-menu-list {
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.c-footer-sns-menu-list > li {
		padding-left: 8px;
		padding-right: 8px;
		-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
	}
	.c-footer-sns-menu-list + .c-footer-sns-menu-list {
		margin-top: 13.3333333333vw;
	}
	.c-footer-sns-menu-list img {
		margin-bottom: 6.1333333333vw;
	}
}

.c-footer-sns-menu-list-child {
	text-align: left;
}
@media (min-width: 768px) {
	.c-footer-sns-menu-list-child {
		display: none;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		position: absolute;
		top: 13px;
		left: 100%;
		z-index: 1;
		width: 290px;
		min-height: 50px;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		background-color: #1895A0;
		padding: 0 7px;
	}
  .c-footer-sns-menu-list > li:hover .c-footer-sns-menu-list-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-footer-sns-menu-list-child li {
	font-size: 14px;
	-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
	padding: 0 5px;
}
@media (max-width: 767px) {
	.c-footer-sns-menu-list-child li {
		font-size: 3.7333333333vw;
		border: 1px solid #ffffff;
		text-align: center;
		padding: 0 3px;
	}
	.c-footer-sns-menu-list-child li + li {
		margin-top: 16px;
	}
}

.c-footer-copyright {
	color: #ffffff;
	font-size: 10px;
	padding: 18px 0;
	text-align: center;
}

.c-gnav {
	height: 135px;
}
@media (max-width: 1100px) {
	.c-gnav {
		display: none;
		position: fixed;
		top: 65px;
		bottom: 0;
		right: 0;
		width: 500px;
		height: auto;
		background-color: #ffffff;
		padding: 30px;
	}
	.c-gnav.is-open {
		display: block;
	}
}
@media (max-width: 767px) {
	.c-gnav {
		right: auto;
		left: 0;
		width: 100%;
		padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
    overflow-y: scroll;
	}
}

.c-gnav-top-level {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}
.c-gnav-top-level > li {
	padding: 0 20px;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	height: 100%;
}
.c-gnav-top-level > li > [data-link=online-shop] {
	padding: 10px 27px;
	background-color: #1895A0;
	display: inline-block;
	color: #ffffff;
}
.c-gnav-top-level > .c-gnav-haschild span{
	padding-right: 16px;
	background: url("../images/carret_down.svg") no-repeat center right;
	background-size: 10px;
}
.c-gnav-top-level > .c-gnav-haschild span,
.c-gnav-top-level > li:not([class]) a{
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.c-gnav-top-level > .c-gnav-haschild span:hover:after,
.c-gnav-top-level > li:not([class]) a:hover:after{
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	background-color: #1895A0;
	bottom: 2px;
	left: 0;
}
.c-header:has(:hover){
	background:white;
}

@media (min-width: 1101px) {
	.c-gnav-top-level > .c-gnav-haschild:hover .c-gnav-second-level {
		display: block;
	}
}
@media (max-width: 1100px) {
	.c-gnav-top-level {
		display: block;
	}
	.c-gnav-top-level > li {
		padding: 20px 0;
		display: block;
		height: auto;
	}
}
@media (max-width: 767px) {
	.c-gnav-top-level > li {
		text-align: center;
		font-size: 4.2666666667vw;
		padding: 4vw 0;
	}
	.c-gnav-top-level > .c-gnav-haschild {
		padding-right: 0;
		background-image: none;
	}
	.c-gnav-top-level > .c-gnav-haschild span {
		padding-right: 16px;
		background: url("../images/carret_down.svg") no-repeat center right;
		background-size: 10px;
	}
	.c-gnav-top-level > .c-gnav-haschild span:after {
		content: none;
	}
  .c-gnav-top-level > li[data-link="news"]{
    display: none;
  }
}

.c-gnav-second-level {
	position: absolute;
	top: 135px;
	left: 0;
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 30px;
	display:none;
}
@media (max-width: 1100px) {
	.c-gnav-second-level {
		position: static;
		padding: 0;
	}
}

.c-gnav-second-level-inner {
	max-width: 1100px;
	margin: 0 auto;
}

.c-gnav-products {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	margin-left: -17px;
	margin-right: -17px;
}
.c-gnav-products > * {
	-ms-flex-preferred-size: 20%;
			flex-basis: 20%;
	padding: 0 17px;
}
.c-gnav-products img {
	
}
.c-gnav-products p {
	text-align: center;
  margin-bottom: 22px;
}
@media (max-width: 1100px) {
	.c-gnav-products {
		padding: 20px 0 0;
	}
	.c-gnav-products > * {
		-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
		padding: 0 17px;
	}
}
@media (max-width: 767px) {
	.c-gnav-products > * {
		-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
		padding: 0 17px;
	}
}

.c-sec-heading {
	text-align: center;
}

.c-sec-heading-en {
	font-family: "Lora", serif;
	font-size: 37px;
	letter-spacing: 0.08em;
	display: block;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.c-sec-heading-en {
		font-size: 8.5333333333vw;
	}
}

.c-sec-heading-ja {
	font-size: 18px;
	letter-spacing: 0.08em;
	display: block;
}
@media (max-width: 767px) {
	.c-sec-heading-ja {
		font-size: 4.2666666667vw;
	}
}

.c-arrow {
	padding-right: 60px;
	position: relative;
}
.c-arrow:after {
	position: absolute;
	content: "";
	width: 42px;
	height: 100%;
	background: url("../images/arrow.svg") no-repeat center right;
	background-size: contain;
	top: 0;
	right: 0;
}

.c-arrow--white:after {
	background-image: url("../images/arrow_white.svg");
}

.c-hamburger {
	display: none;
}
@media (max-width: 1100px) {
	.c-hamburger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		width: 40px;
		height: 40px;
	}
	.c-hamburger span {
		position: relative;
		width: 100%;
		height: 1px;
	}
	.c-hamburger span:before, .c-hamburger span:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 1px;
		background-color: #000000;
		left: 0;
	}
	.c-hamburger span:before {
		top: -5px;
	}
	.c-hamburger span:after {
		bottom: -5px;
	}
	.c-hamburger.is-open span:before {
		top: 0;
		-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
	}
	.c-hamburger.is-open span:after {
		top: 0;
		-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
	}
}
@media (max-width: 767px) {
	.c-hamburger {
		width: 10.6666666667vw;
		height: 10.6666666667vw;
	}
}

.p-mv {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}
@media (max-width: 767px) {
	.p-mv {
		padding: 0 5.3333333333vw;
	}
}

.p-mv-copy-ja {
	font-size: 37px;
	background-color: rgba(24, 149, 160, 0.85);
	color: #ffffff;
	line-height: 1;
	padding: 35px 54px;
	display: inline-block;
	position: absolute;
	left: 20px;
	bottom: 209px;
}
@media (max-width: 767px) {
	.p-mv-copy-ja {
		font-size: 6.6666666667vw;
		line-height: 1.2;
		left: 10.6666666667vw;
		right: 10.6666666667vw;
		padding: 4vw 2.6666666667vw;
		letter-spacing: 0;
		bottom: 59.7333333333vw;
	}
}

.p-mv-copy-en {
	font-size: 20px;
	letter-spacing: 0.04em;
	line-height: 1.95;
	max-width: 1000px;
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	padding: 35px 0;
	position: relative;
	z-index: 1;
}
@media (max-width: 767px) {
	.p-mv-copy-en {
		font-size: 4.8vw;
		line-height: 2;
		padding-top: 24vw;
		padding-bottom: 0;
	}
}

.p-mv-main-area {
	position: relative;
}

.p-mv-image01 {
	max-width: 1000px;
	margin-left: auto;
	display: block;
}
@media (max-width: 767px) {
	.p-mv-image01 {
		width: 64vw;
		margin-right: -5.3333333333vw;
	}
}

.p-mv-image02 {
	position: absolute;
	left: 0;
	bottom: 0;
}
@media (max-width: 767px) {
	.p-mv-image02 {
		width: 43.4666666667vw;
		bottom: auto;
		top: 18.6666666667vw;
	}
}

.p-intro {
	padding-top: 150px;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	.p-intro {
		padding-top: 32vw;
	}
}

.p-intro-inner {
	/* max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
			-ms-flex-direction: row-reverse;
					flex-direction: row-reverse;
  align-items: center;
}
@media (max-width: 767px) {
	.p-intro-inner {
		padding: 0 5.3333333333vw;
		display: block;
	}
}

.p-intro-images {
	/* -ms-flex-preferred-size: 800px;
			flex-basis: 800px;
	padding-bottom: 150px; */
  flex-basis: 50%;
}
@media (max-width: 767px) {
	.p-intro-images {
		padding-bottom: 0;
	}
}

.p-intro-image01{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
	.p-intro-image01 {
		/*width: 74.6666666667vw;
		display: block;
		margin-left: auto;*/
		width:100%;
		display:block;
		margin-bottom:45px;
	}
}

.p-intro-image02 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% + 134px);
	margin-right: -134px;
	height: auto;
	display: block;
	max-width: none;
}
@media (max-width: 767px) {
	.p-intro-image02 {
		position: static;
		width: 56.5333333333vw;
		margin-right: auto;
		margin-bottom: 12.2666666667vw;
		margin-top: -5.3333333333vw;
	}
}

.p-intro-text-area {
	/* -ms-flex-preferred-size: 500px;
			flex-basis: 500px; */
	position: relative;
	/*padding-bottom: 150px;
	padding: 60px 59px;*/
	padding: 0px 59px 0 59px;
	white-space:nowrap;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.p-intro-text-area p {
	line-height: 2.1875;
}
.p-intro-text-area p + p {
	margin-top: 25px;
}
@media (max-width: 767px) {
	.p-intro-text-area {
		padding: 0;
	}
}

.p-products {
	padding-top: 140px;
	padding-bottom: 150px;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	.p-products {
		padding-bottom: 32vw;
	}
}

.p-products-bg {
	margin-top: 89px;
	background: url("../images/products_bg.jpg") no-repeat center center;
	background-size: cover;
	padding: 135px 30px 121px;
}
@media (max-width: 767px) {
	.p-products-bg {
		margin-top: 20vw;
		padding: 21.3333333333vw 5.3333333333vw;
		background-image: url("../images/products_bg_sp.jpg");
	}
}

.p-products-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:center;
	gap:10px;
	max-width: 1400px;
	margin: 0 auto;
}
.p-products-item {
	padding: 3px;
  width:270px;
	height:270px;
}


@media (max-width: 1500px){
	.p-products-list{
		gap:5px;
	}
	.p-products-item{
		width:250px;
		height:250px;
	}
}
@media (max-width: 1300px){
	.p-products-list{
		gap:30px;
	}
	.p-products-item{
		width:300px;
		height:300px;
	}
}
@media (max-width: 767px){
	.p-products-bg{
		padding-top:0;
		padding-bottom:0;
	}
	.p-products-list{
		gap:1vw;

	}
	.p-products-list::after{
		content:"";
		width:40vw;
		height:0;
		opacity:0;
		display:block;
	}
	.p-products-item{
		/* width:40vw;
		height:40vw; */
    width: 100%;
    height: 26.66666667vw;
	}
}



.p-products-item a {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	font-size: 22px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #000000;
	-webkit-filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.5019607843));
					filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.5019607843));
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
  transform: translateZ(0);
}
@media (max-width: 1500px){
  .p-products-item a{
    font-size: 18px;
  }
}
.p-products-item [data-cate=product01] {
	background-image: url("../images/product01.png");
}
.p-products-item [data-cate=product01]:hover {
	background-image: url("../images/product01_on.png");
}
.p-products-item [data-cate=product02] {
	background-image: url("../images/product02.png");
}
.p-products-item [data-cate=product02]:hover {
	background-image: url("../images/product02_on.png");
}
.p-products-item [data-cate=product03] {
	background-image: url("../images/product03.png");
}
.p-products-item [data-cate=product03]:hover {
	background-image: url("../images/product03_on.png");
}
.p-products-item [data-cate=product04] {
	background-image: url("../images/product04.png");
}
.p-products-item [data-cate=product04]:hover {
	background-image: url("../images/product04_on.png");
}
.p-products-item [data-cate=product05] {
	background-image: url("../images/product05.png");
}
.p-products-item [data-cate=product05]:hover {
	background-image: url("../images/product05_on.png");
}
@media (max-width: 767px) {
	.p-products-item a {
		font-size: 3.7333333333vw;
    filter: none;
    background-size: 26.66666667vw;
    background-position-x: left;
    padding-left: 26.66666667vw;
    display: block;
	}
	.p-products-item a .c-arrow {
		padding-right: 8.5333333333vw;
	}
	.p-products-item a .c-arrow:after {
		width: 6.6666666667vw;
	}
  .p-products-item-col{
    background-color: rgba(199, 199, 199, 0.9);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-products-item [data-cate=product01]:hover .p-products-item-col{
    background-color: rgba(57, 213, 203, 0.9);
  }
  .p-products-item [data-cate=product02]:hover .p-products-item-col{
    background-color: rgba(228, 148, 21, 0.9);
  }
  .p-products-item [data-cate=product03]:hover .p-products-item-col{
    background-color: rgba(92, 129, 228, 0.9);
  }
  .p-products-item [data-cate=product04]:hover .p-products-item-col{
    background-color: rgba(63, 214, 120, 0.9);
  }
  .p-products-item [data-cate=product05]:hover .p-products-item-col{
    background-color: rgba(214, 77, 142, 0.9);
  }
}

.p-parallax {
	height: 600px;
	position: relative;
}
.p-parallax:before {
	position: fixed;
	content: none;
	background: url("../images/parallax.jpg") no-repeat center center;
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.p-parallax.is-active:before {
	content: "";
}
@media (max-width: 767px) {
	.p-parallax:before {
		background-image: url("../images/parallax_sp.jpg");
	}
}
/* ここから_missions.scss */
.p-missions {
  background-color: #ffffff;
  padding-top: 150px;
}
@media (max-width: 767px) {
  .p-missions {
    padding-top: 32vw;
  }
}

.p-missions-bg {
  padding: 100px 30px;
  background: url("../images/missions-bg.jpg") no-repeat center center;
  background-size: cover;
  margin-top: 89px;
}
@media (max-width: 767px) {
  .p-missions-bg {
    background-image: url("../images/missions-bg_sp.jpg");
    padding: 21.3333333333vw 5.3333333333vw;
  }
}

.p-missions-container {
  max-width: 1200px;
  margin: 0 auto;
}

.p-missions-carousel .swiper-button-prev:after,
.p-missions-carousel .swiper-button-next:after {
  font-size: 28px;
  color: #1895A0;
}
@media (max-width: 767px) {
  .p-missions-carousel.swiper {
    background-color: #ffffff;
  }
  .p-missions-carousel .swiper-wrapper {
    padding-bottom: 70px;
  }
  .p-missions-carousel .swiper-button-prev,
  .p-missions-carousel .swiper-button-next {
    top: auto;
    bottom: 50px;
  }
  .p-missions-carousel .swiper-button-prev {
    left: 40%;
  }
  .p-missions-carousel .swiper-button-next {
    right: 40%;
  }
}

.p-mission {
  background-color: #ffffff;
  /* padding: 76px 159px; */
  padding: 0;
  min-height: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .p-mission {
    /* padding: _vw(80) _vw(20); */
    /* padding-top: _vw(80); */
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
	padding-top: 10vw;
    /*min-height: 222.6666666667vw;*/
  }
}

.p-mission-top {
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .p-mission-top img {
    width: 29.3333333333vw;
    height: 29.3333333333vw;
  }
}

.p-mission-title {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 39px;
}
[data-slide=best-price] .p-mission-title {
  margin-bottom: 20px;
}

.p-mission-text {
  text-align: center;
  line-height: 2;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .p-mission-text {
    text-align: left;
    font-size: 4.2666666667vw;
    line-height: 1.75;
    letter-spacing: 0;
  }
}

.p-mission-text-list {
  text-align: center;
}

.p-mission-text-list ul {
  display: inline-block;
  text-align: left;
}

.p-mission-text-list li {
  position: relative;
  padding-left: 1.5em;
}
@media (max-width: 767px) {
  .p-mission-text-list li {
    font-size: 4.8vw;
  }
}

.p-mission-text-list li:before {
  position: absolute;
  content: "・";
  width: 1em;
  text-align: center;
  top: 0;
  left: 0;
}

[data-slide=no-animal-testing] .p-mission-title-text1 {
  font-size: 32px;
}

[data-slide=no-animal-testing] .p-mission-title-text2 {
  font-size: 20px;
}

[data-slide=no-animal-testing] .p-mission-text1 {
  font-weight: bold;
}

[data-slide=no-animal-testing] .p-mission-text2 {
  font-size: 12px;
  font-weight: bold;
  margin-top: 24px;
}

[data-slide=best-price] .p-mission-title-text2 {
  font-size: 20px;
}

[data-slide=best-price] .p-mission-text-list {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

@media (max-width: 767px) {
  [data-slide=no-animal-testing] .p-mission-text1 {
    text-align: center;
    font-weight: normal;
  }
  [data-slide=no-animal-testing] .p-mission-text2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-missions-carousel .swiper-button-prev, .p-missions-carousel .swiper-button-next {
    top: calc(50% - 22px);
  }
  .p-missions-carousel .swiper-button-prev {
    left: -4px;
  }
  .p-missions-carousel .swiper-button-next {
    right: -4px;
  }
}
/* ここまで_missions.scss */
.p-message {
	padding: 150px 30px 0;
	background-color: #ffffff;
}
@media (max-width: 767px) {
	.p-message {
		padding: 32vw 5.3333333333vw 0;
	}
}

.p-message-inner {
	max-width: 1200px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.p-message-heading {
		margin-bottom: 15.4666666667vw;
	}
}

.p-message-sec1 {
	margin-top: 90px;
}

.p-message-sec2 {
	margin-top: 90px;
}

.p-statement {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 767px) {
	.p-statement {
		display: block;
	}
}

.p-statement-image {
	margin: 0;
	-ms-flex-preferred-size: 560px;
			flex-basis: 560px;
}
@media (max-width: 767px) {
	.p-statement-image {
		margin-bottom: 8vw;
	}
}

.p-statement-body {
	-ms-flex-preferred-size: 740px;
			flex-basis: 740px;
	padding: 50px 5%;
}
@media (max-width: 767px) {
	.p-statement-body {
		padding: 0;
	}
}

.p-statement-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.p-statement-title {
		text-align: center;
	}
}

.p-statement-text {
	line-height: 2;
}

.p-statement-name {
	text-align: right;
	font-weight: bold;
	margin-top: 17px;
	font-size: 18px;
}

.p-statement-signature {
	text-align: right;
	margin-top: 20px;
}
.p-statement-signature img {
	width: 218px;
}

@media (max-width: 767px) {
	.p-publishing:not(:first-of-type) {
		margin-top: 13.3333333333vw;
	}
}

.p-publishing-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -40px;
	margin-right: -40px;
}
.p-publishing-list > * {
	-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
	padding: 0 40px;
}
@media (max-width: 767px) {
	.p-publishing-list {
		display: block;
		margin-left: 0px;
		margin-right: 0px;
	}
	.p-publishing-list > * {
		padding: 0;
	}
}

.p-publishing-image {
	margin: 0;
}
.p-publishing-subtitle {
	font-size: 18px;
}
@media (max-width: 767px) {
	.p-publishing-subtitle {
		margin-bottom: 1.0666666667vw;
	}
}

.p-publishing-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
@media (max-width: 767px) {
	.p-publishing-title {
		margin-bottom: 4.5333333333vw;
	}
}

.p-publishing-store {
	margin-top: 35px;
	padding: 0 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.p-publishing-store a {
	-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
	font-size: 18px;
	letter-spacing: 0.04em;
}
@media (max-width: 767px) {
	.p-publishing-store {
		margin-top: 12.8vw;
		display: block;
		text-align: center;
	}
	.p-publishing-store a:not(:first-child) {
		display: block;
		margin-top: 9.3333333333vw;
	}
}

.p-outline {
	padding-top: 140px;
	padding-bottom: 150px;
}
@media (max-width: 767px) {
	.p-outline {
		padding-bottom: 32vw;
	}
}

.p-outline-inner {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px;
}

.p-outline-heading {
	margin-bottom: 90px;
}

.p-outline-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}
@media (max-width: 767px) {
	.p-outline-cols {
		display: block;
	}
}

.p-outline-table {
	-ms-flex-preferred-size: 725px;
			flex-basis: 725px;
}
.p-outline-table table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}
.p-outline-table table th {
	font-weight: normal;
	width: 17%;
	padding: 23px 0.75em;
	vertical-align: top;
	line-height: 2.1875;
}
.p-outline-table table td {
	padding: 23px 0.75em;
	line-height: 2.1875;
}
.p-outline-table table tr {
	border-bottom: 1px solid #D1D1D1;
}
.p-outline-table table tr:first-child {
	border-top: 1px solid #D1D1D1;
}
@media (max-width: 767px) {
	.p-outline-table table tr {
		display: block;
		padding: 2.6666666667vw 5.3333333333vw;
	}
	.p-outline-table table th {
		display: block;
		width: 100%;
		text-align: left;
		padding: 0;
	}
	.p-outline-table table td {
		display: block;
		width: 100%;
		padding: 0;
	}
}

.p-outline-images {
	-ms-flex-preferred-size: 475px;
			flex-basis: 475px;
	padding-left: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.p-outline-images figure {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
			-ms-flex-direction: column;
					flex-direction: column;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}
.p-outline-images figure img:not(:last-child) {
	margin-bottom: 55px;
}
@media (max-width: 767px) {
	.p-outline-images {
		padding-left: 0;
		margin-top: 13.3333333333vw;
	}
	.p-outline-images figure {
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
				-ms-flex-direction: row;
						flex-direction: row;
	}
	.p-outline-images figure img {
		max-width: 100%;
		width: 42.1333333333vw;
		aspect-ratio: 1/1;
		-o-object-fit: cover;
			 object-fit: cover;
	}
	.p-outline-images figure img:not(:last-child) {
		margin-bottom: 0;
	}
}

.p-outline-office-list li {
	position: relative;
	padding-left: 1.2em;
}
.p-outline-office-list li:not(:last-child) {
	margin-bottom: 21px;
}
.p-outline-office-list li:before {
	position: absolute;
	content: "・";
	width: 1em;
	text-align: center;
	top: 0;
	left: 0;
}

.p-top-news {
	background-color: #F7F7F7;
	padding: 150px 30px;
}
.p-top-news .p-news-list {
	margin-top: 65px;
}
@media (max-width: 767px) {
	.p-top-news {
		padding: 32vw 5.3333333333vw;
	}
}

.p-top-news-inner {
	max-width: 750px;
	margin: 0 auto;
}

.p-top-news-link {
	text-align: center;
	margin-top: 90px;
}
.p-top-news-link a {
	font-size: 18px;
	letter-spacing: 0.04em;
}

.p-news-list dl {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #D1D1D1;
	padding: 28px 0;
}
.p-news-list dl:first-of-type {
	border-top: 1px solid #D1D1D1;
}
.p-news-list dt {
	font-size: 18px;
	letter-spacing: 0.08em;
	font-weight: bold;
	padding: 0 28px;
}
.p-news-list dd {
	margin: 0;
	line-height: 2;
	padding: 0 28px 0 0;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 767px) {
	.p-news-list dl {
		display: block;
		padding: 8vw 5.3333333333vw;
	}
	.p-news-list dt {
		padding: 0;
	}
	.p-news-list dd {
		padding: 0;
	}
}
/* ここから _furusatonozei.scss */
.p-furusatonozei {
  background-color: #ffffff;
  padding: 150px 30px;
}
@media (max-width: 767px) {
  .p-furusatonozei {
    padding: 32vw 5.3333333333vw;
  }
}

.p-furusatonozei-banner {
  max-width: 1300px;
  height: 350px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: url("../images/furusatonozei_bg2.jpg") no-repeat center center;
  background-size: cover;
}
@media (max-width: 1400px) {
  .p-furusatonozei-banner {
    height: 25vw;
  }
}
@media (max-width: 767px) {
  .p-furusatonozei-banner {
    background-image: url("../images/furusatonozei_bg_sp.jpg");
    height: 213.3333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-furusatonozei-body {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .p-furusatonozei-body {
    display: block;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding-top: 10.6666666667vw;
    padding-bottom: 18.6666666667vw;
  }
}

.p-furusatonozei-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1400px) {
  .p-furusatonozei-title {
    font-size: 1.7142857143vw;
  }
}
@media (max-width: 767px) {
  .p-furusatonozei-title {
    font-size: 6.4vw;
  }
}

.p-furusatonozei-text {
  text-align: center;
  line-height: 2;
  margin-top: 25px;
}
.p-furusatonozei-text span {
  font-weight: bold;
}
@media (max-width: 1400px) {
  .p-furusatonozei-text {
    margin-top: 1.7857142857vw;
    font-size: 1.1428571429vw;
  }
}
@media (max-width: 767px) {
  .p-furusatonozei-text {
    margin-top: 6.6666666667vw;
    font-size: 4.2666666667vw;
  }
}

.p-furusatonozei-button {
  font-size: 18px;
  width: 350px;
  padding: 15px 0 14px;
  border-radius: 30px;
  text-align: center;
  border: 1px solid #464646;
  margin-top: 40px;
  -webkit-transition-property: background-color, border, color;
  transition-property: background-color, border, color;
  display: block;
}
.p-furusatonozei-button:hover {
  color: #ffffff;
  background-color: #1895A0;
  border: 1px solid #1895A0;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
          box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
}
.p-furusatonozei-button:hover .c-arrow:after {
  background-image: url("../images/arrow_white.svg");
}
@media (max-width: 1400px) {
  .p-furusatonozei-button {
    font-size: 1.2857142857vw;
    width: 25vw;
    padding: 1.0714285714vw 0 1vw;
    border-radius: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .p-furusatonozei-button {
    font-size: 4.2666666667vw;
    width: 78.4vw;
    margin-left: auto;
    margin-right: auto;
    padding: 3.2vw 0 2.9333333333vw;
    border-radius: 6.6666666667vw;
  }
}
/* ここまで _furusatonozei.scss */
.p-top-salon-header {
	background-color: #1895A0;
	color: #ffffff;
	padding: 92px;
}

.p-top-salon-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.p-top-salon-cols > * {
	-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
}
@media (max-width: 767px) {
	.p-top-salon-cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
	}
	.p-top-salon-cols > * {
		-ms-flex-preferred-size: auto;
				flex-basis: auto;
	}
}

.p-top-salon-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
		 object-fit: cover;
}

.p-top-salon-body {
	background-color: #B2D8DB;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
}
@media (max-width: 767px) {
	.p-top-salon-body {
		padding: 20vw 5.3333333333vw;
	}
}

.p-top-salon-about {
	background-color: #B2D8DB;
}
@media (max-width: 767px) {
	.p-top-salon-about {
		padding: 20vw 5.3333333333vw;
	}
}

.p-top-salon-address {
	background-color: #F5F5F5;
}

.p-top-salon-address-text01 {
	line-height: 2.25;
}

.p-top-salon-address-text02,
.p-top-salon-address-text03 {
	margin-top: 2em;
}

.p-top-salon-about-title {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.08em;
	margin-bottom: 38px;
}

.p-top-salon-about-text {
	line-height: 2;
}

.p-top-salon-map {
	line-height: 0;
	min-height: 620px;
	position: relative;
}
.p-top-salon-map iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
@media (max-width: 767px) {
	.p-top-salon-map {
		min-height: 330px;
	}
}

.p-reserve {
	background: url("../images/reserve.jpg") no-repeat center center;
	background-size: cover;
	padding: 90px 30px;
}
@media (max-width: 767px) {
	.p-reserve {
		padding: 90px 10.6666666667vw;
	}
}

.p-reserve-heading {
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 60px;
}

.p-reserve-button-group {
	text-align: center;
	margin-top: 50px;
	max-width: 825px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}
@media (max-width: 767px) {
	.p-reserve-button-group {
		display: block;
		margin-top: 10.6666666667vw;
	}
}

.p-reserve-tel {
	text-align: center;
}
.p-reserve-tel a {
	background-color: #1895A0;
	font-size: 18px;
	letter-spacing: 0.08em;
	color: #ffffff;
	padding: 14px 0;
	display: inline-block;
	width: 350px;
	border-radius: 30px;
}
.p-reserve-tel a span {
	padding-left: 33px;
	position: relative;
}
.p-reserve-tel a span:before {
	position: absolute;
	content: "";
	width: 23px;
	height: 32px;
	background: url("../images/icon_tel.svg") no-repeat center center;
	background-size: contain;
	left: 0;
}
@media (max-width: 767px) {
	.p-reserve-tel a {
		width: 100%;
		font-size: 4.2666666667vw;
	}
}

.p-reserve-other {
	font-size: 18px;
	letter-spacing: 0.08em;
	color: #ffffff;
	padding: 13px 0;
	display: inline-block;
	width: 350px;
	border-radius: 30px;
	border: 1px solid #ffffff;
}
@media (max-width: 767px) {
	.p-reserve-other {
		width: 100%;
		font-size: 4.2666666667vw;
	}
	.p-reserve-other + .p-reserve-other {
		margin-top: 10.6666666667vw;
	}
	.p-reserve-other .c-arrow {
		padding-right: 12vw;
	}
	.p-reserve-other .c-arrow::after {
		width: 9.3333333333vw;
	}
}

.p-stores {
	padding: 115px 30px 150px;
	background-color: #F5F5F5;
}
@media (max-width: 767px) {
	.p-stores {
		padding: 32vw 5.3333333333vw;
	}
}

.p-stores-banners {
	max-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	margin-top: 90px;
}
.p-stores-banners > * {
	-ms-flex-preferred-size: 25%;
			flex-basis: 25%;
	padding: 13px;
}
@media (max-width: 767px) {
	.p-stores-banners {
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.p-stores-banners > * {
		-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
		padding: 5px;
	}
}

.p-stores-banner {
	display: block;
	position: relative;
}
.p-stores-banner--external:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background-image: linear-gradient(45deg, transparent 50%, #1895A0 50%);
	top: 4px;
	right: 4px;
}

.p-floater {
	font-family: "Lora", serif;
	color: #ffffff;
	font-size: 12px;
	background-color: #1995A0;
	line-height: 1.25;
	text-align: center;
	padding: 7px 13px;
	border-radius: 22px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
}
@media (max-width: 767px) {
	.p-floater {
		display: block;
	}
}










.p-mv2{
	width:100%;
	height:100vh;
	height:100lvh;
	background:url(../images/mv2.jpg) 100% 50%/cover;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	white-space:nowrap;
}
.p-mv2-message{
	position:absolute;
	font-family:"Lora", serif;
	font-size:14px;
	left:60px;
	top:50%;
	transform:rotate(90deg) translate(-50%,-50%);
	transform-origin:left bottom;
	white-space:nowrap;
}
.p-mv2-copy{
	background:#1895A0d8;
	color:white;
	font-size:32px;
	line-height:135%;
	padding:0.6em 1.0em;
	position:absolute;
	right:0;
	top:50%;
	transform:translate(0,-50%);
}
.p-mv2-copy br{
	display:none;
}
@media (min-width:1401px){
	.p-mv2-message{
		left:calc((100% - 1400px) * 0.5 + 60px);
	}
	.p-mv2-copy{
		right:calc((100% - 1400px) * 0.5 + 0px);
	}
}
@media (max-width:1000px){
	.p-mv2{
		background:url(../images/mv2.jpg) 65% 50%/cover;
	}
	.p-mv2-copy br{
		display:block;
	}
}
@media (max-width:767px){
	.p-mv2{
		background:url(../images/mv2.jpg) 48.7% 50%/cover;
	}
	.p-mv2-message{
		font-size:12px;
		left:5px;
		top:35%;
	}
	.p-mv2-copy{
		font-size:6vw;
		line-height:150%;
		padding:0.4em 0.8em;
		right:50%;
		top:calc(100% - (100lvh - 100svh) - 80px);
		transform:translate(50%,-100%);
	}
}



















body{
	--fadeRange:30px;
}
@media (max-width:768px){
	body{
		--fadeRange:15px;
	}
}
.fadeIn{
	opacity:0;
	transition:
		opacity 1.0s ease-out 0.1s,
		transform 1.0s cubic-bezier(.07,.92,.46,.95) 0.1s;
}
.fromLeft{
	transform:translate(calc(-1 * var(--fadeRange)),0);
}
.fromRight{
	transform:translate(var(--fadeRange),0);
}
.fromTop{
	transform:translate(0,calc(-1 * var(--fadeRange)));
}
.fromBottom{
	transform:translate(0,var(--fadeRange));
}
.fromForeground{
	transform:scale(1.2);
}
.fading{
	opacity:1;
	transform:none;
}
.fadeRemove{
	transition:none;
}

.c-breadcrumbs{
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 23px 30px;
  font-size: 14px;
}
@media (max-width: 767px){
  .c-breadcrumbs{
    padding: 10px 20px;
  }
}
.c-breadcrumbs li{
  display: inline-block;

}
.c-breadcrumbs li:not(:last-child):after{
  content: ">";
  margin: 0 1em;
}