:root {
	--black: #231815;
	--white: #ffffff;
}

/* =============================================
Base Set
============================================= */
html {
	font-size: 62.5%;
}
body {
	max-width:600px;
	margin: 0 auto;
	font-family:  'Yu Gothic Medium', 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体','Noto Sans JP', sans-serif;
	font-feature-settings: "palt" 1;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.5;
}
@media screen and (min-width:500px) {
	body {
		font-size: 1.8rem;
	}
}
main {
	overflow: hidden;
}

/* ----- Img ----- */
img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

/* ----- Link ----- */
a {
	transition: all .3s ease;
}

/* -------------------------------------
header
------------------------------------- */
.pg-header {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	background-color: #fff;
}

/* -------------------------------------
Common
------------------------------------- */
.inner {
	padding: 0 5% 0;
}
.va-super {
	vertical-align: super;
	font-size: 1.0rem;
}
.note {
	font-size: 1.0rem;
	letter-spacing: 0;
}
@media screen and (min-width:500px) {
	.note{
		font-size: 1.5rem;
	}
}

/* slick スクロール時にautoplayとめない */
.mv-img,
.feature-visual {
	pointer-events: none;
}

/* ---btn--- */
.btn {
	display: block;
	width: 255px;
	margin: 0 auto 20px;
	position: relative;
	z-index: 1;
}
.btn::before {
	content: "";
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 14px;
	left: 24px;
	background-image:url(../img/button_icon_search.webp);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}
.btn-buy.btn::before {
	width: 30px;
	height: 30px;
	background-image:url(../img/button_icon_buy.webp);
}
.btn__round {
	color: #645C59;
	display: block;
	border-radius: 45px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 7px 0 6px 8%;
	font-size: 1.6rem;
	line-height: 1.25;
	font-weight: bold;
	position: relative;
	text-align: center;
}
.btn-buy .btn__round {
	color: #fff;
	background-color: #645C59;
	border: 1px solid #645C59;
}
@media screen and (min-width:500px) {
	.btn {
		width: 320px;
		margin: 0 auto 20px;
	}
	.btn::before {
		width: 45px;
	}
	.btn__round {
		padding: 8px 0 8px 8%;
	}
}

