@charset "utf-8";
/* ==========================================================================
   Neo+ LYMO（#lymo）
   寸法はデザインカンプの px 値を calc(値 * var(--u)) で指定する。
   --u : PC = 1366px 幅カンプ基準（1366px で頭打ち） / SP = 390px 幅カンプ基準
   ========================================================================== */

#lymo {
	--u: calc(min(100vw, 1366px) / 1366);
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	float: none;
	overflow-x: hidden;
	overflow-x: clip;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	color: #585858;
	line-height: 1.5;
	text-align: left;
	/* カンプの Yu Gothic UI（かなプロポーショナル）に字幅を合わせる */
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
@media screen and (max-width: 736px) {
	#lymo { --u: calc(100vw / 390); }
}

#lymo *,
#lymo *::before,
#lymo *::after { box-sizing: border-box; }
#lymo h1, #lymo h2, #lymo h3, #lymo p, #lymo ul, #lymo li, #lymo figure { margin: 0; padding: 0; }
#lymo ul { list-style: none; }
#lymo img { display: block; max-width: none; height: auto; border: 0; }
#lymo sup { line-height: 0; }
#lymo small { font-size: 0.8em; }
/* 全角の約物（：（）など）を詰めない箇所 */
#lymo .lymo-nopalt { font-feature-settings: normal; }

/* PC / SP 出し分け */
#lymo .lymo-sp { display: none; }
@media screen and (max-width: 736px) {
	#lymo .lymo-pc { display: none; }
	#lymo .lymo-sp { display: inline; }
}

/* カンプ幅のコンテナ（PC 1366 / SP 390） */
#lymo .lymo-inner {
	position: relative;
	width: calc(1366 * var(--u));
	margin: 0 auto;
}
@media screen and (max-width: 736px) {
	#lymo .lymo-inner { width: calc(390 * var(--u)); }
}

/* セクション見出し */
#lymo .lymo-heading {
	font-size: calc(50 * var(--u));
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.32;
	text-align: center;
}
@media screen and (max-width: 736px) {
	#lymo .lymo-heading { font-size: calc(25 * var(--u)); }
}

/* モップパッド2枚重ね（左のパッドが手前）
   --pad : パッド1枚の直径 */
#lymo .lymo-pads {
	--pad: calc(111 * var(--u));
	position: relative;
	width: calc(var(--pad) * 4 / 3);
	height: var(--pad);
}
#lymo .lymo-pads img {
	position: absolute;
	top: 0;
	width: var(--pad);
	height: var(--pad);
	object-fit: cover;
}
#lymo .lymo-pads img:first-child { right: 0; }
#lymo .lymo-pads img:last-child { left: 0; }
#lymo .lymo-pads--large { --pad: calc(118 * var(--u)); }
@media screen and (max-width: 736px) {
	#lymo .lymo-pads { --pad: calc(72 * var(--u)); }
	#lymo .lymo-pads--large { --pad: calc(77 * var(--u)); }
}


/* --------------------------------------------------------------------------
   メインビジュアル
   -------------------------------------------------------------------------- */
#lymo .lymo-mv {
	position: relative;
	height: calc(810 * var(--u));
	overflow: hidden;
	color: #fff;
	font-feature-settings: normal;
}
#lymo .lymo-mv__bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 87.2%;
}
#lymo .lymo-mv .lymo-inner { height: 100%; }
#lymo .lymo-mv__body {
	position: absolute;
	top: calc(245 * var(--u));
	left: calc(913.5 * var(--u));
	transform: translateX(-50%);
	text-align: center;
	white-space: nowrap;
}
#lymo .lymo-mv__ttl { font-weight: 400; }
#lymo .lymo-mv__sub {
	display: block;
	font-size: calc(17 * var(--u));
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1;
}
#lymo .lymo-mv__logo {
	width: calc(383 * var(--u));
	margin: calc(27 * var(--u)) auto 0;
}
#lymo .lymo-mv__catch {
	margin-top: calc(47 * var(--u));
	font-size: calc(24 * var(--u));
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
}
@media screen and (max-width: 736px) {
	#lymo .lymo-mv { height: calc(404 * var(--u)); }
	#lymo .lymo-mv__bg img { object-position: 43.5% 50%; }
	#lymo .lymo-mv__body {
		top: calc(104 * var(--u));
		left: calc(245 * var(--u));
	}
	#lymo .lymo-mv__sub {
		font-size: calc(9 * var(--u));
		letter-spacing: 0.07em;
	}
	#lymo .lymo-mv__logo {
		width: calc(176 * var(--u));
		margin-top: calc(25 * var(--u));
	}
	#lymo .lymo-mv__catch {
		margin-top: calc(23 * var(--u));
		font-size: calc(9.6 * var(--u));
	}
}


