@charset "utf-8";

/*
 * 個別
 */
#pro-FD1909C {
	max-width: 800px;
	margin-bottom: 80px;
}
#pro-FD1909C h2 {
	margin: 55px -98px;
}
#pro-FD1909C .mechanism h2,
#pro-FD1909C .point h2 {
	margin: 55px 0;
	padding: 0;
	background-color: transparent;
	letter-spacing: 3px;
	font-feature-settings: "palt";
}
#pro-FD1909C h2 span {
	padding: 0 2px 10px;
	border-bottom: 1px solid #323232;
}
/* キービジュアル */
#pro-FD1909C #kv {
	margin-bottom: 68px;
	text-align: center;
	letter-spacing: 2.5px;
	font-feature-settings: "palt";
}
/* メカニズム */
#pro-FD1909C .mechanism {
	text-align: center;
}
#pro-FD1909C .mechanism h2 {
	margin-bottom: 43px;
}
#pro-FD1909C .mechanism p {
	margin: 0;
}
#pro-FD1909C .mechanism h2 + p {
	margin-bottom: 90px;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: 0;
}
#pro-FD1909C .mechanism h3 {
	margin-bottom: 27px;
	font-size: 20px;
	letter-spacing: 1.2px;
}
#pro-FD1909C .mechanism ul {
	position: relative;
	width: 500px;
	min-height: 518px;
	margin: 0 auto;
	padding-top: 26px;
	background: url(mechanism.png) no-repeat 50% 0;
}
#pro-FD1909C .mechanism li {
	font-size: 18px;
}
#pro-FD1909C .mechanism li:nth-child(2) {
	margin: 61px 0 293px;
}
#pro-FD1909C .mechanism li span {
	position: absolute;
	top: 253px;
	font-size: 16px;
}
#pro-FD1909C .mechanism li:nth-child(2) span {
	right: 11px;
}
#pro-FD1909C .mechanism li:nth-child(3) span {
	left: 8px;
}
/* ポイント */
#pro-FD1909C .point {
	margin-bottom: 120px;
}
#pro-FD1909C .point h2 {
	margin-top: 109px;
	margin-bottom: 43px;
}
#pro-FD1909C .point ul {
	position: relative;
	width: 490px;
	height: 299px;
	margin: 0 auto;
}
#pro-FD1909C .point li {
	position: absolute;
	font-size: 12px;
	line-height: 1.65;
	text-align: center;
}
#pro-FD1909C .point li:nth-child(1) {
	left: 10px;
	bottom: 0;
}
#pro-FD1909C .point li:nth-child(2) {
	top: 0;
	left: 171px;
}
#pro-FD1909C .point li:nth-child(3) {
	right: 8px;
	bottom: 0;
}
#pro-FD1909C .point li span {
	display: block;
	width: 146px;
	height: 142px;
	margin-bottom: 11px;
	padding-top: 56px;
	background: url(point.png) no-repeat 50% 50%;
	font-size: 18px;
}
/* 使用方法 */
#pro-FD1909C .ct-usage {
	padding: 0 114px;
}
#pro-FD1909C .ct-usage li.star:before {
	content: "☆";
}
/* ご注意 */
#pro-FD1909C .ct-attention-block {
	margin-left: -114px;
	margin-right: -114px;
}
#pro-FD1909C .ct-attention-block h3 {
	text-align: left;
}

@media screen and (max-width: 768px) {
	#pro-FD1909C {
		max-width: none;
		margin: 0 0 8vw;
	}
	#pro-FD1909C h2 {
		margin: 9.33vw 0;
	}
	#pro-FD1909C .mechanism h2,
	#pro-FD1909C .point h2 {
		margin: 9.33vw 0;
		border: none;
		text-align: center;
		font-size: 4.53vw;
		font-feature-settings: "palt";
		letter-spacing: 1px;
	}
	#pro-FD1909C h2 span {
		padding: 0 1.6vw 2.67vw;
	}
	/* キービジュアル */
	#pro-FD1909C #kv {
		margin-bottom: 10.4vw;
	}
	/* メカニズム */
	#pro-FD1909C .mechanism h2 {
		letter-spacing: 2.3px;
		white-space: nowrap;
	}
	#pro-FD1909C .mechanism h2 + p {
		margin-bottom: 10.4vw;
		font-size: 3.73vw;
		line-height: 1.9;
		letter-spacing: 1.2px;
	}
	#pro-FD1909C .mechanism h3 {
		margin-bottom: 5.3vw;
		font-size: 3.73vw;
		letter-spacing: 0.8px;
	}
	#pro-FD1909C .mechanism ul {
		width: 100%;
		height: 96vw;
		min-height: 0;
		padding-top: 4.53vw;
		background-image: url(sp_mechanism.png);
		background-size: 100% auto;
	}
	#pro-FD1909C .mechanism li {
		font-size: 3.47vw;
	}
	#pro-FD1909C .mechanism li:nth-child(2) {
		margin: 11.47vw 0 54.67vw;
	}
	#pro-FD1909C .mechanism li span {
		top: 46.93vw;
		font-size: 3.2vw;
		line-height: 1.4;
	}
	#pro-FD1909C .mechanism li:nth-child(2) span {
		right: 2.93vw;
	}
	#pro-FD1909C .mechanism li:nth-child(3) span {
		left: 2.93vw;
	}
	/* ポイント */
	#pro-FD1909C .point {
		margin-bottom: 18.67vw;
	}
	#pro-FD1909C .point h2 {
		margin-top: 17.07vw;
		margin-bottom: 8.8vw;
		letter-spacing: 2.4px;
	}
	#pro-FD1909C .point ul {
		width: 100%;
		height: 107.73vw;
	}
	#pro-FD1909C .point li {
		font-size: 3.2vw;
		line-height: 1.45;
	}
	#pro-FD1909C .point li:nth-child(1) {
		top: 0;
		left: 11.73vw;
		bottom: auto;
	}
	#pro-FD1909C .point li:nth-child(2) {
		top: 32.53vw;
		left: auto;
		right: 11.73vw;
	}
	#pro-FD1909C .point li:nth-child(3) {
		left: 11.73vw;
		right: auto;
	}
	#pro-FD1909C .point li span {
		width: 36.53vw;
		height: 35.2vw;
		margin-bottom: 1.87vw;
		padding-top: 14.4vw;
		background-image: url(sp_point.png);
		background-size: 100% auto;
		font-size: 4.13vw;
	}
	/* ご使用方法 */
	#pro-FD1909C .ct-usage {
		margin: 0 4vw;
		padding: 0;
	}
	/* ご注意 */
	#pro-FD1909C .ct-attention-block {
		margin-top: 10.67vw;
		margin-left: 0;
		margin-right: 0;
	}
}
