.denki-online-lp{
	--do-navy:#0C2340;
	--do-navy-2:#15345A;
	--do-steel:#3D5A76;
	--do-ink:#16222E;
	--do-ink-soft:#44566A;
	--do-muted:#627587;
	--do-line:#D6E0E9;
	--do-paper:#F4F8FB;
	--do-pale:#EBF7FF;
	--do-brand:#1DA1F2;
	--do-brand-deep:#006BAD;
	--do-brand-ink:#00548A;
	--do-live:#1283CF;
	--do-flow:#8FDBFF;
	--do-dead:#BAC5CF;
	--do-fault:#D6402A;
	--do-fault-ink:#B3321F;
	--do-fault-soft:#FDEEEA;
}

body.denki-online-lp #wrapper{
	overflow-x:hidden;
	overflow-x:clip;
}

.denki-online-lp .do-hero,
.denki-online-lp .do-sec{
	text-align:left;
	color:var(--do-ink);
}
.denki-online-lp .do-hero .wrap,
.denki-online-lp .do-sec .wrap{
	text-align:left;
}
.denki-online-lp .do-sec{
	padding:80px 0;
}
.denki-online-lp .do-sec .ttl-01{
	margin-bottom:36px;
}
.denki-online-lp .do-sec strong{
	font-weight:700;
}

.denki-online-lp .do-hero,
.denki-online-lp .do-sec,
.denki-online-lp .do-ch{
	scroll-margin-top:84px;
}
@media (max-width:1200px){
	.denki-online-lp .do-hero,
	.denki-online-lp .do-sec,
	.denki-online-lp .do-ch{ scroll-margin-top:106px; }
}
@media (max-width:768px){
	.denki-online-lp .do-sec{ padding:56px 0; }
	.denki-online-lp .do-sec .ttl-01{ margin-bottom:28px; }
	.denki-online-lp .do-hero,
	.denki-online-lp .do-sec,
	.denki-online-lp .do-ch{ scroll-margin-top:80px; }
}

.denki-online-lp .do-ttl-sub{
	margin-top:10px;
	color:var(--do-brand-deep);
	font-size:16px;
	font-weight:700;
	line-height:1.6;
	text-align:center;
}
@media (max-width:768px){
	.denki-online-lp .do-ttl-sub{ font-size:14px; }
}

.denki-online-lp .do-lead{
	max-width:780px;
	margin:0 auto 32px;
	font-size:16px;
	line-height:1.95;
	color:var(--do-ink-soft);
}
@media (max-width:768px){
	.denki-online-lp .do-lead{ font-size:15px; margin-bottom:24px; }
}

.denki-online-lp .do-diagram-sec .do-lead{
	text-align:center;
}

.denki-online-lp .do-sr-only{
	position:absolute !important;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
	border:0;
}

.denki-online-lp .do-hero a:focus-visible,
.denki-online-lp .do-sec a:focus-visible,
.denki-online-lp .do-sec button:focus-visible,
.denki-online-lp .do-sec summary:focus-visible{
	outline:3px solid var(--do-brand);
	outline-offset:2px;
}

.denki-online-lp .do-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:52px;
	padding:12px 28px;
	border-radius:6px;
	border:1.5px solid transparent;
	font-size:16px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:.04em;
	text-align:center;
	text-decoration:none;
	transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.denki-online-lp .do-btn::after{
	content:"";
	flex:none;
	width:7px;
	height:7px;
	border-top:2px solid currentColor;
	border-right:2px solid currentColor;
	transform:rotate(45deg);
	margin-left:2px;
}
.denki-online-lp .do-btn--primary{
	background:var(--do-brand-deep);
	color:#fff;
}
.denki-online-lp .do-btn--primary:hover{
	background:var(--do-brand-ink);
	color:#fff;
}
.denki-online-lp .do-btn--ghost{
	background:transparent;
	border-color:rgba(255,255,255,.55);
	color:#fff;
}
.denki-online-lp .do-btn--ghost:hover{
	background:rgba(255,255,255,.1);
	border-color:#fff;
}
.denki-online-lp .do-btn--block{
	display:flex;
	width:100%;
}

.denki-online-lp .do-chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.denki-online-lp .do-chip{
	display:inline-flex;
	align-items:center;
	gap:7px;
	max-width:100%;
	padding:6px 14px 6px 12px;
	border-radius:999px;
	border:1px solid #9CCBEA;
	background:#fff;
	color:var(--do-brand-deep);
	font-size:13.5px;
	font-weight:700;
	line-height:1.5;
	text-decoration:none;
	transition:background-color .2s ease, border-color .2s ease;
}
.denki-online-lp .do-chip::before{
	content:"";
	flex:none;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--do-brand);
}
.denki-online-lp .do-chip:hover{
	background:var(--do-pale);
	border-color:var(--do-brand);
}

