@charset "UTF-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
*,
::before,
::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-webkit-tap-highlight-color: transparent; /* 3*/
}

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

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
	font-weight: bold;
}

dd {
	margin-left: 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 */
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit;
}

/**
 * 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: inherit; /* 2 */
}

address {
	font-style: inherit;
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	-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: inherit; /* 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;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
	vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none; /* 1 */
	-moz-appearance: none;
	     appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	background: transparent;
	padding: 0;
	margin: 0;
	border-radius: 0;
	text-align: inherit;
	text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
	cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
	outline: auto;
}

select:disabled {
	opacity: inherit;
}

/**
 * Remove padding
 */
option {
	padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
	margin: 0;
	padding: 0;
	min-width: 0;
}

legend {
	padding: 0;
}

/**
 * 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;
}

/**
 * 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;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
	outline-offset: -2px; /* 1 */
}

/**
 * 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. Fix font inheritance.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
	-moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
	cursor: pointer;
}

/* 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;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
	outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
	border-color: inherit; /* 1 */
	border-collapse: collapse;
}

caption {
	text-align: left;
}

td,
th {
	vertical-align: top;
	padding: 0;
}

th {
	text-align: left;
	font-weight: bold;
}

/*--------------- form reset ------------*/
button {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	font-family: inherit;
	font-size: 100%;
	display: block;
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
}
button:hover {
	opacity: 0.7;
}

input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	color: inherit;
	outline: none;
}

input[type=checkbox], input[type=radio] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

label {
	position: relative;
	display: block;
	word-break: break-all;
}
label input[type=checkbox] + span {
	position: relative;
	padding-left: 1.5rem;
}
label input[type=radio] + span {
	position: relative;
	padding-left: 2.5rem;
}
label input[type=checkbox] + span::before {
	border-color: #1E2777;
}
label input[type=checkbox]:checked + span::before {
	background-color: #1E2777;
}
label input[type=checkbox]:checked + span::before {
	background-color: #fff;
}
label input[type=checkbox]:checked + span::after {
	border: 0.2rem solid #313131;
	border-width: 0 0.2rem 0.2rem 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
label input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 0.1rem;
}
label input[type=checkbox] + span::before, label input[type=checkbox] + span::after {
	position: absolute;
	top: 0.7rem;
	left: 0;
	display: inline-block;
	content: "";
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
label input[type=checkbox] + span::before {
	z-index: 0;
	background-color: transparent;
	width: 1.2rem;
	height: 1.2rem;
	border: 0.1rem #313131 solid;
}
label input[type=checkbox] + span::after {
	z-index: 1;
	margin: 0.2rem 0.4rem;
	width: 0.6rem;
	height: 0.9rem;
}
label input[type=radio] + span::before {
	position: absolute;
	display: inline-block;
	content: "";
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.1rem solid #686868;
	border-radius: 50%;
	z-index: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	background-color: transparent;
	width: 1.4rem;
	height: 1.4rem;
}
label input[type=radio] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 0.1rem;
}
label input[type=radio]:checked + span::before {
	border-color: #007acc;
}
label input[type=radio]:checked + span::after {
	position: absolute;
	display: inline-block;
	content: "";
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #007acc;
	border-radius: 50%;
	z-index: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0.3rem;
	width: 0.8rem;
	height: 0.8rem;
}

/*-------- text email tel ---------*/
input[type=text], input[type=email], input[type=tel] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
}

textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
}

input[type=button], input[type=submit] {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

button[type=submit], input[type=reset], button[type=button] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
}

/*-------- select ------------*/
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {
	display: none;
}

input[type=text], input[type=email], input[type=tel] {
	width: 100%;
	max-width: 100%;
}

textarea {
	width: 100%;
	max-width: 100%;
	resize: vertical;
	overflow: auto;
}

input[type=button] {
	color: #fff;
	border-style: none;
}
input[type=submit] {
	color: #fff;
	border-style: none;
}
input[type=submit]:hover {
	opacity: 0.5;
}

@media screen and (max-width: 767px) {
	input[type=text], input[type=email], input[type=tel] {
		width: 100%;
		font-size: calcvw(28) !important;
	}
	textarea {
		width: 100%;
		font-size: calcvw(28) !important;
	}
}
@media screen and (max-width: 640px) {
	input[type=text], input[type=email], input[type=tel] {
		width: 100%;
		font-size: 16px !important;
	}
	textarea {
		width: 100%;
		font-size: 16px !important;
	}
}
::-webkit-input-placeholder {
	color: #B7B7B7;
}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder, ::placeholder {
	color: #B7B7B7;
}

html, body {
	scrollbar-gutter: stable;
}

html {
	font-size: 62.5%;
}
@media screen and (max-width: 767px) {
	html {
		font-size: 1.3333333333vw;
	}
}

body {
	color: #464646;
	font-size: 1.4rem;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	line-break: strict;
}
@media print, screen and (min-width: 768px) {
	body {
		min-width: 1440px;
	}
}
body {
	overflow-y: scroll;
}
body.is-fixed {
	pointer-events: none;
	overflow: hidden;
}

dl, ul, ol {
	margin: 0;
	padding: 0;
}

img {
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
	width: 100%;
}

.safari img {
	image-rendering: auto;
}

label {
	cursor: pointer;
}

/* link
--------------------------------------------------*/
a {
	color: inherit;
}
a:link, a:active, a:visited {
	text-decoration: none;
}
a {
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
	a:hover {
		opacity: 0.7;
	}
}

@media print, screen and (min-width: 768px) {
	a[href^="tel:"] {
		display: inline-block;
		pointer-events: none;
	}
	a,
	a * {
		outline: 1px solid transparent;
		outline: none;
	}
}
picture {
	display: block;
}

.m-bold {
	font-weight: bold;
}

.m-en {
	/*font-family: 'Arial', sans-serif;*/
}

.c-inner {
	width: 117rem;
	margin: 0 auto;
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	.c-inner {
		width: 100%;
		padding: 0 4%;
	}
}

.car-f {
	display: inline-block;
	padding: 0 0.5em;
}

/* ループスライダー（汎用） */
.c-loop {
	overflow: hidden;
	width: 100%;
}
.c-loop-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	-webkit-animation: loopScroll 200s linear infinite;
	        animation: loopScroll 200s linear infinite;
}
@media screen and (max-width: 767px) {
	.c-loop-track {
		-webkit-animation: loopScroll 150s linear infinite;
		        animation: loopScroll 150s linear infinite;
	}
}
.c-loop-item {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	white-space: nowrap;
	padding: 0 0.2em;
	font-size: 11rem;
	font-weight: 700;
	color: rgba(127, 153, 173, 0.5);
	font-family: "Cormorant Garamond", serif;
}
@media screen and (max-width: 767px) {
	.c-loop-item {
		font-size: 10rem;
		letter-spacing: -0.02em;
		padding: 0 0.5em;
	}
}