/* --------------------------------------------------------------------------
   特長（画像左・テキスト右）
   区切り線は画像の縦中央。線の上に見出し＋リード、線の下に詳細。
   -------------------------------------------------------------------------- */
#lymo .lymo-feature {
	display: flex;
	margin-top: calc(46.2 * var(--u));
}
#lymo .lymo-feature--power { margin-top: calc(72 * var(--u)); }
#lymo .lymo-feature--waterproof { margin-top: calc(51.8 * var(--u)); }
#lymo .lymo-feature--attach { margin-top: calc(87.6 * var(--u)); }

#lymo .lymo-feature__img {
	position: relative;
	flex: none;
	width: calc(600 * var(--u));
	height: calc(455 * var(--u));
	overflow: hidden;
}
#lymo .lymo-feature__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#lymo .lymo-feature--wash .lymo-feature__img img { object-position: 50% 100%; }
/* 画像の見せ範囲がSPと異なるもの（拡大して位置指定） */
#lymo .lymo-feature--mop .lymo-feature__img img,
#lymo .lymo-feature--waterproof .lymo-feature__img img {
	position: absolute;
	height: auto;
}
#lymo .lymo-feature--mop .lymo-feature__img img { top: -15.36%; left: 0; width: 101.87%; }
#lymo .lymo-feature--waterproof .lymo-feature__img img { top: -17.25%; left: -4.71%; width: 104.75%; }

#lymo .lymo-feature__body {
	position: relative;
	flex: 1;
	padding-left: calc(94 * var(--u));
	white-space: nowrap;
}
#lymo .lymo-feature__head {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: calc(227.5 * var(--u));
	padding-bottom: calc(24 * var(--u));
}
#lymo .lymo-feature--mop .lymo-feature__head { height: calc(266 * var(--u)); }
#lymo .lymo-feature--attach .lymo-feature__head { padding-bottom: calc(30 * var(--u)); }
#lymo .lymo-feature__head::after {
	content: "";
	position: absolute;
	left: calc(-94 * var(--u));
	bottom: calc(-0.75 * var(--u));
	width: calc(633.5 * var(--u));
	height: calc(1.5 * var(--u));
	background: #585858;
}
#lymo .lymo-feature__ttl {
	font-size: calc(40 * var(--u));
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.32;
}
#lymo .lymo-feature__ttl sup {
	margin-left: 0.1em;
	font-size: 0.583em;
	font-weight: 400;
	vertical-align: 0.57em;
}
#lymo .lymo-feature__lead {
	margin-top: calc(17 * var(--u));
	font-size: calc(25 * var(--u));
	letter-spacing: 0.03em;
	line-height: 1.6;
}
#lymo .lymo-feature--charge .lymo-feature__head .lymo-feature__lead { font-size: calc(23 * var(--u)); }
#lymo .lymo-feature__detail { padding-top: calc(25 * var(--u)); }
#lymo .lymo-feature__detail .lymo-feature__lead { margin-top: 0; }

/* スペック枠 */
#lymo .lymo-spec {
	width: calc(474 * var(--u));
	margin-top: calc(5 * var(--u));
	padding: calc(25 * var(--u)) 0 calc(28 * var(--u));
	background: #bebebe;
	color: #fff;
	font-size: calc(25 * var(--u));
	letter-spacing: 0.05em;
	line-height: 1.4;
	text-align: center;
}
#lymo .lymo-spec--left {
	padding: calc(18.3 * var(--u)) calc(26.5 * var(--u)) calc(20.7 * var(--u));
	text-align: left;
}
/* 「連続運転時間：」の幅だけ字下げ */
#lymo .lymo-spec__indent { padding-left: 7.35em; }