.denki-online-lp .do-hero{
	position:relative;
	overflow:hidden;
	padding:72px 0 80px;
	background:
		radial-gradient(120% 90% at 85% 20%, rgba(29,161,242,.22) 0%, rgba(29,161,242,0) 60%),
		linear-gradient(160deg, var(--do-navy-2) 0%, var(--do-navy) 70%);
	color:#fff;
}
.denki-online-lp .do-hero::before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background-image:
		linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size:32px 32px;
}
.denki-online-lp .do-hero .wrap{
	position:relative;
	z-index:1;
}
.denki-online-lp .do-hero-grid{
	display:grid;
	grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
	gap:48px;
	align-items:center;
}
.denki-online-lp .do-hero-badge{
	display:inline-block;
	margin-bottom:18px;
	padding:4px 14px;
	border:1px solid rgba(143,219,255,.6);
	border-radius:999px;
	color:#BFE9FF;
	font-size:13px;
	font-weight:700;
	line-height:1.6;
	letter-spacing:.08em;
}
.denki-online-lp .do-hero-kicker{
	margin-bottom:10px;
	color:rgba(255,255,255,.88);
	font-size:15px;
	font-weight:700;
	line-height:1.6;
}
.denki-online-lp .do-hero-title{
	margin-bottom:22px;
	color:#fff;
	font-size:44px;
	font-weight:700;
	line-height:1.35;
	letter-spacing:.02em;
}
.denki-online-lp .do-hero-em{
	color:var(--do-flow);
}
.denki-online-lp .do-hero-lead{
	max-width:36em;
	margin-bottom:28px;
	color:rgba(255,255,255,.86);
	font-size:16px;
	line-height:1.95;
}
.denki-online-lp .do-hero-cta{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.denki-online-lp .do-hero .do-btn--primary{
	background:var(--do-brand);
	color:var(--do-navy);
}
.denki-online-lp .do-hero .do-btn--primary:hover{
	background:#fff;
	color:var(--do-navy);
}
.denki-online-lp .do-hero-facts{
	display:flex;
	flex-wrap:wrap;
	gap:6px 20px;
	margin-top:24px;
	color:rgba(255,255,255,.78);
	font-size:13.5px;
	line-height:1.6;
}
.denki-online-lp .do-hero-facts li{
	position:relative;
	padding-left:14px;
}
.denki-online-lp .do-hero-facts li::before{
	content:"";
	position:absolute;
	left:0;
	top:.55em;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--do-flow);
}
.denki-online-lp .do-hero-visual{
	padding:22px 18px 12px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:12px;
	background:rgba(255,255,255,.04);
}
.denki-online-lp .do-hero-svg{
	display:block;
	width:100%;
	height:auto;
}
.denki-online-lp .do-hero-svg text{
	font-family:"Lato", "Noto Sans JP", sans-serif;
	letter-spacing:0;
}
.denki-online-lp .do-hero-svg .h-w{
	fill:none;
	stroke:var(--do-brand);
	stroke-width:3;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.denki-online-lp .do-hero-svg .h-flow{
	fill:none;
	stroke:#D4F2FF;
	stroke-width:3;
	stroke-linecap:round;
	stroke-dasharray:4 14;
	animation:do-flow 1.1s linear infinite;
}
.denki-online-lp .do-hero-svg .h-node{ fill:var(--do-brand); }
.denki-online-lp .do-hero-svg .h-box{
	fill:var(--do-navy);
	stroke:#9FB7CC;
	stroke-width:1.6;
}
.denki-online-lp .do-hero-svg .h-dot{ fill:#fff; }
.denki-online-lp .do-hero-svg .h-blade{
	stroke:#fff;
	stroke-width:3;
	stroke-linecap:round;
}
.denki-online-lp .do-hero-svg .h-x{
	fill:none;
	stroke:#fff;
	stroke-width:2;
}
.denki-online-lp .do-hero-svg .h-tr{
	fill:none;
	stroke:#fff;
	stroke-width:2.4;
}
.denki-online-lp .do-hero-svg .h-load{ fill:var(--do-brand); }
.denki-online-lp .do-hero-svg .h-t{
	fill:#fff;
	font-size:17px;
	font-weight:700;
}
.denki-online-lp .do-hero-svg .h-t-s{
	fill:rgba(255,255,255,.72);
	font-size:15px;
}
@media (max-width:899px){
	.denki-online-lp .do-hero-grid{
		grid-template-columns:1fr;
		gap:32px;
	}
}
@media (max-width:768px){
	.denki-online-lp .do-hero{ padding:44px 0 52px; }
	.denki-online-lp .do-hero-title{ font-size:30px; margin-bottom:18px; }
	.denki-online-lp .do-hero-kicker{ font-size:14px; }
	.denki-online-lp .do-hero-lead{ font-size:15px; margin-bottom:24px; }
	.denki-online-lp .do-hero-cta .do-btn{ flex:1 1 100%; }
	.denki-online-lp .do-hero-visual{ padding:16px 10px 6px; }
}

.denki-online-lp .do-diagram-sec{
	background:var(--do-paper);
}
.denki-online-lp .do-lab{
	padding:28px;
	border:1px solid var(--do-line);
	border-radius:12px;
	background:#fff;
	box-shadow:0 24px 48px -36px rgba(12,35,64,.45);
}

.denki-online-lp .do-modes,
.denki-online-lp .do-mode-view,
.denki-online-lp .do-panel{
	display:none;
}
.denki-online-lp .do-lab.is-ready .do-modes{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	margin-bottom:16px;
}
.denki-online-lp .do-lab.is-ready .do-mode-view{
	display:grid;
	margin-bottom:24px;
}
.denki-online-lp .do-lab.is-ready .do-panel{
	display:block;
}
.denki-online-lp .do-lab.is-ready .do-mode-descs,
.denki-online-lp .do-lab.is-ready .do-eq-table-wrap{
	display:none;
}

.denki-online-lp .do-modes-sep{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-left:10px;
	color:var(--do-muted);
	font-size:13px;
	font-weight:700;
	line-height:1.5;
}
.denki-online-lp .do-modes-sep::after{
	content:"";
	width:6px;
	height:6px;
	border-top:2px solid currentColor;
	border-right:2px solid currentColor;
	transform:rotate(45deg);
}
.denki-online-lp .do-mode-btn{
	-webkit-appearance:none;
	appearance:none;
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:44px;
	padding:9px 18px;
	border:1.5px solid var(--do-line);
	border-radius:999px;
	background:#fff;
	color:var(--do-ink);
	font:inherit;
	font-size:15px;
	font-weight:700;
	line-height:1.4;
	cursor:pointer;
	transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.denki-online-lp .do-mode-btn::before{
	content:"";
	flex:none;
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--do-live);
}
.denki-online-lp .do-mode-btn--fault::before{
	background:var(--do-fault);
}
.denki-online-lp .do-mode-btn:hover{
	border-color:var(--do-steel);
}
.denki-online-lp .do-mode-btn[aria-pressed="true"]{
	border-color:var(--do-navy);
	background:var(--do-navy);
	color:#fff;
}
.denki-online-lp .do-mode-btn[aria-pressed="true"]::before{
	background:var(--do-flow);
}
.denki-online-lp .do-mode-btn--fault[aria-pressed="true"]{
	border-color:var(--do-fault);
	background:var(--do-fault);
}
.denki-online-lp .do-mode-btn--fault[aria-pressed="true"]::before{
	background:#fff;
}

.denki-online-lp .do-mode-descs{
	display:grid;
	gap:12px;
	margin-top:28px;
}
.denki-online-lp .do-mode-desc{
	padding:14px 18px;
	border-left:4px solid var(--do-live);
	border-radius:6px;
	background:var(--do-pale);
	color:var(--do-ink);
	font-size:15px;
	line-height:1.85;
}
.denki-online-lp .do-mode-desc--fault{
	border-left-color:var(--do-fault);
	background:var(--do-fault-soft);
}
.denki-online-lp .do-mode-desc-ttl{
	margin-bottom:2px;
	color:var(--do-navy);
	font-weight:700;
}
.denki-online-lp .do-mode-desc--fault .do-mode-desc-ttl{
	color:var(--do-fault-ink);
}
.denki-online-lp .do-mode-desc-link{
	position:relative;
	margin-top:6px;
	padding-left:1.4em;
	font-size:14px;
}
.denki-online-lp .do-mode-desc-link::before{
	content:"→";
	position:absolute;
	left:0;
	top:0;
	color:var(--do-muted);
}
.denki-online-lp .do-mode-desc a{
	color:var(--do-brand-deep);
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:2px;
}

.denki-online-lp .do-mode-view > .do-mode-desc{
	grid-area:1 / 1;
	visibility:hidden;
	opacity:0;
	transition:opacity .25s ease, visibility 0s linear .25s;
}
.denki-online-lp .do-mode-view > .do-mode-desc.is-active{
	visibility:visible;
	opacity:1;
	transition:opacity .25s ease;
}

.denki-online-lp .do-lab-grid{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	gap:22px;
}
.denki-online-lp .do-dg{
	width:100%;
	margin:0;
}
.denki-online-lp .do-panel{
	min-height:132px;
	padding:22px 26px;
	border:1px solid var(--do-line);
	border-radius:10px;
	background:var(--do-paper);
	scroll-margin-top:90px;
	scroll-margin-bottom:84px;
}
.denki-online-lp .do-panel-empty[hidden]{
	display:none;
}
.denki-online-lp .do-panel-empty{
	display:flex;
	align-items:center;
	gap:14px;
	min-height:86px;
}
.denki-online-lp .do-panel-empty::before{
	content:"";
	flex:none;
	width:34px;
	height:34px;
	border-radius:50%;
	background:var(--do-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006BAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11V5a2 2 0 0 1 4 0v5'/%3E%3Cpath d='M13 10V9a2 2 0 0 1 4 0v3'/%3E%3Cpath d='M17 11a2 2 0 0 1 4 0v3a7 7 0 0 1-7 7h-1a7 7 0 0 1-5.6-2.8L5 15a2 2 0 0 1 3-2.6L9 13'/%3E%3C/svg%3E") center / 20px no-repeat;
}
.denki-online-lp .do-panel-empty-ttl{
	margin-bottom:2px;
	color:var(--do-navy);
	font-size:16px;
	font-weight:700;
	line-height:1.5;
}
.denki-online-lp .do-panel-empty p:not(.do-panel-empty-ttl){
	color:var(--do-ink-soft);
	font-size:14px;
	line-height:1.7;
}
.denki-online-lp .do-panel-sym{
	display:inline-block;
	margin-bottom:6px;
	padding:2px 10px;
	border:1px solid #9CCBEA;
	border-radius:4px;
	background:#fff;
	color:var(--do-brand-deep);
	font-family:"Lato", sans-serif;
	font-size:14px;
	font-weight:700;
	line-height:1.6;
	letter-spacing:.06em;
}
.denki-online-lp .do-panel-name{
	margin-bottom:12px;
	color:var(--do-navy);
	font-size:20px;
	font-weight:700;
	line-height:1.5;
}
.denki-online-lp .do-panel-label{
	margin-bottom:4px;
	color:var(--do-muted);
	font-size:12.5px;
	font-weight:700;
	line-height:1.5;
	letter-spacing:.06em;
}
.denki-online-lp .do-panel-role{
	margin-bottom:14px;
	font-size:15.5px;
	line-height:1.85;
}

@media (min-width:900px){
	.denki-online-lp .do-panel-body:not([hidden]){
		display:grid;
		grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);
		column-gap:36px;
	}
	.denki-online-lp .do-panel-sym{ grid-column:1 / -1; justify-self:start; }
	.denki-online-lp .do-panel-name{ grid-column:1 / -1; }
	.denki-online-lp .do-panel-body .do-panel-label:nth-of-type(2){ grid-column:1; grid-row:3; }
	.denki-online-lp .do-panel-role{ grid-column:1; grid-row:4; margin-bottom:0; }
	.denki-online-lp .do-panel-body .do-panel-label:nth-of-type(4){ grid-column:2; grid-row:3; }
	.denki-online-lp .do-panel-lessons{ grid-column:2; grid-row:4; align-self:start; }
}
@media (max-width:899px){

	.denki-online-lp .do-mode-view > .do-mode-desc{
		display:none;
	}
	.denki-online-lp .do-mode-view > .do-mode-desc.is-active{
		display:block;
	}
	.denki-online-lp .do-lab-grid{
		gap:18px;
	}
	.denki-online-lp .do-panel{
		min-height:0;
		padding:18px 18px;
	}
}
@media (max-width:599px){

	.denki-online-lp .do-lab{
		margin:0 -15px;
		padding:20px 12px 18px;
		border-left:0;
		border-right:0;
		border-radius:0;
	}
	.denki-online-lp .do-lab.is-ready .do-modes{
		display:grid;
		grid-template-columns:1fr;
		gap:8px;
	}
	.denki-online-lp .do-modes-sep{
		margin:6px 0 0 2px;
	}
	.denki-online-lp .do-mode-btn{
		justify-content:flex-start;
		width:100%;
	}
	.denki-online-lp .do-mode-desc{
		padding:12px 14px;
		font-size:14.5px;
	}
	.denki-online-lp .do-dg{
		margin:0 -4px;
		width:calc(100% + 8px);
		max-width:none;
	}
}

.denki-online-lp .do-dg-svg{
	display:block;
	width:100%;
	height:auto;
	overflow:visible;
}
.denki-online-lp .do-dg-svg--v{
	display:none;
	max-width:440px;
	margin:0 auto;
}
@media (max-width:899px){
	.denki-online-lp .do-dg-svg--h{ display:none; }
	.denki-online-lp .do-dg-svg--v{ display:block; }
}
.denki-online-lp .do-dg-svg text{
	font-family:"Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	letter-spacing:0;
}
.denki-online-lp .do-dg-svg .t-sym{
	fill:var(--do-navy);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:18px;
	font-weight:700;
}
.denki-online-lp .do-dg-svg .t-name{
	fill:var(--do-ink-soft);
	font-size:15px;
}
.denki-online-lp .do-dg-svg .t-zone{
	fill:var(--do-steel);
	font-size:14px;
	font-weight:700;
	letter-spacing:.04em;
}
.denki-online-lp .do-dg-svg--v .t-sym{ font-size:16px; }
.denki-online-lp .do-dg-svg--v .t-name{ font-size:13.5px; }
.denki-online-lp .do-dg-svg .t-strong{
	fill:var(--do-ink);
	font-weight:700;
}
.denki-online-lp .do-dg-svg .t-muted{
	fill:var(--do-muted);
	font-size:13.5px;
}
.denki-online-lp .do-dg-svg .t-box{
	fill:var(--do-navy);
	font-family:"Lato", sans-serif;
	font-size:13px;
	font-weight:700;
}
.denki-online-lp .do-dg-svg .t-fault{
	fill:var(--do-fault);
	font-size:14px;
	font-weight:700;
}
.denki-online-lp .do-dg-cub{
	fill:#F1F5F9;
	stroke:#C9D5E1;
	stroke-width:1.5;
}
.denki-online-lp .do-dg-utility{
	fill:#EAF1F7;
}

.denki-online-lp .do-tile{
	fill:#fff;
	stroke:#CFDAE5;
	stroke-width:1.5;
	filter:drop-shadow(0 3px 6px rgba(12,35,64,.10));
	transition:fill .2s ease, stroke .2s ease;
}
.denki-online-lp .do-tile--end{
	fill:var(--do-pale);
	stroke:#BFDDF2;
	filter:none;
}
.denki-online-lp .do-dg-bld{
	fill:#fff;
	stroke:var(--do-navy);
	stroke-width:2;
	stroke-linejoin:round;
}
.denki-online-lp .do-dg-bld-win{
	fill:var(--do-brand);
}
.denki-online-lp .do-dg-bound{
	stroke:var(--do-muted);
	stroke-width:1.2;
	stroke-dasharray:3 3;
}
.denki-online-lp .do-w{
	fill:none;
	stroke:var(--do-live);
	stroke-width:4;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition:stroke .4s ease;
}
.denki-online-lp .do-w--bus{
	stroke-width:8;
}
.denki-online-lp .do-flow{
	fill:none;
	stroke:var(--do-flow);
	stroke-width:4;
	stroke-linecap:round;
	stroke-dasharray:4 14;
	animation:do-flow 1s linear infinite;
	transition:opacity .3s ease;
}
.denki-online-lp .do-dg-node{
	fill:var(--do-live);
	transition:fill .4s ease;
}
.denki-online-lp .do-dg-box{
	fill:#fff;
	stroke:var(--do-navy);
	stroke-width:1.8;
}
.denki-online-lp .do-dg-dev{
	fill:none;
	stroke:var(--do-navy);
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.denki-online-lp .do-dg-gnd{
	fill:none;
	stroke:var(--do-navy);
	stroke-width:1.8;
	stroke-linecap:round;
}
.denki-online-lp .do-dg-link{
	fill:none;
	stroke:var(--do-navy);
	stroke-width:1.4;
}
.denki-online-lp .do-dg-term{
	fill:#fff;
	stroke:var(--do-navy);
	stroke-width:1.6;
}
.denki-online-lp .do-dg-ct{
	fill:none;
	stroke:var(--do-navy);
	stroke-width:1.8;
}
.denki-online-lp .do-dg-lbs{
	fill:#fff;
	stroke:var(--do-navy);
	stroke-width:1.8;
}
.denki-online-lp .do-dg-tr{
	fill:none;
	stroke:var(--do-navy);
	stroke-width:2;
}
.denki-online-lp .do-blade{
	stroke:var(--do-navy);
	stroke-width:3.5;
	stroke-linecap:round;
	transform-box:view-box;
	transition:transform .45s cubic-bezier(.3,.7,.3,1);
}
.denki-online-lp .do-trip,
.denki-online-lp .do-trip-head{
	fill:none;
	stroke:var(--do-muted);
	stroke-width:1.4;
	opacity:.6;
	transition:opacity .25s ease, stroke .25s ease;
}
.denki-online-lp .do-trip{
	stroke-dasharray:3 4;
}
.denki-online-lp .do-hl{
	fill:none;
	stroke:var(--do-brand);
	stroke-width:2.5;
	opacity:0;
	transition:opacity .3s ease;
	pointer-events:none;
}

.denki-online-lp .do-eq{
	outline:none;
}
.denki-online-lp .do-lab.is-ready .do-eq{
	cursor:pointer;
}
.denki-online-lp .do-eq-hit{
	fill:var(--do-brand);
	fill-opacity:0;
	stroke:transparent;
	stroke-width:2;
	transition:fill-opacity .2s ease, stroke .2s ease;
}
.denki-online-lp .do-lab.is-ready .do-eq:hover .do-tile{
	stroke:var(--do-brand);
}
.denki-online-lp .do-eq.is-selected .do-tile{
	fill:var(--do-pale);
	stroke:var(--do-brand);
	stroke-width:2.5;
}
.denki-online-lp .do-eq.is-selected .t-sym{
	fill:var(--do-brand-deep);
}
.denki-online-lp .do-eq:focus-visible .do-eq-hit{
	stroke:var(--do-brand-deep);
	stroke-width:2;
	stroke-dasharray:4 3;
}

.denki-online-lp .do-fault,
.denki-online-lp .do-tag{
	opacity:0;
	transition:opacity .3s ease;
	pointer-events:none;
}
.denki-online-lp .do-fault-pulse{
	fill:var(--do-fault);
	opacity:.22;
	transform-box:fill-box;
	transform-origin:center;
	animation:do-pulse 1.2s ease-out infinite;
}
.denki-online-lp .do-fault-bolt{
	fill:none;
	stroke:var(--do-fault);
	stroke-width:3;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.denki-online-lp .do-fault-gnd{
	fill:none;
	stroke:var(--do-fault);
	stroke-width:2;
	stroke-linecap:round;
}
.denki-online-lp .do-fault-star{
	fill:var(--do-fault);
}
.denki-online-lp .do-tag rect{
	fill:#fff;
	stroke:var(--do-live);
	stroke-width:1.2;
}
.denki-online-lp .do-tag text{
	fill:var(--do-live);
	font-size:13px;
	font-weight:700;
}
.denki-online-lp .do-tag-dead rect{
	fill:#EEF1F4;
	stroke:var(--do-dead);
}
.denki-online-lp .do-tag-dead text{
	fill:#56687A;
}

.denki-online-lp .do-dg[data-mode="ground"] .do-fault-ground,
.denki-online-lp .do-dg[data-mode="ground"] .do-hl-pas{
	opacity:1;
}
.denki-online-lp .do-dg[data-mode="ground"][data-phase="tripped"] .do-dg-svg--h .do-blade-pas{
	transform:rotate(28deg);
}
.denki-online-lp .do-dg[data-mode="ground"][data-phase="tripped"] .do-dg-svg--v .do-blade-pas{
	transform:rotate(-28deg);
}
.denki-online-lp .do-dg[data-mode="ground"][data-phase="tripped"] .z-1,
.denki-online-lp .do-dg[data-mode="ground"][data-phase="tripped"] .z-2{
	stroke:var(--do-dead);
}
.denki-online-lp .do-dg[data-mode="ground"][data-phase="tripped"] .do-dg-node--z1{
	fill:var(--do-dead);
}
.denki-online-lp .do-dg[data-mode="ground"][data-phase="tripped"] .do-tag-dead-ground{
	opacity:1;
}

.denki-online-lp .do-dg[data-mode="short"] .do-fault-short,
.denki-online-lp .do-dg[data-mode="short"] .do-hl-ctocr{
	opacity:1;
}
.denki-online-lp .do-dg[data-mode="short"][data-phase="signal"] .do-trip,
.denki-online-lp .do-dg[data-mode="short"][data-phase="signal"] .do-trip-head,
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-trip,
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-trip-head{
	stroke:var(--do-brand);
	stroke-width:2;
	opacity:1;
}
.denki-online-lp .do-dg[data-mode="short"][data-phase="signal"] .do-trip,
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-trip{
	animation:do-trip .5s linear infinite;
}
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-hl-vcb{
	opacity:1;
}
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-dg-svg--h .do-blade-vcb{
	transform:rotate(32deg);
}
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-dg-svg--v .do-blade-vcb{
	transform:rotate(-32deg);
}
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .z-2{
	stroke:var(--do-dead);
}
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-tag-dead-short{
	opacity:1;
}

.denki-online-lp .do-dg[data-mode="ground"][data-phase="tripped"] .do-flow-svc,
.denki-online-lp .do-dg[data-mode="short"][data-phase="tripped"] .do-flow-2{
	opacity:0;
}
.denki-online-lp .do-dg[data-phase="tripped"] .do-tag-line{
	opacity:1;
}
.denki-online-lp .do-dg[data-phase="tripped"] .do-fault-pulse{
	animation:none;
	opacity:.12;
}

.denki-online-lp .do-eq-table-wrap{
	margin-top:28px;
}
.denki-online-lp .do-eq-table{
	width:100%;
	font-size:14.5px;
	line-height:1.8;
	text-align:left;
}
.denki-online-lp .do-eq-table caption{
	caption-side:top;
	padding:0 0 10px;
	color:var(--do-navy);
	font-size:15px;
	font-weight:700;
	text-align:left;
}
.denki-online-lp .do-eq-table th,
.denki-online-lp .do-eq-table td{
	padding:12px 14px;
	border-bottom:1px solid var(--do-line);
	vertical-align:top;
	text-align:left;
}
.denki-online-lp .do-eq-table thead th{
	background:var(--do-navy);
	color:#fff;
	font-size:13.5px;
	white-space:nowrap;
}
.denki-online-lp .do-eq-table tbody th{
	background:var(--do-pale);
	color:var(--do-navy);
	font-weight:700;
	white-space:nowrap;
}
.denki-online-lp .do-eq-table .do-chip{
	margin:2px 4px 2px 0;
}
@media (max-width:767px){
	.denki-online-lp .do-eq-table thead{
		position:absolute;
		width:1px;
		height:1px;
		overflow:hidden;
		clip:rect(0 0 0 0);
	}
	.denki-online-lp .do-eq-table,
	.denki-online-lp .do-eq-table tbody,
	.denki-online-lp .do-eq-table tr,
	.denki-online-lp .do-eq-table th,
	.denki-online-lp .do-eq-table td{
		display:block;
		width:100%;
	}
	.denki-online-lp .do-eq-table tr{
		margin-bottom:12px;
		border:1px solid var(--do-line);
		border-radius:8px;
		overflow:hidden;
	}
	.denki-online-lp .do-eq-table th,
	.denki-online-lp .do-eq-table td{
		border-bottom:0;
		padding:8px 14px;
	}
	.denki-online-lp .do-eq-table td.do-eq-name{
		font-weight:700;
		padding-top:12px;
	}
	.denki-online-lp .do-eq-table td.do-eq-lessons{
		padding-bottom:14px;
	}
}

.denki-online-lp .do-footnote{
	margin-top:20px;
	color:var(--do-muted);
	font-size:13px;
	line-height:1.8;
}

.denki-online-lp .do-point-list{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
}
.denki-online-lp .do-point-item{
	position:relative;
	padding:30px 26px 30px;
	border-radius:10px;
	background:var(--do-paper);
}
.denki-online-lp .do-point-item::before{
	content:"";
	position:absolute;
	left:26px;
	top:0;
	width:40px;
	height:4px;
	border-radius:0 0 2px 2px;
	background:var(--do-brand);
}
.denki-online-lp .do-point-num{
	display:flex;
	align-items:baseline;
	gap:8px;
	margin-bottom:14px;
	line-height:1;
}
.denki-online-lp .do-point-num-label{
	color:var(--do-brand-deep);
	font-family:"Lato", sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:.12em;
}
.denki-online-lp .do-point-num-digit{
	color:var(--do-brand);
	font-family:"Lato", sans-serif;
	font-size:52px;
	font-weight:700;
	line-height:1;
}
@supports (-webkit-text-stroke:1px #000){
	.denki-online-lp .do-point-num-digit{
		color:transparent;
		-webkit-text-stroke:1.5px var(--do-brand);
	}
}

.denki-online-lp .about-box .about-wrap .do-point-img-quiz{  
	background-color:#14171E;
	background-size:contain;
}
@media screen and (max-width:1000px){
	.denki-online-lp .about-box .about-wrap .do-point-img-quiz{
		background-image:url(../img/denki-online/point-4-sp.jpg) !important;  
		background-color:#fff;
		background-size:cover;
		background-position:center top;
	}
}
.denki-online-lp .do-point-item h3{
	margin-bottom:10px;
	color:var(--do-navy);
	font-size:19px;
	font-weight:700;
	line-height:1.55;
}
.denki-online-lp .do-point-item p:not(.do-point-num){
	color:var(--do-ink-soft);
	font-size:15px;
	line-height:1.9;
}
@media (max-width:899px){
	.denki-online-lp .do-point-list{
		grid-template-columns:1fr;
		gap:16px;
	}
	.denki-online-lp .do-point-item{ padding:24px 20px; }
	.denki-online-lp .do-point-item::before{ left:20px; }
	.denki-online-lp .do-point-num-digit{ font-size:42px; }
}

.denki-online-lp .do-curriculum{
	background:var(--do-paper);
}
.denki-online-lp .do-curriculum-total{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
	margin:-16px 0 32px;
}
.denki-online-lp .do-curriculum-total span{
	padding:4px 16px;
	border-radius:999px;
	background:var(--do-navy);
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height:1.6;
}

.denki-online-lp .do-ch-group-ttl .en{
	padding:3px 9px;
	border-radius:4px;
	background:var(--do-navy);
	color:#fff;
	font-size:12.5px;
	font-weight:700;
	letter-spacing:.1em;
	line-height:1.5;
}

.denki-online-lp .do-ch-groups{
	display:grid;
	gap:32px;
}
.denki-online-lp .do-ch-group-ttl{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:12px;
	color:var(--do-navy);
	font-size:17px;
	font-weight:700;
	line-height:1.4;
}
.denki-online-lp .do-ch{
	margin-bottom:8px;
	border:1px solid var(--do-line);
	border-radius:8px;
	background:#fff;
}
.denki-online-lp .do-ch summary{
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 18px;
	list-style:none;
	line-height:1.5;
	cursor:pointer;
}
.denki-online-lp .do-ch summary::-webkit-details-marker{
	display:none;
}
.denki-online-lp .do-ch-name{
	flex:1;
	min-width:0;
	color:var(--do-ink);
	font-size:16px;
	font-weight:700;
}
.denki-online-lp .do-ch-meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
}
.denki-online-lp .do-ch-count{
	color:var(--do-brand-deep);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:15px;
	font-weight:700;
	white-space:nowrap;
}
.denki-online-lp .do-ch-badge{
	padding:2px 8px;
	border-radius:4px;
	background:var(--do-pale);
	color:var(--do-steel);
	font-size:12px;
	font-weight:700;
	white-space:nowrap;
}
.denki-online-lp .do-ch-icon,
.denki-online-lp .faq-plus{
	position:relative;
	flex:none;
	width:16px;
	height:16px;
}
.denki-online-lp .do-ch-icon::before,
.denki-online-lp .do-ch-icon::after,
.denki-online-lp .faq-plus::before,
.denki-online-lp .faq-plus::after{
	content:"";
	position:absolute;
	background:var(--do-steel);
	transition:transform .25s ease, opacity .25s ease;
}
.denki-online-lp .do-ch-icon::before,
.denki-online-lp .faq-plus::before{
	left:0;
	right:0;
	top:7px;
	height:2px;
}
.denki-online-lp .do-ch-icon::after,
.denki-online-lp .faq-plus::after{
	top:0;
	bottom:0;
	left:7px;
	width:2px;
}
.denki-online-lp .do-ch[open] .do-ch-icon::after,
.denki-online-lp .faq-item[open] .faq-plus::after{
	transform:rotate(90deg);
	opacity:0;
}

.denki-online-lp .do-ch-learn{
	padding:14px 18px 12px;
	border-top:1px solid var(--do-line);
}
.denki-online-lp .do-ch-learn-ttl{
	margin-bottom:8px;
	color:var(--do-steel);
	font-size:13px;
	font-weight:700;
	line-height:1.5;
	letter-spacing:.04em;
}
.denki-online-lp .do-ch-learn-list{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}
.denki-online-lp .do-ch-learn-list li{
	max-width:100%;
	padding:3px 10px;
	border-radius:4px;
	background:var(--do-paper);
	color:var(--do-ink);
	font-size:13px;
	line-height:1.6;
}

.denki-online-lp .do-ch-list{
	margin:0;
	padding:6px 18px 12px;
	border-top:1px solid var(--do-line);
}
.denki-online-lp .do-ch-learn ~ .do-ch-list{
	border-top-style:dashed;
}
.denki-online-lp .do-ch-list li{
	position:relative;
	display:flex;
	align-items:baseline;
	gap:4px 12px;
	padding:7px 8px 7px 22px;
	border-bottom:1px dashed var(--do-line);
	border-radius:4px;
	font-size:14.5px;
	line-height:1.7;
	transition:background-color .3s ease;
}
.denki-online-lp .do-ch-list li:last-child{
	border-bottom:0;
}
.denki-online-lp .do-ch-list li::before{
	content:"";
	position:absolute;
	left:6px;
	top:calc(7px + .6em);
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent var(--do-brand);
}
.denki-online-lp .do-v-main{
	flex:1 1 auto;
	min-width:0;
}
.denki-online-lp .do-v-ttl{
	margin-right:.5em;
}
.denki-online-lp .do-v-sub{
	color:var(--do-ink-soft);
	font-weight:400;
}
.denki-online-lp .do-v-tags{
	display:flex;
	flex:none;
	align-items:baseline;
	gap:8px;
	margin-left:auto;
}
.denki-online-lp .do-v-badge{
	padding:1px 7px;
	border-radius:4px;
	background:var(--do-navy);
	color:#fff;
	font-size:11.5px;
	font-weight:700;
	line-height:1.6;
	white-space:nowrap;
}
.denki-online-lp .do-v-min{
	min-width:3em;
	color:var(--do-muted);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:13.5px;
	text-align:right;
	white-space:nowrap;
}

.denki-online-lp .do-ch-list li.is-target{
	background:var(--do-pale);
	box-shadow:inset 3px 0 0 var(--do-brand);
}
.denki-online-lp .do-ch-list li.is-flash{
	animation:do-flash 1s ease-out 2;
}
.denki-online-lp .do-ch-list li.is-quiz{
	color:var(--do-steel);
	font-weight:700;
}
.denki-online-lp .do-ch-list li.is-quiz::before{
	border-left-color:var(--do-steel);
}
.denki-online-lp .do-ch.is-flash{
	animation:do-flash 1s ease-out 2;
}
@media (max-width:599px){
	.denki-online-lp .do-ch summary{
		flex-wrap:wrap;
		gap:4px 12px;
		padding:12px 14px;
	}
	.denki-online-lp .do-ch-name{
		flex:1 1 0;
		font-size:15px;
	}
	.denki-online-lp .do-ch-icon{
		order:2;
	}
	.denki-online-lp .do-ch-meta{
		order:3;
		flex-basis:100%;
		justify-content:flex-start;
	}
	.denki-online-lp .do-ch-learn{
		padding:12px 14px 10px;
	}
	.denki-online-lp .do-ch-list{
		padding:4px 10px 10px;
	}
	.denki-online-lp .do-ch-list li{
		font-size:14px;
	}

	.denki-online-lp .do-v-sub{
		display:block;
		font-size:13px;
		line-height:1.6;
	}
}

.denki-online-lp .do-cmp-wrap{
	max-width:900px;
	margin:0 auto;
}
.denki-online-lp .do-cmp{
	width:100%;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:0;
	font-size:15px;
	line-height:1.7;
}
.denki-online-lp .do-cmp-corner{
	width:26%;
}
.denki-online-lp .do-cmp thead th{
	padding:16px 12px;
	border-radius:10px 10px 0 0;
	background:#E6EDF3;
	color:var(--do-navy);
	font-size:16px;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	vertical-align:middle;
}
.denki-online-lp .do-cmp thead th.is-this{
	background:var(--do-navy);
	color:#fff;
}
.denki-online-lp .do-cmp tbody th{
	padding:16px 14px;
	border-bottom:1px solid var(--do-line);
	background:var(--do-paper);
	color:var(--do-navy);
	font-weight:700;
	text-align:left;
	vertical-align:middle;
}
.denki-online-lp .do-cmp td{
	padding:16px 14px;
	border-bottom:1px solid var(--do-line);
	text-align:center;
	vertical-align:middle;
}
.denki-online-lp .do-cmp td.is-this{
	border-left:2px solid var(--do-navy);
	border-right:2px solid var(--do-navy);
	background:#F2F9FF;
	color:var(--do-navy);
	font-weight:700;
}
.denki-online-lp .do-cmp tbody tr:last-child td.is-this{
	border-bottom:2px solid var(--do-navy);
}
.denki-online-lp .do-more-link{
	margin-top:24px;
	text-align:center;
}
.denki-online-lp .do-more-link a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:var(--do-brand-deep);
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:3px;
}
.denki-online-lp .do-more-link a::after{
	content:"";
	width:7px;
	height:7px;
	border-top:2px solid currentColor;
	border-right:2px solid currentColor;
	transform:rotate(45deg);
}
@media (max-width:599px){
	.denki-online-lp .do-cmp{ font-size:13.5px; line-height:1.6; }
	.denki-online-lp .do-cmp-corner{ width:28%; }
	.denki-online-lp .do-cmp thead th{ padding:12px 6px; font-size:14px; }
	.denki-online-lp .do-cmp tbody th{ padding:12px 8px; }
	.denki-online-lp .do-cmp td{ padding:12px 8px; }
}

.denki-online-lp .do-instructor-sec{
	background:#fff;
}
.denki-online-lp .do-instructor{
	display:flex;
	align-items:flex-start;
	gap:36px;
	max-width:960px;
	margin:0 auto;
	padding:36px;
	border:1px solid var(--do-line);
	border-radius:10px;
	background:#fff;
}
.denki-online-lp .do-instructor-photo{
	flex:0 0 200px;
	width:200px;
	aspect-ratio:3 / 4;
	overflow:hidden;
	border-radius:8px;
}
.denki-online-lp .do-instructor-photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.denki-online-lp .do-instructor-body{
	flex:1;
	min-width:0;
}
.denki-online-lp .do-instructor-role{
	display:inline-block;
	margin-bottom:12px;
	padding-bottom:5px;
	border-bottom:2px solid var(--do-brand);
	color:var(--do-brand-deep);
	font-size:13.5px;
	font-weight:700;
	line-height:1.6;
	letter-spacing:.04em;
}
.denki-online-lp .do-instructor-name{
	margin-bottom:12px;
	color:var(--do-navy);
	font-size:25px;
	font-weight:700;
	line-height:1.4;
}
.denki-online-lp .do-instructor-creds{
	display:flex;
	flex-wrap:wrap;
	gap:7px 10px;
	margin-bottom:16px;
}
.denki-online-lp .do-instructor-creds li{
	padding:4px 10px;
	border-radius:3px;
	background:var(--do-pale);
	color:var(--do-navy);
	font-size:13px;
	font-weight:700;
	line-height:1.6;
}
.denki-online-lp .do-instructor-bio{
	color:var(--do-ink-soft);
	font-size:15px;
	line-height:1.9;
}
@media (max-width:640px){
	.denki-online-lp .do-instructor{
		flex-direction:column;
		align-items:center;
		gap:18px;
		padding:26px 20px;
	}
	.denki-online-lp .do-instructor-photo{
		flex:0 0 auto;
		width:160px;
	}
	.denki-online-lp .do-instructor-body{
		text-align:center;
	}
	.denki-online-lp .do-instructor-creds{
		justify-content:center;
	}
	.denki-online-lp .do-instructor-bio{
		text-align:left;
	}
}

.denki-online-lp .do-price-sec{
	background:linear-gradient(180deg, var(--do-pale) 0%, #fff 100%);
}
.denki-online-lp .do-price-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
	max-width:860px;
	margin:0 auto;
}
.denki-online-lp .do-price-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:30px 28px 28px;
	border:1px solid var(--do-line);
	border-top:5px solid var(--do-navy);
	border-radius:10px;
	background:#fff;
	box-shadow:0 20px 40px -32px rgba(12,35,64,.5);
	text-align:center;
}
.denki-online-lp .do-price-plan{
	margin-bottom:10px;
	color:var(--do-navy);
	font-size:20px;
	font-weight:700;
	line-height:1.5;
}
.denki-online-lp .do-price{
	margin-bottom:8px;
	color:var(--do-navy);
	line-height:1.2;
}

.denki-online-lp .do-price-for{
	margin-bottom:6px;
	padding:3px 12px;
	border-radius:999px;
	background:var(--do-pale);
	color:var(--do-brand-deep);
	font-size:13px;
	font-weight:700;
	line-height:1.6;
}
.denki-online-lp .do-price-per{
	margin-bottom:20px;
	color:var(--do-muted);
	font-size:14px;
	font-weight:700;
	line-height:1.6;
}
.denki-online-lp .do-price-save{
	display:block;
	color:var(--do-brand-deep);
	font-size:13px;
}
.denki-online-lp .do-price-num{
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:40px;
	font-weight:700;
	letter-spacing:.02em;
}
.denki-online-lp .do-price-unit{
	margin-left:4px;
	font-size:15px;
	font-weight:700;
}
.denki-online-lp .do-price-features{
	display:grid;
	gap:6px;
	margin-bottom:24px;
	text-align:left;
}
.denki-online-lp .do-price-features li{
	position:relative;
	padding-left:26px;
	font-size:15px;
	font-weight:700;
	line-height:1.7;
}
.denki-online-lp .do-price-features li::before{
	content:"";
	position:absolute;
	left:4px;
	top:.35em;
	width:6px;
	height:11px;
	border-right:2.5px solid var(--do-brand);
	border-bottom:2.5px solid var(--do-brand);
	transform:rotate(45deg);
}
.denki-online-lp .do-price-card .do-btn{
	margin-top:auto;
}

.denki-online-lp .do-price-disc{
	display:inline-block;
	margin:-10px 0 18px;
	padding:3px 12px;
	border-radius:4px;
	background:#FFF6D6;
	color:var(--do-navy);
	font-size:13px;
	font-weight:700;
	line-height:1.6;
	text-decoration:none;
}
.denki-online-lp .do-price-disc b{
	margin:0 1px 0 3px;
	color:var(--do-brand-deep);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:16px;
}
.denki-online-lp .do-price-disc:hover{
	text-decoration:underline;
}

.denki-online-lp .do-discount{
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
	gap:18px 32px;
	max-width:860px;
	margin:28px auto 0;
	padding:26px 30px;
	border:2px solid var(--do-brand);
	border-radius:12px;
	background:#fff;
	scroll-margin-top:100px;
}
.denki-online-lp .do-discount-head{
	grid-column:1 / -1;
}
.denki-online-lp .do-discount-tag{
	display:inline-block;
	margin-bottom:8px;
	padding:2px 12px;
	border-radius:999px;
	background:#FFE14D;
	color:var(--do-navy);
	font-size:12.5px;
	font-weight:700;
	line-height:1.7;
}
.denki-online-lp .do-discount-ttl{
	margin-bottom:6px;
	color:var(--do-navy);
	font-size:22px;
	font-weight:700;
	line-height:1.5;
}
.denki-online-lp .do-discount-lead{
	font-size:15px;
	line-height:1.8;
}
.denki-online-lp .do-discount-lead strong{
	color:var(--do-brand-deep);
	font-size:18px;
}
.denki-online-lp .do-discount-prices{
	display:grid;
	align-content:start;
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
}
.denki-online-lp .do-discount-prices li{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px 10px;
	padding:12px 16px;
	border-radius:8px;
	background:var(--do-pale);
}
.denki-online-lp .do-discount-plan{
	flex-basis:100%;
	color:var(--do-navy);
	font-size:14px;
	font-weight:700;
}
.denki-online-lp .do-discount-prices s{
	color:var(--do-muted);
	font-size:14px;
}
.denki-online-lp .do-discount-arrow{
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:8px solid var(--do-brand);
}
.denki-online-lp .do-discount-new{
	color:var(--do-navy);
	font-size:14px;
	font-weight:700;
}
.denki-online-lp .do-discount-new b{
	margin-right:2px;
	color:var(--do-brand-deep);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:28px;
	letter-spacing:.01em;
}
.denki-online-lp .do-discount-new small{
	font-size:12px;
}
.denki-online-lp .do-discount-how{
	font-size:14.5px;
	line-height:1.85;
}
.denki-online-lp .do-discount-how-ttl{
	margin-bottom:4px;
	color:var(--do-navy);
	font-weight:700;
}
.denki-online-lp .do-discount-note{
	margin-top:6px;
	color:var(--do-muted);
	font-size:13px;
}
@media (max-width:767px){
	.denki-online-lp .do-discount{
		grid-template-columns:1fr;
		gap:16px;
		padding:22px 18px;
	}
	.denki-online-lp .do-discount-ttl{ font-size:20px; }
	.denki-online-lp .do-discount-new b{ font-size:24px; }
}
.denki-online-lp .do-notes{
	max-width:860px;
	margin:22px auto 0;
	color:var(--do-muted);
	font-size:13px;
	line-height:1.8;
}
.denki-online-lp .do-notes a{
	color:var(--do-brand-deep);
	text-decoration:underline;
}
@media (max-width:767px){
	.denki-online-lp .do-price-grid{
		grid-template-columns:1fr;
		gap:16px;
	}
	.denki-online-lp .do-price-card{ padding:24px 20px 22px; }
	.denki-online-lp .do-price-num{ font-size:34px; }
}

.denki-online-lp .do-faq-sec{
	background:var(--do-paper);
}
.denki-online-lp .faq-list{
	max-width:900px;
	margin:0 auto;
	border-top:1px solid var(--do-line);
}
.denki-online-lp .faq-item{
	border-bottom:1px solid var(--do-line);
}
.denki-online-lp .faq-item summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:20px 4px;
	list-style:none;
	font-size:16px;
	font-weight:700;
	line-height:1.6;
	cursor:pointer;
}
.denki-online-lp .faq-item summary::-webkit-details-marker{
	display:none;
}
.denki-online-lp .faq-q{
	position:relative;
	padding-left:32px;
}
.denki-online-lp .faq-q::before{
	content:"Q";
	position:absolute;
	left:0;
	top:-.1em;
	color:var(--do-brand-deep);
	font-family:"Lato", sans-serif;
	font-size:20px;
	font-weight:700;
}
.denki-online-lp .faq-a{
	padding:0 4px 20px 36px;
}
.denki-online-lp .faq-a p{
	color:var(--do-ink-soft);
	font-size:15px;
	line-height:1.9;
}
.denki-online-lp .faq-a a{
	color:var(--do-brand-deep);
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:2px;
}
@media (max-width:599px){
	.denki-online-lp .faq-item summary{ font-size:15px; padding:16px 2px; }
	.denki-online-lp .faq-a{ padding:0 2px 18px 32px; }
}

