<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.no-scroll {
	height: 100vh;
	overflow: hidden !important;
}

.note a {
	/* color: #1594CC; */
}

#runningcost .top-overview {
	text-align: center;
}

.infomation[data-info-target] {
	display: inline-block;
	cursor: pointer;
}

.infomation[data-info-target]::after {
	content: '';
	color: #c3002f;
	font-size: 100%;
	margin-left: 0.4em;
	padding-right: 0.3em;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance:textfield;
}

input:required {
	box-shadow: none;
}

input[type="number"],
input[type="text"] {
	-webkit-appearance: none;
	width: 100%;
	border: 1px solid #343434;
	font-size: calc(20/14 * 1em);
	padding: 0.6em 0.4em;
	text-align: center;
	line-height: 1.4;
	display: block;
	color: #5c5c5c;
	border-radius: 4px;
	outline: none;
	font-family: 'Verdana', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'MS PGothic', 'sans-serif' !important;
}

input[type="number"].error,
input[type="text"].error {
	border-color: #cd1208 !important;
	/*background-color: #f5acac !important;*/
	color: #cd1208 !important;
}

input + .error,
input + span + .error {
	font-size: 85%;
	color: #cd1208 !important;
	text-align: center;
	display: none;
}

input.error + .error {
	display: block;
}

input.gray {
	background-color: #c3c3c3;
}

.custom-selectbox {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1
}

.custom-selectbox select {
	top: 0;
	height: 100%;
	display: block;
	left: 0;
	font-size: 18px;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: left;
	width: 100%;
	z-index: 1;
	-webkit-appearance: none;
	cursor: pointer
}

.custom-selectbox .selectedValue {
	width: 100%;
	border: 1px solid #343434;
	border-radius: 4px;
	font-size: calc(20/14 * 1em);
	padding: 0.65em 0.4em;
	text-align: center;
	background-color: #fff;
	display: block;
	line-height: 1.4;
	color: #5c5c5c;
}

.custom-selectbox .selectedValue::after {
	transform: translateY(-50%);
	content: "";
	position: absolute;
	top: 50%;
	right: 0.8em;
	color: #c3002f;
	font-size: 0.7em;
}

.custom-selectbox .selectedValue .unit,
.custom-selectbox .selectedValue .s {
	display: inline;
	font-size: calc(16/20 * 1em);
}


.running-cost-sim {
	/*background-color: #fbefef;*/
}

.input-block {
	margin-bottom: calc(100/1170 * 100%);
}

.input-block .gray-box {
	background-color: #eee;
	padding: calc(10/1170 * 100%) calc(10/1170 * 100%) calc(35/1170 * 100%);
	border-radius: 10px;
}

.user-input {
	width: 100%;
	border-radius: 9px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	padding: calc(57/1150 * 100%) calc(95/1150 * 100%) calc(37/1150 * 100%);
}

.input-item {
	width: calc(210/1170 * 100%);
}

.elec-pram {
	margin: calc(50/1170 * 100%) 0;
}

.default-input {
	width: calc(1030/1170 * 100%);
	/*background-color: #fff;*/
	margin: calc(35/1170 * 100%) auto 0;
	display: flex;
	justify-content: space-between;
}


.default-input .input-item {
	width: calc(210/1030 * 100%);
}

.default-input .battery {
	width: calc(260/1030 * 100%);
}

.input-item label {
	font-size: calc(14/14 * 1em);
	line-height: 1;
	margin-bottom: 0.7em;
	padding-left: 0.7em;
	border-left: 4px solid #c3002f;
	display: block;
	position: relative;
}

.input-item .unit {
	font-size: calc(12/14 * 1em);
	line-height: 1;
	margin-top: 0.6em;
	margin-bottom: 0;
	display: block;
	text-align: center;
	color: #444;
}

.input-block .note {
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.input-block .button,
.overlay .button {
	width: calc(280/1170 * 100%);
	height: auto;
	display: block;
	font-size: calc(20/14 * 1em);
	-webkit-appearance: none;
	border: 2px solid #c3002f;
	background-color: #c3002f;
	border-radius: 5px;
	color: #fff;
	margin: calc(50/1170 * 100%) auto;
	padding: 0.7em;
	letter-spacing: .1em;
	cursor: pointer;
	transition: all 0.15s ease-in-out 0s;
	outline: none;
}

.input-block .button:disabled,
.overlay .button:disabled {
	background-color: #cacaca;
	border-color: #cacaca;
	pointer-events: none;
}

.input-block .button::after,
.overlay .button::after {
	content: none;
}

.input-block .button:hover,
.overlay .button:hover {
	border-color: #920023;
	background-color: #920023;
}

.user-input .input-item {
	display: flex;
	align-items: center;
}

.user-input .input-item:first-child {
	width: calc(426/960 * 100%);
}

.user-input .input-item:last-child {
	width: calc(483/960 * 100%);
}

.user-input .input-item:first-child .input {
	width: calc(290/426 * 100%);
}

.user-input .input-item:last-child .input {
	width: calc(290/483 * 100%);
}

.user-input .input-item label {
	flex: 1 0 auto;
	font-size: calc(17/14 * 1em);
	font-weight: bold;
	padding-bottom: 0.2em;
}

.user-input .input-item input {
	border: 2px solid #c3002f;
	font-size: calc(23/14 * 1em);
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}


.result-block {
	display: none;
	padding-top: calc(20/1170 * 100%);
}

.result-block .ev-result {
	border: 3px solid #c3002f;
	padding: calc(35/1170 * 100%) 0 calc(40/1170 * 100%);
}

.result-block .recommendation {
	display: flex;
	align-items: center;
	width: calc(766/1164 * 100%);
	height: calc(92 / 1164 * 100vw);
	max-height: 102px;
	padding-left: calc(145/1164 * 100%);
	padding-bottom: calc(25/1164 * 100%);;
	margin: 0 auto;
	background-image: url(../RUNNINGCOST_IMG/icon_result_ev.png);
	background-repeat: no-repeat;
	background-position: 1% 30%;
	background-size: 15%;
}

.result-block .recommendation h2,
.result-block .plan-block h2,
.result-block .no-zesp-block h2 {
	font-size: calc(20/14 * 1em);
	font-weight: bold;
	line-height: 1;
	font-feature-settings: 'palt';
}

.result-block .recommendation h2[arria-hidden="true"] {
	display: none;
}

.result-block .recommendation h2[arria-hidden="false"] {
	display: block;
}

.result-block .recommendation h2 .head {
	width: 15em;
	display: inline-block;
}

.result-block .recommendation h2 .head .colon {
	display: inline-block;
	margin: 0 1em 0 0.5em;
	float: right;
}

.result-block .recommendation h2 .total-cost {
	font-size: calc(50/20 * 1em);
	margin-right: 0.2em;
}

.result-block .recommendation h2 .tax-label {
	font-size: calc(22/20 * 1em);
}

.result-block .plan-block,
.result-block .no-zesp-block {
	display: flex;
	justify-content: center;
	margin-bottom: calc(50 / 1170 * 100%);
}

.result-block .plan-block[arria-hidden='true'],
.result-block .no-zesp-block[arria-hidden='true'] {
	display: none;
}

.result-block .plan-block h2 .head {
	width: 12em;
	display: inline-block;
}

.result-block .plan-block h2 .recommended-plan {
	font-size: calc(34/20 * 1em);
}

.result-block .plan-block h2 .infomation::after {
	margin-top: -1.5em;
	display: inline-block;
    transform: translate(-0.1em, -0.7em);
}

.result-block .no-zesp-block h2 .infomation::after {
	margin-top: -1.5em;
	display: inline-block;
    transform: translate(-0.1em, 0.04em);
}

.result-block .recommendation .note {
	color: #c3002f;
	white-space: nowrap;
	margin-top: 1em;
}

.result-block .breakdown {
	margin-top: calc(10/1170 * 100%);
}

#naruhodo_ev_charge img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 581px) {
	#naruhodo_ev_charge a	{
		width: 45%;
	}
}

