@charset "UTF-8";

/* ===============================================### 
可変設定
###=============================================== */
.lp_container {
  /*デザインの値*/
  --pc-width: 1400;/*PCデザイン幅*/
  --sp-width: 750;/*SPデザイン幅*/
  --pc-artboard-width: 1400;/*SP共通デザイン幅*/
  --sp-artboard-width: 750;/*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio));/*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1);/*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1401px) {
  .lp_container {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: 1px; /* 固定値（可変しない） */
	--variable: calc(100vw / var(--pc-width));
  }
}

/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_container {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_container {
  --ratio: 1; /* 比率は1（変わらない） */
  --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}

.footer{
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.footer{
		position: relative;
		z-index: 3;
	}
}


/* ===============================================### 
初期設定
###=============================================== */
.relax_0604{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS 明朝", "MS Mincho", serif;
	font-weight: 400;
	--fw-thin: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semi-bold: 600;
	--fw-bold: 700;
	font-style: normal;
	color: #000;
	--color-black: #000;
	--color-white: #fff;
	--bg-color: #E5E5E5;
	overflow: clip;
}

.relax_0604 img{
	width: 100%;
	height: auto;
}

/* ===========### PCのみ表示 ###=========== */
@media screen and (min-width: 768px) {
	.relax_0604 .pc-visible{
		display: block;
	}

	.relax_0604 .sp-visible{
		display: none!important;
	}

	.relax_0604 .image-bg{
		background-color: #fff;
	}

	.relax_0604 .image-bg a:hover{
		opacity: 0.7;
	}

	.relax_0604 .inner{
		padding-top: 20px;
	}

	.relax_0604 .inner-bd{
		max-width: 1000px;
    margin: 0 auto;
	}

	.breadcrumbs{
		width: 106rem;
		max-width: 120rem;
		margin: 0 auto;
		padding: 2rem 0;
	}
}

/* ===========### SPのみ表示 ###=========== */
@media screen and (max-width: 767px) {
	.relax_0604 .pc-visible{
		display: none!important;
	}

	.relax_0604 .sp-visible{
		display: block;
	}

	#Wrap:after, .wrapBottom:after, #Contents:after, #Header:after, #Head:after, #HeadCart:after, #HeadCart div.right:after, .head_productlist:after, .head_search:after, #CrossSellCart:after, #CrossSellCart div#ProductList div.subbox:after, #CrossSellCart div#ProductList ul:after, .sumBox p:after, .sumBox dl:after, .shoppingCart div.singleProduct dl:after, .shoppingCart div.multiProduct dl:after, .shoppingCart div.subCartList div.block:after, #Order div.main:after, .orderBox div.box dl:after, .orderBox div.userProduct dl:after, #CartList div.productList div.product dl.name:after, .orderDetail:after, .orderComplete div.productList dl.name:after, .orderComplete div.cartOrder:after, .orderBox div.bottom:after{
		overflow: visible!important;
	}
}



/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade-in **************/
.relax_0604 .js-fade-in{
	opacity: 0;
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.relax_0604 .js-fade-in.show{
	opacity: 1;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
}


/* ===============================================### 
コンテンツ共通設定
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
	.relax_0604 .lp_container-wrap{
		position: relative;
		width: 100%;
		/* height: 100svh;
		overflow-y: scroll;
		-webkit-scroll-snap-type: y mandatory;
		scroll-snap-type: y mandatory; */
		background-color: var(--bg-color);
	}

	.relax_0604 .follow-area{
		position: fixed;
		/* top: 50%; */
		top: calc(50% + var(--lpHeaderHeight));
		transform: translateY(-50%);
		width: 50%;
		/* height: 100vh; */
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.relax_0604 .content-wrap{
		position: relative;
		z-index: 1;
	}

	.relax_0604 .content{
	}

	.relax_0604 .content .content__inner{
		width: 100%;
		margin-inline: auto;
	}

	.relax_0604 .flex-wrap{
		display: flex;
	}

	.relax_0604 .grid-wrap{
		display: grid;
	}

	.relax_0604 .content01 .content__item{
		position: relative;
	}

	/************** text **************/
	.relax_0604 .credit{
		position: absolute;
		font-size: calc(21 * var(--formula_pc));
		letter-spacing: 0.2em;
		color: var(--color-white);
		text-align: right;
		z-index: 1;
	}

	.relax_0604 .content__text{
		position: absolute;
		padding: calc(20 * var(--formula_pc));
		font-size: calc(18 * var(--formula_pc));
		line-height: 2.3;
		letter-spacing: 0.02em;
		color: var(--color-black);
		z-index: 1;
		background-color: var(--bg-color);
	}

	/************** image **************/
	.relax_0604 .brand-logo{
		width: calc(297 * var(--formula_pc));
	}
}