.denki-online-lp .do-entry{
	scroll-margin-top:84px;
}
@media (max-width:1200px){
	.denki-online-lp .do-entry{ scroll-margin-top:106px; }
}
@media (max-width:768px){
	.denki-online-lp .do-entry{ scroll-margin-top:80px; }
}
.denki-online-lp .do-entry-sub{
	font-size:1.4rem;
	font-weight:normal;
}

.denki-online-lp #contact form#mailformpro input.do-total{
	border-color:transparent;
	background:var(--do-pale);
	color:var(--do-navy);
	font-weight:700;
	cursor:default;
	pointer-events:none;
}
.denki-online-lp .do-total-detail{
	color:var(--do-navy);
	font-weight:700;
}
.denki-online-lp .do-total-detail:empty{
	display:none;
}

@keyframes do-flow{
	to{ stroke-dashoffset:-18; }
}
@keyframes do-trip{
	to{ stroke-dashoffset:-7; }
}
@keyframes do-pulse{
	0%{ transform:scale(.6); opacity:.35; }
	100%{ transform:scale(1.7); opacity:0; }
}
@keyframes do-flash{
	0%{ box-shadow:0 0 0 0 rgba(29,161,242,.55); }
	100%{ box-shadow:0 0 0 12px rgba(29,161,242,0); }
}

