@charset "UTF-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*, ::after, ::before {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
}

main {
	display: block;
}

address, blockquote, dl, figure, form, iframe, p, pre, table {
	margin: 0;
}

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

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

dt {
	font-weight: 700;
}

dd {
	margin-left: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit;
}

pre {
	font-family: monospace, monospace;
	font-size: inherit;
}

address {
	font-style: inherit;
}

a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

abbr[title] {
	text-decoration: underline dotted;
}

b, strong {
	font-weight: bolder;
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: inherit;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

embed, iframe, img, object, svg {
	vertical-align: bottom;
}

button, input, optgroup, select, textarea {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	background: 0 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	text-align: inherit;
	text-transform: inherit;
}

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

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

:-moz-focusring {
	outline: auto;
}

select:disabled {
	opacity: inherit;
}

option {
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	min-width: 0;
}

legend {
	padding: 0;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

[type=number] {
	-moz-appearance: textfield;
}

label[for] {
	cursor: pointer;
}

details {
	display: block;
}

summary {
	display: list-item;
}

[contenteditable]:focus {
	outline: auto;
}

table {
	border-color: inherit;
	border-collapse: collapse;
}

caption {
	text-align: left;
}

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

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

/* ------------------------------
 Ease
------------------------------ */
@keyframes rotate {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes floating {
	0%, 100% {
		transform: translateY(0) translate3d(0, 0, 0); /* 元の位置 */
	}
	50% {
		transform: translateY(-7px) translate3d(0, 0, 0); /* 上に10px移動 */
	}
}
.js-fadein {
	transition: 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.js-fadein.js-fadein-default {
	opacity: 0;
}
.js-fadein.js-fadein-default.is-active {
	opacity: 1;
}
.js-fadein.js-fadein-bottom {
	opacity: 0;
	transform: translateY(30px);
}
.js-fadein.js-fadein-bottom.is-active {
	opacity: 1;
	transform: translateY(0);
}

/**
 * レスポンシブ時に、PCのみに適用させる。
 * @include pc{}
 */
/**
 * レスポンシブ時に、SPのみに適用させる。
 * @include sp{}
 */
/**
 * リキッドレスポンシブ時に、要素のvwを返す。
 * @param {number} $size デザインデータ上の縦横値
 * @param {number} $viewport デザインデータの横幅
 */
@media only screen and (min-width: 1025px) {
	.pc-left {
		width: 14.0625vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}
	.pc-left .left__logo {
		width: 123px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	.pc-left .left__store {
		display: block;
		width: 100px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.pc-left .left__gokkan {
		position: fixed;
		left: 30px;
		bottom: 30px;
		width: 9.375vw;
		animation: floating 2.5s ease-in-out infinite;
		animation-delay: 0.1s;
	}
}
@media only screen and (min-width: 1025px) {
	.pc-right {
		width: calc(100% - 43.359375vw);
		height: 100vh;
		position: fixed;
		top: 0;
		right: 0;
	}
	.pc-right .right__gokkan {
		position: fixed;
		top: 30px;
		right: 30px;
		width: 9.375vw;
		animation: floating 2.5s ease-in-out infinite;
		animation-delay: 0.4s;
	}
	.pc-right .right__contents {
		display: flex;
		justify-content: center;
		overflow: scroll;
		padding: 20px 0;
		align-items: flex-start;
		height: 100%;
	}
	.pc-right .right__contents__title {
		text-align: center;
		margin-bottom: 20px;
		width: 175px;
		margin-left: auto;
		margin-right: auto;
	}
	.pc-right .right__contents__list li a {
		display: block;
		position: relative;
	}
	.pc-right .right__contents__list li a::after {
		content: "";
		display: block;
		width: 20px;
		height: 15px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -17px;
		background-image: url(/assets/images/icon-arrow-right-black.svg);
		background-repeat: no-repeat;
		background-size: 20px 15px;
	}
	.pc-right .right__contents__list li a::before {
		content: "";
		display: block;
		width: 58px;
		height: 58px;
		position: absolute;
		top: 50%;
		right: -65px;
		background-image: url(/assets/images/text-click.png);
		background-repeat: no-repeat;
		background-size: 58px 58px;
		animation: rotate 12s linear infinite;
	}
	.pc-right .right__contents__list li:first-of-type {
		margin-bottom: 18px !important;
	}
	.pc-right .right__contents__list li:not(:last-of-type) {
		margin-bottom: 25px;
	}
	.pc-right .right__contents__list li:nth-of-type(2n) a::after {
		left: -25px;
	}
	.pc-right .right__contents__list li:nth-of-type(2n) a::before {
		left: -15px;
	}
	.pc-right .right__contents__list li .right__contents__list__img {
		max-width: 380px;
	}
	.pc-right .right__contents__list li .right__contents__list__icon__01 {
		width: 70px;
		position: absolute;
		right: -20px;
		bottom: -4px;
	}
	.pc-right .right__contents__list li .right__contents__list__icon__02 {
		width: 88px;
		position: absolute;
		left: -20px;
		bottom: -4px;
	}
	.pc-right .right__contents__list li .right__contents__list__icon__03 {
		width: 36px;
		position: absolute;
		right: -10px;
		bottom: 0;
	}
	.pc-right .right__contents__sns {
		display: flex;
		justify-content: space-between;
		margin-top: 28px;
	}
}
.mv {
	position: relative;
	z-index: 7;
}
.mv .swiper-slide img {
	transform: rotate(0) !important;
}
@media only screen and (max-width: 1024px) {
	.mv {
		background-size: 101% 277.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.mv {
		background-size: 101% 81.25vw;
	}
}
.mv .mv__contents {
	overflow: hidden;
}
.mv .mv__obj {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
@media only screen and (max-width: 1024px) {
	.mv .mv__obj {
		top: -4vw;
		width: 26.2666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .mv__obj {
		top: -1.171875vw;
		width: 7.6953125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.mv .mv__product {
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .mv__product {
		margin-bottom: 1.953125vw;
	}
}

.kv {
	background-image: url(/assets/images/bg-kv.png);
	background-size: cover;
	position: relative;
	/* スライドの動き等速 */
	/* 画像のサイズ調整 */
}
@media only screen and (max-width: 1024px) {
	.kv .kv__title {
		width: 74vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10vw;
		padding-bottom: 21.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.kv .kv__title {
		width: 21.6796875vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2.9296875vw;
		padding-bottom: 6.25vw;
	}
}
.kv .kv__title img {
	transition: 0.6s;
	opacity: 0;
	transform: translateY(40px);
}
@media only screen and (max-width: 1024px) {
	.kv .kv__title img:nth-of-type(2) {
		margin-top: 2vw;
	}
}
@media only screen and (min-width: 1025px) {
	.kv .kv__title img:nth-of-type(2) {
		margin-top: 0.5859375vw;
	}
}
.kv .kv__title img.is-active {
	opacity: 1;
	transform: translateY(0);
}
.kv .kv__scroll {
	position: absolute;
	z-index: 3;
	left: 50%;
	transform: translate(-50%, 50%);
}
@media only screen and (max-width: 1024px) {
	.kv .kv__scroll {
		width: 14.9333333333vw;
		bottom: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.kv .kv__scroll {
		width: 4.375vw;
		bottom: 1.5625vw;
	}
}
.kv .kv__scroll::after {
	content: "";
	display: block;
	position: absolute;
	animation: rotate 12s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(/assets/images/text-scroll.png);
	background-repeat: no-repeat;
	background-size: cover;
}
@media only screen and (max-width: 1024px) {
	.kv .kv__scroll::after {
		width: 21.3333333333vw;
		height: 21.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.kv .kv__scroll::after {
		width: 6.25vw;
		height: 6.25vw;
	}
}
.kv .kv__swiper {
	visibility: hidden;
}
.kv .swiper-wrapper {
	transition-timing-function: linear;
}
.kv .swiper-slide img {
	transform: rotate(15deg);
}

@media only screen and (max-width: 1024px) {
	.header .header__wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 4vw 2.6666666667vw 6.6666666667vw 6.6666666667vw;
	}
	.header .header__logo {
		width: 32.9333333333vw;
		margin-top: 2.6666666667vw;
	}
	.header .header__icons {
		display: flex;
		justify-content: flex-end;
		position: fixed;
		top: 2.6666666667vw;
		right: 2.6666666667vw;
		z-index: 9999;
	}
	.header .header__store {
		width: 17.3333333333vw;
		height: 17.3333333333vw;
		background-image: url(/assets/images/icon-store.png);
		background-repeat: no-repeat;
		background-size: 17.3333333333vw 17.3333333333vw;
		text-indent: -5000px;
	}
	.header .header__menu {
		width: 17.3333333333vw;
		height: 17.3333333333vw;
		background-image: url(/assets/images/icon-menu.png);
		background-repeat: no-repeat;
		background-size: 17.3333333333vw 17.3333333333vw;
		margin-left: 2.6666666667vw;
		text-indent: -5000px;
	}
	.header .header__menu.is-active {
		background-image: url(/assets/images/icon-close.png);
	}
}

.concept {
	background-image: url(/assets/images/contents/cocept/bg-concept.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 2;
	background-size: 100% 100%;
}
@media only screen and (max-width: 1024px) {
	.concept {
		padding-top: 22vw;
		padding-bottom: 31.3333333333vw;
		margin-top: -5.0666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.concept {
		padding-top: 6.4453125vw;
		padding-bottom: 9.1796875vw;
		margin-top: -2.96875vw;
	}
}
.concept .concept__wrap {
	text-align: center;
}
.concept .concept__title {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.concept .concept__title {
		width: 44vw;
		margin-bottom: 7.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.concept .concept__title {
		width: 12.890625vw;
		margin-bottom: 2.1484375vw;
	}
}
.concept .concept__desc {
	line-height: 1.6666666667;
	font-weight: bold;
}
@media only screen and (max-width: 1024px) {
	.concept .concept__desc {
		font-size: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.concept .concept__desc {
		font-size: 1.171875vw;
	}
}
.concept .concept__desc p {
	letter-spacing: 0.15em;
}
@media only screen and (max-width: 1024px) {
	.concept .concept__desc p:not(:last-of-type) {
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.concept .concept__desc p:not(:last-of-type) {
		margin-bottom: 1.953125vw;
	}
}
.concept .concept__logo {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.concept .concept__logo {
		width: 39.3333333333vw;
		margin-top: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.concept .concept__logo {
		width: 11.5234375vw;
		margin-top: 1.953125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.concept .concept__track {
		position: absolute;
		top: 12vw;
		left: 0;
	}
}
@media only screen and (min-width: 1025px) {
	.concept .concept__track {
		position: absolute;
		top: 3.515625vw;
		left: 0;
	}
}

.lineup {
	position: relative;
	background-image: url(/assets/images/contents/lineup/bg-lineup.png);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 3;
}
@media only screen and (max-width: 1024px) {
	.lineup {
		padding-top: 16vw;
		padding-bottom: 31.3333333333vw;
		margin-top: -17.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup {
		padding-top: 4.6875vw;
		padding-bottom: 9.1796875vw;
		margin-top: -5.078125vw;
	}
}
.lineup .lineup__title {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup__title {
		width: 37.3333333333vw;
		margin-bottom: 7.3333333333vw;
		padding-top: 2.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup__title {
		width: 10.9375vw;
		margin-bottom: 2.1484375vw;
		padding-top: 0.78125vw;
	}
}
.lineup .lineup-obj01 {
	position: absolute;
	z-index: 4;
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup-obj01 {
		width: 28.9333333333vw;
		top: -4.6666666667vw;
		left: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup-obj01 {
		width: 8.4765625vw;
		top: -1.3671875vw;
		left: 1.953125vw;
	}
}
.lineup .lineup-obj02 {
	position: absolute;
	z-index: 4;
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup-obj02 {
		width: 23.2vw;
		top: 3.3333333333vw;
		right: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup-obj02 {
		width: 6.796875vw;
		top: 0.9765625vw;
		right: 1.5625vw;
	}
}
.lineup .lineup__list li button {
	position: relative;
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup__list li button {
		width: 80vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup__list li button {
		width: 23.4375vw;
	}
}
.lineup .lineup__list li button::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(/assets/images/icon-arrow-down-black.svg);
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup__list li button::after {
		right: -4.5333333333vw;
		width: 3.7333333333vw;
		height: 5.0666666667vw;
		backgrouvnd-size: 3.7333333333vw 5.0666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup__list li button::after {
		right: -1.328125vw;
		width: 1.09375vw;
		height: 1.484375vw;
		backgrouvnd-size: 1.09375vw 1.484375vw;
	}
}
.lineup .lineup__list li button::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-image: url(/assets/images/text-click.png);
	background-repeat: no-repeat;
	animation: rotate 12s linear infinite;
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup__list li button::before {
		right: -17.6vw;
		width: 15.3333333333vw;
		height: 15.3333333333vw;
		background-size: 15.3333333333vw 15.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup__list li button::before {
		right: -5.234375vw;
		width: 4.4921875vw;
		height: 4.4921875vw;
		background-size: 4.4921875vw 4.4921875vw;
	}
}
.lineup .lineup__list li:nth-of-type(2n) {
	text-align: right;
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup__list li:nth-of-type(2n) button::after {
		left: -4.5333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup__list li:nth-of-type(2n) button::after {
		left: -1.328125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup__list li:nth-of-type(2n) button::before {
		left: -2.9333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup__list li:nth-of-type(2n) button::before {
		left: -0.859375vw;
	}
}
@media only screen and (max-width: 1024px) {
	.lineup .lineup__list li:not(:last-of-type) {
		margin-bottom: 10vw;
	}
}
@media only screen and (min-width: 1025px) {
	.lineup .lineup__list li:not(:last-of-type) {
		margin-bottom: 2.9296875vw;
	}
}

.limited {
	position: relative;
	background-image: url(/assets/images/contents/limited/bg-limited.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 4;
}
@media only screen and (max-width: 1024px) {
	.limited {
		padding-bottom: 41.3333333333vw;
		margin-top: -14vw;
	}
}
@media only screen and (min-width: 1025px) {
	.limited {
		padding-bottom: 12.109375vw;
		margin-top: -4.1015625vw;
	}
}
.limited .limited__title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.limited .limited__title {
		width: 82.1333333333vw;
		margin-bottom: 7.3333333333vw;
		padding-top: 17.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.limited .limited__title {
		width: 24.0625vw;
		margin-bottom: 2.1484375vw;
		padding-top: 5.078125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.limited .limited__product {
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.limited .limited__product {
		margin-bottom: 1.953125vw;
	}
}
.limited .limited__product__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.09em;
}
@media only screen and (max-width: 1024px) {
	.limited .limited__product__title {
		font-size: 5.3333333333vw;
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.limited .limited__product__title {
		font-size: 1.5625vw;
		margin-bottom: 1.953125vw;
	}
}
.limited .limited__maison {
	background-color: #f5ed93;
}
@media only screen and (max-width: 1024px) {
	.limited .limited__product__list li:not(:last-of-type) {
		margin-bottom: 14.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.limited .limited__product__list li:not(:last-of-type) {
		margin-bottom: 4.296875vw;
	}
}

.gokkan {
	position: relative;
	background-image: url(/assets/images/contents/gokkan/bg-gokkan.png);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 5;
}
@media only screen and (max-width: 1024px) {
	.gokkan {
		background-size: 100% 1651.4666666667vw;
		top: -21.3333333333vw;
		padding-top: 14.6666666667vw;
		padding-bottom: 33.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan {
		top: -6.25vw;
		background-size: 100% 483.828125vw;
		padding-top: 4.296875vw;
		padding-bottom: 9.765625vw;
	}
}
.gokkan .gokkan__contents {
	overflow: hidden;
}
.gokkan .gokkan__obj {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__obj {
		top: -6vw;
		width: 41.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__obj {
		top: -1.7578125vw;
		width: 12.109375vw;
	}
}
.gokkan .gokkan__product__warning {
	letter-spacing: 0.08em;
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__product__warning {
		font-size: 2.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__product__warning {
		font-size: 0.78125vw;
	}
}
.gokkan .gokkan__title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__title {
		width: 44.5333333333vw;
		margin-bottom: 8vw;
		padding-top: 8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__title {
		width: 13.046875vw;
		margin-bottom: 2.34375vw;
		padding-top: 2.34375vw;
	}
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__product {
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__product {
		margin-bottom: 1.953125vw;
	}
}
.gokkan .gokkan__product__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.09em;
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__product__title {
		font-size: 5.3333333333vw;
		margin-bottom: 1.3333333333vw;
		margin-top: 4.8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__product__title {
		font-size: 1.5625vw;
		margin-bottom: 0.390625vw;
		margin-top: 1.40625vw;
	}
}
.gokkan .gokkan__product__annotion {
	letter-spacing: 0.08em;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__product__annotion {
		font-size: 3.2vw;
		margin-bottom: 7.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__product__annotion {
		font-size: 0.9375vw;
		margin-bottom: 2.1484375vw;
	}
}
.gokkan .gokkan__maison {
	background-color: #f5ed93;
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__product__list li:not(:last-of-type) {
		margin-bottom: 14.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__product__list li:not(:last-of-type) {
		margin-bottom: 4.296875vw;
	}
}
.gokkan .accordion01 .point03 .common__toggle__contents__image {
	width: 107.6923076923%;
	margin-left: -3.8461538462%;
}
.gokkan .accordion02 .point03 .common__toggle__contents__image {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.gokkan .accordion02 .point03 .common__toggle__contents__image {
		width: 46vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .accordion02 .point03 .common__toggle__contents__image {
		width: 13.4765625vw;
	}
}
.gokkan .gokkan__maison {
	background-color: #93d6f5;
}
@media only screen and (max-width: 1024px) {
	.gokkan .gokkan__maison {
		margin-top: 8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .gokkan__maison {
		margin-top: 2.34375vw;
	}
}
.gokkan .accordion03 .common__toggle__contents__title__lg {
	letter-spacing: 0.05em;
}

.deodorant {
	position: relative;
	background-image: url(/assets/images/contents/deodorant/bg-deodorant.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 6;
}
@media only screen and (max-width: 1024px) {
	.deodorant {
		margin-top: -34vw;
		padding-top: 4vw;
		padding-bottom: 33.3333333333vw;
		background-size: 101% 622vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant {
		margin-top: -9.9609375vw;
		padding-top: 1.171875vw;
		padding-bottom: 9.765625vw;
		background-size: 101% 182.2265625vw;
	}
}
.deodorant .deodorant__contents {
	overflow: hidden;
}
.deodorant .deodorant__obj {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
@media only screen and (max-width: 1024px) {
	.deodorant .deodorant__obj {
		top: -7.3333333333vw;
		width: 30.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .deodorant__obj {
		top: -2.1484375vw;
		width: 8.984375vw;
	}
}
.deodorant .deodorant__title {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.deodorant .deodorant__title {
		width: 65.3333333333vw;
		margin-bottom: 8vw;
		padding-top: 24vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .deodorant__title {
		width: 19.140625vw;
		margin-bottom: 2.34375vw;
		padding-top: 7.03125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.deodorant .deodorant__product {
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .deodorant__product {
		margin-bottom: 1.953125vw;
	}
}
.deodorant .deodorant__product__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.09em;
}
@media only screen and (max-width: 1024px) {
	.deodorant .deodorant__product__title {
		font-size: 5.3333333333vw;
		margin-bottom: 1.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .deodorant__product__title {
		font-size: 1.5625vw;
		margin-bottom: 0.390625vw;
	}
}
.deodorant .deodorant__product__annotion {
	letter-spacing: 0.08em;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.deodorant .deodorant__product__annotion {
		font-size: 3.2vw;
		margin-bottom: 7.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .deodorant__product__annotion {
		font-size: 0.9375vw;
		margin-bottom: 2.1484375vw;
	}
}
@media only screen and (max-width: 1024px) {
	.deodorant .deodorant__product__list li:not(:last-of-type) {
		margin-bottom: 14.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .deodorant__product__list li:not(:last-of-type) {
		margin-bottom: 4.296875vw;
	}
}
.deodorant .accordion01 .point03 .common__toggle__contents__image {
	width: 107.6923076923%;
	margin-left: -3.8461538462%;
}
.deodorant .accordion02 .point03 .common__toggle__contents__image {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.deodorant .accordion02 .point03 .common__toggle__contents__image {
		width: 46vw;
	}
}
.deodorant .deodorant__maison {
	background-color: #fac8de;
}
@media only screen and (max-width: 1024px) {
	.deodorant .deodorant__maison {
		margin-top: 8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .deodorant__maison {
		margin-top: 2.34375vw;
	}
}

.deodorant-spray {
	position: relative;
	background-image: url(/assets/images/contents/deodorant-spray/bg-deodorant-spray.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 7;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray {
		margin-top: -24.6666666667vw;
		padding-top: 4vw;
		padding-bottom: 26.6666666667vw;
		background-size: 100% 590.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray {
		margin-top: -7.2265625vw;
		padding-top: 1.171875vw;
		padding-bottom: 7.8125vw;
		background-size: 100% 173.046875vw;
	}
}
.deodorant-spray .deodorant-spray__contents {
	overflow: hidden;
}
.deodorant-spray .deodorant-spray__obj {
	position: absolute;
	z-index: 1;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .deodorant-spray__obj {
		top: -4.6666666667vw;
		width: 30.6666666667vw;
		right: 8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .deodorant-spray__obj {
		top: -1.3671875vw;
		width: 8.984375vw;
		right: 2.34375vw;
	}
}
.deodorant-spray .deodorant-spray__title {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .deodorant-spray__title {
		width: 65.3333333333vw;
		margin-bottom: 8vw;
		padding-top: 24vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .deodorant-spray__title {
		width: 19.140625vw;
		margin-bottom: 2.34375vw;
		padding-top: 7.03125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .deodorant-spray__product {
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .deodorant-spray__product {
		margin-bottom: 1.953125vw;
	}
}
.deodorant-spray .deodorant-spray__product__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.09em;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .deodorant-spray__product__title {
		font-size: 5.3333333333vw;
		margin-bottom: 1.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .deodorant-spray__product__title {
		font-size: 1.5625vw;
		margin-bottom: 0.390625vw;
	}
}
.deodorant-spray .deodorant-spray__product__annotion {
	letter-spacing: 0.08em;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .deodorant-spray__product__annotion {
		font-size: 3.2vw;
		margin-bottom: 7.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .deodorant-spray__product__annotion {
		font-size: 0.9375vw;
		margin-bottom: 2.1484375vw;
	}
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .deodorant-spray__product__list li:not(:last-of-type) {
		margin-bottom: 14.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .deodorant-spray__product__list li:not(:last-of-type) {
		margin-bottom: 4.296875vw;
	}
}
.deodorant-spray .accordion01 .point03 .common__toggle__contents__image {
	width: 107.6923076923%;
	margin-left: -3.8461538462%;
}
.deodorant-spray .accordion02 .point03 .common__toggle__contents__image {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .accordion02 .point03 .common__toggle__contents__image {
		width: 46vw;
	}
}
.deodorant-spray .deodorant-spray__maison {
	background-color: #f2b6e8;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .deodorant-spray__maison {
		margin-top: 8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .deodorant-spray__maison {
		margin-top: 2.34375vw;
	}
}

.movie {
	position: relative;
	background-image: url(/assets/images/contents/movie/bg-movie.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 7;
}
@media only screen and (max-width: 1024px) {
	.movie {
		margin-top: -7.3333333333vw;
		padding-top: 4vw;
		padding-bottom: 12vw;
		background-size: 101% 277.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie {
		margin-top: -2.1484375vw;
		padding-top: 1.171875vw;
		padding-bottom: 3.515625vw;
		background-size: 101% 81.25vw;
	}
}
.movie .movie__contents {
	overflow: hidden;
}
.movie .movie__obj {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
@media only screen and (max-width: 1024px) {
	.movie .movie__obj {
		top: -4vw;
		width: 26.2666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .movie__obj {
		top: -1.171875vw;
		width: 7.6953125vw;
	}
}
.movie .movie__title {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.movie .movie__title {
		width: 28.4vw;
		margin-bottom: 8vw;
		padding-top: 9.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .movie__title {
		width: 8.3203125vw;
		margin-bottom: 2.34375vw;
		padding-top: 3.90625vw;
	}
}
@media only screen and (max-width: 1024px) {
	.movie .movie__product {
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .movie__product {
		margin-bottom: 1.953125vw;
	}
}
.movie .movie__product__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.09em;
}
@media only screen and (max-width: 1024px) {
	.movie .movie__product__title {
		font-size: 5.3333333333vw;
		margin-bottom: 1.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .movie__product__title {
		font-size: 1.5625vw;
		margin-bottom: 0.390625vw;
	}
}
.movie .movie__product__annotion {
	letter-spacing: 0.08em;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.movie .movie__product__annotion {
		font-size: 3.2vw;
		margin-bottom: 7.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .movie__product__annotion {
		font-size: 0.9375vw;
		margin-bottom: 2.1484375vw;
	}
}
@media only screen and (max-width: 1024px) {
	.movie .movie__product__list li:not(:last-of-type) {
		margin-bottom: 14.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .movie__product__list li:not(:last-of-type) {
		margin-bottom: 4.296875vw;
	}
}

.remodal-wrapper .remodal {
	background: transparent;
	padding: 35px 0 0 0;
}
@media only screen and (max-width: 1024px) {
	.remodal-wrapper .remodal {
		max-width: 58.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.remodal-wrapper .remodal {
		max-width: 252px;
	}
}
@media only screen and (min-width: 1025px) {
	.remodal-wrapper .video-iframe {
		width: 252px;
		height: 459px;
	}
}
@media only screen and (max-width: 1024px) {
	.remodal-wrapper .video-iframe {
		width: 58.6666666667vw;
		height: 105.2vw;
	}
}
.remodal-wrapper .remodal-close {
	left: inherit;
	right: 0;
}
.remodal-wrapper .remodal-close:before {
	content: "";
	top: -4px;
	background-image: url(/assets/images//btn_close.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}

@media only screen and (max-width: 1024px) {
	body {
		overflow: auto;
	}
	body.is-active {
		overflow: hidden;
	}
	.sp__menu {
		display: flex;
		width: 100%;
		height: 100vh;
		height: 100dvh;
		background-color: #fbfdff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 8;
		pointer-events: none;
		opacity: 0;
		transition: 0.3s;
	}
	.sp__menu.is-active {
		pointer-events: all;
		opacity: 1;
	}
	.sp__menu__wrap {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sp__menu__list li {
		text-align: center;
	}
	.sp__menu__list li button {
		margin-left: auto;
		margin-right: auto;
	}
	.sp__menu__list__concept {
		width: 42.6666666667vw;
		margin-bottom: 9.3333333333vw;
	}
	.sp__menu__list__lineup {
		width: 36vw;
		margin-bottom: 6vw;
	}
	.sp__menu__list__button {
		width: 66.6666666667vw;
		margin-bottom: 4vw;
	}
	.sp__menu__list__sns {
		width: 25.3333333333vw;
		margin-top: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.sp__menu {
		display: none;
	}
}
.kv__swiper {
	overflow: hidden;
}
@media only screen and (max-width: 1024px) {
	.kv__swiper {
		margin-top: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.kv__swiper {
		padding-top: 1.5625vw;
	}
}
.kv__swiper .swiper-wrapper {
	align-items: center;
	transition-timing-function: linear !important;
}
@media only screen and (min-width: 1025px) {
	.kv__swiper .swiper-wrapper {
		align-items: center;
	}
}
@media only screen and (max-width: 1024px) {
	.kv__swiper .swiper-wrapper {
		max-height: 46.6666666667vw;
	}
}
.kv__swiper .swiper-slide {
	height: auto;
}
@media only screen and (min-width: 1025px) {
	.kv__swiper .swiper-slide {
		max-width: 7.8125vw;
	}
}
.kv__swiper .swiper-slide.sheet {
	text-align: center;
}
@media only screen and (min-width: 1025px) {
	.kv__swiper .swiper-slide.sheet {
		width: 6.171875vw !important;
	}
}
@media only screen and (max-width: 1024px) {
	.kv__swiper .swiper-slide.sheet {
		width: 21.0666666667vw !important;
	}
}
.kv__swiper .swiper-slide.sheet-02 {
	text-align: center;
}
@media only screen and (min-width: 1025px) {
	.kv__swiper .swiper-slide.sheet-02 {
		width: 5.78125vw !important;
	}
}
@media only screen and (max-width: 1024px) {
	.kv__swiper .swiper-slide.sheet-02 {
		width: 19.7333333333vw !important;
	}
}
.kv__swiper .swiper-slide.sheet-03 {
	text-align: center;
}
@media only screen and (min-width: 1025px) {
	.kv__swiper .swiper-slide.sheet-03 {
		width: 5.703125vw !important;
	}
}
@media only screen and (max-width: 1024px) {
	.kv__swiper .swiper-slide.sheet-03 {
		width: 19.4666666667vw !important;
	}
}
.kv__swiper .swiper-slide.sheet02 {
	text-align: center;
}
@media only screen and (min-width: 1025px) {
	.kv__swiper .swiper-slide.sheet02 {
		width: 5.15625vw !important;
	}
}
@media only screen and (max-width: 1024px) {
	.kv__swiper .swiper-slide.sheet02 {
		width: 17.6vw !important;
	}
}
.kv__swiper .swiper-slide.spray {
	text-align: center;
}
@media only screen and (min-width: 1025px) {
	.kv__swiper .swiper-slide.spray {
		width: 3.3984375vw !important;
	}
}
@media only screen and (max-width: 1024px) {
	.kv__swiper .swiper-slide.spray {
		width: 11.6vw !important;
	}
}
.kv__swiper .swiper-slide-item {
	width: 100%;
	height: 100%;
}
.kv__swiper .swiper-slide img {
	width: auto;
	height: 100%;
	object-fit: contain;
}

.common__product__swiper {
	position: relative;
	/* レイアウトのためのスタイル */
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper {
		margin-bottom: 8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper {
		margin-bottom: 2.34375vw;
	}
}
.common__product__swiper .swiper-button-disabled {
	opacity: 0.5;
}
.common__product__swiper .slider-thumbnail .swiper-slide {
	width: 33.3333333333%;
}
.common__product__swiper .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}
.common__product__swiper .swiper {
	width: 100%;
}
.common__product__swiper .swiper-slide img {
	height: auto;
	width: 100%;
}
.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow {
	position: absolute;
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow {
		width: 5.7333333333vw;
		height: 30.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow {
		width: 1.6796875vw;
		height: 8.984375vw;
	}
}
.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::after,
.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::after {
	content: "";
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::after,
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::after {
		width: 5.7333333333vw;
		height: 4.1333333333vw;
		background-size: 5.7333333333vw 4.1333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::after,
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::after {
		width: 1.6796875vw;
		height: 1.2109375vw;
		background-size: 1.6796875vw 1.2109375vw;
	}
}
.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::before,
.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	z-index: 1;
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::before,
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::before {
		width: 30.6666666667vw;
		height: 30.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::before,
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::before {
		width: 8.984375vw;
		height: 8.984375vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right {
		right: 3.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right {
		right: 0.9765625vw;
	}
}
.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::after {
	background-image: url(/assets/images/icon-arrow-right-white.svg);
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::before {
		right: -18vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__right::before {
		right: -5.2734375vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left {
		left: 3.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left {
		left: 0.9765625vw;
	}
}
.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::after {
	background-image: url(/assets/images/icon-arrow-left-white.svg);
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::before {
		left: -18vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__arrows .common__product__swiper__arrow__left::before {
		left: -5.2734375vw;
	}
}
.common__product__swiper .common__product__swiper__image {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.common__product__swiper .common__product__swiper__image img {
	object-fit: cover;
}
.common__product__swiper .common__product__swiper__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.09em;
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__title {
		font-size: 5.3333333333vw;
		margin-bottom: 1.3333333333vw;
		margin-top: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__title {
		font-size: 1.5625vw;
		margin-bottom: 0.390625vw;
		margin-top: 1.5625vw;
	}
}
.common__product__swiper .common__product__swiper__annotion {
	letter-spacing: 0.08em;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .common__product__swiper__annotion {
		font-size: 3.2vw;
		margin-bottom: 7.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .common__product__swiper__annotion {
		font-size: 0.9375vw;
		margin-bottom: 2.1484375vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .product__swiper__thumb {
		padding-left: 1.953125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .product__swiper__thumb {
		padding-left: 6.6666666667vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .product__swiper__thumb .swiper-slide {
		border: 0.5333333333vw solid rgba(0, 0, 0, 0);
		border-radius: 0.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .product__swiper__thumb .swiper-slide {
		border: 0.15625vw solid rgba(0, 0, 0, 0);
		border-radius: 0.1953125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__product__swiper .product__swiper__thumb .swiper-slide-thumb-active {
		border: 0.5333333333vw solid #000;
	}
}
@media only screen and (min-width: 1025px) {
	.common__product__swiper .product__swiper__thumb .swiper-slide-thumb-active {
		border: 0.15625vw solid #000;
	}
}

.gokkan .common__product__swiper__arrow__right::before,
.gokkan .common__product__swiper__arrow__left::before {
	background-color: #93d6f5;
}
@media only screen and (max-width: 1024px) {
	.gokkan .common__product__swiper__image {
		width: 85.3333333333vw;
		height: 125.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .common__product__swiper__image {
		width: 25vw;
		height: 36.71875vw;
	}
}
@media only screen and (max-width: 1024px) {
	.gokkan .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 69.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.gokkan .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 20.3125vw;
	}
}

.deodorant .common__product__swiper__arrow__right::before,
.deodorant .common__product__swiper__arrow__left::before {
	background-color: #fac8de;
}
@media only screen and (max-width: 1024px) {
	.deodorant .common__product__swiper__image {
		width: 97.2vw;
		height: 114.2666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .common__product__swiper__image {
		width: 28.4765625vw;
		height: 33.4765625vw;
	}
}
@media only screen and (max-width: 1024px) {
	.deodorant .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 53.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 15.625vw;
	}
}

.deodorant-spray .common__product__swiper__arrow__right::before,
.deodorant-spray .common__product__swiper__arrow__left::before {
	background-color: #f2b6e8;
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .common__product__swiper__image {
		width: 93.6vw;
		height: 122.1333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .common__product__swiper__image {
		width: 27.421875vw;
		height: 35.78125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.deodorant-spray .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 31.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant-spray .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 9.1796875vw;
	}
}

.movie .common__product__swiper__arrow__right::before,
.movie .common__product__swiper__arrow__left::before {
	background-color: #c5dda4;
}
.movie .common__product__swiper__image {
	position: relative;
	transition: 0.3s;
}
@media only screen and (max-width: 1024px) {
	.movie .common__product__swiper__image {
		width: 58.6666666667vw;
		height: 104.4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .common__product__swiper__image {
		width: 17.1875vw;
		height: 30.5859375vw;
	}
}
.movie .common__product__swiper__image:hover {
	opacity: 0.7;
}
.movie .common__product__swiper__image .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
@media only screen and (max-width: 1024px) {
	.movie .common__product__swiper__image .play-button {
		width: 16vw;
		height: 16vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .common__product__swiper__image .play-button {
		width: 4.6875vw;
		height: 4.6875vw;
	}
}
.movie .common__product__swiper__image .play-button img {
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 1024px) {
	.movie .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 37.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .common__product__swiper__arrows .common__product__swiper__arrow {
		top: 10.9375vw;
	}
}
.movie .common__product__swiper__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.09em;
}
@media only screen and (max-width: 1024px) {
	.movie .common__product__swiper__title {
		font-size: 4vw;
		margin-bottom: 2.6666666667vw;
		margin-top: 3.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .common__product__swiper__title {
		font-size: 1.171875vw;
		margin-bottom: 0.78125vw;
		margin-top: 0.9765625vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .product__swiper__thumb {
		padding-left: 0;
	}
}
@media only screen and (max-width: 1024px) {
	.movie .product__swiper__thumb {
		padding-left: 0;
	}
}
.movie .product__swiper__thumb .swiper-wrapper {
	justify-content: center;
}
@media only screen and (max-width: 1024px) {
	.movie .product__swiper__thumb .swiper-wrapper {
		height: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .product__swiper__thumb .swiper-wrapper {
		height: 1.171875vw;
	}
}
@media only screen and (max-width: 1024px) {
	.movie .product__swiper__thumb .swiper-slide {
		width: 2.6666666667vw !important;
		height: 2.6666666667vw !important;
		border: 0.2666666667vw solid #000;
		border-radius: 1.3333333333vw;
		background-color: #ffffff;
		box-shadow: 0 0.6666666667vw 0 rgb(0, 0, 0);
		box-shadow: 0 0.4vw 0 rgb(0, 0, 0);
	}
}
@media only screen and (min-width: 1025px) {
	.movie .product__swiper__thumb .swiper-slide {
		width: 0.78125vw !important;
		height: 0.78125vw !important;
		border: 0.078125vw solid #000;
		border-radius: 0.390625vw;
		background-color: #ffffff;
		box-shadow: 0 0.1953125vw 0 rgb(0, 0, 0);
		box-shadow: 0 0.1171875vw 0 rgb(0, 0, 0);
	}
}
@media only screen and (max-width: 1024px) {
	.movie .product__swiper__thumb .swiper-slide-thumb-active {
		background-color: #f5e7ba;
	}
}
@media only screen and (min-width: 1025px) {
	.movie .product__swiper__thumb .swiper-slide-thumb-active {
		background-color: #f5e7ba;
	}
}

@media only screen and (max-width: 1024px) {
	.mv .mv__swiper__swiper__image {
		width: 100%;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .mv__swiper__swiper__image {
		width: 100%;
	}
}
.mv .swiper-pagination {
	justify-content: center;
}
@media only screen and (max-width: 1024px) {
	.mv .swiper-pagination {
		padding-left: 0;
		bottom: 10.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .swiper-pagination {
		padding-left: 0;
		bottom: 3.125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.mv .swiper-pagination {
		height: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .swiper-pagination {
		height: 1.171875vw;
	}
}
.mv .swiper-pagination-bullet {
	opacity: 1;
}
@media only screen and (max-width: 1024px) {
	.mv .swiper-pagination-bullet {
		width: 2.6666666667vw !important;
		height: 2.6666666667vw !important;
		border: 0.2666666667vw solid #000;
		border-radius: 1.3333333333vw;
		background-color: #ffffff;
		box-shadow: 0 0.6666666667vw 0 rgb(0, 0, 0);
		box-shadow: 0 0.4vw 0 rgb(0, 0, 0);
		margin: 0 0.8vw !important;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .swiper-pagination-bullet {
		width: 0.78125vw !important;
		height: 0.78125vw !important;
		border: 0.078125vw solid #000;
		border-radius: 0.390625vw;
		background-color: #ffffff;
		box-shadow: 0 0.1953125vw 0 rgb(0, 0, 0);
		box-shadow: 0 0.1171875vw 0 rgb(0, 0, 0);
		margin: 0 0.234375vw !important;
	}
}
@media only screen and (max-width: 1024px) {
	.mv .swiper-pagination-bullet-active {
		background-color: #f5e7ba;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .swiper-pagination-bullet-active {
		background-color: #f5e7ba;
	}
}
@media only screen and (max-width: 1024px) {
	.mv .mv__swiper__thumb {
		padding-left: 0;
		top: -10.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .mv__swiper__thumb {
		padding-left: 0;
		top: -3.125vw;
	}
}
.mv .mv__swiper__thumb .swiper-wrapper {
	justify-content: center;
}
@media only screen and (max-width: 1024px) {
	.mv .mv__swiper__thumb .swiper-wrapper {
		height: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .mv__swiper__thumb .swiper-wrapper {
		height: 1.171875vw;
	}
}
@media only screen and (max-width: 1024px) {
	.mv .mv__swiper__thumb .swiper-slide {
		width: 2.6666666667vw !important;
		height: 2.6666666667vw !important;
		border: 0.2666666667vw solid #000;
		border-radius: 1.3333333333vw;
		background-color: #ffffff;
		box-shadow: 0 0.6666666667vw 0 rgb(0, 0, 0);
		box-shadow: 0 0.4vw 0 rgb(0, 0, 0);
	}
}
@media only screen and (min-width: 1025px) {
	.mv .mv__swiper__thumb .swiper-slide {
		width: 0.78125vw !important;
		height: 0.78125vw !important;
		border: 0.078125vw solid #000;
		border-radius: 0.390625vw;
		background-color: #ffffff;
		box-shadow: 0 0.1953125vw 0 rgb(0, 0, 0);
		box-shadow: 0 0.1171875vw 0 rgb(0, 0, 0);
	}
}
@media only screen and (max-width: 1024px) {
	.mv .mv__swiper__thumb .swiper-slide-thumb-active {
		background-color: #f5e7ba;
	}
}
@media only screen and (min-width: 1025px) {
	.mv .mv__swiper__thumb .swiper-slide-thumb-active {
		background-color: #f5e7ba;
	}
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	pointer-events: all;
	opacity: 0.7;
}

html {
	font-size: 10px;
}
@media (max-width: 1280px) {
	html {
		font-size: 0.78125vw;
	}
}

body {
	color: #262626;
	line-height: 1.5;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
@media only screen and (min-width: 1025px) {
	body {
		font-size: 16px;
		background-image: url(/assets/images/bg-body.png);
		background-size: contain;
	}
}
@media only screen and (max-width: 1024px) {
	body {
		font-size: 3.4666666667vw;
	}
}

@media only screen and (max-width: 1024px) {
	.only-pc {
		display: none;
	}
}
@media only screen and (min-width: 1025px) {
	.only-pc {
		display: block;
	}
}

@media only screen and (min-width: 1025px) {
	.only-sp {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	.only-sp {
		display: block;
	}
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
img.w100 {
	max-width: none !important;
}
img.vl-bottom {
	vertical-align: bottom;
}

a {
	text-decoration: none;
}

@media only screen and (min-width: 1025px) {
	.index__wrap .content {
		margin-left: 14.0625vw;
		width: 29.296875vw;
	}
}

@media only screen and (max-width: 1024px) {
	.common__wrap {
		padding-left: 6.6666666667vw;
		padding-right: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__wrap {
		padding-left: 1.953125vw;
		padding-right: 1.953125vw;
	}
}

@media only screen and (max-width: 1024px) {
	.common__masion {
		padding-top: 6vw;
		padding-bottom: 6vw;
		border-radius: 2.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__masion {
		padding-top: 1.7578125vw;
		padding-bottom: 1.7578125vw;
		border-radius: 0.78125vw;
	}
}
.common__masion .common__masion__title {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.common__masion .common__masion__title {
		width: 37.3333333333vw;
		margin-bottom: 3.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__masion .common__masion__title {
		width: 10.9375vw;
		margin-bottom: 0.9765625vw;
	}
}
.common__masion .common__masion__button {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 99px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.common__masion .common__masion__button {
		width: 58.6666666667vw;
		height: 13.3333333333vw;
		box-shadow: 0px 0.4vw 0px 0.8vw #000000;
	}
}
@media only screen and (min-width: 1025px) {
	.common__masion .common__masion__button {
		width: 17.1875vw;
		height: 3.90625vw;
		box-shadow: 0px 0.1171875vw 0px 0.234375vw #000000;
	}
}
@media only screen and (max-width: 1024px) {
	.common__masion .common__masion__button + .common__masion__button {
		margin-top: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__masion .common__masion__button + .common__masion__button {
		margin-top: 1.5625vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__masion .common__masion__button__icon {
		width: 5.6vw;
		margin-right: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__masion .common__masion__button__icon {
		width: 1.640625vw;
		margin-right: 1.171875vw;
	}
}
.common__masion .common__masion__text {
	font-weight: 700;
	letter-spacing: 0.15em;
}
@media only screen and (max-width: 1024px) {
	.common__masion .common__masion__text {
		font-size: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__masion .common__masion__text {
		font-size: 1.171875vw;
	}
}

@media only screen and (max-width: 1024px) {
	.deodorant .common__masion__button {
		width: 72vw;
	}
}
@media only screen and (min-width: 1025px) {
	.deodorant .common__masion__button {
		width: 21.09375vw;
	}
}

.common__toggle__contents {
	width: 100%;
	overflow: hidden;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents {
		border: 0.2666666667vw solid #000;
		border-radius: 2.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents {
		border: 0.078125vw solid #000;
		border-radius: 0.78125vw;
	}
}
.common__toggle__contents .common__toggle__contents__inner {
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
}
.common__toggle__contents .common__toggle__contents__inner__bg {
	background-color: #fff;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__inner__bg {
		padding-top: 10.6666666667vw;
		padding-bottom: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__inner__bg {
		padding-top: 3.125vw;
		padding-bottom: 1.5625vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__wrap {
		padding-right: 5.3333333333vw;
		padding-left: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__wrap {
		padding-right: 1.5625vw;
		padding-left: 1.5625vw;
	}
}
.common__toggle__contents .common__toggle__contents__trigger {
	background-color: #f5e7ba;
	width: 100%;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.15em;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__trigger {
		font-size: 4vw;
		height: 13.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__trigger {
		font-size: 1.171875vw;
		height: 3.90625vw;
	}
}
.common__toggle__contents .common__toggle__contents__trigger__icon {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/assets/images/icon-ac-open.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__trigger__icon {
		width: 8.6666666667vw;
		height: 8.6666666667vw;
		background-size: 8.6666666667vw 8.6666666667vw;
		right: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__trigger__icon {
		width: 2.5390625vw;
		height: 2.5390625vw;
		background-size: 2.5390625vw 2.5390625vw;
		right: 1.171875vw;
	}
}
.common__toggle__contents .js-toggle__trigger__bottom .common__toggle__contents__trigger__icon {
	background-image: url(/assets/images/icon-ac-close.png) !important;
}
.common__toggle__contents.is-open .common__toggle__contents__inner {
	height: auto;
}
.common__toggle__contents.is-open .common__toggle__contents__trigger__icon {
	background-image: url(/assets/images/icon-ac-close.png);
}
.common__toggle__contents .common__toggle__contents__point__icon {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__point__icon {
		width: 20vw;
		margin-bottom: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__point__icon {
		width: 5.859375vw;
		margin-bottom: 1.5625vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__point__icon.point02 {
		width: 21.4666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__point__icon.point02 {
		width: 6.2890625vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__point__icon.point03 {
		width: 21.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__point__icon.point03 {
		width: 6.25vw;
	}
}
.common__toggle__contents .common__toggle__contents__point {
	overflow: hidden;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__point + .common__toggle__contents__point {
		margin-top: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__point + .common__toggle__contents__point {
		margin-top: 1.171875vw;
	}
}
.common__toggle__contents .common__toggle__contents__title {
	text-align: center;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__title {
		font-size: 5.3333333333vw;
		margin-bottom: 6.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__title {
		font-size: 1.5625vw;
		margin-bottom: 1.953125vw;
	}
}
.common__toggle__contents .common__toggle__contents__title .underline {
	background-size: 10px 2px;
	background-image: linear-gradient(to right, #000000 6px, transparent 6px);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
}
.common__toggle__contents .common__toggle__contents__desc {
	letter-spacing: 0.08em;
	line-height: 1.5384615385;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__desc {
		font-size: 3.4666666667vw;
		margin-bottom: 6.6666666667vw;
		margin-top: 2vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__desc {
		font-size: 1.015625vw;
		margin-bottom: 1.953125vw;
		margin-top: 0.5859375vw;
	}
}
.common__toggle__contents .common__toggle__contents__warning {
	letter-spacing: 0.03em;
	line-height: 2;
}
@media only screen and (max-width: 1024px) {
	.common__toggle__contents .common__toggle__contents__warning {
		font-size: 2.6666666667vw;
		margin-top: 2.6666666667vw;
		margin-bottom: 8vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__toggle__contents .common__toggle__contents__warning {
		font-size: 0.78125vw;
		margin-top: 0.78125vw;
		margin-bottom: 2.34375vw;
	}
}

.common__myouban {
	background-color: #fff2f8;
	position: relative;
}
@media only screen and (max-width: 1024px) {
	.common__myouban {
		margin: 2.6666666667vw 5.3333333333vw 0;
		border-radius: 1.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__myouban {
		margin: 1.5625vw 1.5625vw 0;
		border-radius: 0.390625vw;
	}
}
.common__myouban .common__myouban__obj {
	position: absolute;
	top: 0;
}
@media only screen and (max-width: 1024px) {
	.common__myouban .common__myouban__obj {
		width: 75.3333333333vw;
		top: -4vw;
		left: 2.6666666667vw;
	}
}
@media only screen and (max-width: 1024px) {
	.common__myouban .common__myouban__wrap {
		padding: 13.3333333333vw 6.6666666667vw 4vw 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__myouban .common__myouban__wrap {
		padding: 3.90625vw 1.953125vw 1.171875vw 1.5625vw;
	}
}
.common__myouban .common__myouban__title {
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.common__myouban .common__myouban__title {
		font-size: 4vw;
		margin-bottom: 4vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__myouban .common__myouban__title {
		font-size: 1.171875vw;
		margin-bottom: 1.171875vw;
	}
}
.common__myouban .common__myouban__desc {
	letter-spacing: 0.12em;
	line-height: 1.5384615385;
}
@media only screen and (max-width: 1024px) {
	.common__myouban .common__myouban__desc {
		font-size: 3.4666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__myouban .common__myouban__desc {
		font-size: 1.015625vw;
	}
}
.common__myouban .common__myouban__warning {
	letter-spacing: 0.12em;
	line-height: 2;
}
@media only screen and (max-width: 1024px) {
	.common__myouban .common__myouban__warning {
		font-size: 2.6666666667vw;
		margin-top: 2.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.common__myouban .common__myouban__warning {
		font-size: 0.78125vw;
		margin-top: 0.78125vw;
	}
}

.footer {
	background-color: #262626;
	color: #fff;
	position: relative;
}
@media only screen and (max-width: 1024px) {
	.footer {
		padding-top: 9.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer {
		padding-top: 2.734375vw;
	}
}
.footer .footer__backtop {
	position: absolute;
	z-index: 7;
}
@media only screen and (max-width: 1024px) {
	.footer .footer__backtop {
		top: 4vw;
		right: 2.6666666667vw;
		width: 14.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__backtop {
		top: 1.171875vw;
		right: 0.78125vw;
		width: 4.296875vw;
	}
}
.footer .footer__title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.footer .footer__title {
		padding-top: 4vw;
		width: 26vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__title {
		padding-top: 1.171875vw;
		width: 7.6171875vw;
	}
}
@media only screen and (max-width: 1024px) {
	.footer .footer__sns {
		padding-left: 8.6666666667vw;
		margin-top: 6vw;
		margin-bottom: 8.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__sns {
		padding-left: 2.5390625vw;
		margin-top: 1.7578125vw;
		margin-bottom: 2.5390625vw;
	}
}
.footer .footer__sns li a {
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 1024px) {
	.footer .footer__sns li a .footer__sns__logo {
		width: 11.3333333333vw;
		margin-right: 5.0666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__sns li a .footer__sns__logo {
		width: 3.3203125vw;
		margin-right: 1.484375vw;
	}
}
.footer .footer__sns li a p {
	letter-spacing: 0.25em;
}
@media only screen and (max-width: 1024px) {
	.footer .footer__sns li a p {
		font-size: 2.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__sns li a p {
		font-size: 0.78125vw;
	}
}
@media only screen and (max-width: 1024px) {
	.footer .footer__sns li + li {
		margin-top: 5.3333333333vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__sns li + li {
		margin-top: 1.5625vw;
	}
}
.footer .footer__utility {
	display: flex;
	justify-content: space-between;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 1024px) {
	.footer .footer__utility {
		font-size: 2.6666666667vw;
		padding: 0 2.6666666667vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__utility {
		font-size: 0.78125vw;
		padding: 0 0.78125vw;
	}
}
.footer .footer__logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1024px) {
	.footer .footer__logo {
		margin-top: 4vw;
		width: 21.6vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__logo {
		margin-top: 1.171875vw;
		width: 6.328125vw;
	}
}
.footer .footer__copyright {
	text-align: center;
	letter-spacing: 0.06em;
}
@media only screen and (max-width: 1024px) {
	.footer .footer__copyright {
		margin-top: 4vw;
		font-size: 2.1333333333vw;
		padding-bottom: 12vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__copyright {
		margin-top: 1.171875vw;
		font-size: 0.625vw;
		padding-bottom: 3.515625vw;
	}
}
@media only screen and (max-width: 1024px) {
	.footer .footer__copyright p:last-of-type {
		margin-top: 2vw;
	}
}
@media only screen and (min-width: 1025px) {
	.footer .footer__copyright p:last-of-type {
		margin-top: 0.5859375vw;
	}
}
/*# sourceMappingURL=index.css.map */