﻿@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(0px + 80px);
	--refa-icon-all: url('../images/ic-refa-202505-icon-all-sp.png');
	--refa-letter-spacing-1: calc(100 / 1000 * 1em);
	--refa-max-width-1: 1400px;
	--refa-max-width-2: 1280px;
	--refa-max-width-3: 1000px;
	--refa-my-1: 130px;
	--refa-my-2: 38px;
	--refa-px-1: min(50px, calc(50 / 1920 * 100vw));
	--refa-px-2: 20px;
	--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-sp-only"] {
	display: none !important;
}

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

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

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

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

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

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

.refa-g-pc-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-2);
	background-size: contain;
	background-repeat: no-repeat;
	width: 7px;
	height: auto;
	aspect-ratio: 7 / 11;
}

.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-pc-w-100 {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.refa-g-h2 {
	margin-bottom: var(--refa-my-2);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0 0;
	text-align: center;
}

.refa-g-h2 .refa-g-main-text {
	font-size: calc(32 / var(--refa-1rem) * 1rem);
	font-weight: 500;
	line-height: calc(56 / 32);
	letter-spacing: var(--refa-letter-spacing-1);
	color: var(--refa-color-1);
}

.refa-g-h2 .refa-g-sub-text {
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(28 / 16);
	letter-spacing: 0;
	color: var(--refa-color-4);
}

.refa-g-more-btn {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.refa-g-more-btn a {
	border: 1px solid var(--refa-color-4);
	min-width: 410px;
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 25px;
	position: relative;
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	font-weight: 300;
	line-height: calc(28 / 16);
	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: 20px;
	background-image: var(--refa-arrow-right-gray);
	background-size: contain;
	background-repeat: no-repeat;
	width: 4.41px;
	height: auto;
	aspect-ratio: 13 / 22;
}

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

.refa-g-all-btn a {
	display: inline-flex;
	gap: 0 6px;
}

.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: 12px;
	height: auto;
	aspect-ratio: 20 / 19;
}

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

.refa-g-swiper .swiper-horizontal>.swiper-pagination-bullets,
.refa-g-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.refa-g-swiper .swiper-pagination-custom,
.swiper-pagination-fraction {
	top: revert;
	bottom: revert;
	line-height: 0;
}

.refa-g-swiper :is(.swiper-scrollbar, .swiper-pagination) {
	position: relative;
	margin: 0 auto;
}

.refa-g-swiper .swiper-pagination-bullet-active,
.refa-g-swiper .swiper-pagination-bullet {
	width: 50px;
	margin: 0 10px;
	background: #fff;
	height: 45px;
	position: relative;
	opacity: 1;
	border-radius: 0;
}

.refa-g-swiper .swiper-pagination-bullet::before {
	content: '';
	display: block;
	width: 100%;
	background: var(--refa-color-9);
	border-radius: 20px;
	height: 2px;
	;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}

.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: 50%;
	translate: 0 -50%;
	left: 0;
	z-index: 1;
	height: 2px;
	width: 100%;
}

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

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

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

	100% {
		width: 100%;
	}
}

#information.topiclist_.refa-g-information .common_Tit2_b_ {
	margin-bottom: var(--refa-my-2);
}

#information.topiclist_.refa-g-information {
	padding: 0;
	margin: var(--refa-my-1) auto 30px;
}

#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: 1px solid var(--refa-color-8);
	padding: 25px 0;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px 0;
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_>*:first-child {
	border-top: 1px solid var(--refa-color-8);
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ .date_ {
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(28 / 16);
	letter-spacing: 0;
	color: var(--refa-color-4);
}

#information.topiclist_.refa-g-information .infolist_body_ .infoline_ *:not(.date_) {
	font-size: calc(14 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(20 / 14);
	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: 180px;
	justify-content: start;
	flex-shrink: 0;
}

#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: 17px;
	max-width: none;
	max-height: none;
}

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

.refa-g-footer-banner-items {
	display: flex;
	flex-direction: column;
	gap: 30px 0;
}

.refa-g-footer-banner-items .refa-g-caution-copy {
	margin: 0 auto;
}

.refa-g-footer-banner-items .refa-g-caution-copy img {
	max-width: 500px;
	height: 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: 26px;
	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: 4px;
}

#refa-header .refa-header-company-container img {
	width: 124px;
	height: auto;
}

#refa-header .refa-header-container {
	display: flex;
	align-items: stretch;
	padding: 0 var(--refa-px-1);
	height: 80px;
}