@media (prefers-reduced-motion: reduce){
	.denki-online-lp .do-flow,
	.denki-online-lp .do-hero-svg .h-flow,
	.denki-online-lp .do-fault-pulse,
	.denki-online-lp .do-trip,
	.denki-online-lp .do-ch.is-flash,
	.denki-online-lp .do-ch-list li.is-flash{
		animation:none !important;
	}
	.denki-online-lp .do-blade,
	.denki-online-lp .do-w,
	.denki-online-lp .do-mode-view > .do-mode-desc{
		transition:none !important;
	}
}

.denki-online-lp .do-mv .do-mv-txt{
	text-align:center;
	color:#222;
}
.denki-online-lp .do-mv-badge{
	display:inline-block;
	margin-bottom:14px;
	padding:6px 14px;
	background:#FFE14D;
	color:#16222E;
	font-size:14px;
	font-weight:700;
	line-height:1.45;
	letter-spacing:.04em;
}
.denki-online-lp .do-mv .do-mv-title{
	margin:0 0 14px;
	font-size:38px;
	font-weight:700;
	line-height:1.35;
	letter-spacing:.02em;
}
.denki-online-lp .do-mv-l1{
	display:block;
	color:#222;
	font-size:.78em;
}
.denki-online-lp .do-mv-l2{
	display:block;
	color:var(--do-brand);
}
.denki-online-lp .do-mv-mark{
	background:linear-gradient(transparent 64%, #FFE14D 64%);
	color:var(--do-brand-deep);
}
.denki-online-lp .do-mv-name{
	position:relative;
	margin:0;
	padding-top:18px;
	line-height:1;
}
.denki-online-lp .do-mv-script{
	position:absolute;
	top:0;
	left:4px;
	color:var(--do-brand);
	font-size:20px;
	font-style:italic;
	font-weight:700;
	transform:rotate(-8deg);
	text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
	z-index:1;
}
.denki-online-lp .do-mv-tiles{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:4px;
}
.denki-online-lp .do-mv-tiles > span:not(.do-mv-tiles-br){
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	background:var(--do-brand);
	color:#fff;
	font-size:26px;
	font-weight:700;
	line-height:1;
	box-shadow:0 3px 0 var(--do-brand-deep);
}
.denki-online-lp .do-mv-tiles-br{
	display:none;
}
.denki-online-lp .do-mv-more{
	margin-top:20px;
	padding:0 10px 6px;
}
.denki-online-lp .do-mv-sub{
	margin-bottom:14px;
	color:#333;
	font-size:15px;
	line-height:1.8;
}

.denki-online-lp .do-mv-stats{
	display:grid;
	grid-template-columns:1fr 1fr 1.35fr;
	max-width:520px;
	margin:0 auto 18px;
	padding:10px 0;
	border-top:1px solid var(--do-line);
	border-bottom:1px solid var(--do-line);
	list-style:none;
}
.denki-online-lp .do-mv-stats li{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2px;
	padding:0 6px;
}
.denki-online-lp .do-mv-stats li + li{
	border-left:1px solid var(--do-line);
}
.denki-online-lp .do-mv-stats-label{
	color:var(--do-muted);
	font-size:12px;
	font-weight:700;
	line-height:1.4;
}
.denki-online-lp .do-mv-stats-num{
	color:var(--do-navy);
	font-size:15px;
	font-weight:700;
	line-height:1.2;
	white-space:nowrap;
}
.denki-online-lp .do-mv-stats-num b{
	margin:0 2px;
	color:var(--do-brand-deep);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:30px;
	letter-spacing:.01em;
}
.denki-online-lp .do-mv-stats-num small{
	margin-right:2px;
	font-size:12px;
}

.denki-online-lp .do-mv-stats-sub{
	color:var(--do-muted);
	font-size:11px;
	font-weight:700;
	line-height:1.3;
	white-space:nowrap;
}
.denki-online-lp .do-mv-cta{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
}
.denki-online-lp .do-btn--outline{
	border:2px solid var(--do-brand);
	background:#fff;
	color:var(--do-brand-deep);
}
.denki-online-lp .do-btn--outline:hover{
	background:var(--do-pale);
}
.denki-online-lp .do-mv-note{
	display:table;
	margin:14px auto 0;
	padding:5px 12px;
	border-radius:4px;
	background:rgba(255,255,255,.92);
	color:#44566A;
	font-size:12.5px;
	line-height:1.6;
}
.denki-online-lp .do-mv-note a{
	margin-left:.5em;
	color:var(--do-brand-deep);
	font-weight:700;
	text-decoration:underline;
}

.denki-online-lp.security-management .curriculum-header .btn a:before{
	background:url(../img/curriculum/2x/img-note.png) center center / contain no-repeat;
}
@media screen and (max-width: 1000px){
	.denki-online-lp .do-mv .do-mv-title{ font-size:30px; }
	.denki-online-lp .do-mv-tiles > span:not(.do-mv-tiles-br){ width:34px; height:34px; font-size:21px; }
	.denki-online-lp .curriculum-header .box{ width:80%; }
}
@media screen and (max-width: 768px){
	.denki-online-lp .curriculum-header .box{ width:100%; }
	.denki-online-lp .do-mv-badge{ font-size:12px; padding:5px 10px; margin-bottom:10px; }
	.denki-online-lp .do-mv .do-mv-title{ font-size:23px; margin-bottom:10px; }
	.denki-online-lp .do-mv-script{ font-size:15px; left:0; }
	.denki-online-lp .do-mv-name{ padding-top:14px; }
	.denki-online-lp .do-mv-tiles{ gap:3px; }
	.denki-online-lp .do-mv-tiles > span:not(.do-mv-tiles-br){ width:32px; height:32px; font-size:19px; box-shadow:0 2px 0 var(--do-brand-deep); }
	.denki-online-lp .do-mv-tiles-br{ display:block; flex-basis:100%; height:0; }
	.denki-online-lp .do-mv-more{ margin-top:14px; padding:0 4px 4px; }
	.denki-online-lp .do-mv-sub{ font-size:13.5px; line-height:1.7; margin-bottom:12px; }
	.denki-online-lp .do-mv-stats{ margin-bottom:14px; padding:8px 0; }
	.denki-online-lp .do-mv-stats li{ padding:0 3px; }
	.denki-online-lp .do-mv-stats-label{ font-size:10.5px; }
	.denki-online-lp .do-mv-stats-num{ font-size:12px; }
	.denki-online-lp .do-mv-stats-num b{ font-size:22px; }
	.denki-online-lp .do-mv-stats-num small{ font-size:10.5px; }
	.denki-online-lp .do-mv-stats-sub{ font-size:10px; }
	.denki-online-lp .do-mv-cta .do-btn{ width:100%; }
	.denki-online-lp .do-mv-note{ font-size:11.5px; }
}

.denki-online-lp .do-worry3{
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:28px;
	max-width:none;
}
@media screen and (max-width:1200px){
	.denki-online-lp .do-worry3{ grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:none; gap:24px; }
}
.denki-online-lp .do-worry-body{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	width:100%;
}
.denki-online-lp .do-worry-tag{
	padding:3px 12px;
	border-radius:999px;
	background:var(--do-brand);
	color:#fff;
	font-size:13px;
	font-weight:700;
	line-height:1.6;
}
.denki-online-lp .do-worry-text{
	width:100%;
	text-align:center;
	font-size:17px;
	line-height:1.5;
}

.denki-online-lp .do-worry-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-top:4px;
	padding:6px 30px 6px 6px;
	position:relative;
	border:2px solid var(--do-brand);
	border-radius:999px;
	background:#fff;
	color:var(--do-brand-deep);
	font-size:14px;
	font-weight:700;
	line-height:1.4;
	text-decoration:none;
	box-shadow:0 2px 0 rgba(0,107,173,.18);
	transition:background-color .15s, transform .15s;
}
.denki-online-lp .do-worry-btn::after{
	content:"";
	position:absolute;
	right:13px;
	top:50%;
	width:7px;
	height:7px;
	border-top:2px solid currentColor;
	border-right:2px solid currentColor;
	transform:translateY(-50%) rotate(45deg);
}
.denki-online-lp .do-worry-btn:hover{
	background:var(--do-pale);
}
.denki-online-lp .do-worry-btn:active{
	transform:translateY(1px);
}
.denki-online-lp .do-worry-btn:focus-visible{
	outline:3px solid var(--do-brand);
	outline-offset:2px;
}
.denki-online-lp .do-worry-btn-label{
	padding:2px 9px;
	border-radius:999px;
	background:var(--do-navy);
	color:#fff;
	font-size:11.5px;
	line-height:1.5;
}
.denki-online-lp .sec-worry .worry-cont{
	padding-bottom:70px;
}
@media screen and (max-width:999px){
	.denki-online-lp .do-worry3 .worry-list-item > figure{ width:120px; }
	.denki-online-lp .do-worry-text{ font-size:15px; }
	.denki-online-lp .do-worry-text br{ display:none; }
}
@media screen and (max-width:768px){
	.denki-online-lp .do-worry3{ grid-template-columns:1fr; max-width:420px; gap:24px; }
	.denki-online-lp .do-worry3 .worry-list-item{ align-items:flex-start; }
	.denki-online-lp .do-worry3 .worry-list-item > figure{ width:88px; min-width:88px; }
	.denki-online-lp .do-worry-body{ align-items:flex-start; gap:6px; }
	.denki-online-lp .do-worry-tag{ font-size:11.5px; padding:2px 10px; }
	.denki-online-lp .do-worry-text{ text-align:left; font-size:14.5px; }
	.denki-online-lp .do-worry-btn{ font-size:13px; padding:5px 28px 5px 5px; }
	.denki-online-lp .sec-worry .worry-cont{ padding-bottom:50px; }
	.denki-online-lp .worry-cont-txt > p{ font-size:20px; }
	.denki-online-lp .worry-cont-txt > p > strong{ font-size:26px; }
}