@media screen and (min-width: 581px) and (max-width: 1279px) {
	.breakdown .sec-label {
		height: 3.75vw;
		background-size: auto 3.125vw;
	}
}

/* .breakdown .sec-label::after {
	content: '';
	float: right;
	font-size: 1em;
	color: #c3002f;
	padding-left: 8px;
	vertical-align: bottom;
}

.breakdown.open .sec-label::after {
	content: '';
} */

.result-block .btn-block {
	display: flex;
	justify-content: space-between;
	margin-bottom: calc(50 / 1170 * 100%);
}

.result-block .btn-block button {
	font-size: calc(20 / 14 * 1em);
	text-align: center;
	color: #fff;
	padding: 0.7em;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	background-color: #d5d5d5;
	display: block;
	width: calc(48 / 100 * 100%);
	outline: none;
	transition: background-color 0.15s ease-in-out 0s;
}

.result-block .btn-block button:hover {
	background-color: #c3002f;
}

.result-block .btn-block button[data-active='true'] {
	cursor: default;
	pointer-events: none;
	background: #c3002f;
}

.result-block .btn-block[data-zesp3only='true'] {
	display: none;
}

.breakdown .result-detail {
	width: calc(766/1164 * 100%);
	margin: 0 auto;
	margin-top: calc(20 / 1164 * 100%);
	margin-bottom: calc(55/1164 * 100%);
}

.breakdown .result-detail #result-detail-content[arria-hidden="true"],
.breakdown .result-detail #result-detail-content-no-zesp3[arria-hidden="true"] {
	display: none;
}

.breakdown .result-detail #result-detail-content[arria-hidden="false"],
.breakdown .result-detail #result-detail-content-no-zesp3[arria-hidden="false"] {
	display: block;
}

.breakdown .result-detail h3 {
	width: 100%;
	font-size: calc(16/14 * 1em);
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding: 0.6em;
	color: #fff;
	background-color: #343434;
	letter-spacing: 1px;
	border-radius: 50px;
}

.result-detail .detail-section {
	margin-top: calc(20/766 * 100%);
}

.result-detail .detail-section h4 {
	font-size: calc(16/14 * 1em);
	margin-bottom: 0.6em;
}

.result-detail-table {
	width: 100%;
	margin-top: calc(-18/766 * 100%);
}

.result-detail-table th,
.result-detail-table td {
	padding: calc(6/766 * 100%);
	vertical-align: middle;
}

.result-detail-table .row-1 {
	width: 18%;
	padding-left: calc(25/766 * 100%);
	font-size: calc(16/14 * 1em);
	font-weight: normal;
	background-color: #D1D1D1;
}

.result-detail-table tr:nth-child(1) .row-1 {
	width: 50%;
}

.result-detail-table.gas .row-1 {
	width: 50% !important;
}

.result-detail-table.gas tr {
	border: 1px solid #fff;
}

.result-detail-table.gas tr:first-child {
	border-top: none;
}

.result-detail-table .row-2 {
	width: 32%;
	font-size: calc(20/14 * 1em);
	font-weight: bold;
	background-color: #ededed;
}

.result-detail-table .row-3 {
	width: 50%;
	background-color: #f8f8f9;
	font-size: calc(16/14 * 1em);
	font-weight: normal;
	padding-left: calc(60/766 * 100%);
	font-feature-settings: 'palt';
}

.result-detail-table .row-3 .value.l {
	font-size: calc(22/16 * 1em);
	font-weight: bold;
	color: #c3002f;
}

.result-detail-table .row-3 .unit,
.result-detail-table .row-3 .tax-label {
	font-size: calc(14/16 * 1em);
}

.result-detail-table.zesp3 .row-1 {
	/*background-color: #d7dfec;*/
}