/*** SP ***/
@media screen and (max-width: 767px) {
	.relax_0604 .lp_container-wrap{
		position: relative;
		width: 100%;
		background-color: var(--bg-color);
	}

	.relax_0604 .follow-area{
		/* position: fixed;
		top: var(--lpHeaderHeight);
		padding-top: calc(229 * var(--formula)); */
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;

		position: -webkit-sticky;
		position: sticky;
		top: calc(108 * var(--formula));
		z-index: 100;
		padding-top: calc(48 * var(--formula));
		padding-bottom: calc(48 * var(--formula));
		background-color: var(--bg-color);
	}

	.relax_0604 .content-wrap{
		position: relative;
		z-index: 1;
	}

	.relax_0604 .content{
	}

	.relax_0604 .content .content__inner{
		width: 100%;
		margin-inline: auto;
	}

	.relax_0604 .flex-wrap{
		display: flex;
	}

	.relax_0604 .grid-wrap{
		display: grid;
	}

	.relax_0604 .content01 .content__item{
		position: relative;
	}

	/************** text **************/
	.relax_0604 .credit{
		position: absolute;
		font-size: calc(20 * var(--formula));
		letter-spacing: 0.2em;
		color: var(--color-white);
		text-align: right;
		z-index: 1;
	}

	.relax_0604 .content__text{
		position: absolute;
		padding: calc(20 * var(--formula));
		font-size: calc(17 * var(--formula));
		line-height: 2.3;
		letter-spacing: 0.02em;
		color: var(--color-white);
		z-index: 1;
		white-space: nowrap;
	}

	/************** image **************/
	.relax_0604 .brand-logo{
		width: calc(187 * var(--formula));
	}
}



/* ===============================================### 
MV
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
	.relax_0604 .mv{
	}

	.relax_0604 .mv__inner{
		width: 50%;
		margin-left: 50%;
	}
}

/*** SP ***/
@media screen and (max-width: 767px) {
	.relax_0604 .mv{
	}

	.relax_0604 .mv__inner{
		width: calc(750 * var(--formula));
		margin-inline: auto;
	}
}


