@charset "UTF-8";

/* --------------------------------------------
COMMON
--------------------------------------------- */
body.page-static_page:not([class*="static-page-author/"], .static-page-ev-makerlist, .static-page-phev-makerlist, [class*="static-page-ev-makerlist/"], [class*="static-page-phev-makerlist/"], .static-page-faq, .static-page-glossary, [class*="static-page-glossary/"]){
	.entry-header{
		background-color : var( --red );
	}
}
body.page-static_page:not([class*="static-page-author/"], .static-page-ev-makerlist, .static-page-phev-makerlist, [class*="static-page-ev-makerlist/"], [class*="static-page-phev-makerlist/"], .static-page-faq, .static-page-glossary){
	.entry-header{
		display : grid;
		place-items : center;
		width : 100%;
		a{
			font-weight : 600;
			color : white;
			text-align : center;
			text-indent : .1em;
			letter-spacing : .1em;
		}
	}
	.entry-content h1 , .entry-content h2 , .entry-content h3 , .entry-content h4 , .entry-content h5 , .entry-content h6{
		margin : 0;
		line-height : inherit;
	}
	.entry-content dd , .entry-content ol , .entry-content ul{
		margin : 0;
	}
	@media screen and ( width <= 750px ){
		.entry-header{
			height : calc( 126 * var( --oldRemBase ) );
			a{
				font-size : calc( 37 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width >= 1040px ){
		.entry-header{
			height : calc( 114 * var( --remBase ) );
			a{
				font-size : calc( 32 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
ABOUT
--------------------------------------------- */
.page-about{
	.entry-title{
		display : grid;
		place-items : center;
		margin : 0;
		background-color : var( --red );
		a{
			font-weight : 600;
			color : white;
			text-align : center;
			text-indent : .1em;
			letter-spacing : .1em;
			&:hover{
				-webkit-text-decoration : none;
				text-decoration : none;
			}
		}
		@media screen and ( width <= 750px ){
			height : calc( 126 * var( --oldRemBase ) );
			font-size : calc( 36.92 * var( --oldRemBase ) );
		}
		@media print , screen and ( width > 750px ){
			height : calc( 114 * var( --remBase ) );
			a{
				font-size : calc( 32 * var( --remBase ) );
			}
		}
	}
	.entry-content{
		h2{
			margin : 0;
			span{
				display : block;
				text-align : center;
			}
		}
		p{
			margin-bottom : 0;
			font-weight : 400;
			letter-spacing : .12em;
		}
	}
	@media screen and ( width <= 750px ){
		.entry-content{
			.wrap{
				padding-inline : calc( 106 * var( --oldViewportBase ) );
				padding-top : calc( 88 * var( --oldRemBase ) );
				padding-bottom : calc( ( 82 - 8 ) * var( --oldRemBase ) );
			}
			h2{
				span:nth-of-type( 1 ){
					img{
						height : calc( 137 * var( --oldRemBase ) );
					}
				}
				span:nth-of-type( 2 ){
					margin-top : calc( 30 * var( --oldRemBase ) );
					img{
						height : calc( 27 * var( --oldRemBase ) );
					}
				}
			}
			p{
				margin-top : calc( ( 32 - 8 ) * var( --oldRemBase ) );
				font-size : calc( 26 * var( --oldRemBase ) );
				line-height : calc( 42 / 26 );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		.entry-content{
			.wrap{
				padding-top : calc( 83 * var( --remBase ) );
			}
			h2{
				span:nth-of-type( 1 ){
					img{
						height : calc( 111 * var( --remBase ) );
					}
				}
				span:nth-of-type( 2 ){
					margin-top : calc( 27 * var( --remBase ) );
					img{
						height : calc( 22 * var( --remBase ) );
					}
				}
			}
			p{
				padding-inline : calc( 21 * var( --percentBase ) );
				margin-top : calc( ( 56 - 5.0725 ) * var( --remBase ) );
				font-size : calc( 15 * var( --remBase ) );
				line-height : calc( 25.1445 / 15 );
			}
		}
	}
	#box2{
		display : none;
	}
}

/* --------------------------------------------
SERIES ARCHIVE
--------------------------------------------- */
.static-page-series{
	.entry-header{
		border-image-source : linear-gradient( var( --red ) , var( --red ) );
		border-image-slice : 0 fill;
		border-image-outset : 0 100vw 0 100vw;
	}
	#listsSeries{
		a{
			display : block;
		}
		@media screen and ( width <= 750px ){
			padding-top : calc( 88 * var( --remBase ) );
			padding-left : calc( 112 * var( --oldViewportBase ) );
			li + li{
				margin-top : calc( 12 * var( --oldRemBase ) );
			}
			img{
				width : 100%;
				height : auto;
			}
		}
		@media print , screen and ( width > 750px ){
			display : flex;
			flex-wrap : wrap;
			justify-content : space-between;
			li:nth-child( n+3 ){
				margin-top : calc( 33 * var( --remBase ) );
			}
			img{
				height : calc( 176 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
SERIES SINGLE
--------------------------------------------- */
body[class*="static-page-series/"]{
	.entry-header{
		display : none ! important;
	}
	@media screen and ( width <= 750px ){
		#content-inner{
			padding-top : calc( 82 * var( --oldRemBase ) );
		}
	}
}
#seriesMv{
	color : white;
	border-image-source : linear-gradient( var( --red ) , var( --red ) );
	border-image-slice : 0 fill;
	border-image-outset : 0 100vw 0 100vw;
	a{
		color : white;
	}
	picture{
		margin-left : auto;
		margin-right : auto;
		img{
			width : 100%;
			height : auto;
		}
	}
	h1 , p{
		margin : 0;
		margin-left : auto;
		margin-right : auto;
	}
	h1{
		a{
			display : block;
			margin : 0;
			font-weight : 600;
			letter-spacing : .125em;
		}
	}
	p{
		font-weight : 400;
		letter-spacing : .24em;
	}
	@media screen and ( width <= 750px ){
		padding-bottom : calc( ( 84 - 8 ) * var( --oldRemBase ) );
		picture{
			width : 100%;
			img{
				width : 100%;
				height : auto;
			}
		}
		h1 , p{
			width : calc( 536 * var( --oldViewportBase ) );
		}
		h1{
			margin-top : calc( ( 84 - 9 )  * var( --oldRemBase ) );
			a{
				font-size : calc( 38  * var( --oldRemBase ) );
				line-height : calc( 56 / 38 );
			}
		}
		p{
			margin-top : calc( ( 32 - 9 - 8 ) * var( --oldRemBase ) );
			font-size : calc( 26 * var( --oldRemBase ) );
			line-height : calc( 42 / 26 );
		}
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( 64 * var( --remBase ) );
		padding-bottom : calc( ( 50 - 5.0725 ) * var( --remBase ) );
		h1 , p{
			width : calc( 880 * 100% / 1000 );
		}
		h1{
			margin-top : calc( ( 47 - 8.5 ) * var( --remBase ) );
			a{
				font-size : calc( 31 * var( --remBase ) );
				line-height : calc( 48 / 31 );
			}
		}
		p{
			margin-top : calc( ( 34 - 8.5 - 5.0725 ) * var( --remBase ) );
			font-size : calc( 15 * var( --remBase ) );
			line-height : calc( 25 / 15 );
		}
	}
}
#listsSeries{
	padding-top : 0;
	margin-bottom : 0;
	a{
		display : flex;
		width : 100%;
	}
	picture{
		flex-shrink : 0;
		width : auto;
		aspect-ratio : 1;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	p.time , time{
		display : block;
		letter-spacing : .15em;
	}
	a > div{
		display : flex;
		flex-direction : column;
		flex-grow : 1;
		align-items : flex-start;
		justify-content : space-between;
		width : 100%;
	}
	h3{
		width : 100%;
		margin : 0;
		font-weight : 400;
		letter-spacing : .1em;
	}
	@media screen and ( width <= 750px ){
		padding-left : calc( 114 * var( --oldViewportBase ) );
		margin-top : calc( 82 * var( --oldRemBase ) );
		li{
			+ li{
				margin-top : calc( 54 * var( --oldRemBase ) );
			}
		}
		picture{
			width : calc( 300 * 100% / 636 );
			height : calc( 300 * var( --oldRemBase ) );
			margin-right : calc( 24 * 100% / 636 );
		}
		h3{
			margin-top : calc( -6 * var( --oldRemBase ) );
			font-size : calc( 28 * var( --oldRemBase ) );
			line-height : calc( 40 / 28 );
		}
		p.time , time{
			font-size : calc( 24.2 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		display : flex;
		flex-wrap : wrap;
		justify-content : space-between;
		li{
			width : calc( 314 * 100% / 663 );
			&:nth-of-type( n+3 ){
				margin-top : calc( 35 * var( --remBase ) );
			}
			a{
				column-gap : calc( 16 * 100% / 314 );
			}
		}
		picture{
			height : calc( 142 * var( --remBase ) );
		}
		h3{
			margin-top : calc( -5 * var( --remBase ) );
			font-size : calc( 18 * var( --remBase ) );
			line-height : calc( 28 / 18 );
		}
		p.time , time{
			font-size : calc( 13 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
MAKER LIST(ARCHIVE)
--------------------------------------------- */
body.static-page-ev-makerlist{
	--makerlistColor : var( --red );
	--makerFilter : var( --filterRed );
}
body.static-page-phev-makerlist{
	--makerlistColor : var( --blue );
	--makerFilter : var( --filterBlue );
}
:is( body.static-page-ev-makerlist , body.static-page-phev-makerlist ){
	.entry-title{
		margin-block : 0;
	}
	@media screen and ( width <= 750px ){
		.entry-header{
			height : 0;
		}
	}
}
#moveHeader{
	color : white;
	.entry-title a{
		font-weight : 400;
		color : white;
	}
	ul{
		display : grid;
		justify-content : start;
		margin : 0;
		background-color : white;
		border-image-source : linear-gradient( white , white );
		border-image-slice : 0 fill;
		border-image-outset : 0 100vw 0 100vw;
		a{
			position : relative;
			display : grid;
			place-items : center;
			height : 100%;
			color : white;
			img{
				filter : var( --filterWhite );
			}
			&::before , &::after{
				position : absolute;
				display : block;
				font-size : 0;
				content : "";
			}
			&::before{
				inset : 0;
				background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802418398451681211" ) center bottom / cover no-repeat;
			}
			&::after{
				top : 50%;
				right : calc( 58 * 100% / 313 );
				width : auto;
				aspect-ratio : 16.1973/26.2212;
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802418398451680953" );
				filter : var( --filterWhite );
				translate : 0 -50%;
			}
			&[aria-current="page"]::after{
				rotate : 90deg;
			}
		}
		li{
			grid-row : 1;
			&:nth-child( 1 ){
				grid-column : 1/3;
				a{
					&::before{
						filter : var( --filterRed );
					}
				}
			}
			&:nth-child( 2 ){
				grid-column : 2/4;
				a{
					&::before{
						filter : var( --filterBlue );
					}
				}
			}
		}
	}
	.bg{
		background-color : white;
		border-image-source : linear-gradient( var( --makerlistColor ) , var( --makerlistColor ) );
		border-image-slice : 0 fill;
		border-image-outset : 0 100vw 0 100vw;
	}
	p{
		margin-bottom : 0;
		a{
			color : var( --makerlistColor );
			background-color : white;
			img{
				font-size : 0;
				filter : var( --makerFilter );
			}
		}
	}
	@media screen and ( width <= 750px ){
		margin-bottom : calc( 46 * var( --oldRemBase ) );
		ul{
			grid-template-columns : calc( 273 * 100% / 590 ) calc( 40 * 100% / 590 ) calc( 273 * 100% / 590 );
			grid-auto-rows : calc( 75 * var( --oldRemBase ) );
			padding-inline : calc( 80 * var( --oldViewportBase ) );
			a{
				&::after{
					height : calc( 30 * var( --oldRemBase ) );
				}
			}
			img{
				height : calc( 28 * var( --oldRemBase ) );
			}
		}
		.bg{
			padding-bottom : calc( 69 * var( --oldRemBase ) );
		}
		picture{
			img{
				width : 100%;
				height : auto;
			}
		}
		:where( .entry-title , p ){
			padding-inline : calc( 45 * var( --oldViewportBase ) );
		}
		.entry-title{
			margin-top : calc( ( 64 - 15 ) * var( --oldRemBase ) );
		}
		.entry-title a{
			font-size : calc( 50 * var( --oldRemBase ) );
			font-weight : 600;
			line-height : calc( 80 / 50 );
			letter-spacing : .09em;
		}
		p{
			margin-top : calc( ( 75 - 15 - 7.5 ) * var( --oldRemBase ) );
			font-size : calc( 35 * var( --oldRemBase ) );
			line-height : calc( 45 / 35 );
			letter-spacing : .04em;
			a{
				display : grid;
				grid-template-columns : auto auto;
				column-gap : calc( 9 * 100% / 533 );
				align-items : center;
				justify-content : center;
				width : calc( 533 * 100% / 660 );
				height : calc( 117 * var( --oldRemBase ) );
				margin-inline : auto;
				margin-top : calc( ( 70 - 7.5 ) * var( --oldRemBase ) );
				font-size : calc( 27.64 * var( --oldRemBase ) );
				font-weight : 600;
				line-height : calc( 33.07 / 27.64 );
				letter-spacing : -.09em;
				border-radius : 100vmax;
				img{
					height : calc( 34 * var( --oldRemBase ) );
				}
			}
		}
	}
	@media print , screen and ( width > 750px ){
		ul{
			grid-template-columns : calc( 273 * 100% / 1000 ) calc( 40 * 100% / 1000 ) calc( 273 * 100% / 1000 );
			grid-auto-rows : calc( 75 * var( --remBase ) );
			a{
				&::after{
					height : calc( 24 * var( --remBase ) );
				}
			}
			img{
				height : calc( 28 * var( --remBase ) );
			}
		}
		.bg{
			padding-bottom : calc( ( 79 - 5 ) * var( --remBase ) );
		}
		picture{
			margin-inline : calc( -40 * 100% / 1000 );
			text-align : center;
			img{
				height : calc( 576 * var( --remBase ) );
			}
		}
		:where( .entry-title , p ){
			padding-inline : calc( 40 * 100% / 1080 );
		}
		.entry-title{
			a{
				font-size : calc( 31 * var( --remBase ) );
				letter-spacing : .09em;
			}
		}
		p{
			display : grid;
			grid-template-columns : calc( 685 * 100% / 1000 ) auto;
			align-items : start;
			justify-content : space-between;
			margin-top : calc( ( 42 - 5 ) * var( --remBase ) );
			font-size : calc( 15 * var( --remBase ) );
			line-height : calc( 25 / 15 );
			letter-spacing : .09em;
			a{
				width : auto;
				height : calc( 136 * var( --remBase ) );
				aspect-ratio : 1;
				padding-top : calc( 37 * var( --remBase ) );
				font-size : calc( 17.5 * var( --remBase ) );
				font-weight : 600;
				line-height : calc( 23.45 / 17.5 );
				text-align : center;
				-webkit-text-decoration : none;
				text-decoration : none;
				text-indent : -.09em;
				letter-spacing : -.09em;
				border-radius : 50%;
				img{
					display : block;
					height : calc( 24 * var( --remBase ) );
					margin-inline : auto;
					margin-bottom : calc( ( 8 - 2.975 ) * var( --remBase ) );
				}
			}
		}
	}
}
body.static-page-ev-makerlist{
	#moveHeader > ul > li:first-child{
		z-index : 1;
	}
}
body.static-page-phev-makerlist{
	#moveHeader > ul > li:last-child{
		z-index : 1;
	}
}
#list-makers{
	margin : 0;
	picture{
		width : 100%;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	h2{
		display : grid;
		grid-auto-flow : column;
		column-gap : 1em;
		align-items : center;
		border-bottom-color : black;
		border-bottom-style : solid;
		&::after{
			display : block;
			font-size : 0;
			content : "";
			background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/4207112889975825242" );
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
	}
	@media screen and ( width <= 750px ){
		margin-top : calc( 109 * var( --oldRemBase ) );
		> li + li{
			margin-top : calc( 30 * var( --oldRemBase ) );
		}
		a{
			display : grid;
			grid-template-columns : calc( 230 * 100% / 660 ) 1fr;
			column-gap : calc( 32 * 100% / 660 );
			align-items : end;
		}
		picture{
			height : calc( 130 * var( --oldRemBase ) );
		}
		h2{
			grid-template-columns : 1fr calc( 19 * 100% / 384 );
			padding-bottom : calc( ( 21 - 6 ) * var( --oldRemBase ) );
			padding-right : calc( 14 * 100% / 398 );
			margin-block : 0;
			font-size : calc( 28 * var( --oldRemBase ) );
			line-height : calc( 40 / 28 );
			letter-spacing : .09em;
			border-bottom-width : calc( 4 * var( --oldRemBase ) );
			&::after{
				height : calc( 30 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		display : grid;
		grid-template-columns : repeat( 3 , calc( 205 * 100% / 722 ) );
		row-gap : calc( 55 * var( --remBase ) );
		column-gap : calc( 40 * 100% / 722 );
		a{
			display : block;
		}
		picture{
			height : calc( 115 * var( --remBase ) );
		}
		h2{
			grid-template-columns : 1fr calc( 10 * 100% / 205 );
			padding-bottom : calc( 10 * var( --remBase ) );
			padding-right : calc( 6 * 100% / 205 );
			margin-top : calc( 16 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			letter-spacing : .09em;
			border-bottom-width : calc( 2 * var( --remBase ) );
			&::after{
				height : calc( 18 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
MAKER LIST(ARCHIVE CAR TYPE)
--------------------------------------------- */
:is( body[class*="static-page-ev-makerlist/"]:not( .single-maker ) , body[class*="static-page-phev-makerlist/"]:not( .single-maker ) ){
	@media screen and ( width <= 750px ){
		.link-more02{
			margin-top : calc( 170 * var( --oldRemBase ) );
		}
		.moduleService{
			margin-top : calc( 110 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		#content{
			padding-top : calc( 75 * var( --remBase ) );
		}
		.link-more02{
			margin-top : calc( 78 * var( --remBase ) );
		}
		.moduleService{
			width : 100%;
			margin-top : calc( 75 * var( --remBase ) );
		}
	}
}
body[class*="static-page-ev-makerlist/"]:not( .single-maker ){
	#cartypeHeader{
		@media screen and ( width <= 750px ){
			background-color : var( --red );
		}
		@media print , screen and ( width > 750px ){
			&::before{
				background-color : var( --red );
			}
		}
	}
}
body[class*="static-page-phev-makerlist/"]:not( .single-maker ){
	#cartypeHeader{
		@media screen and ( width <= 750px ){
			background-color : var( --blue );
		}
		@media print , screen and ( width > 750px ){
			&::before{
				background-color : var( --blue );
			}
		}
	}
}
#cartypeHeader{
	color : white;
	picture{
		margin-left : auto;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	.entry-title{
		margin : 0;
		a{
			font-weight : 400;
			color : white;
		}
	}
	p{
		margin : 0;
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( 82 * var( --oldRemBase ) );
		padding-bottom : calc( ( 174 - 7.5 ) * var( --oldRemBase ) );
		padding-left : calc( 45 * var( --oldViewportBase ) );
		padding-right : calc( 45 * var( --oldViewportBase ) );
		picture{
			width : calc( 508 * 100% / 660 );
			height : calc( 286 * var( --oldRemBase ) );
		}
		.entry-title{
			margin-top : calc( ( 100 - 15 ) * var( --oldRemBase ) );
			a{
				font-size : calc( 50 * var( --oldRemBase ) );
				line-height : calc( 80 / 50 );
				letter-spacing : .09em;
			}
		}
		p{
			margin-top : calc( ( 97 - 15 - 7.5 ) * var( --oldRemBase ) );
			font-size : calc( 30 * var( --oldRemBase ) );
			line-height : calc( 45 / 30 );
			letter-spacing : .04em;
		}
	}
	@media print , screen and ( width > 750px ){
		position : relative;
		display : grid;
		grid-template-columns : 1fr calc( 304 * 100% / 722 );
		row-gap : calc( ( 51 - 8.5 ) * var( --remBase ) );
		column-gap : calc( 15 * 100% / 722 );
		align-items : start;
		justify-content : space-between;
		padding-bottom : calc( ( 74 - 5 ) * var( --remBase ) );
		&::before{
			position : absolute;
			top : calc( 36 * var( --remBase ) );
			right : calc( 50 * 100% / 722 );
			z-index : 0;
			display : block;
			width : 100%;
			height : calc( 100% + ( -36 + 55 ) * var( --remBase ) );
			content : "";
		}
		:is( picture , .entry-title , p ){
			position : relative;
			z-index : 1;
		}
		picture{
			grid-row : 1;
			grid-column : 2;
			height : calc( 172 * var( --remBase ) );
		}
		.entry-title{
			grid-row : 1;
			grid-column : 1;
			align-self : end;
			padding-top : calc( ( 95 - 8.5 - 8.5 ) * var( --remBase ) );
			a{
				font-size : calc( 31 * var( --remBase ) );
				line-height : calc( 48 / 31 );
				letter-spacing : .09em;
			}
		}
		p{
			grid-row : 2;
			grid-column : 1/3;
			width : calc( 554 * 100% / 722 );
			font-size : calc( 15 * var( --remBase ) );
			line-height : calc( 25 / 15 );
			letter-spacing : .09em;
		}
	}
}
#list-cartypes{
	position : relative;
	z-index : 1;
	a{
		display : block;
		transition : none;
		&:hover{
			opacity : 1;
			picture{
				img{
					opacity : .7;
				}
			}
			h2{
				opacity : .7;
			}
		}
	}
	picture{
		width : 100%;
		background-color : white;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
			transition : opacity .3s ease-in;
		}
	}
	h2{
		display : grid;
		grid-auto-flow : column;
		column-gap : 1em;
		align-items : center;
		border-bottom-color : black;
		border-bottom-style : solid;
		transition : opacity .3s ease-in;
		&::after{
			display : block;
			font-size : 0;
			content : "";
			background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/4207112889975825242" );
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
	}
	@media screen and ( width <= 750px ){
		top : calc( -56 * var( --oldRemBase ) );
		display : grid;
		grid-template-columns : repeat( 2 , calc( 310 * 100% / 660 ) );
		row-gap : calc( 100 * var( --oldRemBase ) );
		justify-content : space-between;
		picture{
			height : calc( 280 * var( --oldRemBase ) );
		}
		h2{
			grid-template-columns : 1fr calc( 19 * 100% / 296 );
			padding-bottom : calc( ( 21 - 6 ) * var( --oldRemBase ) );
			padding-right : calc( 14 * 100% / 310 );
			margin-top : calc( ( 24 - 6 ) * var( --oldRemBase ) );
			font-size : calc( 28 * var( --oldRemBase ) );
			font-weight : 400;
			line-height : calc( 40 / 28 );
			letter-spacing : .09em;
			border-bottom-width : calc( 4 * var( --oldRemBase ) );
			&::after{
				height : calc( 30 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		display : grid;
		grid-template-columns : repeat( 2 , calc( 320 * 100% / 722 ) );
		row-gap : calc( 55 * var( --remBase ) );
		justify-content : space-between;
		picture{
			height : calc( 214 * var( --remBase ) );
		}
		h2{
			grid-template-columns : 1fr calc( 10 * 100% / 314 );
			padding-bottom : calc( 10 * var( --remBase ) );
			padding-right : calc( 6 * 100% / 320 );
			margin-top : calc( 16 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			letter-spacing : .09em;
			border-bottom-width : calc( 2 * var( --remBase ) );
			&::after{
				height : calc( 18 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
MAKER LIST SINGLE
--------------------------------------------- */
body.single-maker{
	@media screen and ( width <= 750px ){
		.moduleService{
			margin-top : calc( 44 * var( --oldRemBase ) );
			margin-bottom : calc( 109 * var( --oldRemBase ) );
		}
		.link-more02{
			margin-top : calc( 170 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		#content{
			padding-top : calc( 75 * var( --remBase ) );
		}
		.moduleService{
			margin-top : calc( 45 * var( --remBase ) );
			margin-bottom : calc( 44 * var( --remBase ) );
		}
		.link-more02{
			margin-top : calc( 128 * var( --remBase ) );
		}
	}
}
body[class*="static-page-ev-makerlist/"]{
	#makerSingleHeader{
		@media screen and ( width <= 750px ){
			background-color : var( --red );
		}
		@media print , screen and ( width > 750px ){
			&::after{
				background-color : var( --red );
			}
		}
	}
}
body[class*="static-page-phev-makerlist/"]{
	#makerSingleHeader{
		@media screen and ( width <= 750px ){
			background-color : var( --blue );
		}
		@media print , screen and ( width > 750px ){
			&::after{
				background-color : var( --blue );
			}
		}
	}
}
#makerSingleHeader{
	color : white;
	picture{
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	.entry-title{
		margin-bottom : 0;
		a{
			font-weight : 400;
			color : white;
		}
	}
	p{
		margin-bottom : 0;
	}
	@media screen and ( width <= 750px ){
		padding-bottom : calc( ( 176 - 7.5 ) * var( --oldRemBase ) );
		picture{
			img{
				width : 100%;
				height : auto;
			}
		}
		:is( .entry-title , p ){
			padding-inline : calc( 45 * var( --oldViewportBase ) );
		}
		.entry-title{
			padding-top : calc( ( 113 - 12.5 ) * var( --oldRemBase ) );
			a{
				font-size : calc( 55 * var( --oldRemBase ) );
				line-height : calc( 80 / 55 );
			}
		}
		p{
			margin-top : calc( ( 88 - 12.5 - 7.5 ) * var( --oldRemBase ) );
			font-size : calc( 30 * var( --oldRemBase ) );
			line-height : calc( 45 / 30 );
			letter-spacing : .04em;
		}
	}
	@media print , screen and ( width > 750px ){
		position : relative;
		padding-bottom : calc( ( 62 - 5 ) * var( --remBase ) );
		&::after{
			position : absolute;
			bottom : 0;
			left : 0;
			z-index : 0;
			display : block;
			width : 100%;
			height : calc( 100% - 363 * var( --remBase ) );
			content : "";
		}
		:is( picture , .entry-title , p ){
			position : relative;
			z-index : 1;
		}
		picture{
			width : calc( 608 * 100% / 722 );
			height : calc( 404 * var( --remBase ) );
			margin-left : calc( -30 * 100% / 722 );
		}
		:is( .entry-title , p ){
			width : calc( 570 * 100% / 722 );
			padding-left : calc( 54 * 100% / 722 );
		}
		.entry-title{
			margin-top : calc( ( 54 - 8.5 ) * var( --remBase ) );
			a{
				font-size : calc( 31 * var( --remBase ) );
				line-height : calc( 48 / 31 );
				letter-spacing : .09em;
			}
		}
		p{
			margin-top : calc( ( 28 - 8.5 - 5 ) * var( --remBase ) );
			font-size : calc( 15 * var( --remBase ) );
			line-height : calc( 25 / 15 );
			letter-spacing : .09em;
		}
	}
}
#makerTables{
	h2{
		font-weight : 600;
		text-align : left;
	}
	table{
		display : table;
		table-layout : fixed;
	}
	:is( th,td ){
		padding-left : .5em;
		padding-right : .5em;
		text-align : center;
		vertical-align : middle;
	}
	tr + tr{
		:is( th,td ){
			border-top-color : #f3eee5;
			border-top-style : solid;
		}
	}
	tr:nth-of-type( odd ) td{
		background-color : white;
	}
	tr:nth-of-type( even ) td{
		background-color : #f6d7d5;
	}
	td + td{
		border-left-color : #f3eee5;
		border-left-style : solid;
	}
	th{
		font-weight : 300;
		color : white;
		background-color : #888988;
	}
	@media screen and ( width <= 750px ){
		h2{
			font-size : calc( 32 * var( --oldRemBase ) );
			line-height : calc( 35 / 32 );
		}
		.table-wrapper{
			width : 100%;
			margin-top : calc( ( 66 - 1.5 ) * var( --oldRemBase ) );
			overflow-x : auto;
			overflow-y : visible;
		}
		table{
			&[style]{
				width : calc( var( --tablewidth ) * 100% / 660 );
			}
		}
		tr + tr{
			:is( th,td ){
				border-top-width : calc( 2 * var( --oldRemBase ) );
			}
		}
		:is( th,td ){
			padding-block : calc( ( 33 - 5.5 ) * var( --oldRemBase ) );
			font-size : calc( 24 * var( --oldRemBase ) );
			line-height : calc( 35 / 24 );
		}
		td + td{
			border-left-width : calc( 2 * var( --oldRemBase ) );
		}
		th{
			width : calc( 190 * var( --oldRemBase ) );
			text-align : center;
			text-indent : .09em;
			letter-spacing : .09em;
		}
	}
	@media print , screen and ( width > 750px ){
		h2{
			font-size : calc( 17 * var( --remBase ) );
			line-height : calc( 18.18 / 17 );
		}
		.table-wrapper{
			margin-top : calc( ( 31 - .59 ) * var( --remBase ) );
		}
		table{
			width : 100%;
		}
		tr + tr{
			:is( th,td ){
				border-top-width : calc( 2 * var( --remBase ) );
			}
		}
		td + td{
			border-left-width : calc( 2 * var( --remBase ) );
		}
		th{
			width : calc( 97 * 100% / 692 );
			padding-block : calc( ( 23.5 - 1 ) * var( --remBase ) );
			font-size : calc( 13 * var( --remBase ) );
			line-height : calc( 15 / 13 );
			text-align : center;
			text-indent : .09em;
			letter-spacing : .09em;
		}
		td{
			padding-block : calc( ( 21 - 1 ) * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			line-height : calc( 18 / 16 );
		}
	}
}
body[class*="static-page-phev-makerlist/"]{
	#makerTables{
		tr:nth-of-type( even ) td{
			background-color : #cedbee;
		}
	}
}
body.single-maker{
	#related{
		h3{
			margin-top : 0;
			margin-bottom : 0;
		}
		@media screen and ( width <= 750px ){
			margin-top : calc( 80 * var( --oldRemBase ) );
		}
		@media print , screen and ( width > 750px ){
			margin-top : calc( 80 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
GLOSSARY
--------------------------------------------- */
.static-page-glossary{
	--living : #11a3b9;
	--driving : #ff6c88;
	--charging : #59b952;
	--money : #f6a60b;
	.entry-header{
		position : relative;
		overflow-x : clip;
		&::before , &::after{
			position : absolute;
			display : block;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
		&::before{
			z-index : 1;
		}
		&::after{
			z-index : 0;
		}
	}
	.entry-title{
		position : relative;
		z-index : 1;
		margin : 0;
		font-size : 0;
		a{
			display : block;
			width : fit-content;
		}
	}
	#description{
		position : relative;
		z-index : 1;
		font-weight : 400;
		font-weight : 600;
		color : var( --red );
		letter-spacing : .09em;
	}
	#links{
		position : relative;
		z-index : 1;
		display : flex;
		flex-wrap : wrap;
		justify-content : center;
		margin : 0;
		background-color : white;
		a{
			font-weight : 600;
			text-align : center;
			-webkit-text-decoration : underline;
			text-decoration : underline;
			text-decoration-color : currentColor;
			text-indent : .09em;
			letter-spacing : .09em;
		}
	}
	#glossaries{
		margin : 0;
		line-height : 1;
		h2{
			position : relative;
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : start;
			padding : 0;
			margin : 0;
			font-weight : 600;
			line-height : 1;
			color : white;
			span{
				letter-spacing : .09em;
			}
			&::after{
				position : absolute;
				top : 50%;
				display : block;
				font-size : 0;
				content : "";
				background-repeat : no-repeat;
				background-position : 0 0;
				background-size : contain;
				translate : 0 -50%;
			}
		}
		ul{
			margin : 0;
		}
		li li a{
			position : relative;
			display : block;
			border-bottom-color : black;
			border-bottom-style : solid;
			&::after{
				position : absolute;
				display : block;
				font-size : 0;
				content : "";
				background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217887" ) center / contain no-repeat;
			}
			&[href=""]{
				background-color : color-mix( in sRGB , black 10% , transparent );
			}
		}
		h3 , p{
			padding : 0;
			margin : 0;
		}
		h3{
			display : grid;
			grid-template-columns : auto 1fr;
			justify-content : start;
			font-weight : 600;
			color : black;
			letter-spacing : .09em;
		}
		p{
			font-weight : 600;
			letter-spacing : .09em;
		}
		> li{
			> a{
				display : block;
				width : fit-content;
				margin-left : auto;
			}
		}
	}
	#car{
		h2{
			&::after{
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217894" );
			}
		}
	}
	#living{
		h2{
			&::after{
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217895" );
			}
		}
	}
	#driving{
		h2{
			&::after{
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217896" );
			}
		}
	}
	#charging{
		h2{
			&::after{
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217897" );
			}
		}
	}
	#money{
		h2{
			&::after{
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217881" );
			}
		}
	}
	@media screen and ( width <= 750px ){
		.entry-header{
			padding-top : calc( 447 * var( --oldRemBase ) );
			padding-bottom : calc( ( 65 - 9 ) * var( --oldRemBase ) );
			&::before{
				top : calc( -123 * var( --oldRemBase ) );
				left : calc( 223 * var( --oldViewportBase ) );
				width : calc( 682 * var( --oldViewportBase ) );
				height : calc( 538 * var( --oldRemBase ) );
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217889" );
			}
			&::after{
				top : calc( -2 * var( --oldRemBase ) );
				left : calc( -591 * var( --oldViewportBase ) );
				width : calc( 1399 * var( --oldViewportBase ) );
				height : calc( 1006 * var( --oldRemBase ) );
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217892" );
			}
			.entry-title{
				a{
					margin-inline : auto;
				}
				img{
					height : calc( 302 * var( --oldRemBase ) );
				}
			}
			#description{
				margin-top : calc( ( 64 - 9 )  * var( --oldRemBase ) );
				font-size : calc( 32 * var( --oldRemBase ) );
				line-height : calc( 50 / 32 );
				text-align : center;
				text-indent : .09em;
			}
		}
		#links{
			row-gap : calc( ( 57 - 17.84 - 17.84 ) var( --remBase ) );
			column-gap : calc( 49 * var( --oldViewportBase ) );
			padding-inline : calc( 45 * var( --oldViewportBase ) );
			padding-top : calc( ( 55 - 17.84 ) var( --remBase ) );
			padding-bottom : calc( ( 48 - 17.84 ) var( --remBase ) );
			a{
				font-size : calc( 29.14 * var( --oldRemBase ) );
				line-height : calc( 64.76 / 29.14 );
				text-decoration-thickness : calc( 3.24 var( --remBase ) );
				text-underline-offset : calc( 15 var( --remBase ) );
			}
		}
		#glossaries{
			padding-inline : calc( 45 * var( --oldViewportBase ) );
			margin-top : calc( 65 * var( --oldRemBase ) );
			> li + li{
				margin-top : calc( 100 * var( --oldRemBase ) );
			}
			h2{
				padding-block : calc( 15.5 * var( --oldRemBase ) );
				padding-inline : calc( 25 * 100% / 660 );
				span:nth-of-type( 1 ){
					font-size : calc( 54 * var( --oldRemBase ) );
				}
				span:nth-of-type( 2 ){
					font-size : calc( 32 * var( --oldRemBase ) );
				}
			}
			ul{
				margin-top : calc( ( 71 - 5 ) * var( --oldRemBase ) );
			}
			li li + li{
				margin-top : calc( ( 64 - 5 ) * var( --oldRemBase ) );
			}
			li li a{
				padding-bottom : calc( ( 19 - 11 ) * var( --oldRemBase ) );
				border-bottom-width : calc( 4 * var( --oldRemBase ) );
				&::after{
					bottom : calc( 21 * var( --oldRemBase ) );
					right : calc( 14 * 100% / 660 );
					width : calc( 19 * 100% / 660 );
					height : calc( 30 * var( --oldRemBase ) );
				}
			}
			h3{
				align-items : center;
				font-size : calc( 35 * var( --oldRemBase ) );
				line-height : calc( 45 / 35 );
				span{
					padding-left : calc( 45 * var( --oldRemBase ) );
					font-size : calc( 28 * var( --oldRemBase ) );
					line-height : calc( 45 / 28 );
				}
			}
			p{
				margin-top : calc( -11 * var( --oldRemBase ) );
				font-size : calc( 18 * var( --oldRemBase ) );
				line-height : calc( 40 / 18 );
			}
			> li{
				> a{
					margin-top : calc( 54 * var( --oldRemBase ) );
					margin-right : auto;
					img{
						height : calc( 58 * var( --oldRemBase ) );
					}
				}
			}
		}
		#car{
			h2{
				&::after{
					right : calc( 26 * 100% / 660 );
					width : calc( 62 * 100% / 660 );
					height : calc( 25 * var( --oldRemBase ) );
				}
			}
		}
		#living{
			h2{
				&::after{
					right : calc( 25 * 100% / 660 );
					width : calc( 70 * 100% / 660 );
					height : calc( 27 * var( --oldRemBase ) );
				}
			}
		}
		#driving{
			h2{
				&::after{
					right : calc( 25 * 100% / 660 );
					width : calc( 64 * 100% / 660 );
					height : calc( 27 * var( --oldRemBase ) );
				}
			}
		}
		#charging{
			h2{
				&::after{
					right : calc( 25 * 100% / 660 );
					width : calc( 63 * 100% / 660 );
					height : calc( 23 * var( --oldRemBase ) );
				}
			}
		}
		#money{
			h2{
				&::after{
					right : calc( 25 * 100% / 660 );
					width : calc( 63 * 100% / 660 );
					height : calc( 28 * var( --oldRemBase ) );
				}
			}
		}
	}
	@media print , screen and ( width > 750px ){
		.entry-header{
			padding-inline : max( calc( 113 * var( --viewportBase ) ) , calc( ( 100% - 814px ) / 2 ) );
			padding-top : calc( 64 * var( --remBase ) );
			padding-bottom : calc( ( 67 - 11 ) * var( --remBase ) );
			&::before{
				top : calc( -104 * var( --remBase ) );
				left : calc( 50% + min( 35px , calc( 35 * var( --viewportBase ) ) ) );
				width : min( 576px , calc( 576 * var( --viewportBase ) ) );
				height : calc( 454 * var( --remBase ) );
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217888" );
			}
			&::after{
				top : calc( -10 * var( --remBase ) );
				left : calc( 50% - min( 1123px , calc( 1123 * var( --viewportBase ) ) ) );
				width : min( 1793px , calc( 1793 * var( --viewportBase ) ) );
				height : calc( 578 * var( --remBase ) );
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6801883189106217891" );
			}
			.entry-title{
				img{
					height : calc( 211 * var( --remBase ) );
				}
			}
			#description{
				margin-top : calc( ( 36 - 11 ) * var( --remBase ) );
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 40 / 18 );
			}
		}
		#links{
			column-gap : calc( 30 * 100% / 814 );
			width : min( 814px , calc( 814 * var( --viewportBase ) ) );
			padding-top : calc( ( 22 - 11 ) * var( --remBase ) );
			padding-bottom : calc( ( 31 - 11 ) * var( --remBase ) );
			margin-inline : auto;
			a{
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 40 / 18 );
				text-decoration-thickness : calc( 2 * var( --remBase ) );
				text-underline-offset : calc( 9 * var( --remBase ) );
			}
		}
		#glossaries{
			column-gap : calc( 30 * 100% / 814 );
			width : min( 814px , calc( 814 * var( --viewportBase ) ) );
			margin-inline : auto;
			margin-top : calc( 26 * var( --remBase ) );
			> li + li{
				margin-top : calc( 35 * var( --remBase ) );
			}
			h2{
				padding-block : calc( 15 * var( --remBase ) );
				padding-inline : calc( 22 * 100% / 814 );
				span:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
				}
				span:nth-of-type( 2 ){
					font-size : calc( 18 * var( --remBase ) );
				}
			}
			ul{
				display : grid;
				grid-template-columns : repeat( 2 , calc( 377 * 100% / 814 ) );
				row-gap : calc( ( 46 - 4.5 ) * var( --remBase ) );
				justify-content : space-between;
				margin-top : calc( ( 54 - 4.5 ) * var( --remBase ) );
			}
			li li a{
				padding-bottom : calc( ( 10 - 7 ) * var( --remBase ) );
				border-bottom-width : calc( 2 * var( --remBase ) );
				&::after{
					bottom : calc( 10 * var( --remBase ) );
					right : calc( 5 * 100% / 377 );
					width : calc( 10 * 100% / 377 );
					height : calc( 18 * var( --remBase ) );
				}
			}
			h3{
				align-items : baseline;
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 25 / 16 );
				span{
					padding-left : calc( 16 * var( --remBase ) );
					font-size : calc( 13 * var( --remBase ) );
					line-height : calc( 25 / 13 );
				}
			}
			p{
				margin-top : calc( -7 * var( --remBase ) );
				font-size : calc( 11 * var( --remBase ) );
				line-height : calc( 25 / 11 );
			}
			> li{
				> a{
					margin-top : calc( 40 * var( --remBase ) );
					img{
						height : calc( 36 * var( --remBase ) );
					}
				}
			}
		}
		#car{
			h2{
				&::after{
					right : calc( 25 * 100% / 814 );
					width : calc( 47 * 100% / 814 );
					height : calc( 19 * var( --remBase ) );
				}
			}
		}
		#living{
			h2{
				&::after{
					right : calc( 25 * 100% / 814 );
					width : calc( 60 * 100% / 814 );
					height : calc( 23 * var( --remBase ) );
				}
			}
		}
		#driving{
			h2{
				&::after{
					right : calc( 25 * 100% / 814 );
					width : calc( 48 * 100% / 814 );
					height : calc( 21 * var( --remBase ) );
				}
			}
		}
		#charging{
			h2{
				&::after{
					right : calc( 25 * 100% / 814 );
					width : calc( 48 * 100% / 814 );
					height : calc( 17 * var( --remBase ) );
				}
			}
		}
		#money{
			h2{
				&::after{
					right : calc( 24 * 100% / 814 );
					width : calc( 49 * 100% / 814 );
					height : calc( 22 * var( --remBase ) );
				}
			}
		}
	}
}

/* --------------------------------------------
GROSSARY SINGLE
--------------------------------------------- */
body[class*="static-page-glossary\/"]{
	.entry-header{
		border-image-source : linear-gradient( var( --headerBackgroundColor ) , var( --headerBackgroundColor ) );
		border-image-slice : 0 fill;
		border-image-outset : 0 100vw 0 100vw;
	}
	#hero{
		border-image-source : linear-gradient( white , white );
		border-image-slice : 0 fill;
		border-image-outset : 0 100vw 0 100vw;
	}
	@media screen and ( width <= 750px ){
		#hero{
			padding-top : calc( ( 50 - 8 ) * var( --oldRemBase ) );
			padding-bottom : calc( 80 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		#hero{
			padding-top : calc( ( 51 - 5.75 ) * var( --remBase ) );
			padding-bottom : calc( 43 * var( --remBase ) );
		}
	}
	#heroSNS{
		figcaption{
			text-align : center;
			text-indent : .24em;
			letter-spacing : .24em;
		}
		ul{
			display : flex;
			align-items : center;
			justify-content : center;
		}
		@media screen and ( width <= 750px ){
			padding-top : calc( 56 * var( --oldRemBase ) );
			figcaption{
				font-size : calc( 22 * var( --oldRemBase ) );
			}
			ul{
				margin-top : calc( 24 * var( --oldRemBase ) );
			}
			li + li{
				margin-left : calc( 48 * var( --oldViewportBase ) );
			}
			#hbm-foot-sns-facebook{
				img{
					height : calc( 50 * var( --oldRemBase ) );
				}
			}
			#hbm-foot-sns-twitter{
				img{
					height : calc( 46 * var( --oldRemBase ) );
				}
			}
			#hbm-foot-sns-line{
				img{
					height : calc( 48 * var( --oldRemBase ) );
				}
			}
		}
		@media print , screen and ( width > 750px ){
			margin-top : calc( ( 43 - 5.75 ) * var( --remBase ) );
			figcaption{
				font-size : calc( 22 * var( --remBase ) );
			}
			ul{
				margin-top : calc( 14 * var( --remBase ) );
			}
			li + li{
				margin-left : calc( 28 * var( --remBase ) );
			}
			#hbm-foot-sns-facebook{
				img{
					height : calc( 30 * var( --remBase ) );
				}
			}
			#hbm-foot-sns-twitter{
				img{
					height : calc( 27 * var( --remBase ) );
				}
			}
			#hbm-foot-sns-line{
				img{
					height : calc( 29 * var( --remBase ) );
				}
			}
		}
	}
}
#hero .glossary-child-lede{
	font-weight : 400;
	a{
		-webkit-text-decoration : underline;
		text-decoration : underline;
	}
	@media screen and ( width <= 750px ){
		padding-left : calc( 56 * var( --oldViewportBase ) );
		padding-right : calc( 56 * var( --oldViewportBase ) );
		font-size : calc( 26 * var( --oldRemBase ) );
		line-height : calc( 42 / 26 );
		text-indent : .1em;
		letter-spacing : .1em;
	}
	@media print , screen and ( width > 750px ){
		width : min( 1040px , calc( 1040 * var( --viewportBase ) ) );
		padding-inline : min( 20px , calc( 20 * var( --viewportBase ) ) );
		margin-inline : auto;
		font-size : calc( 17.5 * var( --remBase ) );
		line-height : calc( 29 / 17.5 );
		text-indent : .24em;
		letter-spacing : .24em;
	}
}