/* キャッチモップ（パッド＋繊維の拡大図） */
#lymo .lymo-catch {
	position: relative;
	height: calc(131 * var(--u));
	margin-top: calc(5.3 * var(--u));
}
#lymo .lymo-catch__pads {
	--pad: calc(124 * var(--u));
	position: absolute;
	top: 0;
	left: calc(127 * var(--u));
}
#lymo .lymo-catch__zoom {
	position: absolute;
	top: calc(6.2 * var(--u));
	left: calc(-2 * var(--u));
	width: calc(112 * var(--u));
	height: calc(112 * var(--u));
	border: calc(1.5 * var(--u)) solid #585858;
	border-radius: 50%;
}
#lymo .lymo-catch::after {
	content: "";
	position: absolute;
	top: calc(40.2 * var(--u));
	left: calc(105 * var(--u));
	width: calc(64.5 * var(--u));
	height: calc(1.5 * var(--u));
	background: #5a5653;
}

@media screen and (max-width: 736px) {
	#lymo .lymo-feature { margin-top: calc(15 * var(--u)); }
	#lymo .lymo-feature--power { margin-top: calc(22 * var(--u)); }
	#lymo .lymo-feature--mop,
	#lymo .lymo-feature--wash { margin-top: calc(13 * var(--u)); }
	#lymo .lymo-feature--waterproof { margin-top: calc(22.3 * var(--u)); }
	#lymo .lymo-feature--attach { margin-top: calc(21.8 * var(--u)); }

	#lymo .lymo-feature__img {
		width: calc(172 * var(--u));
		height: calc(172 * var(--u));
	}
	#lymo .lymo-feature--power .lymo-feature__img img,
	#lymo .lymo-feature--charge .lymo-feature__img img { object-position: 50% 50%; }
	#lymo .lymo-feature--wash .lymo-feature__img img { object-position: 62.6% 50%; }
	#lymo .lymo-feature--mop .lymo-feature__img img,
	#lymo .lymo-feature--waterproof .lymo-feature__img img {
		position: static;
		width: 100%;
		height: 100%;
	}
	#lymo .lymo-feature--mop .lymo-feature__img img { object-position: 100% 50%; }
	#lymo .lymo-feature--waterproof .lymo-feature__img img { object-position: 0 50%; }
	#lymo .lymo-feature--attach .lymo-feature__img img {
		position: absolute;
		top: -6.62%;
		left: -24.01%;
		width: 149.29%;
		height: auto;
	}

	#lymo .lymo-feature__body { padding-left: calc(23 * var(--u)); }
	#lymo .lymo-feature__head {
		height: calc(86 * var(--u));
		padding-bottom: calc(8.6 * var(--u));
	}
	#lymo .lymo-feature--mop .lymo-feature__head { height: calc(86.25 * var(--u)); }
	#lymo .lymo-feature--attach .lymo-feature__head { padding-bottom: calc(9.9 * var(--u)); }
	#lymo .lymo-feature__head::after {
		left: calc(-23 * var(--u));
		bottom: calc(-0.25 * var(--u));
		width: calc(196.4 * var(--u));
		height: calc(0.5 * var(--u));
	}
	#lymo .lymo-feature__ttl { font-size: calc(13 * var(--u)); }
	#lymo .lymo-feature__lead,
	#lymo .lymo-feature--charge .lymo-feature__head .lymo-feature__lead {
		margin-top: calc(5.6 * var(--u));
		font-size: calc(8 * var(--u));
		line-height: 1.625;
	}
	#lymo .lymo-feature__detail { padding-top: calc(8.1 * var(--u)); }

	#lymo .lymo-spec {
		width: calc(136 * var(--u));
		margin-top: calc(2.5 * var(--u));
		padding: calc(8.3 * var(--u)) 0 calc(9.5 * var(--u));
		font-size: calc(8 * var(--u));
		line-height: 1.375;
	}
	#lymo .lymo-spec--left {
		width: calc(148 * var(--u));
		padding: calc(5.4 * var(--u)) calc(9.5 * var(--u)) calc(6.4 * var(--u));
	}

	#lymo .lymo-catch {
		height: calc(60 * var(--u));
		margin-top: calc(-1.65 * var(--u));
	}
	#lymo .lymo-catch__pads {
		--pad: calc(58.7 * var(--u));
		left: calc(58 * var(--u));
	}
	#lymo .lymo-catch__zoom {
		top: calc(3.1 * var(--u));
		left: calc(-3 * var(--u));
		width: calc(53 * var(--u));
		height: calc(53 * var(--u));
		border-width: calc(0.5 * var(--u));
	}
	#lymo .lymo-catch::after {
		top: calc(19.3 * var(--u));
		left: calc(47.6 * var(--u));
		width: calc(30.5 * var(--u));
		height: calc(0.5 * var(--u));
	}
}