#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-container .refa-g-link .refa-header-arrow-right {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 13px;
}

#refa-header .refa-header-container .refa-g-link .refa-header-arrow-right::after {
	content: '';
	display: block;
	right: var(--refa-px-1);
	background-image: var(--refa-arrow-right);
	background-size: contain;
	background-repeat: no-repeat;
	width: 8.2727px;
	height: auto;
	aspect-ratio: 13 / 22;
}

#refa-header .refa-header-logo-container {
	margin-left: 0;
	padding-right: 30px;
	max-width: 444px;
}

#refa-header .refa-header-logo-container .refa-g-link {
	height: 100%;
	position: relative;
	width: 114px;
}

#refa-header .refa-header-logo-container picture {
	position: absolute;
	top: 19px;
}

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

#refa-header .refa-header-nav-container {
	display: flex;
	align-items: stretch;
	/*width: min(260px, 260 / 1920 * 100vw);*/
	width: 290px;
	flex-shrink: 0;
	justify-content: end;
}

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

#refa-header .refa-header-nav-login .refa-g-link {
	height: 100%;
	position: relative;
	width: auto;
	display: flex;
	justify-content: center;
}

#refa-header .refa-header-nav-login picture {
	position: absolute;
	top: 26px;
}

#refa-header .refa-header-nav-login img {
	width: 19px;
	height: auto;
	max-width: none;
}

#refa-header .refa-header-nav-cart {
	height: 100%;
	width: 27px;
	position: relative;
	/*margin-left: min(61px, calc(61 / 1920 * 100vw));*/
	margin-left: 54px;
}

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

#refa-header #jscart_replace2_ {
	position: absolute;
	top: 15px;
	right: -15px;
	background-color: var(--refa-color-1);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	min-width: 20px;
	height: 20px;
	font-size: calc(12 / var(--refa-1rem) * 1rem);
	line-height: 18px;
}

#refa-header .refa-header-nav-cart .refa-g-link {
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
}

#refa-header .refa-header-nav-cart picture {
	position: absolute;
	top: 26px;
}

#refa-header .refa-header-nav-cart img {
	width: 27px;
	height: auto;
}

#refa-header .refa-header-nav-search {
	height: 100%;
	position: relative;
	/*margin-left: min(54px, calc(54 / 1920 * 100vw));*/
	margin-left: 54px;
}

#refa-header .refa-header-nav-search .refa-g-button {
	height: 100%;
	position: relative;
	width: auto;
	display: flex;
	justify-content: center;
	width: 23px;
}

#refa-header .refa-header-nav-search picture {
	position: absolute;
	top: 26px;
}

#refa-header .refa-header-nav-search img {
	width: 23px;
	height: auto;
}

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

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle {
	display: flex;
	flex-direction: column;
	gap: 7px 0;
	width: 32px;
	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: 32px;
	height: 2px;
}

#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-open {
	width: 32px;
}

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle.refa-open .refa-menu-line:nth-child(1) {
	translate: 0 calc(16px - (16px / cos(45deg)));
	transform-origin: top left;
	width: calc(32px / cos(45deg));
	rotate: 45deg;
}

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

#refa-header .refa-header-nav-menu .refa-slidemenu-toggle.refa-open .refa-menu-line:nth-child(3) {
	translate: 0 calc(16px / cos(-45deg) - 16px);
	transform-origin: bottom left;
	width: calc(32px / cos(45deg));
	rotate: -45deg;

}

#refa-header .refa-header-middle-navi-container {
	display: flex;
	flex-grow: 1;
	justify-content: center;
}

#refa-header .refa-header-middle-navi-items {
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	max-width: 870px;
	position: relative;
	gap: 0 min(56px, calc(56 / 1920 * 100vw));
}

#refa-header .refa-header-middle-navi-items>* {
	flex-grow: 1;
	max-width: 130px;
	white-space: nowrap;
	position: relative;
	top: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#refa-header .refa-header-container .refa-header-middle-navi-item>* {
	height: auto;
	position: relative;
	padding: 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#refa-header .refa-header-middle-navi-item:has(.refa-active) {
	border-bottom: 1px solid var(--refa-color-1);
}

#refa-header .refa-header-middle-navi-items :is(a, p, span, h5) {
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	align-items: center;
	position: relative;
	line-height: calc(28 / 16);
	font-weight: var(--refa-font-weight-medium-1);
	letter-spacing: var(--refa-letter-spacing-1);
	text-decoration: none;
}

