@charset "UTF-8";
/* ============================================================
 * pg-pointmake-07.css — フルインプレッション マスカラ (pointmake/07) 専用
 * ============================================================
 *
 *  読込順序: global.css → category-pointmake.css → pg-pointmake-07.css
 *  全セレクタは `.esp-wrap.pg-pointmake-07` 配下にスコープ
 *  詳細度上限 0,3,0
 *  値は旧版から忠実に移植（変数化禁止）
 *
 *  値の出典:
 *  - 旧 esprique_old/pointmake/css/pointmake.css 行 1712-1907 (pg-eyse07、PC + SP)
 *  - 旧 esprique_old/pointmake/css/pointmake_07.css 行 1-14 (PC専用: circleListPoint flex 座標)
 *  - 旧 esprique_old/pointmake/css/pointmake_common_ver2.css 行 1-25, 36-40 (PC専用 共通 + pg-eyse07)
 *  - 旧 esprique_old/common/css/product_detail.css 行 1060-1130 (.pmd-secPoint 汎用ベース)
 *  - 旧 esprique_old/common/css/product_detail.css 行 1552-1624 (.pmd-colorChipList 汎用)
 *  - 旧 esprique_old/common/css/product_detail.css 行 2742-2883 (.pmd-stepImgTxtWrap 汎用)
 *  - 旧 esprique_old/common/css/product_detail.css 行 2886-2922 (.pmd-pointColTtl / .pmd-pointBgTxt 汎用)
 *
 *  カスケード順:
 *    1. ベース（メディアクエリなし） — 汎用 + pg-eyse07 PC値
 *    2. @media (min-width: 950px)    — pointmake_common_ver2.css の PC上書き
 *    3. @media (max-width: 950px)    — pg-eyse07 SP値 + 汎用 SP
 *
 *  SPブレイクポイント:
 *    - 旧 .pg-eyse07, .pmd-stepImgTxtWrap, .pmd-secPoint, .pmd-pointBgTxt, .pmd-pointColTtl, .pmd-colorChipList
 *      すべて 950px → 本ファイル 950px に統一（旧仕様尊重）
 *
 *  本ファイルに含まれる「07 専用 delta」:
 *    - c-circleList--point 上書き — 旧 pointmake.css 行 1727-1731 (max-width:423px / margin)
 *    - c-secPoint__sectionTitle padding-left 55px (旧 1762-1764)
 *    - c-secPoint__prodImg img width 41px (旧 1765-1768)
 *    - c-secPoint__pointImg max-width 310px (旧 1778-1781) — 08 は 730px、07 は 310px
 *    - c-stepImgTxtWrap — 旧 .pmd-stepImgTxtWrap (汎用 + pg-eyse07 上書き)
 *      PC: imgCol width 176px / padding-right 60px、SP: 50%幅2カラム、num SP のみ表示
 *    - c-pointBgText padding 上書き SP 15px 16px (旧 pointmake.css 行 1904-1906)
 *
 *  08 から流用したパターン:
 *    - c-secPoint / c-secPoint__inner / c-secPoint__sectionTitle / c-secPoint__prodImg / c-secPoint__txt
 *      / c-secPoint__body / c-secPoint__contents / c-secPoint__pointImg
 *    - c-pointColTitle (旧 .pmd-pointColTtl)
 *    - c-pointBgText  (旧 .pmd-pointBgTxt)
 *    - c-colorChipList / c-colorVariation__body
 *    - c-features__body / c-features__contents / c-features__ttl
 *    - c-howto__contents
 *    - c-productMain__image / c-productMain__bottom (circleList) など PC値 + SP値
 * ============================================================ */


/* ============================================================
 * 1. ベース（メディアクエリなし）
 *    値の出典: 旧 pointmake.css 行 1715-1809 (PC) + 汎用ベース
 * ============================================================ */