/* ===============================================### 
コンテンツ01
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
	.relax_0604 .content01{
	}

	.relax_0604 .content01 .content__inner{
	}

	.relax_0604 .content01 .content__item.item01{
		width: 100%;
	}

	.relax_0604 .content01 .content__item.item02{
		width: 50%;
		margin-left: 50%;
	}

	.relax_0604 .content01 .content__item.item03{
		position: relative;
		width: 100%;
		margin-top: calc(110 * var(--formula_pc));
	}

	.relax_0604 .content01 .content__item.item04{
		width: calc(1225 * var(--formula_pc));
		margin-top: calc(49 * var(--formula_pc));
		margin-inline: auto;
	}

	.relax_0604 .content01 .slide-wrap{
		width: 100%;
	}

	.relax_0604 .content01 .flex-wrap{
		justify-content: space-between;
	}

	/************** text **************/
	.relax_0604 .content01 .content__item.item01 .content__text{
		left: calc(59 * var(--formula_pc));
	}

	.relax_0604 .content01 .content__item.item01 .content__text.text01{
		top: calc(-122 * var(--formula_pc));
		font-size: calc(27 * var(--formula_pc));
		line-height: 2;
		letter-spacing: 0.075em;
	}

	.relax_0604 .content01 .content__item.item01 .content__text.text02{
		top: calc(141 * var(--formula_pc));
		line-height: 2.1428571429;
	}

	.relax_0604 .content01 .content__item.item04 .content__text{
		top: calc(84 * var(--formula_pc));
		left: calc(-93 * var(--formula_pc));
	}

	/*** credit ***/
	.relax_0604 .content01 .content__item.item02 .credit{
		bottom: calc(25 * var(--formula_pc));
		right: calc(32 * var(--formula_pc));
	}

	.relax_0604 .content01 .content__item.item03 .credit{
		bottom: calc(29 * var(--formula_pc));
		right: calc(34 * var(--formula_pc));
	}

	/************** image **************/
	.relax_0604 .content01 .content__item.item01 .content__image{
		width: 50%;
		margin-left: 50%;
	}

	.relax_0604 .content01 .content__item.item02 .content__image{
	}

	.relax_0604 .content01 .content__item.item03 .content__image{
	}

	.relax_0604 .content01 .content__item.item04 .content__image.image01{
		width: calc(450 * var(--formula_pc));
		margin-top: calc(350 * var(--formula_pc));
	}

	.relax_0604 .content01 .content__item.item04 .content__image.image02{
		width: calc(600 * var(--formula_pc));
	}
}

/*** SP ***/
@media screen and (max-width: 767px) {
	.relax_0604 .content01{
	}

	.relax_0604 .content01 .content__inner{
	}

	.relax_0604 .content01 .content__item{
		width: fit-content;
		margin-inline: auto;
	}

	.relax_0604 .content01 .content__item.item01{
	}

	.relax_0604 .content01 .content__item.item02{
		width: calc(750 * var(--formula));
		margin-top: calc(42 * var(--formula));
	}

	.relax_0604 .content01 .content__item.item03{
		position: relative;
		margin-top: calc(34 * var(--formula));
	}

	.relax_0604 .content01 .content__item.item04{
		margin-top: calc(34 * var(--formula));
	}

	.relax_0604 .content01 .slide-wrap{
		width: calc(665 * var(--formula));
	}

	.relax_0604 .content01 .flex-wrap{
		justify-content: space-between;
		flex-direction: row-reverse;
		gap: calc(10 * var(--formula));
	}

	/************** text **************/
	.relax_0604 .content01 .content__item.item01 .content__text{
		left: calc(23 * var(--formula));
	}

	.relax_0604 .content01 .content__item.item01 .content__text.text01{
		bottom: calc(166 * var(--formula));
		font-size: calc(20 * var(--formula));
		line-height: 2;
		letter-spacing: 0.075em;
	}

	.relax_0604 .content01 .content__item.item01 .content__text.text02{
		bottom: calc(7 * var(--formula));
		font-size: calc(15 * var(--formula));
		line-height: 2.1428571429;
	}

	.relax_0604 .content01 .content__item.item03 .content__text{
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		margin-top: calc(20 * var(--formula));
		text-align: center;
	}

	/*** credit ***/
	.relax_0604 .content01 .content__item.item02 .credit{
		bottom: calc(25 * var(--formula));
		right: calc(56 * var(--formula));
	}

	.relax_0604 .content01 .content__item.item03 .credit{
		bottom: calc(29 * var(--formula));
		right: calc(34 * var(--formula));
	}

	/************** image **************/
	.relax_0604 .content01 .content__item.item01 .content__image{
		width: calc(750 * var(--formula));
	}

	.relax_0604 .content01 .content__item.item02 .content__image{
	}

	.relax_0604 .content01 .content__item.item03 .content__image{
		width: calc(750 * var(--formula));
	}

	.relax_0604 .content01 .content__item.item04 .content__image.image01{
		width: calc(318 * var(--formula));
		margin-top: calc(250 * var(--formula));
	}

	.relax_0604 .content01 .content__item.item04 .content__image.image02{
		width: calc(425 * var(--formula));
	}
}