@container refa-header (max-width: 991.98px) {
	#refa-header .refa-header-middle-navi-items {
		display: none;
	}
}

@container refa-header (min-width: 992px) {
	#refa-header .refa-header-middle-navi-items {
		display: flex;
	}
}

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

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

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

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

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

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

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

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

:is(.refa-js-offcanvas)[refa-js-offcanvas-pc-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-pc-action="top"].refa-open>* {
	top: 0;
}

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

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

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

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

@container refa-slidemenu (width < 1399.98px) {

	:is(.refa-js-offcanvas) .refa-slidemenu-inner {
		padding-left: var(--refa-px-1);
		padding-right: var(--refa-px-1);
	}
}

@container refa-slidemenu (width > 1400px) {

	:is(.refa-js-offcanvas) .refa-slidemenu-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

/*-- offcanvas begin -----------------------------*/
/*-- slidemenu begin -----------------------------*/

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) p {
	color: var(--refa-color-1);
}

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


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

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-inner>* {
	max-width: var(--refa-max-width-1);
	margin: 0 auto;
	max-width: var(--refa-max-width-2);
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-inner .refa-js-offcanvas-close {
	width: 24.5px;
	height: auto;
	aspect-ratio: 41 / 40;
	margin: 0 20px 20px auto;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-inner .refa-items {
	display: grid;
	gap: 0 40px;
	grid-template-columns: repeat(3, calc((100% - 80px) / 3));
	grid-template-areas:
		"a b c"
		"d e f"
		"g g g"
		"h h h"
		"i i i"
		"j j j";
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-inner .refa-items>.refa-item .refa-title {
	font-size: calc(22 / var(--refa-1rem) * 1rem);
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: var(--refa-font-weight-medium-1);
	letter-spacing: var(--refa-letter-spacing-1);
	text-decoration: none;
	border-bottom: 1px solid var(--refa-color-4);
	padding: 40px 0 15px 0;
	min-height: 90px;
	width: 100%;
}

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

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .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-offcanvas-products) .refa-slidemenu-inner .refa-items>.refa-item .refa-g-arrow-right::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: 18px;
	background-image: var(--refa-arrow-right-2);
	background-size: contain;
	background-repeat: no-repeat;
	width: 7px;
	height: auto;
	aspect-ratio: 7 / 11;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-inner .refa-items>.refa-item .refa-arrow-down::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: 18px;
	background-image: var(--refa-arrow-down-2);
	background-size: contain;
	background-repeat: no-repeat;
	width: 11px;
	height: auto;
	aspect-ratio: 11 / 7;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .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-offcanvas-products) .refa-slidemenu-inner .refa-items>.refa-item .refa-title-2 {
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	width: 100%;
	position: relative;
	font-weight: 300;
	letter-spacing: 0;
	text-decoration: none;
	background-color: var(--refa-color-5);
	padding: 12px 50px 12px 20px;
	text-align: left;
}


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


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-gift-items {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	padding: 20px 0;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-categories {
	padding: 25px 0 15px;
	display: flex;
	flex-direction: column;
	gap: 15px 0;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-categories .refa-title-2 {
	padding-left: 0;
	padding-right: 0;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-categories .refa-title-2>* {
	padding: 0 10px;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-categories .refa-title-2 .refa-g-arrow-right {
	padding-right: 30px;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-categories .refa-title-2 .refa-g-arrow-right::after {
	right: 13px;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-items {
	display: flex;
	flex-direction: column;
	gap: 15px 0;
	margin-top: 15px;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-item {
	display: flex;
	align-items: center;
	gap: 0 10px;
	width: 100%;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-item .refa-image-wrapper {
	width: 32px;
	aspect-ratio: 1 /1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .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-offcanvas-products) .refa-products-item .refa-goods-picture {
	display: block;
}


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


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-item .refa-title-3 {
	font-size: calc(14 / var(--refa-1rem) * 1rem);
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	text-decoration: none;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-products-other-items {
	display: flex;
	flex-direction: column;
	gap: 15px 0;
	padding: 0;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-inner .refa-products-other-items .refa-title-4 {
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	font-weight: 300;
	letter-spacing: 0;
	text-decoration: none;
	padding: 10px 20px;
	background-color: var(--refa-color-5);
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .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: 18px;
	background-image: var(--refa-arrow-right-2);
	background-size: contain;
	background-repeat: no-repeat;
	width: 7px;
	height: auto;
	aspect-ratio: 7 / 11;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-contents-inner {
	display: flex;
	flex-direction: column;
	gap: 30px 0;
	padding: 20px 0 0;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-contents-items .refa-title-5 {
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	padding: 10px 0;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-column-inner {
	display: flex;
	flex-direction: column;
	gap: 30px 0;
	padding: 20px 0 0;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-column-items .refa-title-5 {
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
	line-height: revert;
	font-weight: 300;
	letter-spacing: 0;
	padding: 10px 0;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-guide-inner {
	display: flex;
	gap: 0 20px;
	padding: 0 0;
	margin-top: 90px;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-guide-inner>* {
	width: 270px;
}


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


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

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-banner {
	margin-top: 60px;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-banner-items {
	display: flex;
	gap: 20px 20px;
	justify-content: center;
	padding: 0;
}


:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-banner-item {
	max-width: 360px;
	background-color: #fff;
}

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

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-sns-items {
	display: flex;
	gap: 0 0;
	justify-content: space-between;
	align-items: center;
	width: 380px;
	margin: 80px auto 62px;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-sns-items img {
	width: 30px;
	height: auto;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-footer .refa-slidemenu-footer-inner-1 {
	display: flex;
	align-items: center;
	gap: 0 25px;
	justify-content: center;
	width: 180px;
	margin: 0 auto 15px;
}

: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 15px;
	margin: 21px auto 20px;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-footer .refa-slidemenu-footer-inner-2 a {
	width: 48px;
	line-height: 1;
}

:is(#refa-slidemenu, #refa-footer, #refa-offcanvas-products) .refa-slidemenu-footer .refa-slidemenu-copyright {
	font-size: calc(12 / var(--refa-1rem) * 1rem);
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	font-weight: 400;
	letter-spacing: 0;
}

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

.refa-mtg-top .mtg-top__inner {
	display: flex;
    align-items: center;
	max-width: var(--refa-max-width-1);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--refa-px-1);
	padding-right: var(--refa-px-1);
    height: 30px;
}

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

.refa-mtg-top .mtg-top__inner__anchor img {
    display: inline-block;
    height: 15px;
}

/*-- slidemenu end -----------------------------*/

/*-- #refa-slidemenu only begin -----------------------------*/
#refa-slidemenu .refa-item.refa-slidemenu-sns {
	display: none;
}

#refa-slidemenu .refa-item.refa-slidemenu-footer {
	display: none;
}

/*-- #refa-slidemenu only end -----------------------------*/

/*-- #refa-footer only begin -----------------------------*/
#refa-footer {
	background-color: var(--refa-color-5);
	padding-top: 40px;
}

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

#refa-footer .refa-slidemenu-inner .refa-items>.refa-item .refa-title-2,
#refa-footer .refa-slidemenu-inner .refa-products-other-items .refa-title-4 {
	background-color: #fff;
}
#refa-footer .refa-products-categories .refa-title-2>* {
	padding: 0;
}

/*-- #refa-footer only begin -----------------------------*/

/*-- #refa-offcanvas-products only begin -----------------------------*/
#refa-offcanvas-products .refa-products .refa-title {
	display: none;
}

#refa-offcanvas-products .refa-products-categories-wrapper,
#refa-offcanvas-products .refa-products-categories-wrapper .refa-products-categories {
	display: flex;
	align-items: stretch;
	gap: 0 30px;
	justify-content: center;
	flex-direction: row;
}

#refa-offcanvas-products .refa-products-categories-wrapper .refa-products-categories {
	flex-grow: 1;
	padding: 0;
}

#refa-offcanvas-products .refa-products-other-items {
	width: calc((100% - 90px) / 4);
	flex-shrink: 0;
}

#refa-offcanvas-products .refa-products-categories-wrapper .refa-products-categories>* {
	width: calc((100% - 60px) / 3);
	display: flex;
	flex-direction: column;
}

#refa-offcanvas-products .refa-title-2 {
	background-color: var(--refa-color-5);
	padding: 11px 20px;
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	font-weight: 300;
}

#refa-offcanvas-products .refa-products-other-items .refa-products-other-item .refa-title-4 {
	border: 1px solid var(--refa-color-1);
	background-color: #fff;
}

/*-- #refa-offcanvas-products only end -----------------------------*/

/*-- header offcanvas begin -----------------------------*/
:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-slidemenu-inner>* {
	max-width: var(--refa-max-width-1);
	margin: 0 auto;
	max-width: var(--refa-max-width-2);
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-items {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 20px 20px;
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-items>* {
	width: calc((100% - 60px) / 4);
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-item-inner {
	display: flex;
	flex-direction: column;
	gap: 0 0;
	height: 100%;
}

#refa-offcanvas-gift .refa-item-inner {
	background-color: var(--refa-color-5);
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) img {
	width: 100%;
	height: auto;
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-text {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
	flex-grow: 1;
	padding: 15px 20px;
}

#refa-offcanvas-contents .refa-item-inner .refa-text {
	padding: 15px 0px;
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-text-title {
	font-size: calc(18 / var(--refa-1rem) * 1rem);
	font-weight: var(--refa-font-weight-medium-1);
	line-height: calc(31.5 / 18);
	letter-spacing: var(--refa-letter-spacing-1);
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-text-title .sub {
	font-size: calc(12 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(21 / 12);
	letter-spacing: 0;
	display: block;
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-text-title-sm {
	font-size: calc(14 / var(--refa-1rem) * 1rem);
	font-weight: 500;
	line-height: calc(24.5 / 14);
	letter-spacing: var(--refa-letter-spacing-1);
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-text-description {
	font-size: calc(12 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(21 / 12);
	letter-spacing: 0;
}

:is(#refa-offcanvas-gift, #refa-offcanvas-products, #refa-offcanvas-contents) .refa-js-offcanvas-close {
	width: 24.5px;
	height: auto;
	aspect-ratio: 41 / 40;
	margin: 0 20px 20px auto;
}

/*-- header offcanvas end -----------------------------*/
/*-- search modal begin-----------------------------*/
#refa-search-modal {
	height: 100dvh;
	width: 100%;
	position: fixed;
	top: var(--refa-header-h);
	z-index: calc(var(--refa-slidemenu-z-index) + 1);
	height: calc(100dvh - var(--refa-header-h));
}

#refa-search-modal .refa-search-modal-inner {
	width: 400px;
	height: 100%;
	padding: 50px;
	background-color: var(--refa-color-6);
}

#refa-search-modal .refa-header-search-close {
	margin: 0 0 30px auto;
}

#refa-search-modal .refa-header-search-close img {
	width: 24.5px;
	height: auto;
}

#refa-search-modal .refa-search-modal-form-wrapper {
	margin-bottom: 40px;
}

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

#refa-search-modal .refa-search-modal-body form input[type="text"] {
	border: none;
	padding: 10px 12px;
	font-size: calc(12 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(21 / 12);
	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: 18px;
	height: auto;
}

#refa-search-modal .refa-search-modal-body .refa-search-modal-keyword-items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
}

#refa-search-modal .refa-search-modal-body .refa-search-modal-keyword-items .refa-hashtag {
	background-color: #fff;
	border-radius: 15px;
	padding: 8px 20px;
	font-size: calc(11 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(42 / 24);
	text-align: center;
}

/*-- search modal end -----------------------------*/
/*-- notice begin -----------------------------*/
#refa-notice {
	margin: 72px 0 40px;
}

#refa-notice .refa-notice-items {
	display: flex;
	flex-direction: column;
	gap: 0 0;
	width: 690px;
	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: 20px 0;
	position: relative;
	align-items: stretch;
}

#refa-notice .refa-notice-flex .refa-notice-icon {
	flex-shrink: 0;
	width: 50px;
	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(12 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	letter-spacing: 0;
}

#refa-notice .refa-notice-arrow-right {
	position: relative;
	padding-right: 20px;
}

#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: 5.76px;
	height: auto;
	aspect-ratio: 13 / 22;
}
#refa-notice .refa-picture-for-icon-gift img{
	width: 15px;
	height: auto;
}

#refa-notice .refa-picture-for-icon-notice img{
	width: 16px;
	height: auto;
}
/*-- notice end -----------------------------*/
/*-- new arrival begin -----------------------------*/
#refa-new-arrival {
	margin: var(--refa-my-1) auto;
	max-width: var(--refa-max-width-1);
	padding: 0 var(--refa-px-1);
	container-name: refa-new-arrival;
	container-type: inline-size;
}

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

#refa-new-arrival .refa-new-arrival-items {
	display: flex;
	flex-wrap: wrap;
	gap: 25px 25px;
	margin: 0 auto;
	max-width: var(--refa-max-width-2);
}

#refa-new-arrival .refa-new-arrival-item {
	width: calc((100% - 50px) / 3);
}