/* -------------------------------------
slider
------------------------------------- */
.slide-arrow {
  position: absolute;
  top: 32%;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0;
}
.slide-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.prev-arrow {
  left: 12px;
  margin-top: -22px;
}
.next-arrow {
  right: 12px;
  margin-top: -22px;
}
.prev-arrow::before {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.next-arrow::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (min-width:500px) {
	.slide-arrow {
		width: 28px;
		height: 28px;
	}
	.prev-arrow {
		left: 42px;
	}
	.next-arrow {
		right: 42px;
	}
}

/* -------------------------------------
animation
------------------------------------- */
/* ズームアウト */
.anime-zoom-out {
	opacity: 0;
	transform: scale(1.2);
}
.anime-zoom-out.is-show {
	animation: zoom-out 3s both;
}
@keyframes zoom-out {
	from {
		opacity: 0;
		transform: scale(1.2);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* シャイン */
.anime-shine {
	position: relative;
	overflow: hidden;
}
.anime-shine::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(255, 255, 255, 0.45) 50%,
    transparent 60%
  );
  transform: translateX(-120%);
  pointer-events: none;
}
.anime-shine.is-show::after {
  animation: shine-repeat 8s ease 0s infinite;
}
@keyframes shine-repeat {
  0%, 15% {
    transform: translateX(-120%);
  }
  35% {
    transform: translateX(120%);
  }
  35.01%, 100% {
    transform: translateX(-120%);
  }
}

/* フェードイン */
.anime-fade-in {
  opacity: 0;
  transform: translateY(12px) scale(0.98);
  transition: opacity 0.7s ease 0.35s, transform 0.6s ease 0.35s;
}
.anime-fade-in.is-show {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.anime-fade-in.is-show-fast {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* ラインが下りてテキストが表示　ライン表示 */
.intro .heading__image.js-trigger::before {
	transform: scaleY(0);
	transform-origin: top center;
	transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1);
}
.about-elipto__image.js-trigger::before ,
#smooth-body .features__container.js-trigger::after,
#mesh .features__title.js-trigger::before,
#seat .features__title.js-trigger::before,
#basket .features__title.js-trigger::before,
#quality .features__title.js-trigger::before,
#foldable .features__title.js-trigger::before {
	transform: scaleY(0);
	transform-origin: top center;
	transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.intro .heading__image.js-trigger.is-show::before,
.about-elipto__image.js-trigger.is-show::before,
#smooth-body .features__container.js-trigger.is-show::after,
#mesh .features__title.js-trigger.is-show::before,
#seat .features__title.js-trigger.is-show::before,
#basket .features__title.js-trigger.is-show::before,
#quality .features__title.js-trigger.is-show::before,
#foldable .features__title.js-trigger.is-show::before {
	transform: scaleY(1);
}

/* ラインが下りてテキストが表示 テキスト表示 */
.intro .heading__image.js-trigger .heading__title {
  opacity: 0;
  transition: opacity 1.2s ease 1.5s;
}
.about-elipto__image.js-trigger .about-elipto__title,
#smooth-body .features__container.js-trigger .features__title > img,
#mesh .features__title.js-trigger > img,
#seat .features__title.js-trigger > img,
#basket .features__title.js-trigger > img,
#quality .features__title.js-trigger > img,
#foldable .features__title.js-trigger > img {
  opacity: 0;
  transition: opacity 1.2s ease .7s;
}
.intro .heading__image.js-trigger.is-show .heading__title,
.about-elipto__image.js-trigger.is-show .about-elipto__title,
#smooth-body .features__container.js-trigger.is-show .features__title > img,
#mesh .features__title.js-trigger.is-show > img,
#seat .features__title.js-trigger.is-show > img,
#basket .features__title.js-trigger.is-show > img,
#quality .features__title.js-trigger.is-show > img,
#foldable .features__title.js-trigger.is-show > img {
  opacity: 1;
}

/* 1 smooth ride__テキスト表示 */
#smooth-body .features__container.js-trigger .features__point-box {
	opacity: 0;
  transition: opacity 1.2s ease 3.5s;
}
#smooth-body .features__container.js-trigger.is-show .features__point-box {
  opacity: 1;
}

/* 5 4-year quality__テキスト表示 */
#quality .features__title.js-trigger + .features__container .features__text,
#quality .features__title.js-trigger + .features__container .note {
	opacity: 0;
  transition: opacity 1.2s ease 3.5s;
}
#quality .features__title.js-trigger.is-show + .features__container .features__text,
#quality .features__title.js-trigger.is-show + .features__container .note {
  opacity: 1;
}

/* 枠線が一周する（4辺・疑似要素） */
.anime-line-frame {
	position: relative;
	display: block;
}
.anime-line-frame__text {
	position: relative;
	z-index: 2;
	display: block;
  padding: 5px 0;
}
.anime-line-frame::before,
.anime-line-frame::after,
.anime-line-frame__text::before,
.anime-line-frame__text::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	z-index: 1;
	transition: width 0.25s ease, height 0.5s ease;
}
/* 上辺（左→右） */
.anime-line-frame::after {
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
}
/* 下辺（右→左） */
.anime-line-frame::before {
	right: 0;
	bottom: 0;
	width: 0;
	height: 1px;
}
/* 左辺（下→上） */
.anime-line-frame__text::after {
	left: 0;
	bottom: 0;
	width: 1px;
	height: 0;
}
/* 右辺（上→下） */
.anime-line-frame__text::before {
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
}

