﻿@charset "utf-8";

/*-- 共通 begin -----------------------------*/
:root {
	--refa-1rem: 16;
	--refa-arrow-down: url('../images/ic-refa-202505-icon-arrow-down-sp.png');
	--refa-arrow-down-2: url('../images/ic-refa-202505-icon-arrow-down2-sp.png');
	--refa-arrow-right: url('../images/ic-refa-202505-icon-arrow-right-sp.png');
	--refa-arrow-right-2: url('../images/ic-refa-202505-icon-arrow-right2-sp.png');
	--refa-arrow-right-gray: url('../images/ic-refa-202505-icon-arrow-right-gray-sp.png');
	--refa-arrow-right-gray-2: url('../images/ic-refa-202505-icon-arrow-right-gray2-sp.png');
	--refa-color-1: #000000;
	--refa-color-2: #888888;
	--refa-color-3: #f1f1ef;
	--refa-color-4: #999999;
	--refa-color-5: #f6f6f6;
	--refa-color-6: #e3e3e3;
	--refa-color-7: #333333;
	--refa-color-8: #cecece;
	--refa-color-9: #cccccc;
	--refa-color-10: #d8d8d8;
	--refa-color-11: rgba(0, 0, 0, 0.3);
	--refa-color-12: #dcdbdb;
	--refa-color-13: #727171;
	--refa-color-14: #a12420;
	--refa-font-family-1: 'Noto Sans JP', san-serif;
	--refa-font-weight-light-1: 300;
	--refa-font-weight-regular-1: 400;
	--refa-font-weight-medium-1: 500;
	--refa-font-weight-medium-2: 600;
	--refa-font-weight-bold-1: bold;
	--refa-header-h: calc(100 / 750 * 100vw);
	--refa-icon-all: url('../images/ic-refa-202505-icon-all-sp.png');
	--refa-letter-spacing-1: calc(100 / 1000 * 1em);
	--refa-my-1: calc(130 / 750 * 100vw);
	--refa-px-1: calc(30 / 750 * 100vw);
	--refa-px-2: calc(40 / 750 * 100vw);
	--refa-slidemenu-z-index: 100000;
	--refa-transition-duration: .4s;
	--refa-js-offcanvas-transition-duration: 600ms;
}

body.refa-body [id^="refa-"] *::before,
body.refa-body [id^="refa-"] *::after,
body.refa-body [id^="refa-"] * {
	word-break: break-word;
}

:is(a, button, [type="button"], [role="button"])[class*="refa-"] {
	line-height: 1.7;
}

[class*="refa-g-pc-only"] {
	display: none !important;
}

:is(.refa-g-sp-only, .refa-g-sp-only-block) {
	display: block !important;
}

.refa-g-sp-only-flex {
	display: flex !important;
}

.refa-g-sp-only-inline-flex {
	display: inline-flex !important;
}

.refa-g-sp-only-inline {
	display: inline !important;
}

.refa-g-sp-only-inline-block {
	display: inline-block !important;
}

.refa-g-sp-only-inline-table {
	display: table !important;
}

.refa-g-sp-only-grid {
	display: grid !important;
}

[class*="refa-"][type="button"] {
	color: var(--refa-color-1);
}

.refa-g-button {
	padding: 0;
	background-color: transparent;
	border: none;
	display: block;
}

.refa-g-link {
	text-decoration: none;
	display: block;
}

.refa-g-link .refa-g-arrow-right {
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
}

.refa-g-link .refa-g-arrow-right::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: var(--refa-px-1);
	background-image: var(--refa-arrow-right);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(13 / 750 * 100vw);
	height: calc(22 / 750 * 100vw);
}

.refa-body .mainframe_ a:hover,
:is(.refa-g-button, .refa-g-link):hover {
	opacity: 0.7;
}

.refa-body :is(.refa-g-link[href*="void(0)"]):hover {
	opacity: 1;
	cursor: initial;
}

[id^="refa-"] picture {
	line-height: 0;
	display: block;
}

.refa-g-sp-w-100 {
	width: 100%;
}

.refa-g-sp-w-50 {
	width: 50%;
}

.refa-g-sp-w-25 {
	width: 25%;
}

.refa-g-sp-grid-area-a {
	grid-area: a;
}

.refa-g-sp-grid-area-b {
	grid-area: b;
}

.refa-g-sp-grid-area-c {
	grid-area: c;
}

.refa-g-sp-grid-area-d {
	grid-area: d;
}

.refa-g-sp-grid-area-e {
	grid-area: e;
}

.refa-g-sp-grid-area-f {
	grid-area: f;
}

.refa-g-sp-grid-area-g {
	grid-area: g;
}

.refa-g-sp-grid-area-h {
	grid-area: h;
}