@-webkit-keyframes loopScroll {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@keyframes loopScroll {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
/* inview */
.js-inview.m-fadeup {
	opacity: 0;
	-webkit-transform: translateY(6rem);
	        transform: translateY(6rem);
	-webkit-transition: 0.8s ease;
	transition: 0.8s ease;
}
.js-inview.m-fadeup.is-inview {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}
.js-inview.m-fadein {
	opacity: 0;
	-webkit-transition: 0.8s ease;
	transition: 0.8s ease;
}
.js-inview.m-fadein.is-inview {
	opacity: 1;
}
.js-inview.m-showon {
	opacity: 0;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.js-inview.m-showon.is-inview {
	opacity: 1;
	-webkit-transition-delay: calc(var(--i, 0) * 0.7s);
	        transition-delay: calc(var(--i, 0) * 0.7s);
}
.js-inview.m-showon:nth-child(1) {
	--i: 0;
}
.js-inview.m-showon:nth-child(2) {
	--i: 1;
}
.js-inview.m-showon:nth-child(3) {
	--i: 2;
}
.js-inview.m-showon:nth-child(4) {
	--i: 3;
}
.js-inview.m-showon:nth-child(5) {
	--i: 4;
}
.js-inview.m-showon:nth-child(6) {
	--i: 5;
}
.js-inview.m-showon:nth-child(7) {
	--i: 6;
}
.js-inview.m-showon:nth-child(8) {
	--i: 7;
}
.js-inview.m-showon:nth-child(9) {
	--i: 8;
}
.js-inview.m-showon:nth-child(10) {
	--i: 9;
}
.js-inview.m-showon:nth-child(11) {
	--i: 10;
}
.js-inview.m-showon:nth-child(12) {
	--i: 11;
}
.js-inview.m-showon:nth-child(13) {
	--i: 12;
}
.js-inview.m-showon:nth-child(14) {
	--i: 13;
}
.js-inview.m-showon:nth-child(15) {
	--i: 14;
}
.js-inview.m-showon:nth-child(16) {
	--i: 15;
}
.js-inview.m-showon:nth-child(17) {
	--i: 16;
}
.js-inview.m-showon:nth-child(18) {
	--i: 17;
}
.js-inview.m-showon:nth-child(19) {
	--i: 18;
}
.js-inview.m-showon:nth-child(20) {
	--i: 19;
}
.js-inview.-delay1 {
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}
.js-inview.-delay2 {
	-webkit-transition-delay: 0.6s;
	        transition-delay: 0.6s;
}

.c-slider .slick-dots {
	position: absolute;
	bottom: 3rem;
	left: 3rem;
}
@media screen and (max-width: 767px) {
	.c-slider .slick-dots {
		bottom: 2.5rem;
		left: 3.5rem;
	}
}
.c-slider .slick-dots li {
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	background: #fff;
	font-size: 0;
	color: transparent;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
	.c-slider .slick-dots li {
		width: 1.2rem;
		height: 1.2rem;
	}
}
.c-slider .slick-dots li {
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
	.c-slider .slick-dots li:hover {
		opacity: 0.7;
	}
}
.c-slider .slick-dots li + li {
	margin-left: 1rem;
}
@media screen and (max-width: 767px) {
	.c-slider .slick-dots li + li {
		margin-left: 1.3rem;
	}
}
.c-slider .slick-dots li.slick-active {
	background: #c1c1c1;
}

.c-item + .c-item {
	margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
	.c-item + .c-item {
		margin-top: 2rem;
	}
}
.c-item .item-name .-name {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: -0.08em;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.c-item .item-name .-name {
		font-size: 2.6rem;
		letter-spacing: -0.06em;
	}
}
.c-item .item-name .-name {
	position: relative;
}
.c-item .item-name .-name::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0.2em;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #464646;
}
.c-item .item-name .-name.-ul {
	text-decoration: underline;
}
.c-item .item-name .-name.-ul::after {
	content: none;
}
.c-item .item-name .-type {
	display: inline-block;
	padding: 0.1rem 0.8rem 0.2rem;
	border: 1px solid #464646;
	border-radius: 1rem;
	font-size: 1rem;
	color: #464646;
	margin-left: 0.5rem;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.c-item .item-name .-type {
		font-size: 1.9rem;
		padding: 0.1rem 1.2rem 0.2rem;
		border-radius: 2rem;
		margin-left: 1.8rem;
	}
}
@media screen and (max-width: 767px) {
	.c-item .item-name .-type.-adj {
		margin-left: 1.5rem;
		margin-right: -4rem;
	}
}
.c-item .item-price {
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.c-item .item-price {
		font-size: 2.4rem;
		letter-spacing: -0.02em;
	}
}
.c-item .item-tag {
	display: inline-block;
	line-height: 1;
	padding: 0.1rem 0.3rem 0.2rem;
	border: 1px solid #464646;
	font-size: 1rem;
	color: #464646;
	margin: 1rem 0 0;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.c-item .item-tag {
		font-size: 1.9rem;
		padding: 0.4rem 0.3rem 0.3rem;
	}
}
.c-item__note {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.c-item__note {
		font-size: 2rem;
		margin-top: 0.5rem;
	}
}

/* --------------------------------------------------
  display
-------------------------------------------------- */
@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}
@media print, screen and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}
/* --------------------------------------------------
  cleafix
-------------------------------------------------- */
.u-clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/* --------------------------------------------------
  align
-------------------------------------------------- */
.u-alignL {
	text-align: left;
}

.u-alignC {
	text-align: center;
}

.u-alignR {
	text-align: right;
}

/* --------------------------------------------------
  preload
-------------------------------------------------- */
.u-preload * {
	-webkit-transition: none !important;
	transition: none !important;
}

/* --------------------------------------------------
  font,text
-------------------------------------------------- */
.u-underline {
	text-decoration: underline !important;
}

.u-bold {
	font-weight: bold;
}

.u-serif {
	font-family: "Noto Serif JP", serif;
}

.u-en {
	font-family: "Cormorant Garamond", serif;
}

@media screen and (max-width: 767px) {
	body.is-fixed .l-header {
		pointer-events: auto;
	}
}
.l-header {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	position: fixed;
	left: 0;
	top: 3rem;
	width: 100%;
	z-index: 100;
	padding: 0 3.5rem 0 5rem;
}
@media screen and (max-width: 767px) {
	.l-header {
		top: 0;
		padding: 20px 3% 0;
	}
}
.l-header-logo {
	width: 17rem;
	cursor: pointer;
	-webkit-transition: 0.3s opacity;
	transition: 0.3s opacity;
}
@media (any-hover: hover) {
	.l-header-logo:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width: 767px) {
	.l-header-logo {
		width: 113px;
		position: relative;
		z-index: 10;
	}
}
.l-header-logo img {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.l-header-logo.is-active {
	background: url(../img/logo_blue.png) no-repeat center center/contain;
}
.l-header-logo.is-active img {
	opacity: 0;
}
.l-header-nav {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	        justify-content: flex-end;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
@media screen and (max-width: 767px) {
	.l-header-nav {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		padding-bottom: 100px;
		height: 100svh;
		width: 100%;
		overflow: auto;
		z-index: 1;
	}
}
.l-header-nav .-gnav {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	        justify-content: flex-end;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	gap: 4rem;
	font-size: 1.6rem;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 767px) {
	.l-header-nav .-gnav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
		font-size: 18px;
		padding: 80px 10% 0;
		gap: 40px;
	}
}
.l-header-nav .-gnav a {
	color: #7f99ad;
	letter-spacing: 0.08rem;
}
@media screen and (max-width: 767px) {
	.l-header-nav .-gnav a {
		letter-spacing: 0;
	}
}
@media screen and (max-width: 767px) {
	.l-header-nav .-util {
		margin-top: 100px;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		        justify-content: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		gap: 20px;
	}
	.l-header-nav .-util a {
		font-size: 12px;
		font-weight: 500;
		position: relative;
		padding-right: 3rem;
	}
	.l-header-nav .-util a::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		background: url(../img/header_outlink_icn.png) no-repeat center center/contain;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	.l-header-nav .-sns {
		margin-top: 30px;
	}
	.l-header-nav .-sns .ttl {
		font-family: "Noto Serif JP", serif;
		font-size: 14px;
		font-weight: 500;
		color: #7f99ad;
		text-align: center;
	}
	.l-header-nav .-sns .list {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		        justify-content: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		gap: 20px;
		margin-top: 10px;
	}
	.l-header-nav .-sns .list li {
		width: 45px;
	}
}
@media screen and (max-width: 767px) {
	.l-header-toggle {
		background: #7f99ad;
		border-radius: 50%;
		display: inline-block;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: relative;
		width: 30px;
		height: 30px;
		z-index: 10;
	}
	.l-header-toggle span {
		display: inline-block;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: absolute;
		left: 50%;
		width: 9px;
		height: 1px;
		background-color: #fff;
		border-radius: 5px;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.l-header-toggle span:nth-of-type(1) {
		top: calc(50% - 3px);
	}
	.l-header-toggle span:nth-of-type(2) {
		top: calc(50% + 3px);
	}
	.l-header-toggle.is-active span {
		width: 11px;
		height: 1px;
	}
	.l-header-toggle.is-active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(45deg) translateX(calc(-50% - 2px));
		        transform: translateY(8px) rotate(45deg) translateX(calc(-50% - 2px));
	}
	.l-header-toggle.is-active span:nth-of-type(2) {
		-webkit-transform: translateY(-8px) rotate(-45deg) translateX(calc(-50% - 2px));
		        transform: translateY(-8px) rotate(-45deg) translateX(calc(-50% - 2px));
	}
}
.l-header {
	/* /toggle */
}

/* --------------------------------------------------
    footer
-------------------------------------------------- */
.l-footer {
	background-color: #7f99ad;
	padding: 1.5rem 0;
	position: relative;
}
@media screen and (max-width: 767px) {
	.l-footer {
		padding: 7.5rem 0 6.5rem;
	}
}
.l-footer .fixed-totop {
	width: 12.2rem;
	position: absolute;
	top: calc(-100% - 12.2rem);
	left: 5rem;
	cursor: pointer;
	-webkit-transition: 0.3s opacity;
	transition: 0.3s opacity;
}
@media (any-hover: hover) {
	.l-footer .fixed-totop:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width: 767px) {
	.l-footer .fixed-totop {
		width: 24.9rem;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-250%);
		        transform: translateX(-50%) translateY(-250%);
	}
}
.l-footer .c-inner {
	width: 134rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 767px) {
	.l-footer .c-inner {
		width: 100%;
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.l-footer__logo {
		text-align: center;
	}
}
.l-footer__logo-inn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.2rem;
	color: #fff;
	gap: 1.5rem;
}
@media screen and (max-width: 767px) {
	.l-footer__logo-inn {
		display: block;
		font-size: 2.4rem;
		text-align: center;
	}
}
.l-footer__logo img {
	width: 8.8rem;
}
@media screen and (max-width: 767px) {
	.l-footer__logo img {
		width: 24.2rem;
		display: block;
		margin: auto auto 2.5rem;
	}
}
.l-footer .cpy {
	color: #fff;
	font-size: 1rem;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
	.l-footer .cpy {
		font-size: 2rem;
		text-align: center;
		margin-top: 5rem;
	}
}