/* 枠線が一周する　個別指定（発火: is-show） */
#smooth-body .features__container.js-trigger.is-show .anime-line-frame::after,
#mesh .features__title.js-trigger.is-show .anime-line-frame::after,
#seat .features__title.js-trigger.is-show .anime-line-frame::after,
#basket .features__title.js-trigger.is-show .anime-line-frame::after,
#quality .features__title.js-trigger.is-show .anime-line-frame::after,
#foldable .features__title.js-trigger.is-show .anime-line-frame::after {
	width: 100%;
	transition-delay: 1.5s;
}
#smooth-body .features__container.js-trigger.is-show .anime-line-frame__text::before,
#mesh .features__title.js-trigger.is-show .anime-line-frame__text::before,
#seat .features__title.js-trigger.is-show .anime-line-frame__text::before,
#basket .features__title.js-trigger.is-show .anime-line-frame__text::before,
#quality .features__title.js-trigger.is-show .anime-line-frame__text::before,
#foldable .features__title.js-trigger.is-show .anime-line-frame__text::before {
	height: 100%;
	transition-delay: 1.75s;
}
#smooth-body .features__container.js-trigger.is-show .anime-line-frame::before,
#mesh .features__title.js-trigger.is-show .anime-line-frame::before,
#seat .features__title.js-trigger.is-show .anime-line-frame::before,
#basket .features__title.js-trigger.is-show .anime-line-frame::before,
#quality .features__title.js-trigger.is-show .anime-line-frame::before,
#foldable .features__title.js-trigger.is-show .anime-line-frame::before {
	width: 100%;
	transition-delay: 2s;
}
#smooth-body .features__container.js-trigger.is-show .anime-line-frame__text::after,
#mesh .features__title.js-trigger.is-show .anime-line-frame__text::after,
#seat .features__title.js-trigger.is-show .anime-line-frame__text::after,
#basket .features__title.js-trigger.is-show .anime-line-frame__text::after,
#quality .features__title.js-trigger.is-show .anime-line-frame__text::after,
#foldable .features__title.js-trigger.is-show .anime-line-frame__text::after {
	height: 100%;
	transition-delay: 2.25s;
}

/* 枠線の色変更 */
#mesh .features__sub-title.anime-line-frame,
#seat .features__sub-title.anime-line-frame,
#basket .features__sub-title.anime-line-frame,
#quality .features__sub-title.anime-line-frame,
#foldable .features__sub-title.anime-line-frame {
  border-color: transparent;
}
#mesh .anime-line-frame::before,
#mesh .anime-line-frame::after,
#mesh .anime-line-frame__text::before,
#mesh .anime-line-frame__text::after,
#basket .anime-line-frame::before,
#basket .anime-line-frame::after,
#basket .anime-line-frame__text::before,
#basket .anime-line-frame__text::after,
#quality .anime-line-frame::before,
#quality .anime-line-frame::after,
#quality .anime-line-frame__text::before,
#quality .anime-line-frame__text::after,
#foldable .anime-line-frame::before,
#foldable .anime-line-frame::after,
#foldable .anime-line-frame__text::before,
#foldable .anime-line-frame__text::after {
  background-color: #645C59;
}

/* セクションサブキャッチの文字が出る */
.text-fadein {
	opacity: 0;
	transition:
		opacity .7s ease 2.75s;
}
.js-trigger.is-show .text-fadein {
	opacity: 1;
}


/* -------------------------------------
mv
------------------------------------- */
.mv {
  position: relative;
}
.mv .anime-zoom-out {
	animation: zoom-out 5s both;
}
.heading__title {
  position: absolute;
  width: 50%;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.mv .heading__title {
  width: 32%;
  top: 18%;
	z-index: 1;
}
.heading__letter--product {
  position: absolute;
  width: 100%;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
}
.heading__letter--product.anime-shine {
	overflow: hidden;
}
.heading__letter--product.anime-shine::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 40%,
		rgba(255, 255, 255, 0.45) 50%,
		transparent 60%
	);
	transform: translateX(-120%);
	pointer-events: none;
}
.heading__letter--product.anime-shine::after {
  animation: shine-repeat 6.2s ease 0.6s infinite;
}