.denki-online-lp .sec-professional .do-point-num{
	justify-content:flex-start;
}

.denki-online-lp .do-text-box{
	max-width:900px;
	margin:40px auto 0;
	padding:28px 32px;
	border:1px solid #cadae5;
	border-radius:6px;
	background:#fff;
}
.denki-online-lp .do-text-box .heading-01{
	margin-bottom:12px;
}
.denki-online-lp .do-text-box > p{
	font-size:15px;
	line-height:1.8;
}
.denki-online-lp .do-text-table{
	width:100%;
	margin:16px 0;
	border-collapse:collapse;
	font-size:15px;
}
.denki-online-lp .do-text-table th,
.denki-online-lp .do-text-table td{
	padding:12px 14px;
	border-bottom:1px solid #cadae5;
	line-height:1.6;
	vertical-align:middle;
}
.denki-online-lp .do-text-table th{
	width:auto;
	background:transparent;
	color:#222;
	font-weight:400;
	text-align:left;
}
.denki-online-lp .do-text-table td{
	white-space:nowrap;
	text-align:right;
	font-weight:700;
}
.denki-online-lp .do-text-table tr.is-total th,
.denki-online-lp .do-text-table tr.is-total td{
	background:var(--do-pale);
	font-weight:700;
}
.denki-online-lp .do-text-mail{
	color:var(--do-brand-deep);
	font-weight:700;
}
@media screen and (max-width: 768px){
	.denki-online-lp .do-text-box{ padding:20px 16px; }
	.denki-online-lp .do-text-table{ font-size:13.5px; }
	.denki-online-lp .do-text-table th,
	.denki-online-lp .do-text-table td{ padding:10px 8px; }
}