/* ===============================================### 
コンテンツ02
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
	.relax_0604 .content02{
		margin-top: calc(50 * var(--formula_pc));
	}

	.relax_0604 .content02 .content__inner{
	}

	.relax_0604 .content02 .content__item.item01{
		position: relative;
		width: 100%;
	}

	.relax_0604 .content02 .content__item.item02{
		width: 50%;
		margin-left: 50%;
		background-color: #040000;
	}

	.relax_0604 .content02 .flex-wrap{
		flex-direction: column;
	}

	/************** text **************/
	.relax_0604 .content02 .content__text{
		bottom: calc(-354 * var(--formula_pc));
		left: calc(30 * var(--formula_pc));
	}

	/*** credit ***/
	.relax_0604 .content02 .credit{
		bottom: calc(35 * var(--formula_pc));
		right: calc(10 * var(--formula_pc));
	}

	/************** image **************/
	.relax_0604 .content02 .content__item.item01 .content__image{
	}

	.relax_0604 .content02 .content__item.item02 .content__image{
	}

	.relax_0604 .content02 .content__item.item02 .content__image.message{
		width: calc(234 * var(--formula_pc));
		margin-inline: auto;
		padding: calc(27 * var(--formula_pc)) 0;
	}

	.relax_0604 .content02 .content__item.item02 .content__image.image01{
	}

	.relax_0604 .content02 .content__item.item02 .content__image.image02{
	}
}

/*** SP ***/
@media screen and (max-width: 767px) {
	.relax_0604 .content02{
		margin-top: calc(142 * var(--formula));
	}

	.relax_0604 .content02 .content__inner{
	}

	.relax_0604 .content02 .content__item{
		width: fit-content;
		margin-inline: auto;
	}

	.relax_0604 .content02 .content__item.item01{
		position: relative;
	}

	.relax_0604 .content02 .content__item.item02{
		background-color: #040000;
	}

	.relax_0604 .content02 .flex-wrap{
		flex-direction: column-reverse;
		gap: calc(33 * var(--formula));
	}

	/************** text **************/
	.relax_0604 .content02 .content__text{
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		/* width: 100%; */
		margin-top: calc(16 * var(--formula));
		text-align: center;
	}

	/*** credit ***/
	.relax_0604 .content02 .credit{
		bottom: calc(22 * var(--formula));
		right: calc(10 * var(--formula));
	}

	/************** image **************/
	.relax_0604 .content02 .content__item.item01 .content__image{
		width: calc(750 * var(--formula));
	}

	.relax_0604 .content02 .content__item.item02 .content__image{
		width: calc(750 * var(--formula));
	}

	.relax_0604 .content02 .content__item.item02 .content__image.message{
		width: calc(212 * var(--formula));
		margin-inline: auto;
		padding: calc(29 * var(--formula)) 0;
	}

	.relax_0604 .content02 .content__item.item02 .content__image.image01{
	}

	.relax_0604 .content02 .content__item.item02 .content__image.image02{
	}
}


/* ===============================================### 
コンテンツ03
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
	.relax_0604 .content03{
	}

	.relax_0604 .content03 .content__inner{
	}

	.relax_0604 .content03 .content__item.item01{
		position: relative;
		width: 100%;
	}

	.relax_0604 .content03 .content__item.item02{
		position: relative;
		width: 100%;
	}

	.relax_0604 .content03 .content__item.item03{
		width: 50%;
		margin-left: 50%;
	}

	.relax_0604 .content03 .content__item.item04{
		width: 50%;
		margin-top: calc(68 * var(--formula_pc));
		margin-left: 50%;
	}

	/************** text **************/
	.relax_0604 .content03 .content__text{
		top: calc(24 * var(--formula_pc));
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		background-color: transparent;
		line-height: 1.9;
		letter-spacing: 0.15em;
	}

	/*** credit ***/
	.relax_0604 .content03 .credit{
		bottom: calc(31 * var(--formula_pc));
		right: calc(28 * var(--formula_pc));
	}

	/************** image **************/
	.relax_0604 .content03 .content__item.item01 .content__image{
	}

	.relax_0604 .content03 .content__item.item02 .content__image{
		width: 50%;
		margin-left: 50%;
	}

	.relax_0604 .content03 .content__item.item03 .content__image{
	}

	.relax_0604 .content03 .content__item.item04 .content__image{
		width: calc(600 * var(--formula_pc));
		margin-inline: auto;
	}
}