.result-detail-table.zesp3 .row-2 {
	font-size: calc(16/14 * 1em);
	font-weight: normal;
	padding-left: calc(40/766 * 100%);
	padding-top: calc(12/766 * 100%);
	padding-bottom: calc(12/766 * 100%);
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
}

.result-detail-table.zesp3 .row-3 {
	border-top: 4px solid #fff;
}

.result-detail-table.zesp3 tr:first-of-type .row-2 {
	background-color: #d7dfec;
	border: none
}

.result-detail-table.ev {
	margin-top: calc(-8/766 * 100%);
	margin-bottom: calc(28/766 * 100%);
}

.result-detail-table.ev th,
.result-detail-table.ev td {
	background-color: #fff;
}

.result-detail-table.ev .row-1 {
	font-size: calc(20/14 * 1em);
	font-weight: bold;
}

.result-detail-table.ev .row-1 .s {
	font-size: calc(16/20 * 1em);
}

.calculated-item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.calculated-item.half {
	width: 50%;
	justify-content: space-between;
}

.calculated-item dl {
	width: 49.5%;
	display: flex;
	line-height: 1;
	margin: 0 0 0.4% 0;
	padding: 0;
}

.calculated-item dl dt {
	width: 70%;
	height: 4em;
	margin: 0;
	padding: 0.45em 0.3em 0.45em 1em;
	padding-left: 1.5em;
	text-align: left;
	background-color: #ededed;
	color: #444;
	font-weight: normal;
	line-height: 1.4;
	display: flex;
	align-items: center
}

.calculated-item dl dd {
	width: 30%;
	margin: 0;
	padding: 0.45em .5em;
	background-color: #F8F8F9;
	font-size: calc(18/14 * 1em);
	font-weight: bold;
	color: #434343;
	display: flex;
	justify-content: center;
	align-items: center;
}

.calculated-item dl dt .unit {
	font-size: calc(11/14 * 1em);
}

.calculated-item-block .gas-cost {
	border: 1px solid #ddd;
	padding: 1em 3em;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 2em 0 3em;
	font-size: 85%;
	color: #555;
}

.gas-input {
	width: calc(842/1170 * 100%);
	margin: 0 auto;
	margin-top: calc(80/1170 * 100%);
}

.gas-input h2 {
	font-size: calc(19/14 * 1em);
	font-weight: bold;
	margin-bottom: calc(30/842 * 100%);
	text-align: center;
}

.gas-input .input-block .gray-box {
	padding: calc(30/827 * 100%) calc(65/827 * 100%);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gas-input .input-item {
	width: calc(210/710 * 100%);
}

.gas-input .input-item input {
	padding: 0.74em 0.4em;
}

.gas-input .input-block .doCompare {
	width: calc(210/710 * 100%);
	margin: 0;
}

.gas-input .input-block .reset,
.input-block .button.printBtn {
	width: calc(280/842 * 100%);
}

.input-block .button.printBtn {
	background-color: #333;
	border-color: #333;
	transition: all 0.15s ease-in-out 0s;
}

.input-block .button.printBtn:hover {
	background-color: #000;
	border-color: #000;
}

.input-block .button.printBtn::before {
	content: "";
	display: inline-block;
	background: url("../RUNNINGCOST_IMG/icon-print.png") no-repeat center / 100% auto;
	width: calc(11 / 14 * 1em);
	height: calc(11 / 14 * 1em);
	margin-right: 11px;
}

.result-block .gas-result {
	display: none;
	margin-top: calc(40/842 * 100%);;
	border: 1px solid #D0D0D0;
	border-bottom: 3px solid #D0D0D0;
	padding: calc(calc(25/842 * 100%));
	padding-left: calc(300/842 * 100%);
	padding-right: calc(50/842 * 100%);
	text-align: center;
	background-image: url(../RUNNINGCOST_IMG/icon_result_gas.png);
	background-repeat: no-repeat;
	background-position: 22% 50%;
	background-size: 12%;
}

.result-block .gas-result h3 {
	font-size: calc(23/14 * 1em);
	font-weight: bold;
	text-align: left;
	padding-left: 1.8em;
}

.result-block .gas-result h3:last-child {
	border-top: 2px solid #D0D0D0;
	margin-top: 0.3em;
	padding-top: 0.3em;
}

.result-block .gas-result h3 .label {
	width: 7.5em;
	display: inline-block;
}

.result-block .gas-result h3 .total-cost,
.result-block .gas-result h3 .diff-cost {
	width: 5.5em;
	display: inline-block;
	text-align: right;
	margin-right: 0.2em;
}

.result-block .gas-result h3 .diff-cost {
	color: #c3002f;
}

.result-block .gas-result h3 .tax-label {
	font-size: calc(22/34 * 1em);
	font-feature-settings: 'palt';
}

.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2147483647;
	visibility: hidden;
	pointer-events: none;
}

.overlay .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: -1;
	opacity: 0;
	transition: opacity 1s cubic-bezier(0.01, 1.06, 0.58, 1) 0s;
}

.overlay.open {
	visibility: visible;
	pointer-events: auto;
}

.overlay.open .bg {
	opacity: 0.8;
}

.overlay .content {
	width: 54.7857142857em;
	height: 0;
	background-color: #fff;
	padding: 3%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -70%);
	overflow: hidden;
	opacity: 0;
	transition: all 0.15s cubic-bezier(0.01, 1.06, 0.58, 1) 0s;
}

.overlay.open .content {
	height: 25.1428571429em;
	opacity: 1;
}

.overlay .content h3 {
	font-size: calc(21/14 * 1em);
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.2em;
}

.overlay .content p {
	text-align: center;
	line-height: 1.6;
	font-size: calc(17/14 * 1em);
}

.overlay .content p a {
	color: #000;
	text-decoration: underline;
}

.overlay .button {
	width: calc(280/767 * 100%);
	font-size: calc(20/14 * 1em);
	border-radius: 0;
	margin: 0 auto;
	padding: 0.6em;
	position: absolute;
	bottom: 9%;
	left: 50%;
	transform: translateX(-50%);
}