/* -------------------------------------
intro
------------------------------------- */
.intro {
	background-color: #D0CBC3;
}
.intro .heading__image {
	position: relative;
	margin-bottom: 40px;
}
.intro .heading__image::before {
	content: '';
	width: 1px;
	height: 17.5%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left:50%;
}
.intro .heading__title {
  position: absolute;
  width: 32.8%;
  top: 21%;
}
.intro__container {
  padding: 0 12% 0;
}
.intro__catch--logo {
	width: 40.5%;
	margin: 0 auto 25px;
}
.intro__text {
	color: #645C59;
	margin-bottom: 20px;
	line-height: 2;
}
.intro__box {
	display: flex;
	gap: 7px;
	padding-bottom: 40px;
}
.intro__unit {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.unit-text {
	color: #645C59;
	font-size: 1rem;
	line-height: 1.5;
}

@media screen and (min-width:500px) {
	.intro .heading__image {
		margin-bottom: 80px;
	}
	.intro__text {
		font-size: 1.8rem;
	}
	.intro__box {
		gap: 10px;
		padding-bottom: 50px;
	}
	.intro__unit {
		gap: 10px;
	}
	.unit-text {
		font-size: 1.5rem;
	}
}


/* -------------------------------------
about-elipto
------------------------------------- */
.about-elipto__image {
  position: relative;
}
.about-elipto__image::before {
	content: '';
	width: 1px;
	height: 8%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left:50%;
}
.about-elipto__title {
  position: absolute;
  width: 80%;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}


/* -------------------------------------
features
------------------------------------- */
.features__container {
	padding-top: 70px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.features__title {
	padding: 70px 12% 30px;
}
.features__title::before {
	content: '';
	width: 1px;
	height: 50px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left:50%;
}
.features__container .inner {
	padding: 0 12%;
}
.features__sub-title {
	color: #fff;
	font-size: 2rem;
	font-weight: normal;
	text-align: center;
}
.features__point-unit {
	display: flex;
	gap: 20px;
}
.features__point-unit:first-child {
	margin-bottom: 30px;
}
.features__catch--point {
	font-size: 1.6rem;
	font-style: italic;
	border-bottom: 1px solid #645C59;
	padding-bottom: 1px;
	align-self: flex-start;
}
.features__point-text {
	line-height: 1.75;
}
.features__sub-image {
	width: 24%;
	position: absolute;
  bottom: 90px;
  left: 8%;
}
.point-text--bold {
	font-size: 1.4rem;
	font-weight: bold;
}

.features__movie {
	width: 100%;
	aspect-ratio: 1 / 1;
	margin-bottom: 8px;
}
.features__movie iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.features__caption {
	color: #645C59;
	text-align: center;
}

@media screen and (min-width:500px) {
	.features__point-unit {
		gap: 30px;
	}
	.features__catch--point {
		font-size: 2.4rem;
	}
	.features__sub-title {
		font-size: 3rem;
	}
	.point-text--bold {
		font-size: 2.3rem;
		font-weight: bold;
	}
}


/* -------------------------------------
smooth-body
------------------------------------- */
#smooth-body {
  position: relative;
	color: #fff;
}
#smooth-body .features__container::after {
	content: '';
	width: 1px;
	height: 50px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left:50%;
}
#smooth-body .features__title {
	padding: 0;
}
#smooth-body .features__title::before {
	content: none;
}
#smooth-body .features__container {
	background-image: url(../img/smooth-body_img_bg.webp);
	aspect-ratio: 375 / 750;
}
#smooth-body .features__title {
	margin-bottom: 40px;
}
#smooth-body .features__catch--point {
	font-style: italic;
		border-bottom: 1px solid #fff;
	padding-bottom: 1px;
	align-self: flex-start;
}
#smooth-body .features__sub-image {
	width: 30%;
	position: absolute;
  bottom: 90px;
  left: 8%;
}

@media screen and (min-width:500px) {
	#smooth-body .features__sub-image {
		width: 28%;
		bottom: 130px;
	}
}


/* -------------------------------------
mesh
------------------------------------- */
#mesh {
	position: relative;
}
#mesh .features__title::before {
	background-color: #645C59;
}
#mesh .features__title {
	padding: 70px 12% 30px;
    background: linear-gradient(#dfdfdf 0%, #CBCACF 100%);
}
#mesh .features__sub-title {
	color: #645C59;
	border: 1px solid #645C59 ;
}
#mesh .features__container {
	padding-top: 40px;
	background-image: url(../img/mesh_img_bg.webp);
	aspect-ratio: 390 / 571;
}
#mesh .features__catch--point {
	color: #645C59;
}
#mesh .features__point-text {
	color: #645C59;
}
#mesh .features__sub-image {
	width: 37%;
  bottom: calc(50% - 80px);
	left: 8%;
}