.refa-g-sp-grid-area-i {
	grid-area: i;
}

.refa-g-sp-grid-area-j {
	grid-area: j;
}

.refa-g-sp-grid-area-k {
	grid-area: k;
}

.refa-g-h2 {
	margin-bottom: calc(50 / 750 * 100vw);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(10 / 750 * 100vw) 0;
	text-align: center;
}

.refa-g-h2 .refa-g-main-text {
	font-size: calc(52 / 750 * 100vw);
	font-weight: 500;
	line-height: calc(70 / 52);
	letter-spacing: var(--refa-letter-spacing-1);
	color: var(--refa-color-1);
}

.refa-g-h2 .refa-g-sub-text {
	font-size: calc(24 / 750 * 100vw);
	font-weight: 300;
	line-height: calc(42 / 24);
	letter-spacing: 0;
	color: var(--refa-color-4);
}

.refa-g-more-btn {
	display: flex;
	align-items: center;
	margin-top: calc(40 / 750 * 100vw);
}

.refa-g-more-btn a {
	border: 1px solid var(--refa-color-4);
	min-width: calc(450 / 750 * 100vw);
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: calc(20 / 750 * 100vw) calc(50 / 750 * 100vw);
	position: relative;
	font-size: calc(24 / 750 * 100vw);
	font-weight: 300;
	line-height: calc(42 / 24);
	letter-spacing: calc(150 / 1000 * 1em);
	color: var(--refa-color-1);
	background-color: #fff;
}

.refa-g-more-btn a::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: calc(15 / 750 * 100vw);
	background-image: var(--refa-arrow-right-gray);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(9 / 750 * 100vw);
	height: auto;
	aspect-ratio: 13 / 22;
}

.refa-g-all-btn a {
	display: inline-flex;
	gap: 0 calc(12 / 750 * 100vw);
}

.refa-g-all-btn a::before {
	content: '';
	display: block;
	position: relative;
	background-image: var(--refa-icon-all);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(29 / 750 * 100vw);
	height: auto;
	aspect-ratio: 20 / 19;
}

.refa-g-collapse:not(.refa-show) {
	display: none;
}

.refa-g-swiper {
	position: relative;
}

.refa-g-swiper :is(.swiper-scrollbar, .swiper-pagination):has(>*) {
	position: relative;
	margin: calc(50 / 750 * 100vw) auto 0;
}

.refa-g-swiper .swiper-pagination-bullet {
	width: calc(50 / 750 * 100vw);
	margin: 0 calc(10 / 750 * 100vw);
	background: var(--refa-color-9);
	border-radius: calc(2 / 750 * 100vw);
	min-height: 1px;
	height: calc(2 / 750 * 100vw);
	position: relative;
	opacity: 1;
}

.refa-g-swiper .swiper-pagination-bullet-active {
	background: var(--refa-color-9);
	min-height: 1px;
	height: calc(2 / 750 * 100vw);
	border-radius: calc(20 / 750 * 100vw);
	overflow: hidden;
}

.refa-g-swiper .swiper-pagination-bullet-active::after {
	content: '';
	display: block;
	background: var(--refa-color-7);
	border-radius: calc(2 / 750 * 100vw);
	animation-name: refa-swiper-bullet-animation;
	animation-duration: 8s;
	animation-delay: 0;
	animation-fill-mode: forwards;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.refa-g-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: var(--refa-color-7);
}

@media screen and (max-width: 575.98px) {

	.refa-g-swiper .swiper-horizontal>.swiper-pagination-progressbar,
	.refa-g-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.refa-g-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.refa-g-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		height: 1px;
		background-color: var(--refa-color-8);
	}
}

@media screen and (min-width: 576px) {

	.refa-g-swiper .swiper-horizontal>.swiper-pagination-progressbar,
	.refa-g-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal,
	.refa-g-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.refa-g-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		height: 2px;
		background-color: var(--refa-color-8);
	}
}

@keyframes refa-swiper-bullet-animation {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

#information.topiclist_.refa-g-information {
	padding: 0;
	margin: calc(150 / 750 * 100vw) auto calc(60 / 750 * 100vw);
}