#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: auto;
	aspect-ratio: 13 / 22;
}

#refa-new-arrival .refa-new-arrival-item .refa-image {
	margin-bottom: 15px;
}

#refa-new-arrival .refa-new-arrival-item .refa-title {
	font-size: calc(12.43 / var(--refa-1rem) * 1rem);
	font-weight: var(--refa-font-weight-medium-2);
	line-height: calc(17.76 / 12.43);
	letter-spacing: var(--refa-letter-spacing-1);
	margin-bottom: 6px;
	display: block;
}

#refa-new-arrival .refa-new-arrival-item .refa-text {
	font-size: calc(14 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(28 / 16);
	letter-spacing: 0;
}

/*-- new arrival end -----------------------------*/
/*-- special begin -----------------------------*/
#special_.refa-special {
	margin: 90px 0;
	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 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0 0;
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	font-weight: 400;
	line-height: calc(28 / 16);
	letter-spacing: 0;
	color: var(--refa-color-4);
	padding: 0;
}

#special_.refa-special .common_Tit2_b_ .fontPfD_ {
	font-family: var(--refa-font-family-1);
	font-size: calc(32 / var(--refa-1rem) * 1rem);
	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: 50px 0;
	margin: 0;
	width: 100%;
	max-width: none !important;
}

#special_.refa-special .refa-special-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	max-width: calc(1000px + var(--refa-px-1) * 2);
	gap: 20px 20px;
	margin: 0 auto;
	padding: 0 var(--refa-px-1);
}