/*** SP ***/
@media screen and (max-width: 767px) {
	.relax_0604 .content03{
		margin-top: calc(72 * var(--formula));
	}

	.relax_0604 .content03 .content__inner{
	}

	.relax_0604 .content03 .content__item.item01{
		position: relative;
		width: fit-content;
	}

	.relax_0604 .content03 .content__item.item02{
		position: relative;
		width: fit-content;
		margin-top: calc(-38 * var(--formula));
		margin-left: calc(-12 * var(--formula));
	}

	.relax_0604 .content03 .content__item.item03{
		position: relative;
		margin-top: calc(-31 * var(--formula));
		margin-left: calc(54 * var(--formula));
		z-index: 1;
	}

	/************** text **************/
	.relax_0604 .content03 .content__text{
		top: calc(235 * var(--formula));
		left: calc(325 * var(--formula));
		text-align: left;
		line-height: 1.9;
		letter-spacing: 0.15em;
		color: var(--color-black);
		padding: 0;
	}

	/*** credit ***/
	.relax_0604 .content03 .credit{
		bottom: calc(65 * var(--formula));
		right: calc(28 * var(--formula));
	}

	/************** image **************/
	.relax_0604 .content03 .content__item.item01 .content__image{
		width: calc(750 * var(--formula));
	}

	.relax_0604 .content03 .content__item.item02 .content__image{
		width: calc(529 * var(--formula));
	}

	.relax_0604 .content03 .content__item.item03 .content__image{
		width: calc(640 * var(--formula));
	}
}


/* ===============================================### 
コンテンツ04
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
	.relax_0604 .content04{
		margin-top: calc(201 * var(--formula_pc));
	}

	.relax_0604 .content04 .content__inner{
	}

	.relax_0604 .content04 .content__item.item01{
		width: 100%;
	}

	.relax_0604 .content04 .content__item.item02{
		position: relative;
		width: 100%;
	}

	.relax_0604 .content04 .content__item.item03{
		width: 50%;
		margin-top: calc(50 * var(--formula_pc));
		margin-left: 50%;
	}

	.relax_0604 .content04 .slide-wrap{
		width: 100%;
	}

	/************** text **************/
	.relax_0604 .content04 .content__text{
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);

    width: 100%;
    margin-top: calc(43 * var(--formula_pc));
    font-size: calc(27 * var(--formula_pc));
    line-height: 1.75;
		text-align: center;
    color: var(--color-white);
    background-color: transparent;
	}

	/*** credit ***/
	.relax_0604 .content04 .credit{
		bottom: calc(40 * var(--formula_pc));
		right: calc(31 * var(--formula_pc));
	}

	/************** image **************/
	.relax_0604 .content04 .content__item.item01 .content__image{
	}

	.relax_0604 .content04 .content__item.item02 .content__image{
	}

	.relax_0604 .content04 .content__item.item03 .content__image{
	}
}