/* --------------------------------------------------------------------------
   除去率（丸3つ＋注釈）
   -------------------------------------------------------------------------- */
#lymo .lymo-effect { margin-top: calc(57.2 * var(--u)); }
#lymo .lymo-effect__list {
	display: flex;
	justify-content: center;
	gap: calc(30.7 * var(--u));
}
#lymo .lymo-effect__list li {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(178.8 * var(--u));
	height: calc(178.8 * var(--u));
	padding-top: calc(25.3 * var(--u));
	border-radius: 50%;
	background: #767676;
	color: #fff;
	font-weight: 700;
}
#lymo .lymo-effect__label {
	font-size: calc(34 * var(--u));
	letter-spacing: -0.05em;
	line-height: 1.2;
}
#lymo .lymo-effect__num {
	margin-top: calc(-1 * var(--u));
	font-size: calc(40 * var(--u));
	letter-spacing: 0.03em;
	line-height: 1.1;
}
#lymo .lymo-effect__list sup {
	position: absolute;
	top: calc(69 * var(--u));
	left: calc(143.8 * var(--u));
	font-size: calc(11 * var(--u));
	font-weight: 400;
	line-height: 1;
}
#lymo .lymo-effect__notes {
	margin: calc(36.4 * var(--u)) 0 0 calc(282 * var(--u));
	color: #5a5653;
	font-size: calc(14 * var(--u));
	letter-spacing: 0.05em;
	line-height: 1.786;
}
/* 2行目以降を「※１：」の幅だけ字下げ */
#lymo .lymo-effect__notes li {
	padding-left: 3.15em;
	text-indent: -3.15em;
}
@media screen and (max-width: 736px) {
	#lymo .lymo-effect { margin-top: calc(26.2 * var(--u)); }
	#lymo .lymo-effect__list { gap: calc(14.9 * var(--u)); }
	#lymo .lymo-effect__list li {
		width: calc(86.7 * var(--u));
		height: calc(86.7 * var(--u));
		padding-top: calc(12.2 * var(--u));
	}
	#lymo .lymo-effect__label { font-size: calc(16 * var(--u)); }
	#lymo .lymo-effect__num {
		margin-top: 0;
		font-size: calc(19 * var(--u));
	}
	#lymo .lymo-effect__list sup {
		top: calc(32.9 * var(--u));
		left: calc(69.7 * var(--u));
		font-size: calc(5 * var(--u));
	}
	#lymo .lymo-effect__notes {
		margin: calc(21.1 * var(--u)) 0 0 calc(50 * var(--u));
		font-size: calc(6 * var(--u));
		line-height: 2;
	}
}


/* --------------------------------------------------------------------------
   ポイント（2列カード）
   -------------------------------------------------------------------------- */