.p-mv {
	position: relative;
}
.p-mv-cnt {
	width: 36.8055555556%;
	position: absolute;
	top: 50%;
	left: 11.71875%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.p-mv-cnt {
		width: 66.5rem;
		left: 50%;
		top: 18rem;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.p-catch {
	background: url(../img/catch_bg_pc.jpg) no-repeat center center/cover;
	padding: 11.5rem 0 5.5rem;
}
@media screen and (max-width: 767px) {
	.p-catch {
		background: url(../img/catch_bg_sp.jpg) no-repeat center center/cover;
		padding: 14rem 0;
	}
}
.p-catch-wrap {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	gap: 10rem;
}
@media screen and (max-width: 767px) {
	.p-catch-wrap {
		-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;
		gap: 3rem;
	}
}
.p-catch-txt {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-top: 7rem;
}
@media screen and (max-width: 767px) {
	.p-catch-txt {
		margin-top: 0;
	}
}
.p-catch-txt .-logo {
	width: 24.8rem;
}
@media screen and (max-width: 767px) {
	.p-catch-txt .-logo {
		width: 35.7rem;
		margin: 0 auto;
	}
}
.p-catch-txt .-detail {
	width: 35.3rem;
	margin-top: 3.6rem;
}
@media screen and (max-width: 767px) {
	.p-catch-txt .-detail {
		margin-top: 5rem;
		width: 57.7rem;
	}
}
.p-catch-slider {
	width: 63rem;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-catch-slider {
		margin-top: 6rem;
		width: 59rem;
	}
}

.p-parallax {
	height: 46rem;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.p-parallax {
		height: 46rem;
	}
}
.p-pickup {
	padding: 4rem 0 8.5rem;
	background: url(../img/pickup_bg_pc.png) no-repeat center top/cover;
}
@media screen and (max-width: 767px) {
	.p-pickup {
		padding: 6rem 0 20rem;
		background: url(../img/pickup_bg_sp.png) no-repeat center top/cover;
	}
}
.p-pickup-head {
	margin-top: 13rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-head {
		margin-top: 7rem;
	}
}
.p-pickup-head .-lead {
	font-size: 2.1rem;
	letter-spacing: -0.05em;
	font-weight: 500;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-lead {
		font-size: 3.4rem;
		letter-spacing: -0.02em;
	}
}
.p-pickup-head .-lead .line {
	background: url(../img/pickup_line01_pc.png) no-repeat center bottom/37.1rem 0.1rem;
	display: inline-block;
	padding: 0 1rem 0.5rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-lead .line {
		background: url(../img/pickup_line01_sp.png) no-repeat center bottom/contain;
		padding: 0 1rem 0.8rem;
	}
}
.p-pickup-head .-lead .asterisk {
	font-size: 1rem;
	display: inline-block;
	margin: 0 0.2em;
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-lead .asterisk {
		font-size: 2rem;
	}
}
.p-pickup-head .-ttl {
	font-size: 2.8rem;
	letter-spacing: -0.05em;
	font-weight: 500;
	text-align: center;
	margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-ttl {
		font-size: 6rem;
	}
}
.p-pickup-head .-ttl .line, .p-pickup-head .-ttl .line01, .p-pickup-head .-ttl .line02 {
	display: inline-block;
}
.p-pickup-head .-ttl .line {
	background: url(../img/pickup_line02_pc.png) no-repeat center bottom/39.7rem 0.1rem;
	padding: 0 1rem 0.5rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-ttl .line {
		background: none;
	}
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-ttl .line01 {
		background: url(../img/pickup_line01_sp.png) no-repeat center bottom/56rem 0.1rem;
		padding-bottom: 1rem;
	}
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-ttl .line02 {
		background: url(../img/pickup_line02_sp.png) no-repeat center bottom/30.8rem 0.1rem;
		padding-bottom: 1rem;
		margin-top: 1.5rem;
	}
}
.p-pickup-head .-ttl .asterisk {
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 0.2em;
}
@media screen and (max-width: 767px) {
	.p-pickup-head .-ttl .asterisk {
		font-size: 2.5rem;
		vertical-align: bottom;
		display: inline-block;
		padding: 0 0 0 0.5rem;
	}
}
.p-pickup-product {
	margin-top: 8rem;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	gap: 5rem;
	padding-left: 8.5rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-product {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 2rem;
		padding-left: 0;
	}
}
.p-pickup-product .-img {
	width: 37.3rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-img {
		width: 80%;
		margin: 0 auto 0;
		-webkit-transform: translateX(-7rem);
		        transform: translateX(-7rem);
	}
}
.p-pickup-product .-txt {
	margin-top: 1rem;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt {
		width: 90%;
		margin: 0 auto 0;
	}
}
.p-pickup-product .-txt .lead {
	font-size: 1.8rem;
	letter-spacing: 0.12em;
	line-height: 1.7;
	font-weight: 500;
	margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt .lead {
		font-size: 3.4rem;
		letter-spacing: -0.02em;
	}
}
.p-pickup-product .-txt .lead .asterisk {
	font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt .lead .asterisk {
		font-size: 2rem;
		padding-right: 0.5rem;
	}
}
.p-pickup-product .-txt .point {
	margin-top: 2rem;
	width: 57.5rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt .point {
		width: 68%;
		margin: 6rem auto 0;
	}
}
.p-pickup-product .-txt .point-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.8rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt .point-list {
		width: 100%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 1.6rem 1.2rem;
	}
}
.p-pickup-product .-txt .point-list li {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt .point-list li {
		width: 50%;
		width: 22.8rem;
	}
}
.p-pickup-product .-txt .note {
	margin-top: 3rem;
	font-size: 1rem;
	letter-spacing: -0.02em;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	gap: 1rem;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt .note {
		margin: 6rem auto 0;
		display: block;
		font-size: 2rem;
		line-height: 1.6;
		letter-spacing: -0.03em;
	}
}
.p-pickup-product .-txt .note .note-item + .note-item {
	margin-left: 2rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-product .-txt .note .note-item + .note-item {
		margin-left: 0;
		margin-top: 1rem;
	}
}
.p-pickup-product .-txt .note .note-item.-full {
	width: 100%;
	margin-left: 0;
}
.p-pickup-feature {
	margin-top: 14rem;
	padding-bottom: 7.5rem;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	position: relative;
}
.p-pickup-feature .-box {
	height: 31.9rem;
	width: 50.9rem;
	background: url(../img/feature_bg_pc.png) no-repeat center center/cover;
	position: relative;
	margin-left: 2.7rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box {
		height: 75.1rem;
		width: 72rem;
		background: url(../img/feature_bg_sp.png) no-repeat center center/cover;
		margin: 0 -5rem 0 -4rem;
	}
}
.p-pickup-feature .-box .box-en {
	font-family: "Cormorant Garamond", serif;
	letter-spacing: -0.05em;
	font-size: 5rem;
	font-weight: 700;
	color: rgba(127, 153, 173, 0.8);
	margin-bottom: 1rem;
	position: absolute;
	top: -2rem;
	left: 1rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-en {
		font-size: 7.6rem;
		top: -3rem;
	}
}
.p-pickup-feature .-box .box-lead {
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	text-align: center;
	margin-top: 6.8rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-lead {
		font-size: 3.2rem;
		letter-spacing: 0;
		line-height: 1.6;
		margin-top: 10rem;
	}
}
.p-pickup-feature .-box .box-lead .underline {
	position: relative;
	display: inline-block;
	padding-bottom: 0.1rem;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-lead .underline {
		padding-bottom: 0;
	}
}
.p-pickup-feature .-box .box-lead .underline:after {
	content: "";
	display: block;
	width: 100%;
	height: 0.6rem;
	background: url(../img/feature_underline_pc.png) no-repeat center bottom/100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-lead .underline:after {
		background: url(../img/feature_underline_sp.png) no-repeat center bottom/100% 100%;
		height: 1.4rem;
	}
}
.p-pickup-feature .-box .box-ttl {
	font-size: 2.6rem;
	font-weight: 500;
	text-align: center;
	margin-top: 0.2rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-ttl {
		font-size: 4.6rem;
		margin-top: 4rem;
	}
}
.p-pickup-feature .-box .box-ingredients {
	font-size: 1rem;
	margin-top: 1rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-ingredients {
		font-size: 2rem;
		margin-top: 1rem;
	}
}
.p-pickup-feature .-box .box-detail {
	font-size: 1.2rem;
	margin-top: 2rem;
	line-height: 1.8;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-detail {
		font-size: 2.8rem;
		margin-top: 4rem;
	}
}
.p-pickup-feature .-box .box-note {
	position: absolute;
	bottom: -0.5rem;
	right: 1.5rem;
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-box .box-note {
		font-size: 2rem;
		letter-spacing: -0.08em;
		bottom: -1rem;
		right: 3rem;
	}
}
.p-pickup-feature .-img {
	position: absolute;
	width: 27.4rem;
	bottom: 0;
	left: calc(50% - 40.5rem);
}
@media screen and (max-width: 767px) {
	.p-pickup-feature .-img {
		width: 29.6rem;
		left: calc(50% - 40.5rem);
	}
}
.p-pickup-feature .-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.p-pickup-type {
	margin-top: 8rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-type {
		margin-top: 7rem;
	}
}
.p-pickup-type .-fig {
	width: 100.6rem;
	margin: 0 auto;
	position: relative;
}
.p-pickup-type .-fig .type-list__item {
	position: absolute;
	width: 33.4rem;
}
.p-pickup-type .-fig .type-list__item:nth-of-type(1) {
	left: 8rem;
	top: 14.5rem;
}
.p-pickup-type .-fig .type-list__item:nth-of-type(2) {
	right: 8.5rem;
	top: 22rem;
}
.p-pickup-type .-slider {
	width: 100%;
	margin-top: 6rem;
}
.p-pickup-type .-slider .item {
	width: 100%;
}
.p-pickup-type .-slider .slick-arrow {
	position: absolute;
	bottom: 16rem;
	z-index: 10;
	width: 1.5rem;
	height: 4rem;
	background: url(../img/type_arw.png) no-repeat center center/cover;
	font-size: 0;
	color: transparent;
}
.p-pickup-type .-slider .slick-arrow.slick-prev {
	left: 5rem;
}
.p-pickup-type .-slider .slick-arrow.slick-next {
	right: 5rem;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.p-pickup-target {
	background: url(../img/target_bg_pc.png) no-repeat top center/100% 100%;
	width: 90rem;
	aspect-ratio: 90/53;
	margin: 9.5rem auto 0;
	padding: 5rem 0;
}
@media screen and (max-width: 767px) {
	.p-pickup-target {
		width: 100%;
		background: url(../img/target_bg_sp.png) no-repeat top center/100% 100%;
		aspect-ratio: 67/140;
		margin: 7rem auto 0;
		padding: 8rem 0 0;
	}
}
.p-pickup-target .-ttl {
	font-size: 2.6rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-ttl {
		font-size: 4.6rem;
	}
}
.p-pickup-target .-ttl span {
	display: inline-block;
	padding: 0 0.6rem;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-ttl span {
		padding: 0 1rem;
	}
}
.p-pickup-target .-ttl span:after {
	content: "";
	background: url(../img/target_underline_pc.png) no-repeat center center/cover;
	width: 100%;
	height: 0.9rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.p-pickup-target .-column {
	padding: 0 8.5rem;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	gap: 9rem;
	margin-top: 3rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-top: 9rem;
		padding: 0 6%;
		gap: 10rem;
	}
}
.p-pickup-target .-column .unit {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-column .unit {
		-webkit-box-flex: 1;
		    -ms-flex: auto;
		        flex: auto;
		width: 100%;
	}
}
.p-pickup-target .-column .unit .unit-ttl {
	text-align: center;
	font-size: 4.8rem;
	padding-bottom: 1rem;
	background: url(../img/target_line_pc.png) no-repeat center bottom/100% 0.2rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-column .unit .unit-ttl {
		font-size: 7rem;
		padding-bottom: 1rem;
		background: url(../img/target_line_sp.png) no-repeat center bottom/100% 0.2rem;
	}
}
.p-pickup-target .-column .unit .unit-ttl .note {
	font-size: 1.4rem;
	font-weight: 700;
	display: block;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-column .unit .unit-ttl .note {
		font-size: 2.8rem;
	}
}
.p-pickup-target .-column .unit .unit-list {
	margin-top: 3.7rem;
}
.p-pickup-target .-column .unit .unit-list li {
	font-size: 1.2rem;
	line-height: 2;
	position: relative;
	padding-left: 2.8rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-column .unit .unit-list li {
		font-size: 2.8rem;
		padding-left: 4rem;
	}
}
.p-pickup-target .-column .unit .unit-list li:before {
	content: "";
	background: url(../img/target_checkicn.png) no-repeat center center/contain;
	width: 2.4rem;
	height: 2rem;
	position: absolute;
	left: 0;
	top: -0.1rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-column .unit .unit-list li:before {
		width: 4rem;
		height: 3.6rem;
		top: 0.8rem;
	}
}
.p-pickup-target .-column .unit .unit-list li + li {
	margin-top: 3rem;
}
.p-pickup-target .-foot {
	margin-top: 6rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-foot {
		margin-top: 10rem;
	}
}
.p-pickup-target .-foot .lead {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.6;
	color: #66788d;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-foot .lead {
		font-size: 2.8rem;
		letter-spacing: 0.1em;
	}
}
.p-pickup-target .-foot .btn {
	margin-top: 1.5rem;
}
.p-pickup-target .-foot .btn a {
	width: 31.3rem;
	height: 6.2rem;
	margin: 0 auto;
	background: url(../img/target_btn_pc.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-foot .btn a {
		width: 59.3rem;
		height: 11.7rem;
		background: url(../img/target_btn_sp.png) no-repeat center center/cover;
	}
}
.p-pickup-target .-foot .btn a {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
}
.p-pickup-target .-foot .btn a span {
	font-size: 1.8rem;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.p-pickup-target .-foot .btn a span {
		font-size: 3.4rem;
	}
}
.p-pickup-howto {
	margin-top: 9rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-howto {
		margin-top: 18rem;
	}
}
.p-pickup-howto .-ttl {
	font-size: 5.6rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-align: center;
	color: #7f99ad;
}
@media screen and (max-width: 767px) {
	.p-pickup-howto .-ttl {
		font-size: 8rem;
		letter-spacing: 0;
		margin-top: 15rem;
	}
}
.p-pickup-howto .-fig {
	width: 89.9rem;
	margin: 4.8rem auto 0;
}
@media screen and (max-width: 767px) {
	.p-pickup-howto .-fig {
		width: 59rem;
	}
}
.p-pickup-movie {
	width: 75rem;
	aspect-ratio: 750/422;
	margin: 8rem auto 0;
	clip-path: polygon(4% 0, 96% 0, 100% 7%, 100% 92%, 96% 100%, 4% 100%, 0 92%, 0 8%);
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.p-pickup-movie {
		width: 58.9rem;
		margin: 8rem auto 0;
	}
}
.p-pickup-movie iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.p-pickup-timing {
	margin: 7.5rem auto 0;
	width: 78.9rem;
	aspect-ratio: 789/439;
	background: url(../img/timing_bg_pc.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing {
		margin-top: 12rem;
		width: 67.1rem;
		aspect-ratio: 671/1161;
		background: url(../img/timing_bg_sp.png) no-repeat center center/cover;
	}
}
.p-pickup-timing .-head {
	padding: 5.5rem 0 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-head {
		padding: 10rem 0 0;
	}
}
.p-pickup-timing .-head .lead {
	font-size: 1.4rem;
	letter-spacing: -0.02em;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-head .lead {
		font-size: 3.4rem;
		line-height: 1.5;
	}
}
.p-pickup-timing .-head .lead .underline {
	position: relative;
	display: inline-block;
	padding-bottom: 0.2rem;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-head .lead .underline {
		padding: 0 1rem 0.2rem;
	}
}
.p-pickup-timing .-head .lead .underline:after {
	content: "";
	background: url(../img/timing_underline_pc.png) no-repeat center bottom/100% 100%;
	width: 100%;
	height: 0.6rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-head .lead .underline:after {
		background: url(../img/timing_underline_sp.png) no-repeat center bottom/100% 100%;
		height: 1.4rem;
	}
}
.p-pickup-timing .-head .ttl {
	font-size: 2.6rem;
	letter-spacing: -0.02em;
	font-weight: 500;
	margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-head .ttl {
		font-size: 4.6rem;
		margin-top: 2.8rem;
		line-height: 1.6;
	}
}
.p-pickup-timing .-fig {
	width: 32.4rem;
	margin: 2rem auto 0;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-fig {
		width: 51.6rem;
		margin: 6rem auto 0;
	}
}
.p-pickup-timing .-detail {
	font-size: 1.2rem;
	line-height: 1.9;
	margin-top: 2.8rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-detail {
		text-align: left;
		font-size: 2.8rem;
		letter-spacing: -0.06em;
		padding: 0 6%;
		margin-top: 6rem;
	}
}
.p-pickup-timing .-detail .ttl {
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-detail .ttl {
		font-size: 3.4rem;
		text-align: center;
		margin-bottom: 2rem;
	}
}
.p-pickup-timing .-detail .ttl span {
	display: inline-block;
	border-bottom: 0.1rem solid #464646;
}
@media screen and (max-width: 767px) {
	.p-pickup-timing .-detail .ttl span {
		border-bottom: none;
		position: relative;
		padding: 0 1.5rem 0.2rem;
		z-index: 2;
	}
	.p-pickup-timing .-detail .ttl span:after {
		content: "";
		background: url(../img/timing_line_sp.png) no-repeat center bottom/100% 100%;
		width: 100%;
		height: 0.2rem;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
}

.p-faq {
	padding: 9rem 0 17rem;
	background: url(../img/faq_bg_pc.png) no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
	.p-faq {
		padding: 12rem 0;
		background: url(../img/faq_bg_sp.png) no-repeat center top/100% auto;
	}
}
.p-faq .-headline {
	font-size: 5.6rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-align: center;
	color: #7f99ad;
}
@media screen and (max-width: 767px) {
	.p-faq .-headline {
		font-size: 8rem;
		letter-spacing: 0;
	}
}
.p-faq .-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 2.8rem 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.8rem;
	width: 110rem;
	margin: 4.2rem auto 0;
}
@media screen and (max-width: 767px) {
	.p-faq .-list {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
		gap: 0rem;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-faq .-list .list-column + .list-column {
		margin-top: 2rem;
	}
}
.p-faq .-list .unit {
	-webkit-filter: drop-shadow(0.8rem 0.8rem 0.7rem rgba(70, 70, 70, 0.1));
	        filter: drop-shadow(0.8rem 0.8rem 0.7rem rgba(70, 70, 70, 0.1));
}
.p-faq .-list .unit + .unit {
	margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit + .unit {
		margin-top: 3.5rem;
	}
}
.p-faq .-list .unit .wrap {
	background: #fff;
	padding: 0 3.2rem;
	clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 100%, 100% calc(100% - 3rem), calc(100% - 3rem) 100%, 0 100%, 0% 100%);
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap {
		padding: 0 2rem;
	}
}
.p-faq .-list .unit .wrap .unit-q {
	position: relative;
	padding: 0 5.2rem 0 7rem;
	height: 8.2rem;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	margin-bottom: 2.2rem;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
	.p-faq .-list .unit .wrap .unit-q:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-q {
		height: 15rem;
		padding: 0 5rem 0 9rem;
		font-weight: 400;
	}
}
.p-faq .-list .unit .wrap .unit-q:after {
	content: "";
	background: url(../img/faq_arw.png) no-repeat center center/contain;
	width: 2.4rem;
	height: 0.9rem;
	position: absolute;
	right: 0.5rem;
	top: calc(50% - 0.45rem);
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-q:after {
		width: 3.7rem;
		height: 1.7rem;
		top: calc(50% - 0.85rem);
		right: 0.3rem;
	}
}
.p-faq .-list .unit .wrap .unit-q .-q {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #7f99ad;
	line-height: 0;
	width: 4rem;
	height: 3.2rem;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-q .-q {
		font-size: 5.5rem;
		width: 6.5rem;
		height: 4.8rem;
	}
}
.p-faq .-list .unit .wrap .unit-q .-q img {
	display: block;
	max-height: 100%;
	width: auto;
}
.p-faq .-list .unit .wrap .unit-q .-q .num {
	font-size: 4rem;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-q .-q .num {
		font-size: 5.8rem;
		font-weight: 500;
		margin-left: 0.3rem;
	}
}
.p-faq .-list .unit .wrap .unit-q .-ttl {
	font-size: 1.2rem;
	line-height: 1.6;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-q .-ttl {
		font-size: 2.6rem;
		font-weight: 500;
		letter-spacing: -0.02em;
	}
}
.p-faq .-list .unit .wrap .unit-q.is-open:after {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.p-faq .-list .unit .wrap .unit-a {
	display: none;
	position: relative;
	padding: 1.5rem 0 0 6.8rem;
	border-top: 0.1rem solid #e5e5e5;
	top: -3rem;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-a {
		padding: 3rem 5rem 0 9rem;
		top: -5rem;
	}
}
.p-faq .-list .unit .wrap .unit-a .-a {
	position: absolute;
	left: 1.3rem;
	top: 3.2rem;
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #db86b3;
	line-height: 0;
	height: 2.3rem;
	width: 2.4rem;
	top: 2rem;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-a .-a {
		font-size: 5rem;
		top: 3.5rem;
		width: 3.7rem;
		height: 3.5rem;
	}
}
.p-faq .-list .unit .wrap .unit-a .-a img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
}
.p-faq .-list .unit .wrap .unit-a .-txt {
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.p-faq .-list .unit .wrap .unit-a .-txt {
		font-size: 2.7rem;
		letter-spacing: 0em;
	}
}
.p-faq .-list .unit .wrap .unit-a .-txt a {
	text-decoration: underline;
}

.bright-bg-wrap {
	background-image: url(../img/bg_bright.jpg);
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.bright-bg-wrap {
		background-image: url(../img/bg_bright_sp.jpg);
	}
}

.p-bright {
	padding-top: 4.5rem;
}
@media screen and (max-width: 767px) {
	.p-bright {
		padding-top: 6.5rem;
	}
}
.p-bright__stage {
	position: relative;
	height: 800vh;
}
@media screen and (max-width: 767px) {
	.p-bright__stage {
		height: auto;
		margin-top: 7rem;
	}
}
.p-bright__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 144rem;
	max-width: 100%;
	margin: auto;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.p-bright__inner {
		display: block;
		width: 100%;
		height: auto;
	}
}
.p-bright__content {
	position: sticky;
	top: 0;
	height: 100vh;
	min-height: 80rem;
	width: 120rem;
}
@media screen and (max-width: 767px) {
	.p-bright__content {
		position: static;
		height: auto;
		min-height: auto;
		width: 100%;
		padding: 0 7.5rem;
	}
}
@media print, screen and (min-width: 768px) {
	.p-bright__item {
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 0.6s ease;
		transition: opacity 0.6s ease;
	}
	.p-bright__item.is-active {
		opacity: 1;
		pointer-events: auto;
	}
}
@media screen and (max-width: 767px) {
	.p-bright__item {
		margin-top: 6.5rem;
	}
	.p-bright__item:first-of-type {
		margin-top: 0;
	}
}
.p-bright-box {
	background: url(../img/frame_bright.png) no-repeat top center/100% 100%;
	width: 120rem;
	aspect-ratio: 120/67;
	margin: 0 auto 0;
	padding: 7.5rem 0 7.5rem 10rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 767px) {
	.p-bright-box {
		width: 100%;
		background-image: none;
		padding: 0 0 0 0;
		aspect-ratio: unset;
		display: block;
	}
}
.p-bright .img-wrap {
	width: 52rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-filter: drop-shadow(0.6rem 0.6rem 0.6rem rgba(0, 0, 0, 0.15));
	        filter: drop-shadow(0.6rem 0.6rem 0.6rem rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 767px) {
	.p-bright .img-wrap {
		width: 100%;
	}
}
.p-bright .img-wrap .clip {
	clip-path: polygon(4.5% 0%, 95.5% 0%, 100% 4.5%, 100% 95.5%, 95.5% 100%, 4.5% 100%, 0% 95.5%, 0% 4.5%);
}
.p-bright .cnt {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	padding-left: 8.4rem;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt {
		margin-top: 5.6rem;
		padding: 0 0 0;
	}
}
.p-bright .cnt .title {
	font-size: 3.6rem;
	line-height: 1.3333333333;
	font-weight: 500;
	color: #7f99ad;
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .title {
		font-size: 4.8rem;
		line-height: 1.25;
		margin-bottom: 1.5rem;
	}
	.p-bright .cnt .title.-spadj {
		font-size: 4.7rem;
	}
}
.p-bright .cnt .title .kome {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .title .kome {
		font-size: 2rem;
	}
}
.p-bright .cnt .text-big {
	margin-top: 3rem;
	font-size: 2rem;
	line-height: 1.6;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .text-big {
		margin-top: 5rem;
		font-size: 3.3rem;
		line-height: 1.5882352941;
	}
}
.p-bright .cnt .text-big .kome {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .text-big .kome {
		font-size: 2rem;
	}
}
.p-bright .cnt .sample-img {
	margin-top: 4rem;
	width: 19.4rem;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .sample-img {
		width: 34rem;
	}
}
.p-bright .cnt .note-list {
	margin-top: 2.2rem;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .note-list {
		font-size: 2rem;
		margin-top: 4.5rem;
	}
}
.p-bright .cnt .note-list .mt {
	margin-top: 1em;
}
.p-bright .cnt .tag-list {
	margin-top: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.8rem;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .tag-list {
		margin-top: 2rem;
	}
}
.p-bright .cnt .tag-list li {
	display: inline-block;
	font-size: 2rem;
	font-weight: 500;
	color: #7f99ad;
	background-color: #fff;
	padding: 0.2em 0.5em 0.3em;
}
@media screen and (max-width: 767px) {
	.p-bright .cnt .tag-list li {
		font-size: 2.6rem;
	}
}
.p-bright__nav {
	width: 12rem;
}
@media screen and (max-width: 767px) {
	.p-bright__nav {
		display: none;
	}
}
.p-bright__nav .nav-list {
	height: 100vh;
	min-height: 80rem;
	position: sticky;
	top: 0;
	left: 0;
	text-align: center;
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.p-bright__nav .nav-list .item {
	color: #7f99ad;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.3s opacity;
	transition: 0.3s opacity;
}
@media (any-hover: hover) {
	.p-bright__nav .nav-list .item:hover {
		opacity: 0.7;
	}
}
.p-bright__nav .nav-list .item::before {
	content: "";
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #7f99ad;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	left: -0.5rem;
	top: 50%;
	-webkit-transform: translateX(-100%) translateY(-50%);
	        transform: translateX(-100%) translateY(-50%);
	opacity: 0;
	-webkit-transition: 0.3s opacity;
	transition: 0.3s opacity;
}
.p-bright__nav .nav-list .item .en, .p-bright__nav .nav-list .item .jp {
	-webkit-transition: 0.3s font-size;
	transition: 0.3s font-size;
	will-change: font-size;
}
.p-bright__nav .nav-list .item .en {
	font-size: 1.1rem;
	font-weight: bold;
}
.p-bright__nav .nav-list .item .jp {
	font-size: 1.3rem;
	font-weight: 500;
}
.p-bright__nav .nav-list .item.is-current::before {
	opacity: 1;
}
.p-bright__nav .nav-list .item.is-current .en {
	font-size: 1.5rem;
}
.p-bright__nav .nav-list .item.is-current .jp {
	font-size: 1.8rem;
	font-weight: 700;
}
.p-bright__nav .nav-list .bar {
	margin: 2rem auto;
	display: block;
	width: 1px;
	height: 2.8rem;
	border-left: 1px solid rgba(127, 153, 173, 0.6);
}
.p-bright .btn {
	margin-top: 3rem;
}
@media screen and (max-width: 767px) {
	.p-bright .btn {
		margin-top: 8rem;
	}
}
.p-bright .btn a {
	width: 46.5rem;
	height: 7.1rem;
	margin: 0 auto;
	background: url(../img/btn_bright.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
	.p-bright .btn a {
		width: 46.5rem;
		height: 12.6rem;
		background: url(../img/btn_bright_sp.png) no-repeat center center/cover;
	}
}
.p-bright .btn a {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
}
.p-bright .btn a span {
	font-size: 1.8rem;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.p-bright .btn a span {
		font-size: 2.8rem;
		line-height: 1.1785714286;
	}
}

.p-kaori {
	padding-top: 15rem;
}
@media screen and (max-width: 767px) {
	.p-kaori {
		padding-top: 16.5rem;
	}
}
.p-kaori__title {
	text-align: center;
	font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
	.p-kaori__title {
		font-size: 4.8rem;
		letter-spacing: 0.08em;
	}
}
.p-kaori__title span {
	background-image: url(../img/bg_kaori-title.png);
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
}
.p-kaori__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	width: 122rem;
	margin: 3rem auto auto;
}
@media screen and (max-width: 767px) {
	.p-kaori__content {
		margin-top: 8rem;
		display: block;
		width: 100%;
	}
}
.p-kaori__content .box1 {
	width: 58.3rem;
}
@media screen and (max-width: 767px) {
	.p-kaori__content .box1 {
		width: 100%;
	}
}
.p-kaori__content .cross {
	width: 8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 767px) {
	.p-kaori__content .cross {
		-webkit-transform: none;
		        transform: none;
		position: static;
		width: 12.2rem;
		margin: -13.2rem auto auto;
	}
}
.p-kaori__content .box2 {
	width: 58.5rem;
}
@media screen and (max-width: 767px) {
	.p-kaori__content .box2 {
		width: 100%;
	}
}

.p-campaign {
	padding-top: 7rem;
	padding-bottom: 16rem;
}
@media screen and (max-width: 767px) {
	.p-campaign {
		padding-top: 8.5rem;
		padding-bottom: 15rem;
	}
}
@media screen and (max-width: 767px) {
	.p-campaign .c-inner {
		padding: 0;
	}
}
.p-campaign__content {
	position: relative;
}
.p-campaign__content .cnt {
	position: absolute;
	left: 16rem;
	top: 27.5rem;
}
@media screen and (max-width: 767px) {
	.p-campaign__content .cnt {
		left: 0;
		top: 31rem;
		padding: 0 3.9rem;
	}
}
.p-campaign__content .cnt .text {
	font-size: 1.4rem;
	line-height: 2.1428571429;
}
@media screen and (max-width: 767px) {
	.p-campaign__content .cnt .text {
		font-size: 2.8rem;
		line-height: 1.7857142857;
		letter-spacing: -0.1em;
	}
	.p-campaign__content .cnt .text a {
		letter-spacing: -0.1em;
	}
}
@media print, screen and (min-width: 768px) {
	.p-campaign__content .cnt .text .big {
		font-size: 1.8rem;
		line-height: 1.6666666667;
	}
}
.p-campaign__content .cnt .text a {
	text-decoration: underline;
}
.p-campaign__content .cnt .text .tag {
	display: inline-block;
	font-size: 1.2rem;
	border: 1px solid #464646;
	line-height: 1;
	padding: 0.2em 0.2em;
}
@media screen and (max-width: 767px) {
	.p-campaign__content .cnt .text .tag {
		font-size: 2.6rem;
		padding: 0.1em 0.2em 0.3em;
	}
}

.p-livley__section1 {
	background-image: url(../img/bg_liv.jpg);
	background-size: cover;
	padding: 13rem 0;
}
@media screen and (max-width: 767px) {
	.p-livley__section1 {
		background-image: url(../img/bg_livey_sp.jpg);
		padding: 12rem 0;
	}
}
.p-livley__text1 {
	text-align: center;
	font-size: 2.1rem;
	line-height: 2.6666666667;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.p-livley__text1 {
		font-size: 3rem;
		line-height: 1.8666666667;
	}
}
.p-livley__text1 .blue, .p-livley__text1 .pink {
	display: inline-block;
	position: relative;
}
.p-livley__text1 .blue::before, .p-livley__text1 .pink::before {
	content: "";
	width: 100%;
	height: 0.9rem;
	background-image: url(../img/line_liv01.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: 1.5rem;
	-webkit-transition: 0.3s width;
	transition: 0.3s width;
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
	width: 0;
}
.p-livley__text1 .blue span, .p-livley__text1 .pink span {
	display: inline-block;
	position: relative;
}
.p-livley__text1 .blue.is-inview::before, .p-livley__text1 .pink.is-inview::before {
	width: 100%;
}
.p-livley__text1 .pink::before {
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
	background-image: url(../img/line_liv02.png);
}
.p-livley .js-repeat {
	margin-top: 5.5rem;
}
.p-livley .c-loop-item {
	color: rgba(205, 150, 175, 0.3);
}
.p-livley__section2 {
	padding-top: 6rem;
}
.p-livley__section2 .c-inner {
	width: 125rem;
}
@media screen and (max-width: 767px) {
	.p-livley__section2 .c-inner {
		width: 100%;
		padding: 0;
	}
}
.p-livley__section2 .c-slider .slick-dots li {
	border-radius: 50%;
	-webkit-transform: none;
	        transform: none;
}
.p-livley__section2 .c-slider .slick-dots li.slick-active {
	background: #fff;
	opacity: 0.6;
}
.p-livley__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 767px) {
	.p-livley__content {
		display: block;
	}
}
.p-livley__content .img-wrap {
	width: 65rem;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-filter: drop-shadow(0.6rem 0.6rem 0.6rem rgba(0, 0, 0, 0.15));
	        filter: drop-shadow(0.6rem 0.6rem 0.6rem rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 767px) {
	.p-livley__content .img-wrap {
		width: 59rem;
		margin: auto auto auto;
	}
}
.p-livley__content .img-wrap .clip {
	border-radius: 0 5rem 0 0;
	overflow: hidden;
}
.p-livley__content .cnt {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	padding-left: 9rem;
}
@media screen and (max-width: 767px) {
	.p-livley__content .cnt {
		padding: 0;
		margin-top: 11rem;
	}
}
.p-livley__content .title-en {
	color: #cd96af;
	font-weight: bold;
	font-size: 4.8rem;
}
@media screen and (max-width: 767px) {
	.p-livley__content .title-en {
		text-align: center;
		font-size: 7.6rem;
	}
}
.p-livley__content .title-jp {
	margin-top: 4rem;
	font-size: 4rem;
	font-weight: 500;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
	.p-livley__content .title-jp {
		font-size: 6rem;
		text-align: center;
		margin-top: 7rem;
	}
}
.p-livley__content .title-jp .ruby {
	display: inline-block;
	position: relative;
}
.p-livley__content .title-jp .ruby span {
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-100%) translateX(-50%);
	        transform: translateY(-100%) translateX(-50%);
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.p-livley__content .title-jp .ruby span {
		font-size: 2rem;
	}
}
.p-livley__content .subttl {
	margin-top: 1rem;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.p-livley__content .subttl {
		text-align: center;
		font-size: 3.4rem;
		line-height: 1.5882352941;
		margin-top: 2.5rem;
	}
}
.p-livley__content .text {
	margin-top: 3.8rem;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
	line-height: 2.5;
}
@media screen and (max-width: 767px) {
	.p-livley__content .text {
		margin: 6rem 0 0;
		text-align: center;
		font-size: 3rem;
		line-height: 2.5;
		letter-spacing: 0.05em;
	}
}
.p-livley__image {
	margin: 9.7rem auto auto;
	width: 70.9rem;
}
@media screen and (max-width: 767px) {
	.p-livley__image {
		width: 100%;
		margin-top: 16rem;
		padding-left: 3.5rem;
	}
}
.p-livley__image img {
	position: relative;
	left: 4.5rem;
}
@media screen and (max-width: 767px) {
	.p-livley__image img {
		left: 0;
		width: 70rem;
	}
}

.p-lineup {
	padding-top: 6rem;
}
.p-lineup .c-inner {
	width: 101rem;
}
@media screen and (max-width: 767px) {
	.p-lineup .c-inner {
		width: 100%;
	}
}
.p-lineup__title {
	color: #cd96af;
	font-size: 5.6rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.p-lineup__title {
		font-size: 8.7rem;
	}
}
.p-lineup__slider {
	margin-top: 3rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider {
		margin-top: 5.5rem;
	}
}
.p-lineup__slider .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.5rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .slick-track {
		gap: 7.5rem;
	}
}
.p-lineup__slider .item {
	width: 34rem;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item {
		width: 60rem;
	}
}
.p-lineup__slider .item__inn {
	padding: 0 2rem;
	display: block;
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item__inn {
		padding: 0 6rem 5rem;
	}
}
.p-lineup__slider .item .cnt {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	color: #464646;
	width: 100%;
	-webkit-transition: 0.3s opacity;
	transition: 0.3s opacity;
	min-height: 24rem;
	padding-bottom: 7rem;
	opacity: 0;
	visibility: hidden;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt {
		min-height: 48rem;
		padding-bottom: 0;
		opacity: 1;
		visibility: visible;
	}
}
.p-lineup__slider .item .cnt .text1 {
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt .text1 {
		font-size: 2.8rem;
	}
}
.p-lineup__slider .item .cnt .text2 {
	font-size: 1.6rem;
	margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt .text2 {
		font-size: 3.2rem;
		margin-top: 0.5rem;
	}
}
.p-lineup__slider .item .cnt .text3 {
	font-size: 1.4rem;
	line-height: 1.5714285714;
	margin-top: 3rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt .text3 {
		font-size: 2.8rem;
		line-height: 1.7857142857;
		margin: 3.5rem -1em 0;
	}
}
.p-lineup__slider .item .cnt .text5 {
	font-size: 1.2rem;
	line-height: 1.5833333333;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt .text5 {
		font-size: 2rem;
		line-height: 2;
	}
}
.p-lineup__slider .item .cnt .text4 {
	font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt .text4 {
		font-size: 2rem;
		margin-top: 3.5rem;
	}
}
.p-lineup__slider .item .cnt .cate {
	margin-top: 1.5rem;
	font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt .cate {
		margin-top: 2.5rem;
		font-size: 2.8rem;
	}
}
.p-lineup__slider .item .cnt .cate span {
	display: inline-block;
	border-radius: 100vh;
	min-width: 8rem;
	max-width: 14.4rem;
	height: 2rem;
	padding: 0 0.5em 0.2em;
	border: 1px solid #464646;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt .cate span {
		height: 4rem;
		min-width: 13rem;
		max-width: -webkit-fit-content;
		max-width: -moz-fit-content;
		max-width: fit-content;
	}
}
.p-lineup__slider .item .cnt__inner {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .item .cnt__inner {
		position: static;
	}
}
.p-lineup__slider .item.slick-current .item__inn {
	pointer-events: all;
}
.p-lineup__slider .item.slick-current .cnt {
	opacity: 1;
	visibility: visible;
}
.p-lineup__slider .slick-arrow {
	width: 3.1rem;
	height: 10rem;
	font-size: 0;
	position: absolute;
	top: 9.5rem;
	display: block;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .slick-arrow {
		width: 10rem;
		height: 10rem;
		top: 31rem;
	}
}
.p-lineup__slider .slick-arrow::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/arrow_lineup.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .slick-arrow::before {
		background-image: url(../img/arrow_lineup_sp.png);
		background-size: 1.5rem;
	}
}
.p-lineup__slider .slick-arrow.slick-prev {
	left: 0;
}
.p-lineup__slider .slick-arrow.slick-prev::before {
	-webkit-transform: scale(-1, 1);
	        transform: scale(-1, 1);
}
.p-lineup__slider .slick-arrow.slick-prev {
	left: calc((100vw - 101rem) / 2);
	-webkit-transform: translateX(-150%);
	        transform: translateX(-150%);
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .slick-arrow.slick-prev {
		left: 4.5rem;
		-webkit-transform: none;
		        transform: none;
	}
}
.p-lineup__slider .slick-arrow.slick-next {
	right: 0;
	right: calc((100vw - 101rem) / 2);
	-webkit-transform: translateX(150%);
	        transform: translateX(150%);
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .slick-arrow.slick-next {
		right: 4.5rem;
		-webkit-transform: none;
		        transform: none;
	}
}
.p-lineup__slider .slick-dots {
	margin-top: 4.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 1rem;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .slick-dots {
		gap: 1.6rem;
		margin-top: 0;
	}
}
.p-lineup__slider .slick-dots li {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: #464646;
	font-size: 0;
	opacity: 0.7;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.p-lineup__slider .slick-dots li {
		width: 1rem;
		height: 1rem;
	}
}
.p-lineup__slider .slick-dots li.slick-active {
	opacity: 1;
}
.p-lineup .btn {
	width: 46.5rem;
	height: 6rem;
	margin: 6.5rem auto auto;
}
@media screen and (max-width: 767px) {
	.p-lineup .btn {
		width: 46rem;
		height: 12rem;
		margin-top: 3.5rem;
	}
}
.p-lineup .btn a {
	font-size: 1.8rem;
	color: #fff;
	letter-spacing: 0.05em;
	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: 100%;
	height: 100%;
	background-color: #cd96af;
	border-radius: 0 2.1rem 0 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-lineup .btn a {
		font-size: 2.8rem;
		line-height: 1.2;
		border-top-right-radius: 4rem;
	}
}

.p-bnr {
	padding-top: 10rem;
}
@media screen and (max-width: 767px) {
	.p-bnr {
		padding-top: 18rem;
	}
}
.p-bnr .c-inner {
	width: 100rem;
}
@media screen and (max-width: 767px) {
	.p-bnr .c-inner {
		width: 100%;
		padding: 0 4rem;
	}
}
.p-bnr__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 2rem;
}
@media screen and (max-width: 767px) {
	.p-bnr__list {
		gap: 3rem;
	}
}
.p-bnr__list .item {
	width: 32rem;
}
@media screen and (max-width: 767px) {
	.p-bnr__list .item {
		width: 100%;
	}
}
.p-bnr__list .item__inn {
	display: block;
}
.p-bnr__list .item__inn picture, .p-bnr__list .item__inn img {
	display: block;
}
@media print, screen and (min-width: 768px) {
	.p-bnr__list .item__inn.pc-noevent {
		pointer-events: none;
	}
}
@media print, screen and (min-width: 768px) {
	.p-bnr__list .item:nth-of-type(1) {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.p-bnr__list .item:nth-of-type(2), .p-bnr__list .item:nth-of-type(3) {
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
	}
	.p-bnr__list .item:nth-of-type(4), .p-bnr__list .item:nth-of-type(5), .p-bnr__list .item:nth-of-type(6) {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
}

.p-share {
	padding-top: 10rem;
	padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
	.p-share {
		padding-bottom: 18rem;
	}
}
.p-share__title img {
	display: block;
	width: 9rem;
	margin: auto auto auto;
}
@media screen and (max-width: 767px) {
	.p-share__title img {
		width: 15.8rem;
	}
}
.p-share__list {
	margin-top: 1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 0.7rem;
}
@media screen and (max-width: 767px) {
	.p-share__list {
		gap: 3rem;
		margin-top: 2.5rem;
	}
}
.p-share__list .item {
	width: 4rem;
}
@media screen and (max-width: 767px) {
	.p-share__list .item {
		width: 9rem;
	}
}
.p-share__list .item a, .p-share__list .item img {
	display: block;
}
/*# sourceMappingURL=style.css.map */