/*** SP ***/
@media screen and (max-width: 767px) {
	.relax_0604 .content04{
		margin-top: calc(71 * var(--formula));
	}

	.relax_0604 .content04 .content__inner{
	}

	.relax_0604 .content04 .content__item{
	}

	.relax_0604 .content04 .content__item.item01{
		position: relative;
		width: fit-content;
		margin-inline: auto;
	}

	.relax_0604 .content04 .content__item.item02{
		position: relative;
		margin-top: calc(36 * var(--formula));
		margin-left: calc(253 * var(--formula));
	}

	.relax_0604 .content04 .content__item.item03{
		position: relative;
		margin-top: calc(-397 * var(--formula));
		z-index: 1;
	}

	.relax_0604 .content04 .slide-wrap{
		width: calc(354 * var(--formula));
		margin-left: 0;
	}

	/************** text **************/
	.relax_0604 .content04 .content__text{
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);

    margin-top: calc(42 * var(--formula));
    line-height: 1.75;
		text-align: center;
    color: var(--color-white);
    background-color: transparent;
	}

	/*** credit ***/
	.relax_0604 .content04 .credit{
		bottom: calc(40 * var(--formula));
		right: calc(31 * var(--formula));
	}

	/************** image **************/
	.relax_0604 .content04 .content__item.item01 .content__image{
		width: calc(750 * var(--formula));
	}

	.relax_0604 .content04 .content__item.item02 .content__image{
		width: calc(500 * var(--formula));
	}

	.relax_0604 .content04 .content__item.item03 .content__image{
	}
}


/* ===============================================### 
VIEW ALL ITEMS
###=============================================== */
.relax_0604 .link-button{
	width: calc(700 * var(--formula_pc));
	margin-top: calc(200 * var(--formula_pc));
	margin-inline: auto;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.relax_0604 .link-button{
		width: calc(492 * var(--formula_pc));
    margin-top: calc(210 * var(--formula_pc));
	}
}


/* ===============================================### 
item-area
###=============================================== */
.relax_0604 .item-area-wrap{
	position: relative;
	z-index: 1;
	background-color: var(--bg-color);
}

.relax_0604 .item-area {
	position: relative;
	/* margin: 0 auto calc(70 * var(--formula)) auto; */
	padding-bottom: calc(100 * var(--formula));
}

.relax_0604 .item-area .box08 {
	margin: 0 auto;
	width: calc(119 * var(--formula));
	margin-top: calc(160 * var(--formula));
}

.relax_0604 .flex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.box08 img {
	width: calc(32 * var(--formula));
}

.relax_0604 .item-area .box08_1 {
	margin: 0 auto;
	width: calc(164 * var(--formula));
	margin-top: calc(-63 * var(--formula));
	font-size: calc(9 * var(--formula));
}

.relax_0604 .item-area .box09 {
	display: flex;
	justify-content: center;
	margin-top: calc(-34 * var(--formula));
}

.relax_0604 .item-area .box09 figure {
	width: calc(170 * var(--formula));
	margin-top: calc(-27 * var(--formula));
	margin-left: 0;
}

.relax_0604 .item-area .box08_1 p {
	width: fit-content;
	text-align: center;
	letter-spacing: .1px;
}

.relax_0604 .btn-area {
	display: flex;
	margin: calc(134 * var(--formula)) auto 0;
	padding-bottom: calc(117 * var(--formula));
}

.relax_0604 .btn-area a {
	margin: 0 auto;
	padding: calc(9 * var(--formula)) calc(30 * var(--formula));
	letter-spacing: 0.1em;
	font-family: 'Nunito', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: calc(10 * var(--formula));
	border: 1px solid #19191E;
	color: #19191E;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.relax_0604 .item-area-wrap{
		z-index: 3;
	}

	.relax_0604 .item-area .box08 {
		width: calc(200 * var(--formula));
		margin: 0 auto;
		padding-top: calc(160 * var(--formula));
	}

	.box08 img {
    width: calc(55 * var(--formula));
	}

	.relax_0604 .item-area .box08_1 {
    width: calc(280 * var(--formula));
		margin-top: calc(-55 * var(--formula));
    font-size: calc(15 * var(--formula));
	}

	.relax_0604 .item-area .box09 figure {
    width: calc(270 * var(--formula));
		margin-top: calc(-21 * var(--formula));
	}

	.relax_0604 .btn-area {
    margin: calc(156 * var(--formula)) auto 0;
    padding-bottom: calc(157 * var(--formula));
	}

	.relax_0604 .btn-area a {
    padding: calc(21 * var(--formula)) calc(80 * var(--formula));
    font-size: calc(23 * var(--formula));
	}
}