#lymo .lymo-point {
	display: grid;
	grid-template-columns: repeat(2, calc(522 * var(--u)));
	justify-content: center;
	gap: calc(45 * var(--u)) calc(76 * var(--u));
	margin-top: calc(87 * var(--u));
}
#lymo .lymo-point__ttl {
	position: relative;
	padding-bottom: calc(29.75 * var(--u));
	font-size: calc(40 * var(--u));
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.32;
	text-align: center;
	white-space: nowrap;
}
#lymo .lymo-point__ttl::after {
	content: "";
	position: absolute;
	right: calc(20.5 * var(--u));
	bottom: 0;
	left: calc(20.5 * var(--u));
	height: calc(1.5 * var(--u));
	background: #585858;
}
#lymo .lymo-point__img {
	position: relative;
	height: calc(455 * var(--u));
	margin-top: calc(41.25 * var(--u));
	overflow: hidden;
}
#lymo .lymo-point__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#lymo .lymo-point__img--length { background: #bebebe; }
#lymo .lymo-point__img--length img {
	position: absolute;
	height: auto;
}
#lymo .lymo-point__img--length .lymo-point__stick { top: 9.42%; left: 25.36%; width: 21.42%; }
#lymo .lymo-point__img--length .lymo-point__handy { top: 39.05%; left: 53.28%; width: 21.3%; }
#lymo .lymo-point__txt {
	margin-top: calc(24.1 * var(--u));
	padding-left: calc(21 * var(--u));
	font-size: calc(25 * var(--u));
	letter-spacing: 0.03em;
	line-height: 1.6;
	white-space: nowrap;
}
@media screen and (max-width: 736px) {
	#lymo .lymo-point {
		grid-template-columns: repeat(2, calc(168.7 * var(--u)));
		gap: calc(14.1 * var(--u)) calc(24.5 * var(--u));
		margin-top: calc(23 * var(--u));
	}
	#lymo .lymo-point__ttl {
		padding-bottom: calc(9.95 * var(--u));
		font-size: calc(13 * var(--u));
	}
	#lymo .lymo-point__ttl::after {
		right: calc(6.6 * var(--u));
		left: calc(6.6 * var(--u));
		height: calc(0.5 * var(--u));
	}
	#lymo .lymo-point__img {
		height: calc(147.1 * var(--u));
		margin-top: calc(13.3 * var(--u));
	}
	#lymo .lymo-point__txt {
		margin-top: calc(7.7 * var(--u));
		padding-left: calc(6.8 * var(--u));
		font-size: calc(8 * var(--u));
		line-height: 1.625;
	}
}


/* --------------------------------------------------------------------------
   家中のお掃除に
   -------------------------------------------------------------------------- */
#lymo .lymo-scene { margin-top: calc(81 * var(--u)); }
#lymo .lymo-scene__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(31.9 * var(--u)) calc(48 * var(--u));
	width: calc(1032 * var(--u));
	margin: calc(55.3 * var(--u)) auto 0;
}
#lymo .lymo-scene__list li { width: calc(222 * var(--u)); }
#lymo .lymo-scene__list h3 {
	color: #5a5653;
	font-size: calc(22 * var(--u));
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
}
#lymo .lymo-scene__list img {
	width: 100%;
	margin-top: calc(11.3 * var(--u));
}
@media screen and (max-width: 736px) {
	#lymo .lymo-scene { margin-top: calc(31.2 * var(--u)); }
	#lymo .lymo-scene .lymo-heading { letter-spacing: 0.03em; }
	#lymo .lymo-scene__list {
		display: grid;
		grid-template-columns: repeat(3, calc(101.7 * var(--u)));
		gap: calc(7 * var(--u)) calc(22 * var(--u));
		width: auto;
		margin-top: calc(16.6 * var(--u));
	}
	#lymo .lymo-scene__list li { width: auto; }
	#lymo .lymo-scene__list h3 { font-size: calc(9.5 * var(--u)); }
	#lymo .lymo-scene__list img { margin-top: calc(5.55 * var(--u)); }
}


/* --------------------------------------------------------------------------
   コンセプト
   -------------------------------------------------------------------------- */
#lymo .lymo-concept {
	position: relative;
	height: calc(784 * var(--u));
	margin-top: calc(112.9 * var(--u));
	overflow: hidden;
}
#lymo .lymo-concept__bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#lymo .lymo-concept .lymo-inner { height: 100%; }
#lymo .lymo-concept__txt {
	position: absolute;
	top: calc(372.7 * var(--u));
	left: calc(164 * var(--u));
	color: #fff;
	font-size: calc(35 * var(--u));
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	white-space: nowrap;
}
@media screen and (max-width: 736px) {
	#lymo .lymo-concept {
		height: calc(224 * var(--u));
		margin-top: calc(47.9 * var(--u));
	}
	#lymo .lymo-concept__txt {
		top: calc(106.6 * var(--u));
		left: calc(47 * var(--u));
		font-size: calc(10 * var(--u));
	}
}