.denki-online-lp .do-route-band{
	width:100%;
	padding:44px 40px;
	border-radius:12px;
	background:var(--do-pale);
}
.denki-online-lp .do-route{
	position:relative;
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:48px;
	max-width:1040px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
.denki-online-lp .do-route-item{
	position:relative;
	display:flex;
	flex-direction:column;
	padding:26px 26px 28px;
	border-radius:10px;
	background:#fff;
	box-shadow:0 12px 28px -24px rgba(12,35,64,.4);
	text-align:left;
}

.denki-online-lp .do-route-item + .do-route-item::before{
	content:"";
	position:absolute;
	left:-35px;
	top:50%;
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--do-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 13px no-repeat;
	transform:translateY(-50%);
}
.denki-online-lp .do-route-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom:1px solid var(--do-line);
}
.denki-online-lp .do-route-num{
	display:flex;
	flex-direction:column;
	color:var(--do-brand);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:44px;
	font-weight:700;
	line-height:1;
	letter-spacing:.02em;
}
.denki-online-lp .do-route-num > span{
	margin-bottom:6px;
	color:var(--do-brand-deep);
	font-size:12px;
	letter-spacing:.2em;
}
.denki-online-lp .do-route-icon{
	display:flex;
	flex:none;
	align-items:center;
	justify-content:center;
	width:56px;
	height:56px;
	border-radius:50%;
	background:var(--do-pale);
	color:var(--do-brand-deep);
}
.denki-online-lp .do-route-icon svg{
	width:26px;
	height:26px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.denki-online-lp .do-route-item.is-goal .do-route-icon{
	background:var(--do-brand);
	color:#fff;
}
.denki-online-lp .do-route-ttl{
	color:var(--do-ink);
	font-size:20px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:.06em;
}
.denki-online-lp .do-route-tag{
	align-self:flex-start;
	margin-top:10px;
	padding:2px 12px;
	border-radius:999px;
	background:var(--do-pale);
	color:var(--do-brand-ink);
	font-size:12.5px;
	font-weight:700;
	line-height:1.7;
	letter-spacing:.04em;
}
.denki-online-lp .do-route-txt{
	margin-top:12px;
	color:var(--do-ink-soft);
	font-size:14.5px;
	line-height:1.85;
	letter-spacing:.04em;
	text-align:justify;
}

@media screen and (max-width: 999px){
	.denki-online-lp .do-route-band{ padding:32px 24px; }
	.denki-online-lp .do-route{ gap:40px; }
	.denki-online-lp .do-route-item{ padding:22px 20px 24px; }
	.denki-online-lp .do-route-item + .do-route-item::before{ left:-31px; }
	.denki-online-lp .do-route-num{ font-size:38px; }
	.denki-online-lp .do-route-icon{ width:50px; height:50px; }
	.denki-online-lp .do-route-icon svg{ width:23px; height:23px; }
	.denki-online-lp .do-route-ttl{ font-size:18px; }
}

@media screen and (max-width: 768px){
	.denki-online-lp .do-route-band{
		padding:24px 16px 24px 14px;
		border-radius:10px;
	}
	.denki-online-lp .do-route{
		grid-template-columns:1fr;
		gap:16px;
		padding-left:26px;
	}
	.denki-online-lp .do-route::before{
		content:"";
		position:absolute;
		left:8px;
		top:28px;
		bottom:28px;
		width:2px;
		background:rgba(29,161,242,.35);
	}
	.denki-online-lp .do-route-item{
		padding:18px 18px 20px;
	}
	.denki-online-lp .do-route-item::after{
		content:"";
		position:absolute;
		left:-26px;
		top:26px;
		width:18px;
		height:18px;
		border:4px solid var(--do-pale);
		border-radius:50%;
		background:var(--do-brand);
		box-sizing:border-box;
	}
	.denki-online-lp .do-route-item + .do-route-item::before{ display:none; }
	.denki-online-lp .do-route-head{
		margin-bottom:12px;
		padding-bottom:12px;
	}
	.denki-online-lp .do-route-num{ font-size:34px; }
	.denki-online-lp .do-route-num > span{ margin-bottom:4px; font-size:11px; }
	.denki-online-lp .do-route-icon{ width:44px; height:44px; }
	.denki-online-lp .do-route-icon svg{ width:21px; height:21px; }
	.denki-online-lp .do-route-ttl{ font-size:17px; }
	.denki-online-lp .do-route-txt{ margin-top:10px; font-size:14px; }
}

.denki-online-lp .do-faq-q{
	display:block;
	width:100%;
	padding:0;
	border:0;
	background:none;
	color:inherit;
	font:inherit;
	letter-spacing:inherit;
	text-align:left;
	cursor:pointer;
}
.denki-online-lp .faq-cont-list-group > dl + dl{
	margin-top:20px;
}

@media screen and (max-width: 768px){
	.denki-online-lp .faq-cont-list-group > dl dt{
		padding-right:50px;
	}
}
.do-js .denki-online-lp .faq-cont-list-group > dl:not(.is-open) dd{
	display:none;
}

.denki-online-lp .do-mv-movie{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin-top:14px;
	color:var(--do-brand-deep);
	font-size:14.5px;
	font-weight:700;
	text-decoration:none;
}
.denki-online-lp .do-mv-movie small{
	color:var(--do-muted);
	font-size:12.5px;
	font-weight:500;
}
.denki-online-lp .do-mv-movie:hover{ text-decoration:underline; }
.denki-online-lp .do-mv-movie-icon{
	position:relative;
	flex:none;
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--do-fault);
}
.denki-online-lp .do-mv-movie-icon::after{
	content:"";
	position:absolute;
	left:9px;
	top:7px;
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent #fff;
}