/* ----------------------------------------------------------------
 * 1.1 .c-productMain（旧 .pmd-secMainCol）系
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 1715-1717: .pg-eyse07 .pmd-secMainCol .topCol .dscCol .prodImg margin-top: -88px
   ※ SP で -15px に上書き。 */
.esp-wrap.pg-pointmake-07 .c-productMain__image {
	margin-top: -88px;
}

/* 旧 pointmake.css 行 1718-1720: .pg-eyse07 ... .prodImg img max-width: 120px */
.esp-wrap.pg-pointmake-07 .c-productMain__image img {
	max-width: 120px;
}

/* 旧 pointmake.css 行 1721-1723: .pg-eyse07 .pmd-secMainCol .topCol .imgCol margin-top: 20px
   ※ 07 新版 HTML に直接該当要素は無いが、念のため移植 */
.esp-wrap.pg-pointmake-07 .c-productMain__detail {
	margin-top: 20px;
}

/* 旧 pointmake.css 行 1724-1726: .pg-eyse07 .pmd-secMainCol .btmCol position relative */
.esp-wrap.pg-pointmake-07 .c-productMain__bottom {
	position: relative;
}

/* 旧 pointmake.css 行 1727-1731: .pg-eyse07 .pmd-secMainCol .circleListPoint
   PCベース値 (max-width 423px / margin 30px 0 0 / padding-left 0)
   ※ @media min-width:950px で更に margin: -91px 0 0 520px に上書き (pointmake_07.css 行 9-13)
   ※ pointmake_common_ver2.css 行 36-40 は同セレクタで margin: 43px 0 0 を指定するが、
      pointmake_07.css の方が後で読込まれ、min-width:950px 内なので 520px の方が勝つ */
.esp-wrap.pg-pointmake-07 .c-circleList--point {
	max-width: 141px;
}

/* 旧 pointmake.css 行 1732-1734: .is_ie .pg-eyse07 .pmd-secMainCol .circleList */

.esp-wrap.pg-pointmake-07 .c-circleList__item {
	width: 100%;
}

.esp-wrap.pg-pointmake-07 .c-circleList--point + * {
	margin-top: 40px;
}

.esp-wrap.pg-pointmake-07 .u-img {
	width: 50%;
	margin: 20px 0;
}

/* ----------------------------------------------------------------
 * 1.2 .c-colorVariation（旧 .pmd-secColor）系
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 1736-1738: .pg-eyse07 .secColor .secCts padding */
.esp-wrap.pg-pointmake-07 .c-colorVariation__body {
	padding: 58px 20px 56px;
}


/* ----------------------------------------------------------------
 * 1.3 .c-colorChipList — 汎用ベース（旧 product_detail.css 行 1552-1591）
 *     + pg-eyse07 上書き（旧 pointmake.css 行 1739-1747）
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-07 .c-colorChipList {
	text-align: center;
	max-width: 700px;	/* 旧 pointmake.css 行 1739-1741 で 700px に上書き */
	margin: 0 auto;
}

.esp-wrap.pg-pointmake-07 .c-colorChipList__item {
	display: inline-block;
	vertical-align: top;
	color: #000;
	margin-top: 32px;	/* 旧 product_detail.css 行 1561 */
	width: 200px;		/* 旧 pointmake.css 行 1742-1744 で 200px */
	text-align: center;
}

.esp-wrap.pg-pointmake-07 .c-colorChipList__img img {
	width: 110px;		/* 旧 pointmake.css 行 1745-1747 で 110px */
	height: auto;
}

.esp-wrap.pg-pointmake-07 .c-colorChipList__num {
	font-size: 15px;	/* 旧 1.5rem — product_detail.css 行 1570 */
	line-height: 1.4;
	margin-top: 17px;
	letter-spacing: 0.1em;
}

.esp-wrap.pg-pointmake-07 .c-colorChipList__name {
	color: #4b4b4b;
	font-size: 13px;	/* 旧 1.3rem */
	margin-top: 6px;
	line-height: 1.35;
}