/* -------------------------------------
seat
------------------------------------- */
#seat {
	color: #fff;
	position: relative;
}
#seat .features__title {
background: linear-gradient(
  to bottom,
  #838072 0%,
  #838072 15%,
  #B8B8B5 100%
);
}
#seat .features__container {
	background-image: url(../img/seat_img_bg.webp);
	aspect-ratio: 375 / 570;
	padding-top: 1px;
}
#seat .features__point-box {
	color: #645C59;
	margin-top: 150%;
}
#seat .features__sub-image {
	width: 38%;
  bottom: calc(50% - 80px);
	left: 7%;
}

@media screen and (min-width:500px) {
	#seat .features__sub-image {
		width: 33%;
	}
}


/* -------------------------------------
basket
------------------------------------- */
#basket {
	background-color: #D0CBC3;
	position: relative;
}
#basket .features__title::before {
	background-color: #645C59;
}
#basket .features__title {
  padding: 60px 12% 15px;
}
#basket .features__container {
  padding-top: 0;
	padding-bottom: 25px;
}
#basket .features__sub-title {
	color: #645C59;
	border: 1px solid #645C59 ;
}
#basket .features__container .inner {
	padding: 0 6.5%;
}
#basket .heading__image {
	margin-bottom: 20px;
}
@media screen and (min-width:500px) {
	#basket .features__title {
		padding: 60px 12% 30px;
	}
}


/* -------------------------------------
quality
------------------------------------- */
#quality {
	position: relative;
	background-color: #D0CBC3;
}
#quality .features__title::before {
	height: 40px;
	background-color: #645C59;
}
#quality .features__title {
  padding: 55px 12% 30px;
}
#quality .features__sub-title {
	color: #645C59;
	border: 1px solid #645C59 ;
}
#quality .features__container {
	color: #645C59;
	text-align: center;
  padding-top: 0;
	padding-bottom: 25px;
}
#quality .features__container .inner {
	padding: 0 6.5%;
}
#quality .features__text {
	font-size: 1.4rem;
	margin-bottom: 16px;
}
#quality .text__emphasis {
	font-size: 1.6rem;
}
#quality .note {
	font-size: 0.98rem;
	margin-bottom: 12px;
}
#quality .heading__image {
	margin-bottom: 15px;
}
@media screen and (min-width:500px) {
	#quality .features__container {
		padding-bottom: 50px;
	}
	#quality .features__text {
		font-size: 2.1rem;
	}
	#quality .text__emphasis {
		font-size: 2.4rem;
	}
	#quality .note {
		font-size: 1.5rem;
		margin-bottom: 24px;
	}
	#quality .heading__image {
		margin-bottom: 30px;
	}
}


/* -------------------------------------
foldable
------------------------------------- */
#foldable {
	position: relative;
	background-color: #D0CBC3;
	padding-top: 0;
}
#foldable .features__title::before {
	height: 40px;
	background-color: #645C59;
}
#foldable .features__title {
  padding: 55px 12% 15px;
}
#foldable .features__container .inner {
	padding: 0 6.5%;
}
#foldable .features__container {
  padding-top: 0;
	padding-bottom: 25px;
}
#foldable .heading__image {
	margin-bottom: 20px;
}
#foldable .features__sub-title {
	color: #645C59;
	border: 1px solid #645C59 ;
}
#foldable .features__image {
	padding-bottom: 25px;
	margin-bottom: 12px;
	border-bottom: 1px solid #645C59 ;
}
#foldable .note {
	color: #645C59;
}

@media screen and (min-width:500px) {
	#foldable .features__title {
		padding: 55px 12% 30px;
	}
	#foldable .features__container {
		padding-bottom: 50px;
	}
}