.overlay-contents {
	display: none;
}


@media screen and (max-width: 580px) {
	#header h1 {
		display: block;
	}

	#runningcost .top-overview {
		text-align: left;
	}

	input[type="number"],
	input[type="text"] {
		font-size: 16px;
		font-size: 4.266vw;
		padding: 0.7em;
	}

	.custom-selectbox select {
		font-size: 16px;
		font-size: 4.266vw;
	}

	.custom-selectbox .selectedValue {
		font-size: 15px;
		font-size: 4vw;
        padding: 0.78em 0.7em;
	}

	.custom-selectbox .selectedValue.line-2 {
		padding: 0.4em 0.7em;
		line-height: 1;
	}

	.custom-selectbox .selectedValue::after {
		font-size: 0.7em;
		right: .7em;
	}

	.custom-selectbox .selectedValue .unit {
		font-size: 15px;
		font-size: 4vw;
	}

	.custom-selectbox .selectedValue .s {
		font-size: 11px;
		font-size: 2.933vw;
		display: block;
		text-align: center;
		line-height: 1.4;
	}

	.running-cost-sim {
		/*background-color: #fbefef;*/
	}

	.input-block {
		margin-bottom: calc(40/375 * 100vw);
	}

	.input-block .gray-box {
		width: 100vw;
		margin-left: calc(-15/375 * 100vw);
		padding: calc(15/375 * 100vw);
		border-radius: 0;
	}

	.user-input {
		padding: calc(15/375 * 100vw);
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.default-input {
		width: 100%;
		margin: calc(15/375 * 100vw) 0 0;
		padding: calc(15/375 * 100vw) calc(15/375 * 100vw);
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.gas .default-input {
		padding: 0;
	}

	.input-item,
	.default-input .input-item {
		width: calc(152.5/375 * 100vw)
	}

	.input-item:nth-child(n + 3) {
		margin-top: calc(15/375 * 100vw);
	}

	.input-item label {
		font-size: 12px;
		font-size: 3.2vw;
		text-align: left;
		padding-left: 0.5em;
	}

	.input-item .unit {
		font-size: 11px;
		font-size: 2.933vw;
		line-height: 1;
		margin-top: 0.6em;
		margin-bottom: 0;
		display: block;
		text-align: center;
		color: #444;
	}

	.user-input .input-item:first-child,
	.user-input .input-item:last-child {
		width: calc(152.5/375 * 100vw);
		display: block;
	}

	.user-input .input-item:first-child .input,
	.user-input .input-item:last-child .input {
		width: 100%;
	}

	.user-input .input-item label {
		font-size: 13px;
		font-size: 3.467vw;
		padding-bottom: 0.2em;
	}

	.user-input .input-item input {
		border: 2px solid #c3002f;
		font-size: 20px;
		font-size: 5.333vw;
		padding-top: 0.55em;
		padding-bottom: 0.55em;
	}

	.input-block .note {
		width: 100%;
	}

	.input-block .button {
		width: 100%;
		font-size: 20px;
		font-size: 5.333vw;
		margin: calc(25/375 * 100vw) auto;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		font-weight: bold;
	}

	.result-block {
		padding-top: calc(25/375 * 100vw);
	}

	.result-block .ev-result {
		padding: calc(25/375 * 100%) calc(10/375 * 100%);
	}

	.result-block .recommendation {
		width: 100%;
		min-height: calc(148 / 750* 100vw);
		padding-left: calc(95/375 * 100vw);
		background-image: url(../RUNNINGCOST_IMG/icon_result_ev.png);
		background-repeat: no-repeat;
		background-position: 1% 50%;
		background-size: 26%;
	}

	.result-block .plan-block
	.result-block .no-zesp-block {
		margin-bottom: calc(20 / 375 * 100vw);
	}

	.result-block .recommendation h2,
	.result-block .plan-block h2,
	.result-block .no-zesp-block h2 {
		font-size: 14px;
		font-size: 3.733vw;
		text-align: left;
		line-height: 0.8;
	}

	.result-block .recommendation h2 .head {
		width: 100%;
		display: block;
	}

	.result-block .plan-block h2 .head {
		width: auto;
	}

	.result-block .recommendation h2 .head .colon {
		float: none;
	}

	.result-block .recommendation h2 .total-cost {
		font-size: 38px;
		font-size: 10.133vw;
	}

	.result-block .recommendation h2 .tax-label {

	}

	.result-block .plan-block h2 .recommended-plan {
		font-size: calc(30/20 * 1em);
	}

	.result-block .recommendation .note {
		white-space: normal;
		font-size: 11px;
		font-size: 2.933vw;
		line-height: 1.3;
	}

	.result-block .breakdown {
		margin-top: calc(10/375 * 100vw);
	}

	.result-block .btn-block {
		margin-bottom: calc(20 / 375 * 100vw);
	}

	.result-block .btn-block button {
		font-size: calc(32 / 750 * 100vw);
		font-weight: bold;
		padding: 0.5em;
	}

	.result-block .btn-block button:hover {
		background: #c3002f;
	}

	.breakdown .result-detail {
		width: 100%;
		margin: 0 auto;
		margin-top: calc(20 /375 * 100vw);
		margin-bottom: calc(0/375 * 100vw);
	}

	.breakdown .result-detail h3 {
		width: 100%;
		font-size: 13px;
		font-size: 3.466vw;
	}

	.result-detail .detail-section {
		margin-top: calc(20/375 * 100vw);
	}

	.result-detail .detail-section h4 {
		font-size: 13px;
		font-size: 3.466vw;
	}

	.result-detail-table {
		width: 100%;
		margin-top: calc(-19/375 * 100vw);
	}

	.result-detail-table th,
	.result-detail-table td {
		padding: calc(4/375 * 100vw);
		vertical-align: middle;
	}

	.result-detail-table .row-1 {
		width: 17%;
		padding-left: calc(10/375 * 100vw);
		font-size: 13px;
		font-size: 3.466vw;
	}

	.result-detail-table tr:nth-child(1) .row-1 {
		width: 53%;
	}

	.result-detail-table .row-2 {
		width: 36%;
		font-size: 13px;
		font-size: 3.466vw;
	}

	.result-detail-table .row-3 {
		width: 47%;
		font-size: 11px;
		font-size: 2.933vw;
		padding-left: calc(15/375 * 100vw);
	}

	.result-detail-table .row-3 .value {
		font-size: 15px;
		font-size: 4vw;
		font-weight: bold;
	}

	.result-detail-table .row-3 .value.l {
		font-size: 17px;
		font-size: 4.533vw;
	}

	.result-detail-table.zesp3 .row-1 {
		/*background-color: #d7dfec;*/
	}

	.result-detail-table.zesp3 .row-2 {
		font-size: 12px;
		font-size: 3.2vw;
		padding-left: calc(12/375 * 100vw);
		padding-top: calc(7/375 * 100vw);
		padding-bottom: calc(7/375 * 100vw);
		border-top-width: 1px;
		border-left-width: 1px;
	}

	.result-detail-table.zesp3 .row-3 {
		border-top: 1px solid  #fff;
	}

	.result-detail-table.zesp3 tr:first-of-type .row-2 {
		/*background-color: #D1D1D1;*/
		border: none
	}

	.result-detail-table.ev {
		margin-top: calc(-8/375 * 100vw);
		margin-bottom: calc(28/375 * 100vw);
	}

	.result-detail-table.ev .row-1 {
		font-size: 13px;
		font-size: 3.466vw;
	}

	.result-detail-table.ev .row-1 .s {
		font-size: 69.230%;
	}

	.calculated-item {
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.calculated-item.half {
		width: 100%;
		justify-content: space-between;
	}

	.calculated-item dl {
		width: 100%;
		display: flex;
		line-height: 1;
		margin: 0 0 0.4% 0;
		padding: 0;
	}

	.calculated-item dl dt {
		width: 70%;
		font-size: 12px;
		font-size: 3.2vw;
		padding: 0.6em calc(10/375 * 100vw);
		padding-right: calc(4/375 * 100vw);;
	}

	.calculated-item dl dt .unit {
		font-size: 0.8333em;
		display: inline;
	}

	.calculated-item dl dd {
		width: 30%;
		font-size: 12.5px;
		font-size: 3.333vw;
		padding: 0.6em calc(15/375 * 100vw);
	}

	.calculated-item dl:nth-of-type(1) {
		order: -2;
	}

	.calculated-item dl:nth-of-type(3) {
		order: -1;
	}

	.gas-input {
		width: 100%;
		margin: 0 auto;
		margin-top: calc(50/375 * 100vw);
	}

	.gas-input h2 {
		font-size: 15px;
		font-size: 4vw;
		margin-bottom: calc(20/375 * 100vw);
	}

	.gas-input .input-block .gray-box {
		width: 100vw;
		margin-left: calc(-15/375 * 100vw);
		padding: calc(30/375 * 100vw) calc(15/375 * 100vw);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.gas-input .input-item {
		width: calc(152.5/375 * 100vw);
	}

	.gas-input .input-item:nth-child(1) {
		margin-left: calc(15/375 * 100vw);
	}

	.gas-input .input-item:nth-child(2) {
		margin-right: calc(15/375 * 100vw);
	}

	.gas-input .input-item input {
		padding: 0.74em 0.4em;
	}

	.gas-input .input-block .doCompare {
		width: 100%;
		margin: 0;
		margin-top: calc(15/375 * 100vw);
	}

	.gas-input .input-block .reset {
		width: 100%;
	}

	.gas-input .input-block .printBtn {
		display: none;
	}

	.result-block .gas-result {
		border-bottom-width: 4px;
		padding-top: calc(23/375 * 100vw);
		padding-bottom: calc(23/375 * 100vw);
		padding-right: calc(5/375 * 100vw);
		padding-left: calc(95/375 * 100vw);
		background-image: url(../RUNNINGCOST_IMG/icon_result_gas.png);
		background-repeat: no-repeat;
		background-position: 3% 50%;
		background-size: 22%;
	}

	.result-block .gas-result h3 {
		font-size: 15px;
		font-size: 4vw;
		text-align: left;
		padding-left: 0.2em;
		line-height: 1.3;
		font-feature-settings: 'palt';
	}

	.result-block .gas-result h3 + h3 {
		margin-top: calc(5/375 * 100vw);
	}

	.result-block .gas-result h3 .label {
		width: 7.2em;
		display: inline-block;
	}

	.result-block .gas-result h3 .total-cost,
	.result-block .gas-result h3 .diff-cost {
		width: 5.5em;
		display: inline-block;
		text-align: right;
	}

	.result-block .gas-result h3 .diff-cost {
		font-size: 20px;
		font-size: 5.333vw;
		color: #c3002f;
		width: 4.2em;
	}

	.result-block .gas-result h3 .tax-label {
		font-size: calc(22/34 * 1em);
	}

	.overlay .content {
		width: calc(345/375 * 100vw);
		padding: calc(25/375 * 100vw) calc(15/375 * 100vw);
	}

	.overlay.open .content {
		height: calc(310/375 * 100vw);
		opacity: 1;
	}

	.overlay .content h3 {
		font-size: 20px;
		font-size: 5.333vw;
	}

	.overlay .content p {
		font-size: 14px;
		font-size: 3.733vw;
	}

	.overlay .button {
		width: calc(250/375 * 100vw);
		font-size: 15px;
		font-size: 4vw;
		border-radius: 0;
		margin: 0 auto;
		padding: 0.6em;
		position: absolute;
		bottom: calc(25/375 * 100vw);
		left: 50%;
		transform: translateX(-50%);
	}
}


/* 印刷用 */
.print-only {
	display: none;
}

@page {
	margin: 0;
}

@media print {
	:root {
		--content-width: 100%;
	}

	body {
		position: static;
		white-space: nowrap;
		-webkit-print-color-adjust: exact;
	}

	.section.articleBasicModule {
		padding: 0;
	}

	.gn_element .c_010 .logo {
		width: calc(70 / 210 * 100mm) !important;
		height: calc(90 / 210 * 100mm) !important;
		top: calc(13 / 210 * 100mm);
		left: calc(14 / 210 * 100mm) !important;
	}

	.gn_element .c_010 .logo img {
		width: calc(65 / 210 * 100mm) !important;
		height: calc(78 / 210 * 100mm) !important;
	}

	#gn_header {
		position: absolute;
	}

	#header .header-qr {
		position: absolute;
		text-align: center;
		font-size: calc(7 / 210 * 100mm);
		top: calc(17 / 210 * 100mm);
		right: calc(24 / 210 * 100mm);
	}

	#header .header-qr img {
		width: calc(63 / 210 * 100mm);
	}

	#header .header-qr p {
		margin: calc(-2 / 210 * 100mm) auto 0;
	}

	#header &gt; div &gt; h1 {
		font-size: calc(20 / 210 * 100mm) !important;
		padding-top: calc(24 / 210 * 100mm);
	}

	#header &gt; div &gt; h1::before {
		content: "日産";
	}

	#header &gt; div &gt; h1::after {
		content: "ー 充電費用シミュレーション結果 ー";
		display: block;
		font-size: calc(15 / 210 * 100mm) !important;
		margin-top: calc(12 / 210 * 100mm);
	}

	#main {
		margin-bottom: 0;
		/* overflow: hidden; */
	}

	.section.articleBasicModule .content {
		margin-top: calc(30 / 210 * 100mm) !important;
	}

	.input-block {
		margin-bottom: calc(12 / 210 * 100mm);
	}

	.input-block .gray-box {
		position: relative;
		background: transparent;
		border: 1px solid #d1d1d1;
		border-radius: 0;
		width: fit-content;
		min-width: calc(468 / 210 * 100mm);
		margin: 0 auto;
		padding: calc(11 / 210 * 100mm) calc(10 / 210 * 100mm) calc(8 / 210 * 100mm);
	}

	.input-block .gray-box::before {
		content: "【ご入力内容】";
		position: absolute;
		background-color: #fff;
		font-size: calc(11 / 210 * 100mm);
		width: fit-content;
		margin: 0 auto;
		top: calc(-8 / 210 * 100mm);
		left: 0;
		right: 0;
	}

	.input-item {
		align-items: baseline;
		width: auto !important;
	}

	.input-item label {
		border: none;
	}

	.input-item label::before {
		content: "・";
	}

	select,
	.input-item input,
	.input-item input:active,
	.input-item input:focus,
	.input-item input:focus-visible,
	.input-item input:hover,
	.input-item input:focus-within,
	.input-item input:target,
	.input-item input:-webkit-autofill {
		color: #343434 !important;
		outline-color: #343434 !important;
		/* margin: 0 calc(6 / 210 * 100mm); */
	}

	.input-item .unit {
		font-size: calc(8 / 210 * 100mm);
		margin: 0;
	}

	.user-input {
		justify-content: center;
		gap: 0 calc(18 / 210 * 100mm);
		padding: 0;
	}

	.user-input .input-item label {
		font-size: calc(12 / 210 * 100mm);
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

	.user-input .input-item .input {
		display: flex;
		align-items: baseline;
		width: auto !important;
	}

	.user-input .input-item input,
	.user-input .input-item input:-webkit-autofill {
		display: inline-block;
		border: none;
		background-color: transparent !important;
		color: #343434 !important;
		font-size: calc(18 / 210 * 100mm);
		font-weight: bold;
		padding: 0;
		width: calc(120 / 210 * 100mm);
		-webkit-box-shadow: 0 0 0px 1000px white inset;
	}

	.user-input .input-item .unit {
		font-size: calc(12 / 210 * 100mm);
	}

	.default-input {
		margin-top: 1px;
		width: 100%;
		margin: 0 auto;
	}

	.default-input .input-item {
		display: flex;
	}

	.default-input .input-item label {
		font-size: calc(8 / 210 * 100mm);
		margin: 0;
		padding-right: calc(4 / 210 * 100mm);
	}

	.custom-selectbox {
		width: fit-content;
	}

	.default-input .input-item input,
	.custom-selectbox .selectedValue {
		border: none;
		line-height: 1;
		font-size: calc(12 / 210 * 100mm);
		font-weight: bold;
		padding: 0;
		width: calc(24 / 210 * 100mm);
	}

	.custom-selectbox .selectedValue {
		width: auto;
	}

	.custom-selectbox select {
		font-size: calc(12 / 210 * 100mm);
	}

	.custom-selectbox select#Home_Charger {
		font-size: calc(10 / 210 * 100mm);
	}

	.result-block {
		padding: 0;
	}

	.result-block .ev-result {
		position: relative;
		border: none;
		background-color: #ededed;
		width: 100%;
		padding: calc(12 / 210 * 100mm) calc(10 / 210 * 100mm) calc(16 / 210 * 100mm);
		left: 50%;
		transform: translateX(-50%);
	}

	.result-block .ev-result[data-zesp3only="false"] #Recommended-h2[arria-hidden="true"],
	.result-block .ev-result[data-zesp3only="false"] #result-detail-content[arria-hidden="true"] {
		display: block !important;
	}

	.result-block .recommendation {
		justify-content: center;
		flex-flow: wrap;
		background: none;
		width: calc(540 / 210 * 100mm);
		max-height: none;
		height: auto;
		padding: 0;
	}

	.result-block .recommendation .print-title {
		display: flex !important;
		justify-content: center;
		align-items: center;
		gap: 0 calc(6 / 210 * 100mm);
		width: 100%;
		margin-bottom: calc(13 / 210 * 100mm);
	}

	.result-block .recommendation .print-title img {
		width: calc(51 / 210 * 100mm);
		height: auto;
	}

	.result-block .recommendation .print-title p {
		font-size: calc(16 / 210 * 100mm);
		font-weight: bold;
		margin: 0;
	}

	.result-block .recommendation h2 {
		display: block !important;
		text-align: center;
		width: 50%;
	}

	[data-zesp3only="true"] .recommendation h2#Recommended-h2-no-zesp3 {
		display: none !important;
	}

	.result-block .recommendation h2::before {
		font-size: calc(13 / 210 * 100mm);
		font-weight: bold;
	}

	.result-block .recommendation h2#Recommended-h2::before {
		content: "ZESP3あり";
	}

	.result-block .recommendation h2#Recommended-h2-no-zesp3::before {
		content: "ZESP3なし";
	}

	.result-block .recommendation h2 .total-cost {
		font-size: calc(30 / 210 * 100mm);
		margin: 0 0 0 calc(6 / 210 * 100mm);
	}

	.breakdown .result-detail {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0 calc(6 / 210 * 100mm);
		width: calc(520 / 210 * 100mm);
		margin: 0 auto;
	}

	.breakdown .result-detail #result-detail-content,
	.breakdown .result-detail #result-detail-content-no-zesp3 {
		position: relative;
		display: flex !important;
		flex-direction: column;
		justify-content: flex-end;
		width: calc(50% - calc(3 / 210 * 100mm));
		margin-top: calc(6 / 210 * 100mm);
	}

	[data-zesp3only="true"] .breakdown .result-detail #result-detail-content-no-zesp3[arria-hidden="true"] {
		display: none !important;
	}

	.breakdown .result-detail #result-detail-content-no-zesp3::after {
		content: "※ご自宅外での充電をする場合、\AZESP3カードがないと手間がかかる場合がございます。";
		position: absolute;
		display: block;
		font-size: calc(8 / 210 * 100mm);
		bottom: calc(-25 / 210 * 100mm);
		left: 0;
		white-space: pre;
	}

	.breakdown .result-detail &gt; .detail-section {
		margin-top: 0;
		padding-top: calc(40 / 210 * 100mm);
	}

	.result-block .plan-block {
		display: block !important;
		margin-bottom: calc(8 / 210 * 100mm);
	}

	.result-block .plan-block h2 {
		text-align: center;
	}

	.result-block .plan-block h2 .head {
		font-size: calc(9 / 210 * 100mm);
		width: auto;
	}

	.result-block .plan-block h2 .recommended-plan {
		font-size: calc(14 / 210 * 100mm);
	}

	.result-detail .detail-section + .detail-section {
		margin-top: 0;
	}

	.result-detail-table {
		border-collapse: separate;
		margin-top: 0;
	}

	.result-detail-table.home {
		border: 1px solid #d1d1d1;
	}

	.result-detail-table.zesp3 {
		background-color: #fff;
		border: 1px solid #d1d1d1;
		border-top: none;
	}

	.result-detail-table.zesp3 tr {
		display: flex;
		align-items: center;
	}

	.result-detail-table .row-1 {
		background-color: #fff;
		font-size: calc(11 / 210 * 100mm);
	}

	.result-detail-table tr:nth-child(1) .row-1 {
		width: 42%;
		padding: calc(5 / 210 * 100mm) 0 calc(5 / 210 * 100mm) calc(14 / 210 * 100mm);
	}

	.result-detail-table.zesp3 tr:first-child .row-1 {
		width: calc(112 / 210 * 100mm);
	}

	.result-detail-table tr:not(:first-child) .row-1 {
		min-width: calc(99 / 210 * 100mm);
	}

	.result-detail-table.zesp3 .row-2 {
		display: flex;
		align-items: center;
		background-color: #fff;
		border-top: none;
		border-left: 1px solid #d1d1d1;
		font-size: calc(9 / 210 * 100mm);
		min-width: calc(85 / 210 * 100mm);
		min-height: calc(22 / 210 * 100mm);
		padding: 0 0 calc(4 / 210 * 100mm) calc(18 / 210 * 100mm);
	}

	.result-detail-table.zesp3 tbody tr:nth-child(2) .row-2 {
		border-top: 1px solid #d1d1d1;
		height: calc(24 / 210 * 100mm);
		padding-top: calc(6 / 210 * 100mm);
	}

	.result-detail-table .row-3 {
		background-color: #fff;
		border: none !important;
		padding: calc(5 / 210 * 100mm) calc(2 / 210 * 100mm) calc(5 / 210 * 100mm) calc(17 / 210 * 100mm);
	}

	.result-detail-table.zesp3 .row-2 + .row-3 {
		text-align: right;
		font-size: calc(12 / 210 * 100mm);
		width: calc(72 / 210 * 100mm);
		padding: 0 calc(18 / 210 * 100mm) calc(4 / 210 * 100mm) 0;
	}

	.result-detail-table.zesp3 tr:first-child .row-3 {
		width: calc(144 / 210 * 100mm);
	}

	.result-detail-table.zesp3 tbody tr:nth-child(2) .row-2 + .row-3 {
		border-top: 1px solid #d1d1d1 !important;
		height: calc(24 / 210 * 100mm);
		padding-top: calc(2 / 210 * 100mm);
		padding-bottom: calc(6 / 210 * 100mm);
	}

	.result-detail-table .row-3 .value.l {
		display: inline-block;
		text-align: right;
		font-size: calc(16 / 210 * 100mm);
		min-width: calc(53 / 210 * 100mm);
	}

	.result-detail-table .row-3 .unit,
	.result-detail-table .row-3 .tax-label {
		font-size: calc(9 / 210 * 100mm);
	}

	.result-detail .detail-section h4 {
		text-align: center;
		font-size: calc(11 / 210 * 100mm);
		margin-bottom: calc(5 / 210 * 100mm);
	}

	.calculated-item dl dt {
		background-color: #fff;
	}

	.calculated-item dl dd {
		background-color: #fff;
	}

	.calculated-item {
		gap: 2px;
		width: calc(286 / 210 * 100mm);
	}

	.calculated-item dl {
		width: calc(50% - 1px);
		margin: 0;
	}

	.calculated-item dl dt {
		font-size: calc(9 / 210 * 100mm);
		width: calc(100% - (36 / 210 * 100mm));
		height: auto;
		min-height: calc(24 / 210 * 100mm);
	}

	.calculated-item dl dt .unit {
		font-size: calc(11 / 210 * 100mm);
		letter-spacing: -0.05em;
		margin-left: calc(-3 / 210 * 100mm);
	}

	.calculated-item dl dd {
		font-size: calc(12 / 210 * 100mm);
		width: calc(36 / 210 * 100mm);
		padding: 0 calc(8 / 210 * 100mm) 0 calc(2 / 210 * 100mm);
	}

	.gas-input {
		width: fit-content;
		min-width: calc(328 / 210 * 100mm);
		margin: calc(12 / 210 * 100mm) auto 0;
	}

	.gas-input::before {
		content: "ガソリン車との比較";
		display: block;
		text-align: center;
		font-size: calc(15 / 210 * 100mm);
		font-weight: bold;
		margin: 0 auto calc(12 / 210 * 100mm);
	}

	.gas-input .input-block {
		margin-bottom: 0;
	}

	.gas-input .gray-box {
		justify-content: center !important;
		align-items: baseline;
		gap: 0 calc(20 / 210 * 100mm);
		width: 100%;
		min-width: auto;
		padding: calc(10 / 210 * 100mm) calc(10 / 210 * 100mm) calc(6 / 210 * 100mm) !important;
	}

	.gas-input .gray-box .input-item {
		display: flex;
	}

	.gas-input .gray-box .input-item label {
		font-size: calc(8 / 210 * 100mm);
	}

	.gas-input .input-item input,
	.gas-input .input-item input:-webkit-autofill {
		background-color: transparent !important;
		border: none;
		font-size: calc(12 / 210 * 100mm);
		font-weight: bold;
		width: calc(78 / 210 * 100mm);
		padding: 0;
		-webkit-box-shadow: 0 0 0px 1000px white inset;
	}

	.gas-input .input-item:nth-child(2) input[data-empty="true"] {
		display: none;
	}

	.gas-input .input-item input[data-empty="true"] + .print-only::before {
		content: "0";
		font-size: calc(12 / 210 * 100mm);
		font-weight: bold;
		margin: 0 calc(6 / 210 * 100mm);
	}

	.result-block .gas-result {
		position: relative;
		display: block !important;
		border: none;
		background: #ededed;
		margin-top: calc(12 / 210 * 100mm);
		padding: calc(7 / 210 * 100mm) calc(24 / 210 * 100mm) calc(4 / 210 * 100mm) calc(100 / 210 * 100mm);
	}

	.result-block .gas-result .gas-result-img {
		position: absolute;
		width: calc(55 / 210 * 100mm);
		top: 50%;
		left: calc(24 / 210 * 100mm);
		transform: translateY(-50%);
	}

	.result-block .gas-result .gas-result-img img {
		width: 100%;
		height: auto;
	}

	.result-block .gas-result h3 {
		display: flex;
		align-items: baseline;
		justify-content: flex-end;
		font-size: calc(16 / 210 * 100mm);
		padding: 0 calc(8 / 210 * 100mm) 0 calc(8 / 210 * 100mm);
	}

	.result-block .gas-result h3:nth-child(2) {
		margin-bottom: calc(-3 / 210 * 100mm);
	}

	.result-block .gas-result h3:last-child {
		margin-top: calc(3 / 210 * 100mm);
		padding-top: 0;
	}

	.result-block .gas-result h3 .label {
		text-align: right;
		font-size: calc(10 / 210 * 100mm);
		font-weight: normal;
		width: auto;
	}

	.result-block .gas-result h3:last-child .label {
		font-weight: bold;
		font-size: calc(11 / 210 * 100mm);
	}

	.result-block .gas-result h3 .total-cost,
	.result-block .gas-result h3 .diff-cost {
		font-size: calc(16 / 210 * 100mm);
		font-weight: normal;
		width: auto;
		min-width: calc(56 / 210 * 100mm);
		margin-right: calc(7 / 210 * 100mm);
		margin-left: calc(12 / 210 * 100mm);
	}

	.result-block .gas-result h3 .diff-cost {
		font-weight: bold;
		font-size: calc(26 / 210 * 100mm);
	}

	.result-block .gas-result h3 .tax-label {
		font-size: calc(10 / 210 * 100mm);
		font-weight: normal;
	}

	.result-block .gas-result h3:last-child .tax-label {
		font-size: calc(11 / 210 * 100mm);
	}

	/* 非表示にする要素 */
	.print-none,
	.c_010 .logo a .logo-circle,
	.c_010 .logo a img,
	#runningcost .top-overview,
	#runningcost .headerWrap,
	#runningcost .overview,
	.infomation[data-info-target]::after,
	.custom-selectbox .selectedValue::after,
	.input-block .button,
	.gas-input .input-block .reset,
	.result-block .btn-block,
	.breakdown .result-detail h3,
	.result-block .ev-result[data-zesp3only="false"] .no-zesp-block[arria-hidden="false"],
	.gas-input h2,
	.gas-input .input-block .doCompare,
	.floating-nav,
	.section.articleBasicModule .note,
	#naruhodo_ev_charge img,
	#naruhodo_ev_charge {
		display: none !important;
	}

	/* 表示させる要素 */
	.print-only,
	.c_010 .logo .logo-print {
		display: block !important;
	}
}


/* iPad用 */
[data-device="ipad"] #FloatingNavi {
	opacity: 0;
	visibility: hidden;
}
</pre></body></html>