/* ----------------------------------------------------------------
 * 1.4 .c-features（旧 .pmd-secFeatures）系
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 1749-1751: .pg-eyse07 .secFeatures .secCtsWrapBg padding
   + 旧 product_detail.css の secCtsWrapBg { background: #fff } */
.esp-wrap.pg-pointmake-07 .c-features__body {
	padding: 88px 20px 50px;
	box-sizing: border-box;
	background: #fff;
}

/* 旧 pointmake.css 行 1752-1757: .pg-eyse07 .secFeatures .secCts */
.esp-wrap.pg-pointmake-07 .c-features__contents {
	max-width: 975px;
	font-size: 24px;	/* 旧 2.4rem */
	color: #d07184;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0;		/* global.css の c-features__contents { padding: 50px 30px } を打ち消し */
	background: transparent;	/* global.css の白背景を打ち消し */
}


/* ----------------------------------------------------------------
 * 1.5 .c-secPoint（旧 .pmd-secPoint）— POINT セクション
 *     汎用ベース（旧 product_detail.css 行 1060-1104）+ pg-eyse07 上書き
 * ---------------------------------------------------------------- */

/* 旧 product_detail.css 行 1060-1064: .pmd-secPoint .secInr */
.esp-wrap.pg-pointmake-07 .c-secPoint__inner {
	position: relative;
	background: #f1f3f4;
	padding-top: 112px;
}

/* 旧 product_detail.css 行 1065-1071 + pointmake.css 行 1762-1764: .pmd-secPoint .secTtl */
.esp-wrap.pg-pointmake-07 .c-secPoint__sectionTitle {
	position: absolute;
	top: 74px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	padding-left: 55px;	/* 旧 pointmake.css 行 1762-1764 */
}

/* 旧 product_detail.css 行 1072-1077: .pmd-secPoint .secTtl .prodImg */
.esp-wrap.pg-pointmake-07 .c-secPoint__prodImg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

/* 旧 pointmake.css 行 1765-1768: .pg-eyse07 .secPoint .secTtl .prodImg img */
.esp-wrap.pg-pointmake-07 .c-secPoint__prodImg img {
	width: 41px;
	height: auto;
}

/* 旧 product_detail.css 行 1082-1085: .pmd-secPoint .secTtl .txt img */
.esp-wrap.pg-pointmake-07 .c-secPoint__txt img {
	width: 132px;
	height: auto;
}

/* 旧 product_detail.css 行 1086-1089 + pointmake.css 行 1769-1772:
   .pmd-secPoint .secCtsWrap padding 上書き（07 では padding-top:100px / padding-bottom:55px） */
.esp-wrap.pg-pointmake-07 .c-secPoint__body {
	padding: 100px 20px 55px;
	position: relative;
}

/* 旧 product_detail.css 行 1090-1100: .pmd-secPoint .secCtsWrap::before 背景 */
.esp-wrap.pg-pointmake-07 .c-secPoint__body::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 50%;
	margin-right: -300px;
	background: #ece3e4;
}

/* 旧 product_detail.css 行 1101-1104 + pointmake.css 行 1773-1777: .pmd-secPoint .secCtsWrap .secCts */
.esp-wrap.pg-pointmake-07 .c-secPoint__contents {
	position: relative;
	z-index: 2;
	max-width: 730px;
	margin: 0 auto;
	text-align: center;
}

/* 旧 pointmake.css 行 1778-1785: .pg-eyse07 .secPoint .secCts .pointImg
   ※ 07 専用: max-width: 310px (08 は 730px) */
.esp-wrap.pg-pointmake-07 .c-secPoint__pointImg {
	margin: 15px auto 0;
	max-width: 310px;
}

.esp-wrap.pg-pointmake-07 .c-secPoint__pointImg img {
	width: 100%;
	height: auto;
}