/* --------------------------------------------------------------------------
   別売りオプション
   -------------------------------------------------------------------------- */
#lymo .lymo-option { margin-top: calc(81.4 * var(--u)); }
#lymo .lymo-heading--option { font-size: calc(40 * var(--u)); }
#lymo .lymo-option__list {
	display: grid;
	grid-template-columns: repeat(3, calc(307 * var(--u)));
	row-gap: calc(45.7 * var(--u));
	margin: calc(63.6 * var(--u)) 0 0 calc(235.5 * var(--u));
}
#lymo .lymo-option__item {
	position: relative;
	color: #65605c;
	text-align: center;
}
#lymo .lymo-option__badge {
	position: absolute;
	top: calc(-5.1 * var(--u));
	left: calc(-10 * var(--u));
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(67 * var(--u));
	height: calc(67 * var(--u));
	border-radius: 50%;
	background: #585858;
	color: #fff;
	font-size: calc(16 * var(--u));
	font-weight: 700;
	letter-spacing: 0.028em;
	line-height: 1;
}
#lymo .lymo-option__ttl {
	position: relative;
	padding-bottom: calc(12.75 * var(--u));
	font-size: calc(27 * var(--u));
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
}
#lymo .lymo-option__ttl::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: calc(181.3 * var(--u));
	height: calc(1.5 * var(--u));
	margin-left: calc(-90.65 * var(--u));
	background: #585858;
}
#lymo .lymo-option__pads {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(118 * var(--u));
	margin-top: calc(14.5 * var(--u));
}
#lymo .lymo-option__color {
	position: absolute;
	top: calc(96.4 * var(--u));
	left: calc(50% + 61 * var(--u));
	font-size: calc(13 * var(--u));
	font-weight: 500;
	letter-spacing: -0.009em;
	line-height: 1;
	white-space: nowrap;
}
/* 使い捨てウェットシート：2行見出しと1行見出しで下線の位置を揃える */
#lymo .lymo-option__item--wetsheet .lymo-option__ttl {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	box-sizing: content-box;
	min-height: 2.8em;
	font-size: calc(24 * var(--u));
	line-height: 1.4;
}
#lymo .lymo-option__img { display: block; width: auto; max-width: 100%; }
#lymo .lymo-option__img--starter { height: calc(80 * var(--u)); }
#lymo .lymo-option__img--wetsheet { height: calc(100 * var(--u)); }
#lymo .lymo-option__price {
	margin-top: calc(10 * var(--u));
	font-size: calc(15 * var(--u));
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
}
#lymo .lymo-option__lead {
	margin-top: calc(82.6 * var(--u));
	color: #65605c;
	font-size: calc(30 * var(--u));
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.433;
	text-align: center;
}
#lymo .lymo-option__btn {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(658 * var(--u));
	height: calc(101 * var(--u));
	margin: calc(29.3 * var(--u)) auto 0;
	padding-left: calc(178 * var(--u));
	background: #585858;
	color: #fff;
	font-size: calc(35 * var(--u));
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	text-decoration: none;
	transition: opacity 0.3s;
}
#lymo .lymo-option__btn::before {
	content: "";
	position: absolute;
	top: calc(34.9 * var(--u));
	left: calc(97.2 * var(--u));
	border-style: solid;
	border-width: calc(12.48 * var(--u)) 0 calc(12.48 * var(--u)) calc(21.27 * var(--u));
	border-color: transparent transparent transparent #fff;
}
#lymo .lymo-option__btn:hover { opacity: 0.8; }
@media screen and (max-width: 736px) {
	#lymo .lymo-option { margin-top: calc(33.3 * var(--u)); }
	#lymo .lymo-heading--option {
		font-size: calc(25 * var(--u));
		line-height: 1.28;
	}
	#lymo .lymo-option__list {
		grid-template-columns: repeat(2, calc(177 * var(--u)));
		justify-content: center;
		row-gap: calc(29.3 * var(--u));
		margin: calc(31.7 * var(--u)) 0 0;
	}
	#lymo .lymo-option__item--wallpaper,
	#lymo .lymo-option__item--bath { order: 1; }
	#lymo .lymo-option__item--wetsheet { order: 2; }
	#lymo .lymo-option__item--wetsheet .lymo-option__ttl { font-size: calc(14 * var(--u)); }
	#lymo .lymo-option__img--starter { height: calc(50 * var(--u)); }
	#lymo .lymo-option__img--wetsheet { height: calc(64 * var(--u)); }
	#lymo .lymo-option__badge {
		position: static;
		width: calc(53 * var(--u));
		height: calc(20 * var(--u));
		margin: 0 auto calc(2.3 * var(--u));
		border-radius: calc(10 * var(--u));
		font-size: calc(10 * var(--u));
	}
	#lymo .lymo-option__ttl {
		padding-bottom: calc(8.95 * var(--u));
		font-size: calc(17 * var(--u));
	}
	#lymo .lymo-option__ttl::after {
		width: calc(118.3 * var(--u));
		height: calc(0.5 * var(--u));
		margin-left: calc(-59.15 * var(--u));
	}
	#lymo .lymo-option__pads {
		height: calc(77 * var(--u));
		margin-top: calc(9.8 * var(--u));
	}
	#lymo .lymo-option__color {
		top: calc(63.5 * var(--u));
		left: calc(50% + 39.5 * var(--u));
		font-size: calc(8 * var(--u));
	}
	#lymo .lymo-option__price {
		margin-top: calc(7 * var(--u));
		font-size: calc(9 * var(--u));
		font-weight: 400;
	}
	#lymo .lymo-option__lead {
		margin-top: calc(44.2 * var(--u));
		font-size: calc(12 * var(--u));
		line-height: 1.417;
	}
	#lymo .lymo-option__btn {
		width: calc(296.2 * var(--u));
		height: calc(45.5 * var(--u));
		margin-top: calc(16.8 * var(--u));
		padding-left: calc(79.3 * var(--u));
		font-size: calc(15 * var(--u));
	}
	#lymo .lymo-option__btn::before {
		top: calc(15.7 * var(--u));
		left: calc(43.8 * var(--u));
		border-width: calc(5.62 * var(--u)) 0 calc(5.62 * var(--u)) calc(9.57 * var(--u));
	}
}


