@charset "UTF-8";

/* RAM ROM */
.container .ram_rom {
	max-width: 600px;
	margin: 0 auto;
	display:flex;
}
.container .ram_rom li {
	width:50%;
	color:#707F86;
	border-style: dashed;
	border-width:0 1px 0 0;
		line-height: 1;
}
.container .ram_rom li:first-child {
	border-left-width: 1px;
}
.container .ram_rom li dt{
	font-size:34px;
	font-weight:500;

	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
}

.container .ram_rom li dd  {
	font-size:25px;
}
.container .ram_rom li dd img {
	margin-right:0.5em;
	margin-bottom: 0.25em;
	vertical-align:middle;
}
.container .ram_rom li dd span {
	font-size:1.4em
}
@media screen and (max-width: 640px) {
	.container .ram_rom {
		width:94%;
		margin: 0 auto;
		max-width: 420px;
		font-weight:500;
	}
	.container .ram_rom li {

	}
	.container .ram_rom li dt{
		font-size:23px;
	}
	.container .ram_rom li dd{
		font-size:14px;
	}
	.container .ram_rom li dd img{
		width:34px;
	}
}

/* 省エネIGZO */
.container .igzo {
	max-width:960px;
	margin: 2em auto 0;
	display: flex;
	justify-content: space-between
}
.container .igzo > div {
	width:460px;
	display:flex;
	align-items:center
}
.container .igzo > div > dl {
	width:50%;
}
.container .igzo > div > p {
	width:43%;
	font-size:22px;
	line-height: 1.5;
	color:#597786;
	font-weight:400;
}
@media screen and (max-width: 640px) {
	.container .igzo {
		display: block;
		margin-top:-1em;
	}
	.container .igzo > div {
		width:94%;
		margin:2em auto 0;
	}
	.container .igzo > div > p {
		font-size:16px;}
}

/* 電池の健康度 */
.container .battery_health {
	display: flex;
	justify-content: center;
	margin: auto;
}
.container .battery_health li {
	width:220px;
	border:1px solid #aaa;
	background-color: #fff;
	position: relative;
	padding:2em 0;
	margin:0 2em;
}
.container .battery_health li > dl{
	padding: 1em;
}
.container .battery_health li:nth-child(n+2):before,
.container .battery_health li:nth-child(n+2):after{
	position:absolute;
	content:"";
	display: block;
}
.container .battery_health li:nth-child(n+2):before{
	width:26px;
	height:2px;
	background-color: #597786;
	top:50%;
	left:-46px;
}
.container .battery_health li:nth-child(n+2):after{
	width:14px;
	height:14px;
	border-right:2px solid #597786;
	border-bottom:2px solid #597786;
	top:calc(50% - 7px);
	left:-36px;
	transform: rotate(-45deg)
}
.container .battery_health li > span{
	display: inline-block;
	font-size:20px;
	padding:1em 1.7em;
	line-height: 1.4;
	border-radius: 0.7em;
	position: relative;
	letter-spacing:0.2em;
	color:#fff;
}
.container .battery_health li:nth-child(1) > span{background-color: #0aa863;}
.container .battery_health li:nth-child(2) > span{background-color: #229DDA;}
.container .battery_health li:nth-child(3) > span{background-color: #F0860D;}

.container .battery_health li > span::before{
	content:"";
	display:block;
	width:0.4em;
	height:1.6em;
	position: absolute;
	left:-0.4em;
	top:calc(50% - 0.8em);
	background-color: inherit;
}
@media screen and (max-width: 640px) {
	.container .battery_health li {
		width:auto;
		margin:0 0.6em;
		padding:0 0.5em;
		border:none;
		background-color:transparent;
	}
	.container .battery_health li > span{
		font-size:15px;
	}
	.container .battery_health li:nth-child(n+2):before{
		width:14px;
		height:1px;
		top:50%;
		left:-18px;
	}
	.container .battery_health li:nth-child(n+2):after{
		width:8px;
		height:8px;
		border-right:1px solid #597786;
		border-bottom:1px solid #597786;
		top:calc(50% - 4px);
		left:-13px;
	}
}