/* ----------------------------------------------------------------
 * 1.6 .c-pointColTitle（旧 .pmd-pointColTtl）— 汎用ベース
 *     旧 product_detail.css 行 2886-2891
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-07 .c-pointColTitle {
	font-size: 28px;	/* 旧 2.8rem */
	color: #d07184;
	font-weight: bold;
	line-height: 1.3;
}


/* ----------------------------------------------------------------
 * 1.7 .c-pointBgText（旧 .pmd-pointBgTxt）— 汎用ベース
 *     旧 product_detail.css 行 2903-2911
 * ---------------------------------------------------------------- */

.esp-wrap.pg-pointmake-07 .c-pointBgText {
	margin-top: 20px;
	font-size: 16px;	/* 旧 1.6rem */
	color: #fff;
	line-height: 1.8;
	background: #dbc7ca;
	padding: 20px 25px;
	text-align: left;
}


/* ----------------------------------------------------------------
 * 1.8 .c-howto（旧 .pmd-secHowto）系
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 1787-1789: .pg-eyse07 .secHowto .secCtsWrap padding */
.esp-wrap.pg-pointmake-07 .c-howto__contents {
	padding: 90px 20px 60px;
	box-sizing: border-box;
}


/* ----------------------------------------------------------------
 * 1.9 .c-stepImgTxtWrap（旧 .pmd-stepImgTxtWrap）— 07 専用
 *     汎用ベース 旧 product_detail.css 行 2742-2789
 *     + pg-eyse07 上書き 旧 pointmake.css 行 1790-1805
 *     PC: 画像左 + テキスト（番号バッジ::before）右 の横並びステップを縦に並べる
 *     SP: 50% 幅 2カラム、番号は <img> として表示（::before は SP で content:none）
 * ---------------------------------------------------------------- */

/* 旧 pointmake.css 行 1793-1797: .pg-eyse07 .secHowto .pmd-stepImgTxtWrap max-width 890px */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap {
	max-width: 890px;
	margin-left: auto;
	margin-right: auto;
}

/* 旧 product_detail.css 行 2742-2746 + pointmake.css 行 1790-1792:
   .pmd-stepImgTxtWrap .step display flex / align-items center / margin-top 20px */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__step {
	display: flex;
	margin-top: 20px;
	align-items: center;	/* 旧 pointmake.css 行 1790-1792 */
}

.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__step:first-child {
	margin-top: 0;
}

/* 旧 product_detail.css 行 2750-2754 + pointmake.css 行 1798-1801:
   .imgCol width:176px / padding-right:60px (07 専用) */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__imgCol {
	width: 176px;
	box-sizing: border-box;
	padding-right: 60px;
}

/* 旧 product_detail.css 行 2755-2759: .step .img img */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__img img {
	width: 100%;
	max-width: 335px;
	height: auto;
}

/* 旧 product_detail.css 行 2760-2762: .step .txtCol */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__txtCol {
	flex: 1;
}

/* 旧 product_detail.css 行 2763-2769: .step .stepTxt */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__text {
	position: relative;
	padding-left: 150px;
	color: #d07184;
	font-size: 16px;	/* 旧 1.6rem */
	line-height: 1.8;
}