/* --------------------------------------------------------------------------
   Q&A（開閉は index.php 内の .qa / .q スクリプトで制御）
   -------------------------------------------------------------------------- */
#lymo .lymo-qa {
	margin-top: calc(82.8 * var(--u));
	padding-bottom: calc(211.3 * var(--u));
}
#lymo .lymo-qa__list {
	width: calc(1000 * var(--u));
	margin: calc(22.4 * var(--u)) auto 0;
}
#lymo .lymo-qa .qa { border-bottom: 1px solid #585858; }
#lymo .lymo-qa .q {
	display: block;
	width: 100%;
	margin: 0;
	padding: calc(31.5 * var(--u)) calc(43.5 * var(--u)) calc(19.1 * var(--u));
	border: 0;
	background: none;
	color: #585858;
	font-family: inherit;
	font-feature-settings: inherit;
	font-size: calc(26 * var(--u));
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	cursor: pointer;
}
#lymo .lymo-qa .a {
	display: none;
	padding: 0 calc(43.5 * var(--u)) calc(25 * var(--u));
	font-size: calc(20 * var(--u));
	line-height: 1.8;
}
#lymo .lymo-qa .qa.open .a { display: block; }
#lymo .lymo-qa .a a { color: inherit; text-decoration: underline; }
@media screen and (max-width: 736px) {
	#lymo .lymo-qa {
		margin-top: calc(42.9 * var(--u));
		padding-bottom: calc(66 * var(--u));
	}
	#lymo .lymo-qa__list {
		width: calc(336 * var(--u));
		margin-top: calc(16.3 * var(--u));
	}
	#lymo .lymo-qa .q {
		padding: calc(14.4 * var(--u)) calc(20.5 * var(--u)) calc(9.7 * var(--u));
		font-size: calc(11 * var(--u));
	}
	#lymo .lymo-qa .a {
		padding: 0 calc(20.5 * var(--u)) calc(12 * var(--u));
		font-size: calc(10 * var(--u));
	}
}