@charset "UTF-8";

/* ===== 旧製品との比較 ===== */
#new_title{
	font-size:160%;
	font-weight:bold;
	padding:3px 0 3px 12px;
	border-left:8px solid #666;
}
.title_new{
	background:#ffff00;
	text-align:center;
	font-style:italic;
	font-size:160%;
	font-weight:bold;
	padding:10px;
line-height:1.5;
}
#comparison .lead{
	text-align:center;
	font-size: 18px;
	margin:0 auto;
    line-height: 180%;
}
#function .lead {
    text-align: center;
    line-height: 250%;
    letter-spacing: 0.05em;
    font-size: 19px;
}
#comparison .Box{
	width:85%;
	margin:3% auto;
	line-height:170%;
}
#comparison .Box .BoxL{
	float:left;
	width:45%;
}
#comparison .Box .BoxL img,#comparison .Box .BoxR img{
	width:100%;
}
#comparison .Box .BoxR{
	float:right;
	width:45%;
}
#comparison .Box .BoxL2{
	float:left;
	width:40%;
}
#comparison .Box .BoxR2{
	float:right;
	width:50%;
}
#comparison .Box strong{
	font-weight:600;
	font-style:italic;
}
#comparison .option{
	width:90%;
	margin:3% auto;
	text-align:center;
}
#comparison .option_unit{
	max-width: 960px;
	display: flex;
	justify-content: space-evenly;
	column-gap: clamp(16px, calc(64 / 1200 * 100vw), 64px);
	margin: 3% auto;
}
#comparison .option_in{
	width: 50%;
}
/* #comparison .option_in{
	float:left;
	width:33%;
	margin:3% auto;
} */
#comparison .option_in p{
	text-align:center;
	font-size:120%;
	font-weight:600;
	letter-spacing:-0.05em;
}

@media screen and (max-width: 736px) {
#comparison .lead{
	margin:3%;
}
#comparison .Box{
	width:95%;
	margin:3% auto;
}
#comparison .Box .BoxL{
	clear:both;
	display:block;
	width:100%;
}
#comparison .Box .BoxR{
	clear:both;
	display:block;
	width:100%;
}
#comparison .Box .BoxL2{
	clear:both;
	display:block;
	width:100%;
}
#comparison .Box .BoxR2{
	clear:both;
	display:block;
	width:100%;
}
#comparison .option_in p{
	font-size:100%;
}
}