/* 旧 product_detail.css 行 2770-2780 + pointmake.css 行 1802-1805:
   .stepTxt::before 番号バッジ
   ※ pointmake.css 行 1802-1805 で top:50%/transform:translateY(-50%) に上書き */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__text::before {
	content: " ";
	width: 130px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.is_ie .esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__text::before {
	background-size: 100% 100%;
}

/* 旧 product_detail.css 行 2784-2788: nth-of-type 番号画像 */
.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__step:nth-of-type(1) .c-stepImgTxtWrap__text::before {
	background-image: url(/img/esprique/common/product/prod_step_num01.png);
}

.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__step:nth-of-type(2) .c-stepImgTxtWrap__text::before {
	background-image: url(/img/esprique/common/product/prod_step_num02.png);
}


/* ============================================================
 * 2. @media (min-width: 950px) — PC専用上書き
 *    旧 pointmake_common_ver2.css 行 1-25, 36-40 + pointmake_07.css 行 9-13
 * ============================================================ */

@media screen and (min-width: 950px) {

	/* 旧 pointmake_common_ver2.css 行 1-5: .pmd-secMainCol .topCol .dscCol */
	.esp-wrap.pg-pointmake-07 .c-productMain__visual {
		display: flex;	/* 旧 行 11-13: .dscWrap display:flex を合流 */
		width: 100%;
		box-sizing: border-box;
		padding-right: 0;
	}

	/* 旧 pointmake_common_ver2.css 行 7-9: .pmd-secMainCol margin-top */
	.esp-wrap.pg-pointmake-07 .c-productMain {
		margin-top: 84px;
	}

	/* 旧 pointmake_common_ver2.css 行 15-17: .kvimgWrap width: 50%
	   ※ 新版では kvimgWrap が無く、c-productMain__image が直接 flex 子になるため移植 */
	.esp-wrap.pg-pointmake-07 .c-productMain__image {
		width: 50%;
	}

	/* 旧 pointmake_common_ver2.css 行 19-21: .pmd-pgTtlCol::before right */
	.esp-wrap.pg-pointmake-07 .c-pageTitle::before {
		right: 150px;
	}

	/* 旧 pointmake_common_ver2.css 行 3-7: .pmd-secMainCol .btmCol .lCol/.rCol */
	.esp-wrap.pg-pointmake-07 .c-productMain__bottomLeft,
	.esp-wrap.pg-pointmake-07 .c-productMain__bottomRight {
		width: 100%;
		box-sizing: border-box;
	}

	/* 旧 pointmake_07.css 行 9-13 (PC専用、common_ver2 行 36-40 を上書き):
	   .pg-eyse07 .pmd-secMainCol .circleListPoint margin: -91px 0 0 520px
	   ※ 旧 pointmake_07.css は <link> が pointmake_common_ver2.css より後なので勝つ */
}


/* ============================================================
 * 3. @media (max-width: 950px) — SP値
 *    旧 pointmake.css 行 1812-1907 + 汎用 SP
 * ============================================================ */

@media screen and (max-width: 950px) {

	/* 旧 pointmake.css 行 1813-1815: .pg-eyse07 .ttlColWrap padding-bottom */
	.esp-wrap.pg-pointmake-07 .c-pageTitleWrap {
		padding-bottom: 25px;
	}

	/* 旧 pointmake.css 行 1816-1818: .prodImg margin-top -15px */
	.esp-wrap.pg-pointmake-07 .c-productMain__image {
		margin-top: -15px;
	}

	/* 旧 pointmake.css 行 1819-1821: .prodImg img max-width 93px */
	.esp-wrap.pg-pointmake-07 .c-productMain__image img {
		max-width: 93px;
	}

	/* 旧 pointmake.css 行 1822-1824: .pg-eyse07 .pmd-secMainCol .btmCol position relative */
	.esp-wrap.pg-pointmake-07 .c-productMain__bottom {
		position: relative;
	}

	/* 旧 pointmake.css 行 1825-1829: .btmCol .circleListPoint SP */
	.esp-wrap.pg-pointmake-07 .c-circleList--point {
		max-width: 97px;
	}

	.esp-wrap.pg-pointmake-07 .u-img {
		width: 100%;
	}

	/* 旧 pointmake.css 行 1831-1833: .pg-eyse07 .secColor .secCts SP padding */
	.esp-wrap.pg-pointmake-07 .c-colorVariation__body {
		padding: 40px 20px 25px;
	}

	/* 旧 pointmake.css 行 1834-1836: .pg-eyse07 .secColor .colorChipList SP max-width */
	.esp-wrap.pg-pointmake-07 .c-colorChipList {
		max-width: 700px;
	}

	/* 旧 pointmake.css 行 1837-1839: .colorChipList .item SP width
	   + product_detail.css 行 1598-1601 の汎用SP margin-top: 25px */
	.esp-wrap.pg-pointmake-07 .c-colorChipList__item {
		width: 120px;
		margin-top: 25px;
	}

	/* 旧 pointmake.css 行 1840-1842: .colorChipList .item .img img SP width */
	.esp-wrap.pg-pointmake-07 .c-colorChipList__img img {
		width: 65px;
		height: auto;
	}

	/* 旧 product_detail.css 行 1606-1608: .colorChipList .item .num SP */
	.esp-wrap.pg-pointmake-07 .c-colorChipList__num {
		font-size: 12px;	/* 旧 1.2rem */
		margin-top: 12px;
	}

	/* 旧 product_detail.css 行 1610-1614: .colorChipList .item .name SP */
	.esp-wrap.pg-pointmake-07 .c-colorChipList__name {
		color: #4b4b4b;
		font-size: 10px;	/* 旧 1rem */
		margin-top: 5px;
		line-height: 1.4;
	}

	/* 旧 pointmake.css 行 1844-1846: .pg-eyse07 .secFeatures .secCtsWrapBg SP padding */
	.esp-wrap.pg-pointmake-07 .c-features__body {
		padding: 60px 20px 25px;
		box-sizing: border-box;
	}

	/* 旧 pointmake.css 行 1847-1849: .pg-eyse07 .secFeatures .secCts font-size SP */
	.esp-wrap.pg-pointmake-07 .c-features__contents {
		font-size: 16px;	/* 旧 1.6rem */
	}

	/* 旧 pointmake.css 行 1850-1852: .pg-eyse07 .secFeatures .secCts .ttl font-weight bold */
	.esp-wrap.pg-pointmake-07 .c-features__ttl {
		font-weight: bold;
	}

	/* c-secPoint SP — 旧 product_detail.css 行 1108-1129 + pointmake.css 行 1857-1880 */

	/* 旧 product_detail.css 行 1109-1111 */
	.esp-wrap.pg-pointmake-07 .c-secPoint__inner {
		padding-top: 63px;
	}

	/* 旧 product_detail.css 行 1112-1115 + pointmake.css 行 1857-1859: padding-left 26px (SP) */
	.esp-wrap.pg-pointmake-07 .c-secPoint__sectionTitle {
		top: 45px;
		left: 50%;
		padding-left: 26px;	/* 旧 pointmake.css 行 1857-1859 */
	}

	/* 旧 pointmake.css 行 1860-1863: .pg-eyse07 .secPoint .secTtl .prodImg img SP */
	.esp-wrap.pg-pointmake-07 .c-secPoint__prodImg img {
		width: 22px;
		height: auto;
	}

	/* 旧 product_detail.css 行 1118-1120: .pmd-secPoint .secTtl .txt img SP */
	.esp-wrap.pg-pointmake-07 .c-secPoint__txt img {
		width: 72px;
	}

	/* 旧 product_detail.css 行 1121-1123 + pointmake.css 行 1864-1867:
	   .secCtsWrap SP padding (top:58 / bottom:40 / 左右 20px) */
	.esp-wrap.pg-pointmake-07 .c-secPoint__body {
		padding: 58px 0 40px;
	}

	/* 旧 product_detail.css 行 1124-1127: ::before SP right */
	.esp-wrap.pg-pointmake-07 .c-secPoint__body::before {
		right: 40px;
		margin-right: 0;
		width: calc(100% - 25px);
	}

	/* 旧 pointmake.css 行 1868-1872: .pg-eyse07 .secPoint .secCts SP */
	.esp-wrap.pg-pointmake-07 .c-secPoint__contents {
		max-width: 730px;
		margin: 0 auto;
		text-align: center;
	}

	/* 旧 pointmake.css 行 1873-1880: .pg-eyse07 .secPoint .secCts .pointImg SP
	   ※ 07 専用: max-width: 310px (08 SP は max-width:none) */
	.esp-wrap.pg-pointmake-07 .c-secPoint__pointImg {
		margin: 15px auto 0;
		max-width: 310px;
	}

	.esp-wrap.pg-pointmake-07 .c-secPoint__pointImg img {
		width: 100%;
		height: auto;
	}

	/* 旧 product_detail.css 行 2896-2899: .pmd-pointColTtl SP */
	.esp-wrap.pg-pointmake-07 .c-pointColTitle {
		font-size: 16px;	/* 旧 1.6rem */
		line-height: 1.5;
	}

	/* 旧 product_detail.css 行 2916-2921 + pointmake.css 行 1904-1906:
	   .pmd-pointBgTxt SP — padding は 07 で 15px 16px に上書き */
	.esp-wrap.pg-pointmake-07 .c-pointBgText {
		margin-top: 15px;
		font-size: 12px;	/* 旧 1.2rem */
		line-height: 1.8;
		padding: 15px 16px;	/* 旧 pointmake.css 行 1904-1906 */
	}

	/* 旧 pointmake.css 行 1882-1884: .pg-eyse07 .secHowto .secCtsWrap SP padding */
	.esp-wrap.pg-pointmake-07 .c-howto__contents {
		padding: 40px 20px 27px;
		box-sizing: border-box;
	}

	/* c-stepImgTxtWrap SP — 旧 product_detail.css 行 2839-2882 + pointmake.css 行 1885-1900 */

	/* 旧 product_detail.css 行 2839-2843 + pointmake.css 行 1888-1892:
	   .pmd-stepImgTxtWrap SP flex-wrap / max-width */
	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -7px;
		max-width: 890px;
		margin-left: auto;
		margin-right: auto;
	}

	/* 旧 product_detail.css 行 2844-2850 + pointmake.css 行 1885-1887:
	   .step SP — block 50% 幅 + align-items:center */
	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__step {
		margin-top: 20px;
		display: block;
		width: 50%;
		box-sizing: border-box;
		padding: 0 7px;
		align-items: center;	/* 旧 pointmake.css 行 1885-1887 */
	}

	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__step:first-child {
		margin-top: 20px;
	}

	/* 旧 product_detail.css 行 2854-2857: .step .num img SP */
	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__num img {
		width: 80px;
		height: auto;
	}

	.is_ie .esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__num img {
		width: 100px;
		height: auto;
	}

	/* 旧 product_detail.css 行 2862-2867 + pointmake.css 行 1893-1896:
	   .imgCol SP — width auto / padding-right 20px (07 上書き) / margin-top 10px */
	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__imgCol {
		width: auto;
		box-sizing: border-box;
		padding-right: 20px;	/* 旧 pointmake.css 行 1893-1896 で SP も 20px */
		margin-top: 10px;
	}

	/* 旧 product_detail.css 行 2868-2870: .step .img img SP */
	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__img img {
		max-width: none;
	}

	/* 旧 product_detail.css 行 2871-2873: .step .txtCol SP */
	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__txtCol {
		flex: 1;
	}

	/* 旧 product_detail.css 行 2874-2882 + pointmake.css 行 1897-1900:
	   .stepTxt SP — padding-left:0 / font 1rem / line-height 2 / margin-top 8px
	   ::before SP は汎用で content:none だが、07 では top:50%/transform 上書きあり
	   （content:none が勝つので ::before は非表示） */
	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__text {
		padding-left: 0;
		font-size: 10px;	/* 旧 1rem */
		line-height: 2;
		margin-top: 8px;
	}

	.esp-wrap.pg-pointmake-07 .c-stepImgTxtWrap__text::before {
		content: none;
	}
}