@charset "UTF-8";

/* ===============================================### 
可変設定
###=============================================== */
.lp_container {
  /*デザインの値*/
  --pc-width: 1400;/*PCデザイン幅*/
  --sp-width: 750;/*SPデザイン幅*/
  --pc-artboard-width: 1230;/*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; /* 固定値（可変しない） */
  }
}

/* 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)); /* 画面幅に基づく可変値 */
  }
}


/* ===============================================### 
初期設定
###=============================================== */
.spring_0312{
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	--font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	--color-black: #000;
	--color-white: #fff;
	/* background-color: #162336; */
	overflow: clip;
}

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

/* button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
} */

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

	.spring_0312 .sp-visible{
		display: none;
	}

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

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

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

	.spring_0312 .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) {
	.spring_0312 .pc-visible{
		display: none;
	}

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


/* ===============================================### 
アニメーション設定
###=============================================== */
.spring_0312 .js-fade-in{
	opacity: 0;
	/* transform: translateX(0); */
	transition: all 0.5s ease-out 0s;
}

.spring_0312 .js-fade-in.show{
	opacity: 1;
	/* transform: translateX(0); */
}

.spring_0312 .js-fade-up{
	transition: all 0.5s ease-out 0s;
	opacity: 0;
	transform: translate(-50%, -45%);
}

.spring_0312 .js-fade-up.show{
	opacity: 1;
	transform: translate(-50%, -50%);
}

.spring_0312 .js-fade-up.js-delay{
	transition-delay: 0.5s;
}

.spring_0312 .js-slide-in{
	opacity: 0;
	transition: all 0.5s ease-out 0s;
}

.spring_0312 .js-slide-in.ltr{
	transform: translateX(-60px);
}

.spring_0312 .js-slide-in.rtl{
	transform: translateX(60px);
}

.spring_0312 .js-slide-in.show{
	opacity: 1;
	transform: translateX(0);
}


/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.spring_0312 .content{
	width: 100%;
}

.spring_0312 .content .content__inner{
	width: calc(750 * var(--formula));
	margin-inline: auto;
}

.spring_0312 .content-sticky{
	position: sticky;
	/* top: calc(100svh - var(--content-height, 0px)); */
	/* top: calc(100dvh - var(--content-height, 0px)); */
	top: calc(100dvh - var(--content-height, 0px) - 150px);

}

/* .spring_0312 .content01.content-sticky{
	top: calc(-1700 * var(--formula));
}

.spring_0312 .content02.content-sticky{
	top: calc(-2700 * var(--formula));
}

.spring_0312 .content03.content-sticky{
	top: calc(-2200 * var(--formula));
} */

/************** text **************/
.spring_0312 .credit{
	width: calc(430 * var(--formula_pc));
	margin-inline: auto;

	/* font-family: var(--font-ja); */
	font-size: calc(21 * var(--formula_pc));
	font-weight: 300;
	letter-spacing: 0;
	line-height: 0.5;
	text-align: justify;
}

.spring_0312 .credit .limited{
}

.spring_0312 .credit .buy{
	/* text-decoration: underline; */
	/* -webkit-text-decoration: underline; */
	/* text-decoration-skip-ink: none; */
}

.spring_0312 .credit .buy::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-white);
}