/* -------------------------------------
lineup
------------------------------------- */
#lineup {
	padding-bottom: 30px;
	position: relative;
	background-color: #FBF9F7;
}
.thumbnail-list {
	display: flex;
	justify-content: center;
	padding: 0 8% 10px;
	gap: 18px;
}
.thumbnail-item {
	width: calc(100%/3);
	position: relative;
	cursor: pointer;
}
.thumbnail-item:after {
	content: "";
	background-color: rgba(255, 255, 255, 0.50);
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: 0.3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {
	opacity: 0;
}
.product-info {
	font-size: 1.4rem;
	color: #645C59;
	padding: 40px 6% 35px;
	line-break: strict;
}
.product-info .product-strong {
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 4px;
}
.product-info .text--small {
	font-size: 1rem;
}
.product-strong:first-of-type {
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}
.product-info .info--price {
	margin-bottom: 12px;
}
.product-info .info--weight {
	margin-bottom: 5px;
	line-height: 1.25;
}
.info--period .pad-left {
	padding-left: 67px;
}
.info--size .pad-left {
	display: inline-block;
	padding-left: 52px;
}
@media screen and (min-width:500px) {
	.product-info {
		font-size: 2.1rem;
	}
	.product-info .product-strong {
		font-size: 2.7rem;
	}
	.product-info .text--small {
		font-size: 1.5rem;
	}
	.info--period .pad-left{
		padding-left: 88px;
	}
	.info--size .pad-left{
		padding-left: 78px;
	}
}



/* -------------------------------------
banner
------------------------------------- */
.banner {
	padding-bottom: 50px;
	background-color: #FBF9F7;
}


/* -------------------------------------
share-area
------------------------------------- */
.share-area {
	font-size: 1.4rem;
	color: #645C59;
	padding: 5% 20px;
	background-color: #645C59;
}
.share-area .inner {
	background-color: #fff;
	padding: 30px 5% 15px;
	border-radius: 5px;
	margin: 0 auto;
  max-width: 375px;
}
.share-area__title {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 12px;
	font-weight: bold;
}
.share-area__image {
	margin-bottom: 20px;
}
.share-area__text {
	padding-bottom: 15px;
  margin-bottom: 26px;
	border-bottom: #6e5e42 solid 1px;
}
.btn-unit__text {
	margin-bottom: 24px;
	font-weight: bold;
}
.share-area__btn-unit {
	text-align: center;
}
@media screen and (min-width:500px) {
	.share-area {
		font-size: 1.8rem;
	}
	.share-area__title {
		font-size: 2.4rem;
	}
}


/* -------------------------------------
reparation
------------------------------------- */
.reparation {
	padding: 30px 13% 40px;
}
.reparation__catch {
	color: #9D8254;
	text-align: center;
	font-size: 18px;
	margin: 0 0 20px;
	position: relative;
}
.reparation__catch::before,
.reparation__catch::after {
	content: '';
	display: block;
	width: 1px;
	height: 70px;
	position: absolute;
	background-color: #9D8254;
}
.reparation__catch::before {
	top: 5px;
	left: 15px;
	transform: rotate(-20deg);
}
.reparation__catch::after {
	top: 5px;
	right: 15px;
	transform: rotate(20deg);
}
.reparation__catch .dashed {
	font-size: 30px;
	font-weight: bold;
}
@media screen and (min-width:500px) {
	.reparation__catch::before {
		left: 80px;
	}
	.reparation__catch::after {
		right: 80px;
	}
}


/* -------------------------------------
Fixed-menu
------------------------------------- */
#sp-fixed-menu {
	display: none;
	position: fixed;
	max-width: 600px;
	width: 100%;
	bottom: 0;
	z-index: 99;
	background-color: #fff;
}
.footer-btn-area {
	display: flex;
	border-top: 4px solid #fff ;
}
.footer-btn-items:not(:last-of-type) {
	width: calc(84% / 2);
}
.footer-btn-items:last-of-type {
	width: 16%;
}


/* -------------------------------------
Footer
------------------------------------- */
.footer-wrap {
	padding-bottom: 50px;
}
.footer-wrap iframe {
		min-height: 330px;
	}
@media screen and (min-width:500px) {
	.footer-wrap {
		padding-bottom: 70px;
	}
	.footer-wrap iframe {
		min-height: 380px;
	}
}