#information.topiclist_.refa-g-information .infolist_body_ {
	margin: 0 auto;
	width: calc(100% - 2 * var(--refa-px-2));
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ {
	border: none;
	display: flex;
	flex-direction: column;
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_>* {
	border-bottom: max(1px, calc(2 / 750 * 100vw)) solid var(--refa-color-8);
	padding: calc(15/ 750 * 100vw) calc(20 / 750 * 100vw);
	display: flex;
	flex-direction: column;
	justify-content: start;
	gap: calc(10 / 750 * 100vw) 0;
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_>*:first-child {
	border-top: max(1px, calc(2 / 750 * 100vw)) solid var(--refa-color-8);
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ .date_ {
	font-size: calc(24 / 750 * 100vw);
	font-weight: 400;
	line-height: calc(42 / 24);
	letter-spacing: 0;
	color: var(--refa-color-4);
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ *:not(.date_) {
	font-size: calc(21 / 750 * 100vw);
	font-weight: 400;
	line-height: calc(36.75 / 21);
	letter-spacing: var(--refa-letter-spacing-1);
	color: var(--refa-color-1);
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ *:has(.icon_) {
	display: flex;
	align-items: center;
	gap: 0 calc(15 / 750 * 100vw);
	width: 100%;
	justify-content: start;
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ .icon_ {
	flex-shrink: 0;
	margin: 0;
	display: flex;
	align-items: start;
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ .icon_ img {
	width: auto;
	height: calc(24 / 750 * 100vw);
	max-width: none;
	max-height: none;
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ a {
	text-decoration: none;
	align-self: flex-start;
}

.refa-g-footer-banner-items {
	display: flex;
	flex-direction: column;
	gap: calc(60 / 750 * 100vw) 0;
	width: calc(100% - 2 * var(--refa-px-2));
	margin: calc(60 / 750 * 100vw) auto;
}

.refa-g-footer-banner-items a {
	text-decoration: none;
	display: block;
}

.refa-g-footer-banner-items img {
	width: 100%;
	height: auto;
}

/*-- 共通 end -----------------------------*/

/*-- header begin -----------------------------*/
#refa-header-wrapper {
	position: relative;
}

#refa-header-pseudo {
	position: relative;
	width: 100%;
	height: var(--refa-header-h);
}

#refa-header {
	position: fixed;
	width: 100%;
	background-color: #fff;
	z-index: calc(var(--refa-slidemenu-z-index) + 2);
	top: 0;
	left: 0;
	container-name: refa-header;
	container-type: inline-size;
}

#refa-header.refa-appear {
	animation: refa-header-appear 0.8s forwards;
}

@keyframes refa-header-appear {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0%);
	}
}


#refa-header.refa-disappear {
	animation: refa-header-disappear 0.8s forwards;
}

@keyframes refa-header-disappear {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-100%);
	}
}

#refa-header .refa-header-company-container {
	display: flex;
	justify-content: start;
	background-color: var(--refa-color-3);
	height: calc(50 / 750 * 100vw);
	padding: 0 var(--refa-px-1);
}

#refa-header .refa-header-company-container .refa-g-link {
	display: block;
	position: relative;
}

#refa-header .refa-header-company-container picture {
	display: block;
	position: relative;
	top: calc(10 / 750 * 100vw);
}

#refa-header .refa-header-company-container img {
	width: calc(209.563 / 750 * 100vw);
	height: auto;
}

#refa-header .refa-header-container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 0 var(--refa-px-1);
	height: calc(100 / 750 * 100vw);
}

#refa-header .refa-header-container>* {
	flex-shrink: 0;
}

#refa-header .refa-header-container picture {
	display: block;
}

#refa-header .refa-header-container .refa-g-link {
	display: block;
	text-decoration: none;
}

#refa-header .refa-header-logo-container {
	margin-left: 0;
}

#refa-header .refa-header-logo-container .refa-g-link {
	height: 100%;
	position: relative;
	width: calc(142 / 750 * 100vw);
}

#refa-header .refa-header-logo-container picture {
	position: absolute;
	top: calc(21 / 750 * 100vw);
}

#refa-header .refa-header-logo-container img {
	width: 100%;
	height: auto;
}

#refa-header .refa-header-nav-container {
	display: flex;
	align-items: stretch;
}

#refa-header .refa-header-nav-login {
	margin-left: 0;
}

#refa-header .refa-header-nav-login .refa-g-link {
	height: 100%;
	position: relative;
	width: calc((31 + 20) / 750 * 100vw);
	display: flex;
	justify-content: center;
}

#refa-header .refa-header-nav-login picture {
	position: absolute;
	top: calc(26 / 750 * 100vw);
}

#refa-header .refa-header-nav-login img {
	width: calc(31 / 750 * 100vw);
	height: auto;
	max-width: none;
}

#refa-header .refa-header-nav-cart {
	height: 100%;
	position: relative;
	margin-left: calc(31 / 750 * 100vw);
}

#refa-header .refa-header-nav-cart .refa-header-nav-cart-inner {
	height: 100%;
	position: relative;
}