.spring_0312 .credit li{
	/* display: flex;
	justify-content: space-between;
	gap: calc(30 * var(--formula_pc)); */
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.spring_0312 .credit span{
	position: relative;
}

/************** image **************/
.spring_0312 .content__image{
	width: calc(600 * var(--formula_pc));
	margin-inline: auto;
}

.spring_0312 .content__image.large-image{
	width: calc(750 * var(--formula));
	margin-inline: auto;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.spring_0312 .content{
		width: 100%;
	}

	.spring_0312 .content-sticky {
		/* top: calc(100dvh - var(--content-height, 0px) - var(--banner-height, 0px)); */
		top: calc(100dvh - var(--content-height, 0px) - 300px);
	}

	/************** text **************/
	.spring_0312 .credit{
		width: calc(391 * var(--formula));
		font-size: calc(17 * var(--formula));
	}

	/************** image **************/
	.spring_0312 .content__image{
		width: calc(500 * var(--formula));
		margin-inline: auto;
	}

	.spring_0312 .content__image.large-image{
		width: calc(750 * var(--formula));
		margin-inline: auto;
	}
}


/* ===============================================### 
MV
###=============================================== */
.spring_0312 .mv{
	padding-top: calc(105 * var(--formula_pc));
	padding-bottom: calc(124 * var(--formula_pc));
	background-color: #162336;
}

.spring_0312 .mv__inner{
	position: relative;
	width: fit-content;
	margin-inline: auto;
}

/************** image **************/
.spring_0312 .mv__image{
	width: calc(750 * var(--formula));
}

.spring_0312 .mv__text{
	position: absolute;
	bottom: calc(-17 * var(--formula_pc));
	left: calc(320 * var(--formula_pc));
	width: calc(590 * var(--formula_pc));
	pointer-events: none;
	z-index: 1;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.spring_0312 .mv{
		padding-top: calc(68 * var(--formula));
		padding-bottom: calc(76 * var(--formula));
		background-color: #162336;
	}

	.spring_0312 .mv__inner{
	}

	.spring_0312 .mv__text{
		position: absolute;
		bottom: calc(-12 * var(--formula));
		left: calc(196 * var(--formula));
		width: calc(360 * var(--formula));
	}
}


/* ===============================================### 
lead-text
###=============================================== */
.spring_0312 .lead-area{
	background-color: #162336;
}

.spring_0312 .lead-area__inner{
	/* width: calc(648 * var(--formula)); */
	width: fit-content;
	margin-inline: auto;
}

.spring_0312 .lead-text{
	font-size: calc(14 * var(--formula));
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.045em;
}

.spring_0312 .lead-text.text02{
	margin-top: calc(1 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.spring_0312 .lead-area{
		margin-top: -2px;
	}

	.spring_0312 .lead-area__inner{
		/* width: calc(674 * var(--formula)); */
		/* width: fit-content; */
		/* margin-inline: auto; */
	}

	.spring_0312 .lead-text{
		font-family: var(--font-ja);
		font-size: calc(19 * var(--formula));
		font-weight: 500;
		font-weight: 1.4;
	}

	.spring_0312 .lead-text.text02{
		margin-top: calc(33 * var(--formula));
	}
}


/* ===============================================### 
コンテンツ01
###=============================================== */
.spring_0312 .content01{
	padding-top: calc(173 * var(--formula_pc));
	padding-bottom: calc(329 * var(--formula_pc));
	background-color: #162336;
}

.spring_0312 .content01 .content__inner{
}

.spring_0312 .content01 .content__item.item01{
}

.spring_0312 .content01 .content__item.item02{
	margin-top: calc(55 * var(--formula_pc));
}

.spring_0312 .content01 .content__item.item03{
	margin-top: calc(55 * var(--formula_pc));
}

/************** text **************/
.spring_0312 .content01 .credit{
	margin-top: calc(248 * var(--formula_pc));
}

/*** クレジット微調整 ***/
.spring_0312 .content01 .credit li:nth-of-type(1) .brand{
	left: calc(-6 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(1) .price{
	left: calc(-13 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(1) .limited{
	left: calc(-9 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(2) .brand{
	left: calc(10 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(2) .price{
	left: calc(-4 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(2) .limited{
	left: calc(-9 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(3) .brand{
	left: calc(-26 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(3) .price{
	left: calc(-61 * var(--formula_pc));
}

.spring_0312 .content01 .credit li:nth-of-type(3) .buy{
	left: calc(-97 * var(--formula_pc));
}

/************** image **************/
.spring_0312 .content01 .content__item.item01 .content__image{
}

.spring_0312 .content01 .content__item.item02 .content__image{
}

.spring_0312 .content01 .content__item.item03 .content__image{
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.spring_0312 .content01{
		margin-top: -2px;
		padding-top: calc(169 * var(--formula));
		padding-bottom: calc(162 * var(--formula));
	}

	.spring_0312 .content01 .content__inner{
	}

	.spring_0312 .content01 .content__item.item01{
	}

	.spring_0312 .content01 .content__item.item02{
		margin-top: calc(50 * var(--formula));
	}

	.spring_0312 .content01 .content__item.item03{
		margin-top: calc(50 * var(--formula));
	}

	/************** text **************/
	.spring_0312 .content01 .credit{
		margin-top: calc(145 * var(--formula));
	}

	/*** クレジット微調整 ***/
	.spring_0312 .content01 .credit li:nth-of-type(1) .brand{
		left: calc(-16 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(1) .price{
		left: calc(-14 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(1) .limited{
		left: calc(-20 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(2) .brand{
		left: calc(-2 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(2) .price{
		left: calc(-8 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(2) .limited{
		left: calc(-17 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(3) .brand{
		left: calc(-31 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(3) .price{
		left: calc(-56 * var(--formula));
	}

	.spring_0312 .content01 .credit li:nth-of-type(3) .buy{
		left: calc(-86 * var(--formula));
	}

	/************** image **************/
	.spring_0312 .content01 .content__item.item01 .content__image{
	}

	.spring_0312 .content01 .content__item.item02 .content__image{
	}

	.spring_0312 .content01 .content__item.item03 .content__image{
	}
}



/* ===============================================### 
コンテンツ02
###=============================================== */
.spring_0312 .content02{
	padding-bottom: calc(239 * var(--formula_pc));
	background-color: #9e9a93;
}

.spring_0312 .content02 .content__inner{
	width: 100%;
}

.spring_0312 .content02 .content__item.item01{
}

.spring_0312 .content02 .content__item.item02{
	margin-top: calc(43 * var(--formula_pc));
	width: calc(750 * var(--formula));
	margin-inline: auto;
}

.spring_0312 .content02 .content__item.item03{
	margin-top: calc(43 * var(--formula_pc));
	width: calc(750 * var(--formula));
	margin-inline: auto;
}

.spring_0312 .content02 .content__item.item04{
	margin-top: calc(46 * var(--formula_pc));
}

/************** text **************/
.spring_0312 .content02 .credit{
	width: calc(486 * var(--formula_pc));
	margin-top: calc(235 * var(--formula_pc));
}

/*** クレジット微調整 ***/
.spring_0312 .content02 .credit li:nth-of-type(1) .brand{
	margin-left: calc(19 * var(--formula_pc));
}

.spring_0312 .content02 .credit li:nth-of-type(1) .price{
	left: calc(-4 * var(--formula_pc));
}

.spring_0312 .content02 .credit li:nth-of-type(1) .limited{
	left: calc(-12 * var(--formula_pc));
}

.spring_0312 .content02 .credit li:nth-of-type(2) .brand{
	left: calc(-14 * var(--formula_pc));
}

.spring_0312 .content02 .credit li:nth-of-type(2) .price{
	left: calc(-11 * var(--formula_pc));
}

.spring_0312 .content02 .credit li:nth-of-type(2) .limited{
	left: calc(-12 * var(--formula_pc));
}

/************** image **************/
.spring_0312 .content02 .content__item.item01 .content__image{
	width: 100%;
}

.spring_0312 .content02 .content__item.item02 .content__image{
}

.spring_0312 .content02 .content__item.item03 .content__image{
}

.spring_0312 .content02 .content__item.item04 .content__image{
	width: 100%;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.spring_0312 .content02{
		padding-bottom: calc(191 * var(--formula));
		background-color: #9e9a93;
	}

	.spring_0312 .content02 .content__inner{
	}

	.spring_0312 .content02 .content__item.item01{
	}

	.spring_0312 .content02 .content__item.item02{
		margin-top: calc(50 * var(--formula));
	}

	.spring_0312 .content02 .content__item.item03{
		margin-top: calc(50 * var(--formula));
	}

	.spring_0312 .content02 .content__item.item04{
		margin-top: calc(53 * var(--formula));
	}

	/************** text **************/
	.spring_0312 .content02 .credit{
		width: calc(430 * var(--formula));
		margin-top: calc(216 * var(--formula));
	}

	/*** クレジット微調整 ***/
	.spring_0312 .content02 .credit li:nth-of-type(1) .brand{
		margin-left: calc(19 * var(--formula));
	}

	.spring_0312 .content02 .credit li:nth-of-type(1) .price{
		left: calc(-14 * var(--formula));
	}

	.spring_0312 .content02 .credit li:nth-of-type(1) .limited{
		left: calc(-22 * var(--formula));
	}

	.spring_0312 .content02 .credit li:nth-of-type(2) .brand{
		left: calc(-7 * var(--formula));
	}

	.spring_0312 .content02 .credit li:nth-of-type(2) .price{
		left: calc(-17 * var(--formula));
	}

	.spring_0312 .content02 .credit li:nth-of-type(2) .limited{
		left: calc(-23 * var(--formula));
	}

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

	.spring_0312 .content02 .content__item.item02 .content__image{
	}

	.spring_0312 .content02 .content__item.item03 .content__image{
	}

	.spring_0312 .content02 .content__item.item04 .content__image{
	}
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.spring_0312 .content03{
	padding-bottom: calc(228 * var(--formula_pc));
	background-color: #c1c3c2;
}

.spring_0312 .content03 .content__inner{
	width: 100%;
}

.spring_0312 .content03 .content__item.item01{
}

.spring_0312 .content03 .content__item.item02{
	margin-top: calc(40 * var(--formula_pc));
	width: calc(750 * var(--formula));
	margin-inline: auto;
}

.spring_0312 .content03 .content__item.item03{
	margin-top: calc(43 * var(--formula_pc));
	width: calc(750 * var(--formula));
	margin-inline: auto;
}

.spring_0312 .content03 .content__item.item04{
	margin-top: calc(41 * var(--formula_pc));
	width: calc(750 * var(--formula));
	margin-inline: auto;
}

/************** text **************/
.spring_0312 .content03 .credit{
	width: calc(493 * var(--formula_pc));
	margin-top: calc(188 * var(--formula_pc));
}

/*** クレジット微調整 ***/
.spring_0312 .content03 .credit li:nth-of-type(1) .brand{
	left: calc(21 * var(--formula_pc));
}

.spring_0312 .content03 .credit li:nth-of-type(1) .price{
	left: calc(13 * var(--formula_pc));
}

.spring_0312 .content03 .credit li:nth-of-type(1) .buy{
	left: calc(10 * var(--formula_pc));
}

.spring_0312 .content03 .credit li:nth-of-type(1) .limited{
	left: calc(7 * var(--formula));
}

.spring_0312 .content03 .credit li:nth-of-type(2) .brand{
	left: calc(-50 * var(--formula_pc));
}

.spring_0312 .content03 .credit li:nth-of-type(2) .price{
	left: calc(-24 * var(--formula_pc));
}

.spring_0312 .content03 .credit li:nth-of-type(3) .brand{
	left: calc(-47 * var(--formula_pc));
}

.spring_0312 .content03 .credit li:nth-of-type(3) .price{
	left: calc(-22 * var(--formula_pc));
}

.spring_0312 .content03 .credit li:nth-of-type(2) .buy,
.spring_0312 .content03 .credit li:nth-of-type(3) .buy{
	left: calc(-76 * var(--formula_pc));
}

/************** image **************/
.spring_0312 .content03 .content__item.item01 .content__image{
	/* width: calc(732 * var(--formula)); */
	width: 100%;
}

.spring_0312 .content03 .content__item.item02 .content__image{
}

.spring_0312 .content03 .content__item.item03 .content__image{
}

.spring_0312 .content03 .content__item.item04 .content__image{
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.spring_0312 .content03{
		padding-bottom: calc(181 * var(--formula));
	}

	.spring_0312 .content03 .content__inner{
	}

	.spring_0312 .content03 .content__item.item01{
	}

	.spring_0312 .content03 .content__item.item02{
		margin-top: calc(50 * var(--formula));
	}

	.spring_0312 .content03 .content__item.item03{
		margin-top: calc(53 * var(--formula));
	}

	.spring_0312 .content03 .content__item.item04{
		margin-top: calc(55 * var(--formula));
	}

	/************** text **************/
	.spring_0312 .content03 .credit{
		width: calc(448 * var(--formula));
		margin-top: calc(219 * var(--formula));
	}

	/*** クレジット微調整 ***/
	.spring_0312 .content03 .credit li:nth-of-type(1) .brand{
		left: calc(13 * var(--formula));
	}

	.spring_0312 .content03 .credit li:nth-of-type(1) .price{
		left: calc(13 * var(--formula));
	}

	.spring_0312 .content03 .credit li:nth-of-type(1) .limited{
		left: calc(-2 * var(--formula));
	}

	.spring_0312 .content03 .credit li:nth-of-type(2) .brand{
		left: calc(-45 * var(--formula));
	}

	.spring_0312 .content03 .credit li:nth-of-type(2) .price{
		left: calc(-16 * var(--formula));
	}

	.spring_0312 .content03 .credit li:nth-of-type(3) .brand{
		left: calc(-42 * var(--formula));
	}

	.spring_0312 .content03 .credit li:nth-of-type(3) .price{
		left: calc(-16 * var(--formula));
	}

	.spring_0312 .content03 .credit li:nth-of-type(2) .buy,
	.spring_0312 .content03 .credit li:nth-of-type(3) .buy{
		left: calc(-73 * var(--formula));
	}

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

	.spring_0312 .content03 .content__item.item02 .content__image{
	}

	.spring_0312 .content03 .content__item.item03 .content__image{
	}

	.spring_0312 .content03 .content__item.item04 .content__image{
	}
}



/* ===============================================### 
コンテンツ04
###=============================================== */
.spring_0312 .content04{
	padding-bottom: calc(255 * var(--formula_pc));
	background-color: #6a6c4f;
}

.spring_0312 .content04 .content__inner{
	width: 100%;
}

.spring_0312 .content04 .content__item.item01{
}

.spring_0312 .content04 .content__item.item02{
	width: calc(750 * var(--formula));
	margin-inline: auto;
	margin-top: calc(43 * var(--formula_pc));
}

.spring_0312 .content04 .content__item.item03{
	width: calc(750 * var(--formula));
	margin-inline: auto;
	margin-top: calc(44 * var(--formula_pc));
}

.spring_0312 .content04 .content__item.item04{
	margin-top: calc(43 * var(--formula_pc));
}

/************** text **************/
.spring_0312 .content04 .credit{
	width: calc(435 * var(--formula_pc));
	margin-top: calc(254 * var(--formula_pc));
}

/*** クレジット微調整 ***/
.spring_0312 .content04 .credit li:nth-of-type(1) .brand{
	left: calc(3 * var(--formula_pc));
}

.spring_0312 .content04 .credit li:nth-of-type(1) .price{
	left: calc(-1 * var(--formula_pc));
}

.spring_0312 .content04 .credit li:nth-of-type(1) .limited{
	left: calc(-17 * var(--formula_pc));
}

.spring_0312 .content04 .credit li:nth-of-type(2) .brand{
	left: calc(-40 * var(--formula_pc));
}

.spring_0312 .content04 .credit li:nth-of-type(2) .price{
	left: calc(-72 * var(--formula_pc));
}

.spring_0312 .content04 .credit li:nth-of-type(3) .brand{
	left: calc(-32 * var(--formula_pc));
}

.spring_0312 .content04 .credit li:nth-of-type(3) .price{
	left: calc(-69 * var(--formula_pc));
}

.spring_0312 .content04 .credit li:nth-of-type(2) .buy,
.spring_0312 .content04 .credit li:nth-of-type(3) .buy{
	left: calc(-103 * var(--formula_pc));
}

/************** image **************/
.spring_0312 .content04 .content__item.item01 .content__image{
	/* width: calc(733 * var(--formula)); */
	width: 100%;
}

.spring_0312 .content04 .content__item.item02 .content__image{
}

.spring_0312 .content04 .content__item.item03 .content__image{
}

.spring_0312 .content04 .content__item.item04 .content__image{
	/* width: calc(733 * var(--formula)); */
	width: 100%;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
	.spring_0312 .content04{
		padding-bottom: calc(196 * var(--formula));
	}

	.spring_0312 .content04 .content__inner{
	}

	.spring_0312 .content04 .content__item.item01{
	}

	.spring_0312 .content04 .content__item.item02{
		margin-top: calc(63 * var(--formula));
	}

	.spring_0312 .content04 .content__item.item03{
		margin-top: calc(69 * var(--formula));
	}

	.spring_0312 .content04 .content__item.item04{
		margin-top: calc(62 * var(--formula));
	}

	/************** text **************/
	.spring_0312 .content04 .credit{
		width: calc(393 * var(--formula));
		margin-top: calc(197 * var(--formula));
	}

	/*** クレジット微調整 ***/
	.spring_0312 .content04 .credit li:nth-of-type(1) .brand{
		left: calc(6 * var(--formula));
	}

	.spring_0312 .content04 .credit li:nth-of-type(1) .price{
		left: calc(2 * var(--formula));
	}

	.spring_0312 .content04 .credit li:nth-of-type(1) .limited{
		left: calc(-15 * var(--formula));
	}

	.spring_0312 .content04 .credit li:nth-of-type(2) .brand{
		left: calc(-28 * var(--formula));
	}

	.spring_0312 .content04 .credit li:nth-of-type(2) .price{
		left: calc(-58 * var(--formula));
	}

	.spring_0312 .content04 .credit li:nth-of-type(3) .brand{
		left: calc(-21 * var(--formula));
	}

	.spring_0312 .content04 .credit li:nth-of-type(3) .price{
		left: calc(-54 * var(--formula));
	}

	.spring_0312 .content04 .credit li:nth-of-type(2) .buy,
	.spring_0312 .content04 .credit li:nth-of-type(3) .buy{
		left: calc(-86 * var(--formula));
	}

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

	.spring_0312 .content04 .content__item.item02 .content__image{
	}

	.spring_0312 .content04 .content__item.item03 .content__image{
	}

	.spring_0312 .content04 .content__item.item04 .content__image{
		width: calc(750 * var(--formula));
	}
}



/* ===============================================### 
item-area
###=============================================== */
.spring_0312 .item-area {
	position: relative;
	margin: 0 auto calc(70 * var(--formula)) auto;
}

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

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

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

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

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

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

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

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

.spring_0312 .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) {
	.spring_0312 .item-area .box08 {
		width: calc(200 * var(--formula));
	}

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

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

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

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

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