.denki-online-lp .do-books{
	background:var(--do-paper);
}
.denki-online-lp .do-books .ttl-01 h2{
	line-height:1.5;
}
.denki-online-lp .do-books-lead{
	margin:0 auto 36px;
	color:var(--do-ink-soft);
	font-size:16px;
	line-height:1.9;
	text-align:center;
}
.denki-online-lp .do-books-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:28px;
	max-width:1040px;
	margin:0 auto;
}
.denki-online-lp .do-book{
	display:flex;
	flex-direction:column;
	padding:30px 30px 28px;
	border:1px solid var(--do-line);
	border-top:5px solid var(--do-brand);
	border-radius:10px;
	background:#fff;
}
.denki-online-lp .do-book-role{
	align-self:flex-start;
	margin-bottom:14px;
	padding:3px 14px;
	border-radius:999px;
	background:var(--do-pale);
	color:var(--do-brand-ink);
	font-size:13px;
	font-weight:700;
	letter-spacing:.06em;
}
.denki-online-lp .do-book-ttl{
	color:var(--do-ink);
	font-size:22px;
	font-weight:700;
	line-height:1.45;
	letter-spacing:.04em;
}
.denki-online-lp .do-book-ttl small{
	display:block;
	margin-top:2px;
	color:var(--do-muted);
	font-family:"Lato", "Noto Sans JP", sans-serif;
	font-size:14px;
	font-weight:700;
	letter-spacing:.04em;
}
.denki-online-lp .do-book-meta{
	margin-top:8px;
	color:var(--do-muted);
	font-size:13px;
}
.denki-online-lp .do-book-txt{
	margin-top:16px;
	color:var(--do-ink-soft);
	font-size:15px;
	line-height:1.85;
	text-align:justify;
}
.denki-online-lp .do-book-hard{
	margin-top:auto;
	padding:16px 18px;
	border-radius:8px;
	background:var(--do-paper);
}
.denki-online-lp .do-book-txt + .do-book-hard{ margin-top:20px; }
.denki-online-lp .do-book-hard-ttl{
	margin-bottom:6px;
	color:var(--do-fault-ink);
	font-size:13.5px;
	font-weight:700;
}
.denki-online-lp .do-book-hard p:not(.do-book-hard-ttl){
	color:var(--do-ink-soft);
	font-size:14px;
	line-height:1.8;
	text-align:justify;
}

.denki-online-lp .do-books-bridge{
	position:relative;
	max-width:1040px;
	margin:44px auto 0;
	padding:28px 36px;
	border-radius:10px;
	background:var(--do-brand-deep);
	color:#fff;
}
.denki-online-lp .do-books-bridge::before{
	content:"";
	position:absolute;
	left:50%;
	top:-30px;
	border-style:solid;
	border-width:16px 26px 0;
	border-color:var(--do-brand) transparent transparent;
	transform:translateX(-50%);
}
.denki-online-lp .do-books-bridge-ttl{
	margin-bottom:10px;
	font-size:18px;
	font-weight:700;
	letter-spacing:.06em;
}
.denki-online-lp .do-books-bridge ul{
	margin:0;
	padding:0;
	list-style:none;
}
.denki-online-lp .do-books-bridge li{
	position:relative;
	padding-left:26px;
	font-size:15.5px;
	line-height:1.8;
}
.denki-online-lp .do-books-bridge li + li{ margin-top:6px; }
.denki-online-lp .do-books-bridge li::before{
	content:"";
	position:absolute;
	left:2px;
	top:.5em;
	width:12px;
	height:7px;
	border-left:2.5px solid var(--do-flow);
	border-bottom:2.5px solid var(--do-flow);
	transform:rotate(-45deg);
}
.denki-online-lp .do-books-bridge strong{ color:#fff; }
.denki-online-lp .do-books-note{
	max-width:1040px;
	margin:18px auto 0;
	color:var(--do-muted);
	font-size:13.5px;
	line-height:1.8;
}
.denki-online-lp .do-books-note a{
	margin-left:.4em;
	color:var(--do-brand-deep);
	font-weight:700;
	text-decoration:underline;
}
@media screen and (max-width: 768px){
	.denki-online-lp .do-books-lead{ margin-bottom:24px; font-size:14.5px; text-align:left; }
	.denki-online-lp .do-books-grid{ grid-template-columns:1fr; gap:18px; }
	.denki-online-lp .do-book{ padding:22px 18px 20px; }
	.denki-online-lp .do-book-ttl{ font-size:19px; }
	.denki-online-lp .do-book-txt{ margin-top:12px; font-size:14px; }
	.denki-online-lp .do-book-txt + .do-book-hard{ margin-top:14px; }
	.denki-online-lp .do-book-hard{ padding:14px; }
	.denki-online-lp .do-book-hard p:not(.do-book-hard-ttl){ font-size:13.5px; }
	.denki-online-lp .do-books-bridge{ margin-top:36px; padding:22px 18px; }
	.denki-online-lp .do-books-bridge-ttl{ font-size:16px; }
	.denki-online-lp .do-books-bridge li{ font-size:14px; }
	.denki-online-lp .do-books-note{ font-size:12.5px; }
}

.denki-online-lp .do-movie{
	background:#fff;
}
.denki-online-lp .do-movie .ttl-01 h2{ line-height:1.5; }
.denki-online-lp .do-movie-lead{
	margin:0 auto 32px;
	color:var(--do-ink-soft);
	font-size:15px;
	text-align:center;
}
.denki-online-lp .do-movie-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:28px;
	max-width:1040px;
	margin:0 auto;
}
.denki-online-lp .do-movie-item{
	margin:0;
	overflow:hidden;
	border:1px solid var(--do-line);
	border-radius:10px;
	background:#fff;
	box-shadow:0 14px 30px -26px rgba(12,35,64,.5);
}
.denki-online-lp .do-yt,
.denki-online-lp .do-yt-frame{
	position:relative;
	display:block;
	width:100%;
	aspect-ratio:16 / 9;
	border:0;
	background:#000;
}
.denki-online-lp .do-yt img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:opacity .2s ease;
}
.denki-online-lp .do-yt:hover img{ opacity:.85; }
.denki-online-lp .do-yt-play{
	position:absolute;
	left:50%;
	top:50%;
	width:68px;
	height:48px;
	border-radius:12px;
	background:rgba(214,64,42,.95);
	transform:translate(-50%, -50%);
}
.denki-online-lp .do-yt-play::after{
	content:"";
	position:absolute;
	left:27px;
	top:14px;
	border-style:solid;
	border-width:10px 0 10px 17px;
	border-color:transparent transparent transparent #fff;
}
.denki-online-lp .do-yt-time{
	position:absolute;
	right:10px;
	bottom:10px;
	padding:2px 7px;
	border-radius:4px;
	background:rgba(0,0,0,.75);
	color:#fff;
	font-family:"Lato", sans-serif;
	font-size:12.5px;
	font-weight:700;
}
.denki-online-lp .do-movie-item figcaption{
	padding:18px 22px 22px;
}
.denki-online-lp .do-movie-ttl{
	color:var(--do-ink);
	font-size:18px;
	font-weight:700;
	line-height:1.5;
}
.denki-online-lp .do-movie-sub{
	margin:4px 0 14px;
	color:var(--do-muted);
	font-size:13.5px;
	line-height:1.7;
}
@media screen and (max-width: 768px){
	.denki-online-lp .do-movie-lead{ margin-bottom:22px; font-size:14px; }
	.denki-online-lp .do-movie-grid{ grid-template-columns:1fr; gap:18px; }
	.denki-online-lp .do-movie-item figcaption{ padding:14px 16px 18px; }
	.denki-online-lp .do-movie-ttl{ font-size:16.5px; }
	.denki-online-lp .do-yt-play{ width:58px; height:40px; }
	.denki-online-lp .do-yt-play::after{ left:23px; top:11px; border-width:9px 0 9px 15px; }
}