#refa-header #jscart_replace2_ {
	position: absolute;
	top: calc(10 / 750 * 100vw);
	right: calc(-10 / 750 * 100vw);
	background-color: var(--refa-color-1);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	min-width: calc(30 / 750 * 100vw);
	height: calc(30 / 750 * 100vw);
	font-size: calc(16/ 750 * 100vw);
	line-height: calc(30 / 750 * 100vw);
}

#refa-header .refa-header-nav-cart .refa-g-link {
	height: 100%;
	position: relative;
	width: calc((42 + 20) / 750 * 100vw);
	display: flex;
	justify-content: center;
}

#refa-header .refa-header-nav-cart picture {
	position: absolute;
	top: calc(26 / 750 * 100vw);
}

#refa-header .refa-header-nav-cart img {
	width: calc(42 / 750 * 100vw);
	height: auto;
}

#refa-header .refa-header-nav-search {
	height: 100%;
	position: relative;
	margin-left: calc(30 / 750 * 100vw);
}

#refa-header .refa-header-nav-search .refa-g-button {
	height: 100%;
	position: relative;
	width: calc((37 + 20) / 750 * 100vw);
	display: flex;
	justify-content: center;
}

#refa-header .refa-header-nav-search picture {
	position: absolute;
	top: calc(26 / 750 * 100vw);
}

#refa-header .refa-header-nav-search img {
	width: calc(37 / 750 * 100vw);
	height: auto;
}