/* --------------------------------------------
FAQ
--------------------------------------------- */
body.static-page-faq{
	#box2{
		display : none;
	}
	.entry{
		position : relative;
		z-index : 1;
	}
	.entry-content{
		h1 , h2 , h3 , h4 , h5 , h6 , p , dl , dt , dd , ul , li , span , em , strong{
			padding : 0;
			margin : 0;
		}
		a:hover{
			opacity : 1;
		}
	}
	@media screen and ( width <= 750px ){
		#post{
			margin-top : calc( 76 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		#content{
			position : relative;
			padding-top : calc( 37 * var( --remBase ) );
			overflow : clip;
		}
		#post{
			margin-top : calc( 69 * var( --remBase ) );
		}
	}
}
body.static-page-faq{
	#faqHgroup{
		p{
			font-weight : 600;
			color : white;
			letter-spacing : .09em;
		}
		.entry-title{
			font-size : 0;
			a{
				display : block;
				width : 100%;
				height : 100%;
				font-size : 0;
				pointer-events : none;
				background-repeat : no-repeat;
				background-position : center;
			}
		}
	}
	@media screen and ( width <= 750px ){
		#faqHgroup{
			position : relative;
			height : calc( 1047 * var( --oldRemBase ) );
			padding-top : calc( 249 * var( --oldRemBase ) );
			background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509996" ) center top / 100% auto no-repeat;
			&::before{
				position : absolute;
				bottom : calc( -23 * var( --oldRemBase ) );
				left : calc( 20 * 100% / 750 );
				z-index : 1;
				display : block;
				width : calc( 332 * 100% / 750 );
				height : calc( 391 * var( --oldRemBase ) );
				content : "";
				background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509998" ) center / contain no-repeat;
			}
			p{
				font-size : calc( 32.37 * var( --oldRemBase ) );
				text-align : center;
				text-indent : .09em;
			}
			.entry-title{
				width : 100%;
				height : calc( 307 * var( --oldRemBase ) );
				margin-top : calc( 63 * var( --oldRemBase ) );
				a{
					background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509992" );
					background-size : auto 100%;
				}
			}
		}
	}
	@media print , screen and ( width > 750px ){
		#faqHgroup{
			position : relative;
			height : calc( 453 * var( --remBase ) );
			padding-top : calc( 102 * var( --remBase ) );
			padding-left : calc( 341 * 100% / 1040 );
			background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509995" ) left top / auto 100% no-repeat;
			&::before , &::after{
				position : absolute;
				display : block;
				content : "";
				background-repeat : no-repeat;
				background-position : center;
				background-size : contain;
			}
			&::before{
				top : calc( -15 * var( --remBase ) );
				right : calc( -45 * 100% / 1040 );
				z-index : -1;
				width : calc( 212 * 100% / 1040 );
				height : calc( 620 * var( --remBase ) );
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509997" );
			}
			&::after{
				bottom : calc( -22 * var( --remBase ) );
				left : calc( 63 * 100% / 1040 );
				z-index : 1;
				width : calc( 262 * 100% / 1040 );
				height : calc( 309 * var( --remBase ) );
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509998" );
			}
			p{
				font-size : calc( 21.36 * var( --remBase ) );
			}
			.entry-title{
				width : calc( 360 * 100% / 699 );
				height : calc( 203 * var( --remBase ) );
				margin-top : calc( 43 * var( --remBase ) );
				a{
					background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509991" );
					background-size : contain;
				}
			}
		}
	}
}
body.static-page-faq{
	:is( #faq01 , #faq02 ){
		h2{
			display : grid;
			background-repeat : no-repeat;
			&::before{
				z-index : -1;
				grid-row : 1/6;
				grid-column : 1/3;
				content : "";
				background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974510008" ) center / contain no-repeat;
			}
			&::after{
				display : block;
				grid-row : 2;
				grid-column : 2/4;
				content : "";
				background-color : var( --sectionColor );
			}
			span{
				grid-row : 4;
				grid-column : 2/4;
				font-weight : 600;
				color : var( --sectionColor );
				letter-spacing : .09em;
			}
		}
		> ul{
			display : grid;
			> li{
				counter-increment : no;
				> a{
					position : relative;
					display : grid;
					width : 100%;
					height : 100%;
					background-color : white;
					&::after{
						position : absolute;
						z-index : -1;
						width : 100%;
						height : 100%;
						content : "";
						background-color : #c0c0c0;
					}
					&::before{
						display : grid;
						grid-row : 1;
						grid-column : 1;
						align-items : center;
						justify-content : start;
						font-weight : 600;
						color : white;
						letter-spacing : .09em;
						content : "Q."counter( no );
						background-color : var( --sectionColor );
						background-repeat : no-repeat;
					}
					h3{
						grid-row : 2;
						grid-column : 1;
						align-self : center;
						font-weight : 600;
						color : var( --sectionColor );
						letter-spacing : .09em;
						span{
							letter-spacing : .09em;
						}
					}
				}
				&.car{
					> a{
						&::before{
							background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974510003" );
						}
					}
				}
				&.money{
					> a{
						&::before{
							background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974510005" );
						}
					}
				}
				&.energy{
					> a{
						&::before{
							background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974510004" );
						}
					}
				}
			}
		}
	}
	#faq01{
		--sectionColor : #d82b22;
		h2{
			background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509994" );
		}
	}
	#faq02{
		--sectionColor : #11a3b9;
		h2{
			background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974510001" );
		}
	}
	@media screen and ( width <= 750px ){
		:is( #faq01 , #faq02 ){
			h2{
				grid-template-rows : calc( 76 * var( --oldRemBase ) ) calc( 4 * var( --oldRemBase ) ) calc( 28 * var( --oldRemBase ) ) auto 1fr;
				grid-template-columns : calc( 43 * 100% / 705 ) calc( 117 * 100% / 705 ) 1fr;
				width : calc( 705 * 100% / 750 );
				min-height : calc( 214 * var( --oldRemBase ) );
				overflow : clip;
				&::before{
					margin-left : calc( -12 * 100% / 160 );
				}
				span{
					font-size : calc( 32 * var( --oldRemBase ) );
				}
			}
			> ul{
				grid-template-columns : repeat( 2 , calc( 315 * 100% / 660 ) );
				grid-auto-rows : calc( 280 * var( --oldRemBase ) );
				row-gap : calc( 29 * var( --oldRemBase ) );
				justify-content : space-between;
				padding-inline : calc( 45 * 100% / 750 );
				margin-top : calc( 27 * var( --oldRemBase ) );
				> li{
					> a{
						grid-template-rows : calc( 54 * var( --oldRemBase ) ) 1fr;
						&::before{
							padding-left : calc( 20 * 100% / 315 );
							font-size : calc( 30 * var( --oldRemBase ) );
						}
						&::after{
							top : calc( 8 * var( --oldRemBase ) );
							left : calc( 9 * 100% / 315 );
						}
						h3{
							padding-inline : calc( 32 * 100% / 315 );
							font-size : calc( 28 * var( --oldRemBase ) );
							line-height : calc( 38 / 28 );
							span{
								font-size : calc( 46 * var( --oldRemBase ) );
								line-height : calc( 56 / 46 );
							}
						}
					}
					&.car{
						> a{
							&::before{
								background-position : calc( ( 240 + 61 ) * 100% / 315 ) center;
								background-size : auto calc( 25 * var( --oldRemBase ) );
							}
						}
					}
					&.money{
						> a{
							&::before{
								background-position : calc( ( 241 + 60 ) * 100% / 315 ) center;
								background-size : auto calc( 26 * var( --oldRemBase ) );
							}
						}
					}
					&.energy{
						> a{
							&::before{
								background-position : calc( ( 239 + 61 ) * 100% / 315 ) center;
								background-size : auto calc( 22 * var( --oldRemBase ) );
							}
						}
					}
				}
			}
		}
		#faq01{
			h2{
				background-position : right calc( 97 * var( --oldRemBase ) );
				background-size : auto calc( 75 * var( --oldRemBase ) );
			}
		}
		#faq02{
			margin-top : calc( 119 * var( --oldRemBase ) );
			h2{
				background-position : right calc( 89 * var( --oldRemBase ) );
				background-size : auto calc( 100 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		:is( #faq01 , #faq02 ){
			h2{
				grid-template-rows : calc( 40 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 28 * var( --remBase ) ) auto 1fr;
				grid-template-columns : calc( 85 * 100% / 899 ) calc( 29 * 100% / 899 ) 1fr;
				width : calc( 899 * 100% / 1040 );
				min-height : calc( 141 * var( --remBase ) );
				margin-left : calc( 29 * 100% / 1040 );
				background-position : right bottom;
				span{
					font-size : calc( 24 * var( --remBase ) );
				}
			}
			> ul{
				grid-template-columns : repeat( 3 , calc( 246 * 100% / 814 ) );
				grid-auto-rows : calc( 220 * var( --remBase ) );
				row-gap : calc( 39 * var( --remBase ) );
				column-gap : calc( 39 * 100% / 814 );
				padding-inline : calc( 113 * 100% / 1040 );
				margin-top : calc( 50 * var( --remBase ) );
				> li{
					> a{
						grid-template-rows : calc( 42 * var( --remBase ) ) 1fr;
						&::before{
							padding-left : calc( 14 * 100% / 246 );
							font-size : calc( 24 * var( --remBase ) );
						}
						&::after{
							top : calc( 7 * var( --remBase ) );
							left : calc( 7 * 100% / 246 );
						}
						h3{
							padding-inline : calc( 25 * 100% / 246 );
							font-size : calc( 20 * var( --remBase ) );
							line-height : calc( 30 / 20 );
							span{
								font-size : calc( 35 * var( --remBase ) );
								line-height : calc( 45 / 35 );
							}
						}
					}
					&.car{
						> a{
							&::before{
								background-position : calc( ( 188 + 47 ) * 100% / 246 ) center;
								background-size : auto calc( 19 * var( --remBase ) );
							}
						}
					}
					&.money{
						> a{
							&::before{
								background-position : calc( ( 189 + 47 ) * 100% / 246 ) center;
								background-size : auto calc( 20 * var( --remBase ) );
							}
						}
					}
					&.energy{
						> a{
							&::before{
								background-position : calc( ( 187 + 48 ) * 100% / 246 ) center;
								background-size : auto calc( 17 * var( --remBase ) );
							}
						}
					}
				}
			}
		}
		#faq01{
			h2{
				background-size : auto calc( 78 * var( --remBase ) );
			}
		}
		#faq02{
			margin-top : calc( 119 * var( --remBase ) );
			h2{
				min-height : calc( ( 141 + 17 ) * var( --remBase ) );
				padding-bottom : calc( 17 * var( --remBase ) );
				background-size : auto calc( 100 * var( --remBase ) );
			}
		}
	}
}
body.static-page-faq #faqSwiper{
	position : relative;
	font-size : 0;
	a{
		display : block;
	}
	picture{
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	:is( .swiper-button-prev , .swiper-button-next ){
		position : absolute;
		top : 50%;
		z-index : 9;
		width : auto;
		height : auto;
		margin : 0;
		translate : 0 -50%;
		&::after{
			content : none;
		}
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( 46 var( --remBase ) );
		padding-bottom : calc( 44 var( --remBase ) );
		padding-left : calc( 90 * 100% / 750 );
		padding-right : calc( 90 * 100% / 750 );
		margin-top : calc( 209 var( --remBase ) );
		overflow : hidden;
		.swiper{
			height : calc( 536 var( --remBase ) );
		}
		.swiper-wrapper{
			justify-content : space-between;
		}
		.swiper-slide{
			height : calc( 250 var( --remBase ) );
			padding-left : calc( 17.5 var( --remBase ) );
			padding-right : calc( 17.5 var( --remBase ) );
		}
		picture{
			height : calc( 250 var( --remBase ) );
		}
		:is( .swiper-button-prev , .swiper-button-next ){
			img{
				height : calc( 58 var( --remBase ) );
			}
		}
		.swiper-button-prev{
			left : calc( 34 * 100% / 750 );
		}
		.swiper-button-next{
			right : calc( 34 * 100% / 750 );
		}
	}
	@media print , screen and ( width > 750px ){
		width : calc( 950 * 100% / 1040 );
		padding-top : calc( 21 var( --remBase ) );
		padding-bottom : calc( 24 var( --remBase ) );
		padding-left : calc( 50 * 100% / 1040 );
		padding-right : calc( 50 * 100% / 1040 );
		margin-top : calc( 160 var( --remBase ) );
		margin-left : auto;
		margin-right : auto;
		background-color : white;
		.swiper-slide{
			width : calc( 213 * 100% / 850 );
			padding-left : calc( 19 * 100% / 850 );
			padding-right : calc( 19 * 100% / 850 );
		}
		picture{
			height : calc( 175 var( --remBase ) );
		}
		:is( .swiper-button-prev , .swiper-button-next ){
			img{
				height : calc( 35 var( --remBase ) );
			}
		}
		.swiper-button-prev{
			left : calc( 22 * 100% / 950 );
		}
		.swiper-button-next{
			right : calc( 22 * 100% / 950 );
		}
	}
}
body.is-dialog{
	height : 100vh;
	overflow : hidden;
}
dialog:not( [open] ){
	display : none;
}
body.static-page-faq .entry-content dialog{
	position : fixed;
	top : 0;
	left : 0;
	z-index : 12;
	width : 100%;
	height : 100dvh;
	overflow-y : auto;
	background-color : color-mix( in sRGB , black 50% , transparent );
	.dialogContent{
		display : grid;
		align-content : center;
		justify-content : stretch;
	}
	button{
		display : block;
		margin-left : auto;
	}
	dl{
		background-color : #f4efe6;
	}
	dt{
		display : grid;
		grid-template-columns : auto auto;
		align-items : center;
		justify-content : start;
		color : white;
		letter-spacing : .09em;
		background-color : var( --sectionColor );
		&::before{
			content : "Q."counter( no );
		}
	}
	h3{
		position : relative;
		display : grid;
		grid-template-columns : auto auto;
		align-items : start;
		justify-content : start;
		font-weight : 600;
		color : var( --sectionColor );
		-webkit-text-decoration : underline;
		text-decoration : underline;
		letter-spacing : .09em;
		&::before{
			white-space : pre;
			content : "A. ";
		}
	}
	.box{
		background-color : white;
		&::after{
			clear : both;
		}
		picture{
			float : right;
		}
		p{
			color : black;
			letter-spacing : .07em;
		}
		strong , .strong{
			font-weight : 600;
		}
		em , .em{
			padding-left : .07em;
			font-weight : 600;
			background-color : #ffc435;
		}
	}
	.links{
		display : grid;
		grid-template-columns : repeat( 2 , auto );
		align-items : end;
		justify-content : space-between;
		a{
			display : grid;
			align-items : end;
			justify-content : space-between;
			font-weight : 600;
			color : black;
			letter-spacing : .09em;
			border-bottom-color : black;
			border-bottom-style : solid;
		}
		.prev{
			text-align : left;
			&::before{
				display : block;
				font-size : 0;
				content : "";
				background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974510006" ) center / contain no-repeat;
			}
		}
		.next{
			text-align : right;
			&::after{
				display : block;
				font-size : 0;
				content : "";
				background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974510002" ) center / contain no-repeat;
			}
		}
	}
	.related{
		display : grid;
		align-items : start;
		background-color : var( --sectionColor );
		h4{
			img{
				width : 100%;
				height : auto;
			}
		}
		a{
			display : grid;
			align-items : center;
			background-color : white;
		}
		a picture{
			grid-row : 1;
			grid-column : 1;
			img{
				width : 100%;
				height : 100%;
				object-fit : cover;
				object-position : center;
			}
		}
		h5{
			display : -webkit-box;
			grid-row : 1;
			grid-column : 2;
			overflow : hidden;
			font-weight : 600;
			letter-spacing : .09em;
			-webkit-box-orient : vertical;
		}
	}
	@media screen and ( width <= 750px ){
		padding-inline : calc( 20 * 100% / 750 );
		button{
			img{
				height : calc( 75 * var( --oldRemBase ) );
			}
		}
		dl{
			padding-bottom : calc( 56 * var( --oldRemBase ) );
			margin-top : calc( 10 * var( --oldRemBase ) );
		}
		dt{
			column-gap : calc( 17 * 100% / 710 );
			padding-block : calc( 32 * var( --oldRemBase ) );
			padding-inline : calc( 24 * 100% / 710 );
			font-size : calc( 28 * var( --oldRemBase ) );
			line-height : calc( 28 / 30 );
		}
		dd{
			padding-inline : calc( 25 * 100% / 710 );
			margin-top : calc( ( 56 - 16.5 ) * var( --oldRemBase ) );
		}
		h3{
			font-size : calc( 47.16 * var( --oldRemBase ) );
			line-height : calc( 80.17 / 47.16 );
			text-decoration-thickness : calc( 6 * var( --oldRemBase ) );
			text-underline-offset : calc( 17 * var( --oldRemBase ) );
		}
		.box{
			min-height : calc( 255 * var( --oldRemBase ) );
			margin-top : calc( ( 70 - 16.5 ) * var( --oldRemBase ) );
			border-radius : calc( 30 * var( --oldRemBase ) );
			picture{
				margin-top : calc( -35 * var( --oldRemBase ) );
				margin-left : calc( 30 * 100% / 660 );
				margin-right : calc( 22 * 100% / 660 );
				img{
					height : calc( 220 * var( --oldRemBase ) );
				}
			}
			p{
				padding-block : calc( ( 36 - 10 ) * var( --oldRemBase ) );
				padding-inline : calc( 38 * 100% / 660 );
				font-size : calc( 26 * var( --oldRemBase ) );
				line-height : calc( 46 / 26 );
			}
		}
		.links{
			column-gap : calc( 44 * 100% / 660 );
			margin-top : calc( ( 55 - 8 ) * var( --oldRemBase ) );
			a{
				padding-bottom : calc( ( 20 - 8 ) * var( --oldRemBase ) );
				font-size : calc( 24 * var( --oldRemBase ) );
				line-height : calc( 40 / 24 );
				border-bottom-width : calc( 4 * var( --oldRemBase ) );
			}
			:is( .prev , .next ){
				column-gap : calc( 34 * var( --oldRemBase ) );
			}
			.prev{
				grid-template-columns : calc( 15 * var( --oldRemBase ) ) auto;
				&::before{
					height : calc( 23 * var( --oldRemBase ) );
					margin-bottom : calc( 8.5 * var( --oldRemBase ) );
				}
			}
			.next{
				grid-template-columns : auto calc( 15 * var( --oldRemBase ) );
				&::after{
					height : calc( 23 * var( --oldRemBase ) );
					margin-bottom : calc( 8.5 * var( --oldRemBase ) );
				}
			}
		}
		.related{
			grid-template-columns : calc( 36 * 100% / 660 ) 1fr;
			column-gap : calc( 20 * 100% / 660 );
			padding-inline : calc( 25 * 100% / 710 );
			padding-top : calc( 43 * var( --oldRemBase ) );
			padding-bottom : calc( 42 * var( --oldRemBase ) );
			li + li{
				margin-top : calc( 31 * var( --oldRemBase ) );
			}
			a{
				grid-template-columns : calc( 145 * 100% / 604 ) 1fr;
			}
			a picture{
				height : calc( 145 * var( --oldRemBase ) );
			}
			h5{
				padding-inline : calc( 44 * 100% / 459 );
				font-size : calc( 24 * var( --oldRemBase ) );
				line-height : calc( 40 / 24 );
				-webkit-line-clamp : 2;
			}
		}
	}
	@media print , screen and ( width > 750px ){
		padding-inline : calc( ( 100% - 800px ) / 2 );
		button{
			img{
				height : calc( 40 * var( --remBase ) );
			}
		}
		dl{
			padding-bottom : calc( 43 * var( --remBase ) );
			margin-top : calc( 11 * var( --remBase ) );
		}
		dt{
			column-gap : calc( 29 * 100% / 708 );
			padding-block : calc( 20 * var( --remBase ) );
			padding-inline : calc( 46 * 100% / 800 );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 30 / 22 );
		}
		dd{
			padding-inline : calc( 44 * 100% / 800 );
			margin-top : calc( ( 52 - 17.5 ) * var( --remBase ) );
		}
		h3{
			font-size : calc( 50 * var( --remBase ) );
			line-height : calc( 85 / 50 );
			text-decoration-thickness : calc( 4 * var( --remBase ) );
			text-underline-offset : calc( 17 * var( --remBase ) );
		}
		.box{
			min-height : calc( 199 * var( --remBase ) );
			margin-top : calc( ( 73 - 17.5 ) * var( --remBase ) );
			border-radius : calc( 30 * var( --remBase ) );
			picture{
				margin-top : calc( -44 * var( --remBase ) );
				margin-left : calc( 42 * 100% / 712 );
				margin-right : calc( 22 * 100% / 712 );
				img{
					height : calc( 221 * var( --remBase ) );
				}
			}
			p{
				padding-block : calc( ( 35 - 7.5 ) * var( --remBase ) );
				padding-inline : calc( 40 * 100% / 712 );
				font-size : calc( 13 * var( --remBase ) );
				line-height : calc( 28 / 13 );
			}
		}
		.links{
			margin-top : calc( ( 44 - 8.5 ) * var( --remBase ) );
			a{
				padding-bottom : calc( ( 9 - 8.5 ) * var( --remBase ) );
				font-size : calc( 13 * var( --remBase ) );
				line-height : calc( 30 / 13 );
				border-bottom-width : calc( 2 * var( --remBase ) );
			}
			:is( .prev , .next ){
				column-gap : calc( 18 * var( --remBase ) );
			}
			.prev{
				grid-template-columns : calc( 8 * var( --remBase ) ) auto;
				&::before{
					height : calc( 12 * var( --remBase ) );
					margin-bottom : calc( 9 * var( --remBase ) );
				}
			}
			.next{
				grid-template-columns : auto calc( 8 * var( --remBase ) );
				&::after{
					height : calc( 12 * var( --remBase ) );
					margin-bottom : calc( 9 * var( --remBase ) );
				}
			}
		}
		.related{
			grid-template-columns : calc( 17 * 100% / 712 ) 1fr;
			column-gap : calc( 18 * 100% / 712 );
			padding-inline : calc( 44 * 100% / 800 );
			padding-top : calc( 26 * var( --remBase ) );
			padding-bottom : calc( 28 * var( --remBase ) );
			ul{
				display : grid;
				grid-template-columns : repeat( 2 , calc( 330 * 100% / 677 ) );
				row-gap : calc( 17 * var( --remBase ) );
				justify-content : space-between;
			}
			a{
				grid-template-columns : calc( 106 * 100% / 330 ) 1fr;
			}
			a picture{
				height : calc( 106 * var( --remBase ) );
			}
			h5{
				padding-inline : calc( 24 * 100% / 224 );
				font-size : calc( 13 * var( --remBase ) );
				line-height : calc( 19.93 / 13 );
				-webkit-line-clamp : 3;
			}
		}
	}
}
body.static-page-faq{
	:is( #faq01 , #faq02 ){
		> ul{
			> li:first-child{
				.links{
					justify-content : end;
				}
			}
			> li:last-child{
				.links{
					justify-content : start;
				}
			}
		}
	}
}
body.static-page-faq #faqService{
	@media screen and ( width <= 750px ){
		margin-top : calc( 80 * var( --oldRemBase ) );
	}
	@media print , screen and ( width > 750px ){
		width : min( 850px , calc( 850 * var( --viewportBase ) ) );
		margin-inline : auto;
		margin-top : calc( 160 * var( --remBase ) );
	}
}

/* --------------------------------------------
SEARCH RESULT
--------------------------------------------- */
.search-result{
	@media screen and ( width <= 750px ){
		padding-inline : var( --wrapPaddingInline );
		padding-top : calc( 36 * var( --remBase ) );
		margin-bottom : 0;
		.archive-heading{
			font-size : calc( 16 * var( --remBase ) );
			line-height : 1.2;
		}
		.search-result-form .search-result-input{
			font-size : calc( 12 * var( --remBase ) );
		}
	}
}
.search-result + p{
	@media screen and ( width <= 750px ){
		padding-inline : var( --wrapPaddingInline );
		padding-bottom : calc( 64 * var( --remBase ) );
		margin-top : calc( 24 * var( --remBase ) );
		font-size : calc( 14 * var( --remBase ) );
	}
}