.denki-online-lp .do-curriculum-note{
	margin:-16px 0 28px;
	color:var(--do-ink-soft);
	font-size:14.5px;
	line-height:1.8;
	text-align:center;
}
.denki-online-lp .do-curriculum-note strong{ color:var(--do-navy); }

.denki-online-lp .do-price-lead{
	margin:-12px 0 28px;
	color:var(--do-ink-soft);
	font-size:15px;
	line-height:1.8;
	text-align:center;
}
.denki-online-lp .do-price-lead strong{ color:var(--do-navy); }

.denki-online-lp .do-choose{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
	max-width:900px;
	margin:0 auto;
}
.denki-online-lp .do-choose-col{
	display:flex;
	flex-direction:column;
	padding:26px 26px 24px;
	border:1px solid var(--do-line);
	border-radius:10px;
	background:#fff;
}
.denki-online-lp .do-choose-col.is-this{
	border:2px solid var(--do-navy);
	background:#F2F9FF;
}
.denki-online-lp .do-choose-name{
	margin-bottom:2px;
	color:var(--do-navy);
	font-size:19px;
	font-weight:700;
	line-height:1.5;
}
.denki-online-lp .do-choose-ttl{
	margin-bottom:10px;
	color:var(--do-brand-deep);
	font-size:13.5px;
	font-weight:700;
}
.denki-online-lp .do-choose-col:not(.is-this) .do-choose-ttl{ color:var(--do-muted); }
.denki-online-lp .do-choose-list{
	margin:0 0 16px;
	padding:0;
	list-style:none;
}
.denki-online-lp .do-choose-list li{
	position:relative;
	padding:5px 0 5px 26px;
	font-size:15px;
	line-height:1.7;
}
.denki-online-lp .do-choose-list li::before{   
	content:"";
	position:absolute;
	left:5px;
	top:.72em;
	width:6px;
	height:11px;
	border-right:2.5px solid var(--do-brand);
	border-bottom:2.5px solid var(--do-brand);
	transform:rotate(45deg);
}
.denki-online-lp .do-choose-col:not(.is-this) .do-choose-list li::before{ border-color:#9FB3C6; }
.denki-online-lp .do-choose-list strong{ color:var(--do-navy); }
.denki-online-lp .do-choose-spec{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:4px 14px;
	margin:auto 0 18px;               
	padding-top:14px;
	border-top:1px dashed var(--do-line);
	font-size:13.5px;
	line-height:1.6;
}
.denki-online-lp .do-choose-spec dt{ color:var(--do-muted); font-weight:700; }
.denki-online-lp .do-choose-spec dd{ margin:0; color:var(--do-ink); }
.denki-online-lp .do-choose-note{
	max-width:900px;
	margin:18px auto 0;
	color:var(--do-muted);
	font-size:13px;
	line-height:1.8;
}
@media (max-width:767px){
	.denki-online-lp .do-choose{ grid-template-columns:1fr; gap:16px; }
	.denki-online-lp .do-choose-col{ padding:20px 18px; }
}

.denki-online-lp .do-discount-ttl span{
	display:inline-block;
	margin-left:.6em;
	font-size:16px;
}
.denki-online-lp .do-discount-ttl strong{
	color:var(--do-brand-deep);
	font-size:22px;
}
.denki-online-lp .do-discount-sub{
	margin-bottom:6px;
	color:var(--do-navy);
	font-size:14px;
	font-weight:700;
}
.denki-online-lp .do-discount-who{
	font-size:14.5px;
	line-height:1.8;
}
.denki-online-lp .do-discount-courses{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:8px 0 0;
	padding:0;
	list-style:none;
}
.denki-online-lp .do-discount-courses li{
	padding:3px 12px;
	border:1.5px solid var(--do-brand);
	border-radius:999px;
	color:var(--do-brand-deep);
	font-size:14px;
	font-weight:700;
}
.denki-online-lp .do-discount-how{ grid-column:1 / -1; }
.denki-online-lp .do-discount-steps{
	margin:0;
	padding:0;
	list-style:none;
	counter-reset:do-step;
}
.denki-online-lp .do-discount-steps li{
	position:relative;
	padding:4px 0 4px 34px;
	counter-increment:do-step;
}
.denki-online-lp .do-discount-steps li::before{
	content:counter(do-step);
	position:absolute;
	left:0;
	top:5px;
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--do-navy);
	color:#fff;
	font-family:"Lato", sans-serif;
	font-size:13px;
	font-weight:700;
	line-height:24px;
	text-align:center;
}
.denki-online-lp .do-discount-steps a{
	color:var(--do-brand-deep);
	font-weight:700;
	text-decoration:underline;
}
@media (max-width:767px){
	.denki-online-lp .do-discount-ttl span{ display:block; margin:2px 0 0; }
}

.denki-online-lp .do-need{
	max-width:900px;
	margin:40px auto 0;
	padding:28px 32px;
	border-top:3px solid var(--do-navy);
	background:#fff;
	scroll-margin-top:100px;
}
.denki-online-lp .do-need .heading-01{ margin-bottom:10px; }
.denki-online-lp .do-need-lead{
	margin-bottom:14px;
	font-size:15px;
	line-height:1.8;
}
.denki-online-lp .do-need-lead strong{ color:var(--do-navy); }
.denki-online-lp .do-need-books{
	margin:0 0 18px;
	padding:0;
	list-style:none;
	border-top:1px solid var(--do-line);
}
.denki-online-lp .do-need-books li{
	display:flex;
	align-items:center;
	gap:14px;
	padding:14px 4px;
	border-bottom:1px solid var(--do-line);
}
.denki-online-lp .do-need-icon{
	flex:none;
	display:grid;
	place-items:center;
	width:44px;
	height:44px;
	border-radius:8px;
	background:var(--do-pale);
}
.denki-online-lp .do-need-icon svg{
	width:24px;
	height:24px;
	fill:none;
	stroke:var(--do-brand-deep);
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.denki-online-lp .do-need-book{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	line-height:1.5;
}
.denki-online-lp .do-need-book b{ color:var(--do-ink); font-size:15.5px; }
.denki-online-lp .do-need-book small{ color:var(--do-muted); font-size:12.5px; }
.denki-online-lp .do-need-role{
	margin-top:2px;
	color:var(--do-brand-deep);
	font-size:13px;
	font-weight:700;
}
.denki-online-lp .do-need-price{
	flex:none;
	color:var(--do-ink);
	font-size:15px;
	font-weight:700;
	white-space:nowrap;
}
.denki-online-lp .do-need-cases{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:12px;
	margin-bottom:16px;
}
.denki-online-lp .do-need-case{
	padding:14px 16px;
	border-radius:6px;
	background:var(--do-paper);
	font-size:14px;
	line-height:1.8;
}
.denki-online-lp .do-need-case-ttl{
	margin-bottom:2px;
	color:var(--do-navy);
	font-weight:700;
}
.denki-online-lp .do-need-case strong{ display:block; color:var(--do-navy); }
.denki-online-lp .do-need-gift{
	display:flex;
	align-items:center;
	gap:10px;
	color:var(--do-ink);
	font-size:14.5px;
	font-weight:700;
	line-height:1.7;
}
.denki-online-lp .do-need-gift-tag{
	flex:none;
	padding:2px 10px;
	border-radius:4px;
	background:#FFE14D;
	color:var(--do-navy);
	font-size:12.5px;
}
@media (max-width:767px){
	.denki-online-lp .do-need{ padding:22px 16px; }
	.denki-online-lp .do-need-books li{ flex-wrap:wrap; gap:10px 12px; }
	.denki-online-lp .do-need-book{ flex:1 1 calc(100% - 56px); }   
	.denki-online-lp .do-need-price{ margin-left:56px; }
	.denki-online-lp .do-need-cases{ grid-template-columns:1fr; }
	.denki-online-lp .do-need-gift{ align-items:flex-start; }
}