#special_.refa-special .refa-special-item {
	width: calc((100% - 60px) / 4);
	margin: 0;
	float: none;
}

/*-- special end -----------------------------*/
/*-- footerbody begin -----------------------------*/

body #footerbody.refa-footer-body {
	margin-bottom: var(--refa-my-1);
}

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%;
	max-width: none;
}

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

body #footer #footer_contents_ .footer_contact_ {
	margin: 0;
}

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

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry {
	margin-inline: auto;
	display: block;
	max-width: calc(1000px + var(--refa-px-1) * 2);
	padding: 0 var(--refa-px-1);
}

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 .refa-footer-inquir-text {
	text-align: center;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .contact_order_area {
	background-color: var(--refa-color-5);
	padding: 13px 25px 20px;
	border: none;
	/* max-width: 657px; */
	max-width: 328px;
	display: flex;
	flex-direction: column;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .contact_order_area .tell_area {
	display: grid;
	align-items: stretch;
	grid-template-areas:
		"a c"
		"b c";
	grid-template-columns: repeat(2, 300px);
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .contact_repair_area {
	background-color: var(--refa-color-5);
	border: none;
	padding: 13px 10px 20px 30px;
	margin: 0;
	max-width: 328px;
	width: 100%;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .refa-title-1 {
	font-size: calc(12 / var(--refa-1rem) * 1rem);
	font-weight: 500;
	line-height: calc(21 / 12);
	letter-spacing: var(--refa-letter-spacing-1);
	width: 100%;
	margin-bottom: 20px;
}

body #footerbody.refa-footer-body #footer_contents_ .tell_area * {
	color: var(--refa-color-1);
}

body #footerbody.refa-footer-body #footer_contents_ .tell_area .refa-g-pc-grid-area-c {
	border-left: 1px solid var(--refa-color-4);
	padding-left: 30px;
}

body #footer #footer_contents_ .footer_contact_>div>dl {
	text-align: left;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry dt,
body #footer #footer_contents_ .footer_contact_>div>dl>dd {
	margin: 0;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry>dl>dd>.refa-tel-1 {
	margin: 0;
	position: relative;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry>dl>dd>.refa-tel-2 {
	margin: 18px 0 0 0;
	position: relative;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry>dl>dd>.refa-tel-2 .refa-text-1 {
	margin-bottom: 0;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry>dl>dd>.tel_ a.refa-tel-link {
	font-size: calc(32 / var(--refa-1rem) * 1rem) !important;
	font-weight: 500;
	line-height: calc(42.24 / 32);
	letter-spacing: calc(50 / 1000 * 1em);
	font-family: var(--refa-font-family-1);
	display: flex;
	gap: 0 10px;
	align-items: center;
	padding: 0 0;
	margin: 0 0 19px 0;
	text-decoration: none;
	color: var(--refa-color-1);
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-tel-link::before {
	content: '';
	display: block;
	background: none;
	background-image: url('../images/footer/ic-refa-202505-icon-tel-sp.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 46px;
	height: auto;
	aspect-ratio: 46 / 46;
	position: static;
	flex-shrink: 0;
	transform: none;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-tel-sub {
	position: absolute;
	left: -24px;
	top: 36px;
	font-size: calc(16 / var(--refa-1rem) * 1rem);
	scale: 50%;
	font-weight: 500;
	letter-spacing: var(--refa-letter-spacing-1);
	height: 15px;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-mail-link::before {
	content: '';
	display: block;
	background: none;
	background-image: url('../images/footer/ic-refa-202505-icon-mail-sp.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 42px;
	height: auto;
	aspect-ratio: 82 / 54;
	position: relative;
	top: 7px;
	flex-shrink: 0;
	transform: none;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-1,
body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .cap_ {
	display: flex;
	align-items: center;
	gap: 0 10px;
	padding: 0;
	font-size: revert;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-1 {
	margin-bottom: 5px;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-2,
body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-4 {
	font-size: calc(12 / var(--refa-1rem) * 1rem) !important;
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--refa-letter-spacing-1);
	display: flex !important;
	gap: 0 12px;
	align-items: center;
	justify-content: center;
	/*padding: 5px 4px;*/
	margin: 0;
	background-color: #9b9b9b;
	border-radius: 1.1508px;
	color: #fff;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-2 {
	width: 36px;
	height: 18px;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-3,
body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-5 {
	font-size: calc(12 / var(--refa-1rem) * 1rem) !important;
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--refa-letter-spacing-1);
}

body #footerbody.refa-footer-body #footer_contents_ .refa-tel-common .refa-text-4 {
	font-size: calc(12 / var(--refa-1rem) * 1rem) !important;
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--refa-letter-spacing-1);
	width: 166px;
	height: 18px;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry.contact_repair_area dt {
	position: relative;
	left: -6px;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry .contact_repair_area :is(dt, dd) {
	margin: 0;
}

body #footer #footer_contents_ .refa-mail-container {
	border-top: none;
	padding: 0;
	margin-top: 0;
}

body #footer #footer_contents_ .refa-mail-container .refa-mail-area {
	position: relative;
}

body #footer #footer_contents_ .refa-mail-container .refa-mail-link {
	font-size: calc(20.75 / var(--refa-1rem) * 1rem);
	font-weight: 500;
	line-height: calc(36.31 / 20.75);
	letter-spacing: var(--refa-letter-spacing-1);
	display: flex;
	gap: 0 17px;
	align-items: start;
	margin: 0;
	text-decoration: none;
	position: relative;
	top: 3px;
	word-break: keep-all;
}

body #footerbody.refa-footer-body #footer_contents_ .refa-mail-container .refa-text-6 {
	font-size: calc(14.52 / var(--refa-1rem) * 1rem) !important;
	scale: 50%;
	position: absolute;
	top: 43px;
	left: -50%;
	width: 560px;
	font-weight: 500;
	line-height: calc(14.52 / 7.26);
	letter-spacing: var(--refa-letter-spacing-1);
	text-align: left;
}

body #footerbody.refa-footer-body #footer_contents_ .inner_ .refa-footer-inquiry dt {
	font-size: calc(12 / var(--refa-1rem) * 1rem);
	font-weight: 500;
	letter-spacing: var(--refa-letter-spacing-1);
	text-align: center;
}

body #footer #footer_contents_ .refa-link-repair {
	color: var(--refa-color-1);
	font-size: calc(10 / var(--refa-1rem) * 1rem);
	font-weight: 500;
	letter-spacing: var(--refa-letter-spacing-1);
	display: inline-flex;
	justify-content: start;
	margin: 0;
	border-bottom: 1px solid var(--refa-color-4);
	position: relative;
	align-items: center;
	gap: 0 5px;
}

body #footer #footer_contents_ .refa-link-repair::after {
	content: '';
	display: block;
	position: relative;
	background-image: var(--refa-arrow-right-gray-2);
	background-size: contain;
	background-repeat: no-repeat;
	width: 5px;
	height: auto;
	aspect-ratio: 5 / 7;
}

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

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

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