/*
 * TOP #001
 *
 * kokodake のトップページ一式。サイト専用なので、文言も順番も直書きしてある。
 * 全幅（alignfull）で置く前提。中身の幅はこの中で抑える。
 * ブランド色は動かせないので manifest で ownColors を宣言している。
 */

.wpp-kokodake-page-001.wpp-kokodake-page-001 {
	--wpp-kokodake-page-001-ink: #1b2a4a;
	--wpp-kokodake-page-001-muted: #6b7684;
	--wpp-kokodake-page-001-line: #e3e6ea;
	--wpp-kokodake-page-001-surface: #f7f8fa;
	--wpp-kokodake-page-001-accent: #e85a4f;
	--wpp-kokodake-page-001-on-accent: #ffffff;
	--wpp-kokodake-page-001-w: 1080px;

	color: var(--wpp-kokodake-page-001-ink);
	line-height: 1.9;
	-webkit-font-smoothing: antialiased;
}

/* テーマ側の余白と装飾を無効にして、ここだけ自前で組む */
.wpp-kokodake-page-001.wpp-kokodake-page-001 * {
	box-sizing: border-box;
}


.wpp-kokodake-page-001.wpp-kokodake-page-001 h2,
.wpp-kokodake-page-001.wpp-kokodake-page-001 h3,
.wpp-kokodake-page-001.wpp-kokodake-page-001 p,
.wpp-kokodake-page-001.wpp-kokodake-page-001 ul,
.wpp-kokodake-page-001.wpp-kokodake-page-001 ol {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 h1::before,
.wpp-kokodake-page-001.wpp-kokodake-page-001 h2::before,
.wpp-kokodake-page-001.wpp-kokodake-page-001 h3::before,
.wpp-kokodake-page-001.wpp-kokodake-page-001 h1::after,
.wpp-kokodake-page-001.wpp-kokodake-page-001 h2::after,
.wpp-kokodake-page-001.wpp-kokodake-page-001 h3::after {
	content: none;
}

/* 土台 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-section {
	padding-block: clamp(64px, 9vw, 120px);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-wrap {
	max-width: var(--wpp-kokodake-page-001-w);
	margin-inline: auto;
	padding-inline: 24px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-narrow {
	max-width: 760px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-tint {
	background: var(--wpp-kokodake-page-001-surface);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-dark {
	background: var(--wpp-kokodake-page-001-ink);
	color: #ffffff;
}

/* ページ内リンクの飛び先。追従ヘッダーの下に隠れないようにする */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-section[id] {
	scroll-margin-top: 90px;
}

/* 見出しまわり */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	color: var(--wpp-kokodake-page-001-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .18em;
	line-height: 1;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-eyebrow::before {
	content: "";
	width: 32px;
	height: 2px;
	background: currentColor;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-dark .kpg-eyebrow {
	color: #ff8f86;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-h1 {
	font-size: clamp(34px, 5.4vw, 60px);
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: .01em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-h1 em {
	font-style: normal;
	color: var(--wpp-kokodake-page-001-accent);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-h2 {
	font-size: clamp(26px, 3.6vw, 40px);
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: .01em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-h3 {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-lead {
	margin-top: 20px;
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 16px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-lead--big {
	font-size: 17px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-dark .kpg-lead {
	color: #aab4c4;
}

/* ボタン */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 34px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: transform .2s ease;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-btn:hover {
	transform: translateY(-2px);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-btn--primary {
	color: var(--wpp-kokodake-page-001-on-accent);
	background: var(--wpp-kokodake-page-001-accent);
	box-shadow: 0 3px 0 0 #b8443b;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-btn--ghost {
	color: var(--wpp-kokodake-page-001-ink);
	background: #ffffff;
	box-shadow: inset 0 0 0 1px var(--wpp-kokodake-page-001-line);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 36px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-is-center {
	justify-content: center;
	margin-top: 56px;
}

/* 冒頭 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-hero {
	position: relative;
	overflow: hidden;
	background: linear-gradient(165deg, #fdf3f2, var(--wpp-kokodake-page-001-surface) 62%);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-hero-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 56px;
	align-items: center;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-mark {
	position: absolute;
	right: -40px;
	bottom: -60px;
	width: 320px;
	color: #f6d5d2;
	pointer-events: none;
}

/* 実演の枠 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-demo {
	position: relative;
	padding: 28px;
	background: #ffffff;
	border: 1px solid var(--wpp-kokodake-page-001-line);
	box-shadow: 0 24px 60px -30px rgba(27, 42, 74, .35);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-demo-tag {
	position: absolute;
	top: -12px;
	left: 22px;
	padding: 5px 12px;
	background: var(--wpp-kokodake-page-001-ink);
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.4;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-demo-tag em {
	margin-left: 8px;
	color: #ffb1a9;
	font-style: normal;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-demo-center {
	padding: 18px 0;
	text-align: center;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-demo-note {
	margin-top: 14px;
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 12px;
}

/* 実演で使うパーツの見た目 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	position: relative;
	overflow: hidden;
	padding: 15px 40px;
	border: 1px solid var(--wpp-kokodake-page-001-accent);
	color: var(--wpp-kokodake-page-001-accent);
	font-size: 15px;
	letter-spacing: .08em;
	text-decoration: none;
	transition: color .26s ease;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--wpp-kokodake-page-001-accent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .26s cubic-bezier(.22, .61, .36, 1);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn:hover {
	color: #ffffff;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn:hover::before {
	transform: scaleX(1);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn span,
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn svg {
	position: relative;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn svg {
	width: 17px;
	height: 17px;
	transition: transform .26s ease;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-btn:hover svg {
	transform: translateX(4px);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-title {
	position: relative;
	padding-top: 22px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-fig {
	position: absolute;
	top: 0;
	left: 2px;
	color: #f5d9d6;
	font-size: 58px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.04em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-title-h {
	position: relative;
	padding-left: 14px;
	border-left: 3px solid var(--wpp-kokodake-page-001-accent);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.45;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-title-s {
	position: relative;
	margin: 10px 0 0 16px;
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 13px;
	letter-spacing: .04em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-review {
	padding: 26px 30px;
	border: 1px solid #f0dedb;
	border-top: 3px solid var(--wpp-kokodake-page-001-accent);
	background: #fefaf9;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-lb {
	color: var(--wpp-kokodake-page-001-accent);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .18em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-hd {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 12px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f0dedb;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-nm {
	font-size: 17px;
	font-weight: 700;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-rt {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-sm {
	font-size: 20px;
	font-weight: 700;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-tx {
	margin-top: 14px;
	font-size: 15px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-stars {
	position: relative;
	width: 92px;
	height: 18px;
	background: #e6ddd9;
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z'/%3E%3C/svg%3E") repeat-x;
	-webkit-mask-size: 18.4px 18px;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z'/%3E%3C/svg%3E") repeat-x;
	mask-size: 18.4px 18px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-stars i {
	position: absolute;
	inset: 0 auto 0 0;
	width: 82.8px;
	background: var(--wpp-kokodake-page-001-accent);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb > div {
	padding: 18px 20px;
	border: 1px solid var(--wpp-kokodake-page-001-line);
	border-top: 3px solid;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb .kpg-g {
	border-top-color: #1d6f42;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb .kpg-b {
	border-top-color: #9a3412;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-gb-h {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .16em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-g .kpg-gb-h {
	color: #1d6f42;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-b .kpg-gb-h {
	color: #9a3412;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb ul {
	list-style: none;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb li {
	position: relative;
	padding: 7px 0 7px 22px;
	font-size: 14px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb li + li {
	border-top: 1px solid var(--wpp-kokodake-page-001-line);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb li::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-g li::before {
	background: #1d6f42;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-b li::before {
	border: 2px solid #9a3412;
}

/* 前後の比較 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba {
	display: grid;
	grid-template-columns: 1fr 64px 1fr;
	align-items: center;
	margin-top: 44px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba-card {
	padding: 32px;
	border: 1px solid var(--wpp-kokodake-page-001-line);
	background: #ffffff;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba-card.kpg-is-after {
	border-color: #f3d7d4;
	box-shadow: 0 20px 50px -28px rgba(232, 90, 79, .5);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba-tag {
	display: inline-block;
	margin-bottom: 18px;
	padding: 3px 10px;
	background: var(--wpp-kokodake-page-001-surface);
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .14em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba-tag.kpg-is-accent {
	background: var(--wpp-kokodake-page-001-accent);
	color: #ffffff;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wpp-kokodake-page-001-line);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-plain-h {
	padding: 12px 16px;
	background: #eef0f3;
	font-size: 20px;
	font-weight: 700;
}

/* 交互の並び */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
	margin-top: 56px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-split.kpg-is-rev > div:first-child {
	order: 2;
}

/* 数字つきの箱 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-trio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 48px;
	list-style: none;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-trio > li {
	padding: 28px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-n {
	display: block;
	margin-bottom: 14px;
	color: #ff8f86;
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.03em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-trio-h {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-trio-t {
	color: #aab4c4;
	font-size: 14px;
	line-height: 1.85;
}

/* 値段 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 48px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price > div {
	padding: 32px 28px;
	border: 1px solid var(--wpp-kokodake-page-001-line);
	background: #ffffff;
	text-align: center;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price .kpg-is-pick {
	border-color: var(--wpp-kokodake-page-001-accent);
	box-shadow: 0 20px 50px -30px rgba(232, 90, 79, .55);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price .kpg-is-pick .kpg-v {
	color: var(--wpp-kokodake-page-001-accent);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price .kpg-is-soon {
	position: relative;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price .kpg-is-soon::after {
	content: "準備中";
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 2px 8px;
	background: var(--wpp-kokodake-page-001-surface);
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 10px;
	letter-spacing: .1em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price .kpg-lb {
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-v {
	margin: 12px 0 4px;
	font-size: 34px;
	font-weight: 800;
	letter-spacing: -.02em;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-sub {
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 12px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-foot {
	margin-top: 26px;
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 13px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-foot a {
	color: var(--wpp-kokodake-page-001-accent);
}

/* 手順 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 44px;
	counter-reset: kpg-step;
	list-style: none;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-steps > li {
	position: relative;
	padding: 62px 28px 28px;
	background: #ffffff;
	border: 1px solid var(--wpp-kokodake-page-001-line);
	counter-increment: kpg-step;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-steps > li::before {
	content: counter(kpg-step);
	position: absolute;
	top: 26px;
	left: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--wpp-kokodake-page-001-accent);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

/* よくある質問 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-faq {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 56px;
	margin-top: 40px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-faq > div {
	padding: 24px 0;
	border-bottom: 1px solid var(--wpp-kokodake-page-001-line);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-faq .kpg-h3 {
	position: relative;
	padding-left: 28px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-faq .kpg-h3::before {
	content: "Q";
	position: absolute;
	left: 0;
	color: var(--wpp-kokodake-page-001-accent);
	font-weight: 800;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-a {
	margin-top: 10px;
	padding-left: 28px;
	color: var(--wpp-kokodake-page-001-muted);
	font-size: 14px;
}

/* 作っている人 */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-who {
	display: grid;
	grid-template-columns: 96px 1fr;
	gap: 28px;
	align-items: start;
	margin-top: 40px;
	padding: 32px;
	background: #ffffff;
	border: 1px solid var(--wpp-kokodake-page-001-line);
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-who .kpg-lead {
	max-width: 720px;
}

.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-av {
	width: 96px;
	height: 96px;
	background: var(--wpp-kokodake-page-001-surface);
	border: 1px solid var(--wpp-kokodake-page-001-line);
}

/* 締め */
.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-end {
	text-align: center;
}

@media (max-width: 900px) {
	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-hero-grid,
	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-split,
	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-trio,
	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-price,
	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-p-gb,
	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-steps,
	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-faq {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-split.kpg-is-rev > div:first-child {
		order: 0;
	}

	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba {
		grid-template-columns: 1fr;
	}

	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-ba-arrow {
		transform: rotate(90deg);
		padding: 12px 0;
	}

	.wpp-kokodake-page-001.wpp-kokodake-page-001 .kpg-actions .kpg-btn {
		flex: 1 1 100%;
	}
}