#refa-header .refa-header-nav-menu {
	height: 100%;
	position: relative;
	margin-left: calc(46 / 750 * 100vw);
	display: flex;
	align-items: center;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle {
	display: flex;
	flex-direction: column;
	gap: calc(12 / 750 * 100vw);
	width: calc(50 / 750 * 100vw);
	height: 100%;
	justify-content: center;
	position: relative;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle .refa-menu-line {
	display: block;
	background-color: var(--refa-color-1);
	width: calc(50 / 750 * 100vw);
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle .refa-menu-line:nth-child(1) {
	transition: width .4s, rotate .5s;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle .refa-menu-line:nth-child(2) {
	transition: 0.5s;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle .refa-menu-line:nth-child(3) {
	transition: width .4s, rotate .5s;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle.refa-active {
	width: calc(50 / 750 * 100vw);
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle.refa-active .refa-menu-line:nth-child(1) {
	translate: 0 calc(25 / 750 * 100vw - ((25 / 750 * 100vw) / cos(45deg)));
	transform-origin: top left;
	width: calc((50 / 750 * 100vw) / cos(45deg));
	rotate: 45deg;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle.refa-active .refa-menu-line:nth-child(2) {
	opacity: 0;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle.refa-active .refa-menu-line:nth-child(3) {
	translate: 0 calc((25 / 750 * 100vw) / cos(-45deg) - 25 / 750 * 100vw);
	transform-origin: bottom left;
	width: calc((50 / 750 * 100vw) / cos(45deg));
	rotate: -45deg;

}

@container refa-header (width < 575.98px) {

	#refa-header .refa-header-nav-menu .refa-slidemenu-toggle .refa-menu-line {
		height: 1px;
	}
}

@container refa-header (width > 576px) {

	#refa-header .refa-header-nav-menu .refa-slidemenu-toggle .refa-menu-line {
		height: 2px;
	}
}

/*-- header end -----------------------------*/
/*-- offcanvas begin -----------------------------*/
:is(.refa-js-offcanvas) {
	left: 0;
	height: 100dvh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0);
	position: fixed;
	top: var(--refa-header-h);
	z-index: var(--refa-slidemenu-z-index);
	transition: background-color var(--refa-js-offcanvas-transition-duration);
}

:is(.refa-js-offcanvas)>* {
	padding: calc(20 / 750 * 100vw) var(--refa-px-2) calc(20 / 750 * 100vw);
	max-height: calc(100dvh - var(--refa-header-h));
	overflow-y: scroll;
	overflow-x: hidden;
	overscroll-behavior-y: contain;
	scrollbar-width: none;
	background-color: #fff;
	position: absolute;
	width: 100vw;
	scrollbar-width: none;
}

:is(.refa-js-offcanvas).refa-open {
	top: var(--refa-header-h);
	background-color: var(--refa-color-11);
}

:is(.refa-js-offcanvas)>* {
	top: -100dvh;
	transition: top var(--refa-js-offcanvas-transition-duration);
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="top"]>* {
	top: -100dvh;
	transition: top var(--refa-js-offcanvas-transition-duration);
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="bottom"]>* {
	top: 100dvh;
	transition: top var(--refa-js-offcanvas-transition-duration);
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="left"]>* {
	top: 0;
	left: -100dvw;
	transition: left var(--refa-js-offcanvas-transition-duration);
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="right"]>* {
	top: 0;
	right: -100dvw;
	transition: right var(--refa-js-offcanvas-transition-duration);
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="fade"]>* {
	top: 0;
	opacity: 0;
	transition: opacity var(--refa-js-offcanvas-transition-duration);
}

:is(.refa-js-offcanvas).refa-open>* {
	top: 0;
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="top"].refa-open>* {
	top: 0;
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="bottom"].refa-open>* {
	top: 0;
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="left"].refa-open>* {
	left: 0;
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="right"].refa-open>* {
	right: 0;
}

:is(.refa-js-offcanvas)[refa-js-offcanvas-sp-action="fade"].refa-open>* {
	top: 0;
	opacity: 1;
	transition: opacity var(--refa-js-offcanvas-transition-duration);
}

/*-- offcanvas end -----------------------------*/
/*-- slidemenu begin -----------------------------*/
:is(#refa-slidemenu, #refa-footer) img {
	width: 100%;
	height: auto;
	max-width: none;
	max-height: none;
}

:is(#refa-slidemenu, #refa-footer) .refa-g-link {
	display: block;
	text-decoration: none;
	width: 100%;
}


:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items {
	display: flex;
	flex-direction: column;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item .refa-title {
	font-size: calc(32 / 750 * 100vw);
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: 500;
	letter-spacing: var(--refa-letter-spacing-1);
	text-decoration: none;
	border-bottom: 1px solid var(--refa-color-4);
	padding: calc(60 / 750 * 100vw) 0 calc(24 / 750 * 100vw);
	min-height: calc(150 / 750 * 100vw);
	width: 100%;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item .refa-title> :is(h1, h2, h3, h4, h5, h6) {
	font-size: inherit;
	font-weight: inherit;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item .refa-title .refa-flex {
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item .refa-flex.refa-arrow-right::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: var(--refa-px-1);
	background-image: var(--refa-arrow-right);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(13 / 750 * 100vw);
	height: calc(22 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item .refa-arrow-down::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: var(--refa-px-1);
	background-image: var(--refa-arrow-down);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(22 / 750 * 100vw);
	height: calc(12 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item [refa-js-toggle="collapse"][aria-expanded="true"] .refa-arrow-down::after {
	scale: 1 -1;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item .refa-title-2 {
	font-size: calc(28 / 750 * 100vw);
	width: 100%;
	position: relative;
	line-height: calc(70 / 28);
	font-weight: 300;
	letter-spacing: 0;
	text-decoration: none;
	background-color: var(--refa-color-5);
	padding: calc(15 / 750 * 100vw) var(--refa-px-1);
	text-align: left;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-items>.refa-item .refa-flex {
	display: flex;
	width: 100%;
	align-items: center;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-gift-items {
	display: flex;
	flex-direction: column;
	gap: calc(40 / 750 * 100vw) 0;
	padding: calc(48 / 750 * 100vw) 0 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-gift-items img {
	background-color: #fff;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-categories {
	padding: calc(50 / 750 * 100vw) 0;
	display: flex;
	flex-direction: column;
	gap: calc(30 / 750 * 100vw) 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-items {
	display: flex;
	flex-direction: column;
	gap: calc(30 / 750 * 100vw) 0;
	margin-top: calc(30 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-products-item {
	display: flex;
	align-items: center;
	gap: 0 calc(30 / 750 * 100vw);
	width: 100%;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-item .refa-image-wrapper {
	width: calc(60 / 750 * 100vw);
	aspect-ratio: 1 /1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-item .refa-image-wrapper picture {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-item .refa-goods-picture {
	display: block;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-item .refa-goods-picture img {
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-item .refa-title-3 {
	font-size: calc(26 / 750 * 100vw);
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	text-decoration: none;
}

:is(#refa-slidemenu, #refa-footer) .refa-products-other-items {
	display: flex;
	flex-direction: column;
	gap: calc(40 / 750 * 100vw) 0;
	padding: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-products-other-items .refa-title-4 {
	font-size: calc(28 / 750 * 100vw);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	line-height: calc(70 / 28);
	font-weight: 300;
	letter-spacing: 0;
	text-decoration: none;
	padding: calc(14 / 750 * 100vw) var(--refa-px-1);
	border: 1px solid var(--refa-color-4);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-inner .refa-products-other-items .refa-title-4 .refa-arrow-right::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: var(--refa-px-1);
	background-image: var(--refa-arrow-right);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(13 / 750 * 100vw);
	height: calc(22 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-contents-inner {
	display: flex;
	flex-direction: column;
	gap: calc(60 / 750 * 100vw) 0;
	padding: calc(40 / 750 * 100vw) 0 0;
}

:is(#refa-slidemenu, #refa-footer) :is(.refa-slidemenu-contents-items, .refa-slidemenu-column-items, .refa-slidemenu-guide-items-1, .refa-slidemenu-guide-items-2) {
	display: flex;
	flex-direction: column;
	gap: calc(35 / 750 * 100vw) 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-contents-items .refa-title-5 {
	font-size: calc(28 / 750 * 100vw);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	padding: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-column-inner {
	display: flex;
	flex-direction: column;
	gap: calc(60 / 750 * 100vw) 0;
	padding: calc(40 / 750 * 100vw) 0 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-column-items .refa-title-5 {
	font-size: calc(28 / 750 * 100vw);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	padding: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-line-items {
	display: flex;
	flex-direction: column;
	gap: calc(40 / 750 * 100vw) 0;
	padding: calc(90 / 750 * 100vw) 0 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-line-item img {
	width: 100%;
	height: auto;
	background-color: #fff;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-guide-inner {
	display: flex;
	flex-direction: column;
	gap: calc(48 / 750 * 100vw) 0;
	padding: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-guide-items-1 {
	margin-top: calc(80 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-guide-items-2 {
	margin-top: calc(40 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-guide-items-1 .refa-title-5 {
	font-size: calc(24 / 750 * 100vw);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	padding: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-guide-items-2 .refa-title-5 {
	font-size: calc(24 / 750 * 100vw);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	padding: 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-banner-items {
	display: flex;
	flex-direction: column;
	gap: calc(40 / 750 * 100vw) 0;
	padding: calc(90 / 750 * 100vw) 0;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-banner-item img {
	width: 100%;
	height: auto;
	background-color: #fff;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-sns-items {
	display: flex;
	gap: 0 0;
	justify-content: space-between;
	align-items: center;
	padding: calc(20 / 750 * 100vw) calc(15 / 750 * 100vw) calc(30 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-sns-items img {
	width: calc(50 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-sns-x img {
	width: calc(50.3204 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-sns-line img {
	width: calc(55.1816 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-sns-facebook img {
	width: calc(55.1816 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-sns-instagram img {
	width: calc(45.5786 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-sns-mail img {
	width: calc(48 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-footer .refa-slidemenu-footer-inner-1 {
	display: flex;
	align-items: center;
	gap: 0 calc(50 / 750 * 100vw);
	justify-content: center;
	padding: calc(60 / 750 * 100vw) 0 calc(27 / 750 * 100vw);
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-footer-privacy img {
	width: calc(100 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-footer-jadma img {
	width: calc(120 / 750 * 100vw);
	height: auto;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-footer .refa-slidemenu-footer-inner-2 {
	display: flex;
	width: fit-content;
	align-items: center;
	justify-content: center;
	gap: 0 calc(15 / 750 * 100vw);
	margin-inline: auto;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-footer .refa-slidemenu-footer-inner-2 a {
	width: calc(80 / 750 * 100vw);
	line-height: 1;
}

:is(#refa-slidemenu, #refa-footer) .refa-slidemenu-footer .refa-slidemenu-copyright {
	font-size: calc(24 / 750 * 100vw);
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	line-height: calc(65 / 24);
	font-weight: 400;
	letter-spacing: 0;
	color: var(--refa-color-1);
}

.refa-mtg-top {
    background-color: #ddd;
}

.refa-mtg-top .mtg-top__inner {
	display: flex;
    align-items: center;
	padding-left: var(--refa-px-2);
	padding-right: var(--refa-px-2);
    height: calc(50 / 750 * 100vw);
}

.refa-mtg-top .mtg-top__inner__anchor {
	line-height: 1;
}

.refa-mtg-top .mtg-top__inner__anchor img {
    display: inline-block;
    height: calc(24 / 750 * 100vw);
}

/*-- slidemenu end -----------------------------*/
/*-- #refa-slidemenu only begin -----------------------------*/
#refa-slidemenu .refa-slidemenu-inner {
	padding-left: calc(20 / 750 * 100vw);
	padding-right: calc(20 / 750 * 100vw);
}

/*-- #refa-slidemenu only end -----------------------------*/
/*-- #refa-footer only begin -----------------------------*/
#refa-footer {
	background-color: var(--refa-color-5);
	padding: calc(40 / 750 * 100vw) var(--refa-px-2);
}

#refa-footer .refa-slidemenu-inner {
	background-color: var(--refa-color-5);
	max-width: var(--refa-max-width-1);
	margin-left: auto;
	margin-right: auto;
}

#refa-footer .refa-slidemenu-inner .refa-items>.refa-item .refa-products-category .refa-title-2 {
	background-color: #fff;
}

#refa-footer .refa-slidemenu-inner .refa-items>.refa-item .refa-products-other-items .refa-title-4 {
	background-color: #fff;
	border: none;
}

/*-- #refa-footer only begin -----------------------------*/
/*-- search modal begin-----------------------------*/
#refa-search-modal {
	height: 100dvh;
	width: 100%;
	z-index: calc(var(--refa-slidemenu-z-index) + 1);
}

#refa-search-modal .refa-search-modal-inner {
	width: 100%;
	padding: calc(140 / 750 * 100vw) var(--refa-px-2) calc(80 / 750 * 100vw);
	background-color: var(--refa-color-6);
}

#refa-search-modal .refa-header-search-close {
	position: absolute;
	right: var(--refa-px-2);
	top: calc(47 / 750 * 100vw);
	margin-bottom: calc(40 / 750 * 100vw);
}

#refa-search-modal .refa-header-search-close img {
	width: calc(41 / 750 * 100vw);
	height: auto;
}

#refa-search-modal .refa-search-modal-form-wrapper {
	margin-bottom: calc(80 / 750 * 100vw);
}

#refa-search-modal .refa-search-modal-body form {
	position: relative;
}

#refa-search-modal .refa-search-modal-body form input[type="text"] {
	border: none;
	padding: calc(20 / 750 * 100vw) var(--refa-px-1);
	font-size: max(16px, calc(26 / 750 * 100vw));
	font-weight: 400;
	line-height: calc(45.5 / 26);
	color: var(--refa-color-4);
}

#refa-search-modal .refa-search-modal-body form .refa-search-modal-icon-wrapper {
	position: absolute;
	top: 0;
	right: var(--refa-px-2);
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 100%;
}

#refa-search-modal .refa-search-modal-body form input[type="image"] {
	width: calc(37 / 750 * 100vw);
	height: auto;
}

#refa-search-modal .refa-search-modal-body form input[type="submit"] {
	padding: 7px 1.5rem;
	margin: 0.7rem auto;
	display: block;
	background-color: #000;
	border: none;
	color: #fff;
}

#refa-search-modal .refa-search-modal-body .refa-search-modal-keyword-items {
	display: flex;
	flex-wrap: wrap;
	gap: calc(22 / 750 * 100vw) calc(26 / 750 * 100vw);
}

#refa-search-modal .refa-search-modal-body .refa-search-modal-keyword-items .refa-hashtag {
	background-color: #fff;
	border-radius: calc(33.5 / 750 * 100vw);
	padding: calc(13 / 750 * 100vw) calc(40 / 750 * 100vw);
	font-size: calc(24 / 750 * 100vw);
	font-weight: 400;
	line-height: calc(42 / 24);
}

/*-- search modal end -----------------------------*/
/*-- notice begin -----------------------------*/
#refa-notice {
	margin: calc(40 / 750 * 100vw) 0;
}

#refa-notice .refa-notice-items {
	display: flex;
	flex-direction: column;
	gap: 0 0;
	width: calc(650 / 750 * 100vw);
	margin: 0 auto;
}

#refa-notice .refa-notice-item {
	border-bottom: 1px solid var(--refa-color-4);
}

#refa-notice .refa-notice-items>.refa-notice-item:nth-child(1) {
	border-top: 1px solid var(--refa-color-4);
}

#refa-notice .refa-notice-inner {
	position: relative;
}

#refa-notice .refa-notice-flex {
	display: flex;
	padding: calc(15 / 750 * 100vw) 0;
	position: relative;
	align-items: center;
	min-height: calc(100 / 750 * 100vw);
}

#refa-notice .refa-notice-flex .refa-notice-icon {
	flex-shrink: 0;
	width: calc(88 / 750 * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
}

#refa-notice .refa-notice-flex .refa-notice-img {
	width: auto;
	height: auto;
}

#refa-notice .refa-notice-flex .refa-notice-text {
	font-size: calc(22 / 750 * 100vw);
	font-weight: 300;
	line-height: calc(38.5 /22);
	letter-spacing: 0;
}

#refa-notice .refa-notice-arrow-right {
	position: relative;
	padding-right: calc(2 * var(--refa-px-1));
}

#refa-notice .refa-notice-arrow-right::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: var(--refa-px-1);
	background-image: var(--refa-arrow-right-gray);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(13 / 750 * 100vw);
	height: calc(22 / 750 * 100vw);
}

#refa-notice .refa-picture-for-icon-gift img {
	width: max(15px, calc(15 / 750 * 100vw));
	height: auto;
}

#refa-notice .refa-picture-for-icon-notice img {
	width: max(16px, calc(16 / 750 * 100vw));
	height: auto;
}

/*-- notice end -----------------------------*/
/*-- new arrival begin -----------------------------*/
#refa-new-arrival {
	margin: var(--refa-my-1) 0;
}

#refa-new-arrival img {
	width: 100%;
	height: auto;
}

#refa-new-arrival .refa-new-arrival-items {
	display: flex;
	flex-wrap: wrap;
	gap: calc(40 / 750 * 100vw) calc(20 / 750 * 100vw);
	margin: 0 var(--refa-px-2);
}

#refa-new-arrival .refa-new-arrival-item {
	width: calc((100% - 20.1 / 750 * 100vw) / 2);
}

#refa-notice .refa-ew-arrival-arrow-right {
	position: relative;
	padding-right: calc(2 * var(--refa-px-1));
}

#refa-notice .refa-ew-arrival-arrow-right::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: var(--refa-px-1);
	background-image: var(--refa-arrow-right-gray);
	background-size: contain;
	background-repeat: no-repeat;
	width: calc(13 / 750 * 100vw);
	height: calc(22 / 750 * 100vw);
}

#refa-new-arrival .refa-new-arrival-item .refa-image {
	margin-bottom: calc(20 / 750 * 100vw);
}

#refa-new-arrival .refa-new-arrival-item .refa-title {
	font-size: calc(22 / 750 * 100vw);
	font-weight: var(--refa-font-weight-medium-2);
	line-height: calc(30 /22);
	letter-spacing: var(--refa-letter-spacing-1);
	margin-bottom: calc(10 / 750 * 100vw);
	display: block;
}

#refa-new-arrival .refa-new-arrival-item .refa-text {
	font-size: calc(24 / 750 * 100vw);
	font-weight: 400;
	line-height: calc(38 /24);
	letter-spacing: 0;
}

/*-- new arrival end -----------------------------*/
/*-- special begin -----------------------------*/
#special_.refa-special {
	margin: calc(105 / 750 * 100vw) 0 calc(105 / 750 * 100vw);
	background-color: #fff;
	padding: 0;
}

#special_.refa-special a {
	display: block;
	text-decoration: none;
}

#special_.refa-special img {
	width: 100%;
	height: auto;
	max-width: none;
	max-height: none;
}

#special_.refa-special .common_Tit2_b_ {
	width: auto;
	margin: 0 auto calc(40 / 750 * 100vw);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(10 / 750 * 100vw) 0;
	font-size: calc(24 / 750 * 100vw);
	font-weight: 300;
	line-height: calc(42 / 24);
	letter-spacing: 0;
	color: var(--refa-color-4);
}

#special_.refa-special .common_Tit2_b_ .fontPfD_ {
	font-family: var(--refa-font-family-1);
	font-size: calc(60 / 750 * 100vw);
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--refa-letter-spacing-1);
	color: var(--refa-color-1);
}

#special_.refa-special .common_Tit2_b_::after {
	content: '';
	display: none;
}

#special_.refa-special .common_Tit2_b_ .fontPfD_::after {
	content: '';
	display: none;
}

#special_.refa-special .refa-special-inner {
	background-color: #fff;
}

#special_.refa-special .refa-special-body {
	background-color: var(--refa-color-5);
	padding: calc(40 / 750 * 100vw) var(--refa-px-2);
	margin: 0;
	width: 100%;
}

#special_.refa-special .refa-special-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	gap: calc(18 / 750 * 100vw) calc(18 / 750 * 100vw);
}

#special_.refa-special .refa-special-item {
	width: calc((100% - 18.1 / 750 * 100vw) / 2);
	margin: 0;
	float: none;
}

/*-- special end -----------------------------*/
/*-- footerbody begin -----------------------------*/
body #footerbody.refa-footer-body {
	margin-bottom: calc(150 / 750 * 100vw);
}

body #footerbody.refa-footer-body #footer_contents_.refa-footer-contents {
	background-color: #fff;
	padding: 0;
	color: var(--refa-color-1);
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ {
	width: 100%;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ :is(dt, dd, p) {
	color: var(--refa-color-1);
}

#footer #footer_contents_ .footer_contact_>div>dl>dd {
	font-size: revert;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry {
	width: calc(100% - 2 * var(--refa-px-2));
	margin: 0 auto;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry a {
	color: #000000;
	font-weight: 400;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .contact_order_area {
	background-color: var(--refa-color-5);
	padding: calc(40 / 750 * 100vw) calc(20 / 750 * 100vw);
	border: none;
	width: 100%;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .refa-title-1 {
	font-size: calc(21 / 750 * 100vw);
	font-weight: 500;
	line-height: calc(36.75 / 21);
	letter-spacing: var(--refa-letter-spacing-1);
	margin-top: 0;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .refa-g-more-btn {
	margin-inline: auto;
}

/*-- footerbody end -----------------------------*/

/*-- 20250617 add -------------------------------*/

.refa-body .movie__modal {
	z-index: calc(var(--refa-slidemenu-z-index) + 3);
}