@charset "UTF-8";

/* --------------------------------------------
SERVICE
--------------------------------------------- */
.moduleService{
	h2{
		margin-block : 0;
		font-weight : 600;
		color : var( --red );
		text-align : center;
		text-indent : .02em;
		letter-spacing : .02em;
	}
	a{
		display : block;
	}
	picture{
		width : 100%;
		height : 100%;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	.splide__arrow{
		position : absolute;
		top : 50%;
		translate : 0 -50%;
		img{
			filter : var( --filterRed );
		}
	}
	@media screen and ( width <= 750px ){
		position : relative;
		z-index : 0;
		> div{
			padding-top : calc( 21 * var( --remBase ) );
			padding-bottom : calc( 28.34 * var( --remBase ) );
			&::before{
				position : absolute;
				top : 0;
				left : calc( 19.32 * var( --viewportBase ) );
				z-index : -1;
				display : block;
				width : calc( 306.36 * var( --viewportBase ) );
				height : 100%;
				content : "";
				background-color : white;
			}
		}
		h2{
			font-size : calc( 12.88 * var( --remBase ) );
			line-height : calc( 19 / 12.88 );
		}
	}
	@media print , screen and ( width > 750px ){
		--cqw : 100cqw / 920;
		container-type : inline-size;
		width : 100%;
		background-color : white;
		> div{
			padding-top : calc( 20 * var( --cqw ) );
			padding-bottom : calc( 35 * var( --cqw ) );
		}
		h2{
			font-size : calc( 16 * var( --cqw ) );
			line-height : calc( 24 / 16 );
		}
	}
}
.sliderService{
	.splide__track{
		margin-inline : auto;
	}
	@media screen and ( width <= 750px ){
		margin-top : calc( 21 * var( --remBase ) );
		.splide__track{
			width : calc( 243.7 * var( --viewportBase ) );
		}
		.splide__arrow{
			img{
				height : calc( 28.98 * var( --remBase ) );
			}
		}
		.splide__arrow--prev{
			left : calc( 9 * var( --viewportBase ) );
		}
		.splide__arrow--next{
			right : calc( 9 * var( --viewportBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( 21 * var( --cqw ) );
		.splide__track{
			width : calc( 785 * var( --cqw ) );
		}
		.splide__arrow{
			img{
				height : calc( 33.6 * var( --cqw ) );
			}
		}
		.splide__arrow--prev{
			left : calc( 25 * var( --cqw ) );
		}
		.splide__arrow--next{
			right : calc( 25 * var( --cqw ) );
		}
	}
}

/* --------------------------------------------
SIDEBAR
--------------------------------------------- */
#box2{
	.banner01{
		display : block;
		img{
			width : 100%;
			height : auto;
		}
	}
	@media screen and ( width <= 750px ){
		&:has( #box2-inner div ){
			padding-top : calc( 84 * var( --oldRemBase ) );
		}
		.hatena-module.hatena-module-html + .hatena-module.hatena-module-html{
			margin-top : calc( 74 * var( --oldRemBase ) );
		}
		.banner01{
			width : calc( 538 * var( --oldViewportBase ) );
			margin-inline : auto;
		}
		.box-tag{
			display : flex;
			align-items : flex-start;
			padding-left : calc( 32 * var( --oldViewportBase ) );
			padding-right : calc( 36 * var( --oldViewportBase ) );
		}
		.title-tags{
			flex-shrink : 0;
			width : calc( 42 * 100% / 682 );
			:is( img , picture ){
				width : 100%;
			}
			img{
				height : auto;
			}
		}
		.title-tags{
			flex-shrink : 0;
			width : calc( 42 * 100% / 682 );
			:is( img , picture ){
				width : 100%;
			}
			img{
				height : auto;
			}
		}
		.list-tags{
			margin-top : calc( -12 * var( --oldRemBase ) );
			margin-left : calc( ( 29 - 12 ) * 100% / 640 );
			li{
				margin-top : calc( 12 * var( --oldRemBase ) );
				margin-left : calc( 12 * 100% / 623 );
			}
			a{
				padding-top : calc( 12.5 * var( --oldRemBase ) );
				padding-bottom : calc( 12.5 * var( --oldRemBase ) );
				padding-left : calc( 22 * var( --oldRemBase ) );
				padding-right : calc( 22 * var( --oldRemBase ) );
				font-size : calc( 32 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		.hatena-module.hatena-module-html + .hatena-module.hatena-module-html{
			margin-top : calc( 30 * var( --remBase ) );
		}
		.title-tags{
			text-align : center;
			img{
				height : calc( 26 * var( --remBase ) );
			}
		}
		.title-tags{
			text-align : center;
			img{
				height : calc( 26 * var( --remBase ) );
			}
		}
		.list-tags{
			row-gap : calc( 6 * var( --remBase ) );
			column-gap : calc( 6 * 100% / 242 );
			margin-top : calc( ( 21 - 6 ) * var( --remBase ) );
			a{
				padding-block : calc( 7 * var( --remBase ) );
				padding-inline : calc( 11 * var( --remBase ) );
				font-size : calc( 16.5 * var( --remBase ) );
			}
		}
	}
}
#box2 .hatena-module-custom-sidebarRanking{
	background-color : var( --pink );
	.hatena-module-body , .urllist-item-inner{
		display : contents;
	}
	.hatena-module-title{
		width : 100%;
		padding : 0;
		margin-bottom : 0;
		font-size : 0;
		background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802888565255140998" );
		background-repeat : no-repeat;
		background-position : center;
		background-size : auto 100%;
		border : 0;
	}
	li{
		position : relative;
		margin-bottom : 0;
		&::before{
			position : absolute;
			display : block;
			width : auto;
			font-size : 0;
			pointer-events : none;
			content : "";
			background-color : transparent;
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : auto 100%;
			border : 0;
			border-radius : 0;
		}
		&:nth-child( 1 ){
			&::before{
				aspect-ratio : 10/29;
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802888565255140980" );
			}
		}
		&:nth-child( 2 ){
			&::before{
				aspect-ratio : 17/30;
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802888565255140984" );
			}
		}
		&:nth-child( 3 ){
			&::before{
				aspect-ratio : 19/30;
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802888565255140988" );
			}
		}
		&:nth-child( 4 ){
			&::before{
				aspect-ratio : 21/29;
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802888565255140989" );
			}
		}
		&:nth-child( 5 ){
			&::before{
				aspect-ratio : 17/29;
				background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802888565255140990" );
			}
		}
	}
	picture{
		width : 100%;
		height : auto;
		aspect-ratio : 1;
		img{
			width : 100%;
			height : auto;
		}
	}
	h4{
		font-weight : 300;
		color : white;
		letter-spacing : .05em;
	}
	@media screen and ( width <= 750px ){
		padding-inline : calc( 40 * var( --oldViewportBase ) );
		padding-top : calc( 19.44 * var( --oldRemBase ) * 4 );
		padding-bottom : calc( 28 * var( --oldRemBase ) * 4 );
		margin-top : calc( 110 * var( --oldRemBase ) );
		.hatena-module-title{
			height : calc( 26.9 * var( --oldRemBase ) * 2 );
		}
		ul{
			padding-left : calc( 24 * 100% / 242 );
			padding-right : calc( 7 * 100% / 242 );
			margin-top : calc( 48.66 * var( --oldRemBase ) * 2 );
		}
		li{
			+li{
				margin-top : calc( 56 * var( --oldRemBase ) );
			}
			&:nth-child( 1 ){
				&::before{
					top : calc( ( 4 - 21 ) * var( --oldRemBase ) );
					left : calc( 7 * 100% / 211 );
					height : calc( 29 * var( --oldRemBase ) * 2 );
				}
			}
			&:nth-child( 2 ){
				&::before{
					top : calc( ( 4 - 22 ) * var( --oldRemBase ) );
					left : calc( 5 * 100% / 211 );
					height : calc( 30 * var( --oldRemBase ) * 2 );
				}
			}
			&:nth-child( 3 ){
				&::before{
					top : calc( ( 4 - 22 ) * var( --oldRemBase ) );
					left : calc( 3 * 100% / 211 );
					height : calc( 29 * var( --oldRemBase ) * 2 );
				}
			}
			&:nth-child( 4 ){
				&::before{
					top : calc( ( 4 - 21 ) * var( --oldRemBase ) );
					left : calc( 7 * 100% / 211 );
					height : calc( 29 * var( --oldRemBase ) * 2 );
				}
			}
			&:nth-child( 5 ){
				&::before{
					top : calc( ( 4 - 22 ) * var( --oldRemBase ) );
					left : calc( 5 * 100% / 211 );
					height : calc( 29 * var( --oldRemBase ) * 2 );
				}
			}
		}
		a{
			display : grid;
			grid-template-columns : calc( 100 * 100% / 211 ) 1fr;
			column-gap : calc( 12 * 100% / 211 );
			align-items : start;
		}
		picture{
			margin-top : calc( 4 * var( --oldRemBase ) );
		}
		h4{
			font-size : calc( 13 * var( --oldRemBase ) * 2 );
			line-height : calc( 21 / 13 );
		}
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( 19.44 * var( --remBase ) );
		padding-bottom : calc( 28 * var( --remBase ) );
		margin-top : calc( 60 * var( --remBase ) );
		.hatena-module-title{
			height : calc( 26.9 * var( --remBase ) );
		}
		ul{
			padding-left : calc( 24 * 100% / 242 );
			padding-right : calc( 7 * 100% / 242 );
			margin-top : calc( 48.66 * var( --remBase ) );
		}
		li{
			+li{
				margin-top : calc( 56 * var( --remBase ) );
			}
			&:nth-child( 1 ){
				&::before{
					top : calc( ( 4 - 21 ) * var( --remBase ) );
					left : calc( 7 * 100% / 211 );
					height : calc( 29 * var( --remBase ) );
				}
			}
			&:nth-child( 2 ){
				&::before{
					top : calc( ( 4 - 22 ) * var( --remBase ) );
					left : calc( 5 * 100% / 211 );
					height : calc( 30 * var( --remBase ) );
				}
			}
			&:nth-child( 3 ){
				&::before{
					top : calc( ( 4 - 22 ) * var( --remBase ) );
					left : calc( 3 * 100% / 211 );
					height : calc( 29 * var( --remBase ) );
				}
			}
			&:nth-child( 4 ){
				&::before{
					top : calc( ( 4 - 21 ) * var( --remBase ) );
					left : calc( 7 * 100% / 211 );
					height : calc( 29 * var( --remBase ) );
				}
			}
			&:nth-child( 5 ){
				&::before{
					top : calc( ( 4 - 22 ) * var( --remBase ) );
					left : calc( 5 * 100% / 211 );
					height : calc( 29 * var( --remBase ) );
				}
			}
		}
		a{
			display : grid;
			grid-template-columns : calc( 100 * 100% / 211 ) 1fr;
			column-gap : calc( 12 * 100% / 211 );
			align-items : start;
		}
		picture{
			margin-top : calc( 4 * var( --remBase ) );
		}
		h4{
			font-size : calc( 13 * var( --remBase ) );
			line-height : calc( 21 / 13 );
		}
	}
}
.hatena-module-custom-sidebarRanking + .hatena-module.hatena-module-html{
	@media screen and ( width <= 750px ){
		margin-top : calc( 50 * var( --oldRemBase ) );
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( 50 * var( --remBase ) );
	}
}
#box2:has( .sticky ){
	@media screen and ( width <= 750px ){
		.banner01 + .banner01{
			margin-top : calc( 74 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		align-self : stretch;
		#box2-inner{
			display : contents;
		}
		.hatena-module-html:has( .hatena-module-body .sticky ){
			position : sticky;
			top : var( --headerHeight );
		}
		.banner01 + .banner01{
			margin-top : calc( 30 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
RELATED
--------------------------------------------- */
#related{
	display : grid;
	align-items : start;
	justify-content : space-between;
	overflow : hidden;
	picture{
		grid-row : 1/3;
		grid-column : 1/3;
		width : auto;
		aspect-ratio : 1;
	}
	picture img{
		width : 100%;
		height : 100%;
		object-fit : cover;
		object-position : center;
	}
	li{
		display : grid;
		align-items : start;
	}
	li a:nth-of-type( 1 ){
		display : grid;
		grid-row : 1;
		grid-column : 1;
		align-items : start;
		justify-content : start;
	}
	:is( p.time , time ){
		top : 0;
		grid-row : 1/-1;
		grid-column : 4 / -1;
		align-items : start;
		justify-self : start;
		margin : 0;
		font-feature-settings : normal;
		line-height : 1;
		letter-spacing : .15em;
		writing-mode : vertical-rl;
		transform-origin : center;
		rotate : -180deg;
	}
	h4{
		grid-row : 2/-1;
		grid-column : 2/5;
		font-weight : 400;
		color : #070002;
		letter-spacing : .1em;
		background-color : #f3eee5;
	}
	.author{
		grid-row : 1;
		grid-column : 2;
		align-self : end;
		picture{
			width : auto;
			aspect-ratio : 1;
			margin-inline : auto;
			border-radius : 50%;
		}
		p{
			margin : 0;
			line-height : 1;
			color : #070002;
			text-align : center;
			text-indent : .12em;
			letter-spacing : .12em;
		}
	}
	@media screen and ( width <= 750px ){
		grid-template-columns : calc( 43 * 100% / 706 ) calc( 638 * 100% / 706 );
		padding-left : calc( 44 * var( --oldViewportBase ) );
		h3{
			img{
				width : 100%;
				height : auto;
			}
		}
		li{
			grid-template-columns : calc( 415 * 100% / 638 ) calc( 136 * 100% / 638 );
			column-gap : calc( 4 * 100% / 638 );
			justify-content : start;
			+ li{
				margin-top : calc( 52 * var( --oldRemBase ) );
			}
		}
		a:nth-of-type( 1 ){
			grid-template-rows : calc( 362 * var( --oldRemBase ) ) calc( 28 * var( --oldRemBase ) ) 1fr;
			grid-template-columns : calc( 107 * 100% / 415 ) calc( 283 * 100% / 415 ) calc( 16 * 100% / 415 ) calc( 17 * 100% / 415 ) 1fr;
		}
		:is( p.time , time ){
			font-size : calc( 20 * var( --oldRemBase ) );
		}
		h4{
			padding-inline : calc( 8 * 100% / 318 );
			font-size : calc( 32 * var( --oldRemBase ) );
			line-height : 1.5;
		}
		.author{
			padding-bottom : calc( 8 * var( --oldRemBase ) );
			picture{
				height : calc( 106 * var( --oldRemBase ) );
			}
			p{
				margin-top : calc( 8 * var( --oldRemBase ) );
				font-size : calc( 20 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		grid-template-columns : auto calc( 674 * 100% / 722 );
		column-gap : calc( 24 * 100% / 722 );
		h3{
			img{
				height : calc( 140 * var( --remBase ) );
			}
		}
		ul{
			display : flex;
			flex-wrap : wrap;
			align-items : flex-start;
			justify-content : space-between;
		}
		li{
			grid-template-columns : 1fr calc( 63 * 100% / 323 );
			width : calc( 323 * 100% / 674 );
			&:nth-child( even ){
				margin-top : calc( 129 * var( --remBase ) );
			}
			&:nth-child( odd ):not( :first-child ){
				margin-top : calc( -65 * var( --remBase ) );
			}
			&:nth-child( even ):not( :nth-child( 2 ) ){
				margin-top : calc( 70 * var( --remBase ) );
			}
		}
		a:nth-of-type( 1 ){
			grid-template-rows : calc( 213 * var( --remBase ) ) calc( 18 * var( --remBase ) ) 1fr;
			grid-template-columns : calc( 59 * 100% / 260 ) calc( 172 * 100% / 260 ) calc( 10 * 100% / 260 ) calc( 6 * 100% / 260 ) auto;
			picture{
				height : calc( 231 * var( --remBase ) );
			}
		}
		:is( p.time , time ){
			font-size : calc( 11 * var( --remBase ) );
		}
		h4{
			padding-block : calc( ( 8 - 4.76 ) * var( --remBase ) );
			padding-inline : calc( 5 * 100% / 188 );
			font-size : calc( 19 * var( --remBase ) );
			line-height : 1.5011;
		}
		.author{
			padding-bottom : calc( ( 8 - 4.76 ) * var( --remBase ) );
			picture{
				height : calc( 62 * var( --remBase ) );
			}
			p{
				margin-top : calc( 6 * var( --remBase ) );
				font-size : calc( 10 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
PAGER
--------------------------------------------- */
.pager{
	display : grid;
	grid-template-columns : repeat( 2 , 1fr );
	margin-bottom : 0;
	> :is( .pager-prev , .pager-next ){
		float : none;
		width : 100%;
		height : 100%;
		a{
			display : flex;
			align-items : center;
			justify-content : center;
			width : 100%;
			height : 100%;
			padding : 0;
			line-height : 1;
			color : white;
			-webkit-text-decoration : none;
			text-decoration : none;
			background-color : black;
		}
	}
	.pager-prev{
		grid-column : 1;
		a::before{
			white-space : pre;
			content : "< ";
		}
	}
	.pager-next{
		grid-column : 2;
		a::after{
			white-space : pre;
			content : " >";
		}
	}
	@media screen and ( width <= 750px ){
		grid-template-rows : calc( 28 * var( --remBase ) );
		column-gap : calc( 12 * var( --percentBase ) );
		> :is( .pager-prev , .pager-next ){
			a{
				font-size : calc( 12 * var( --remBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		grid-template-rows : calc( 35.5 * var( --remBase ) );
		column-gap : calc( 22 * 100% / 722 );
		margin-top : calc( 51 * var( --remBase ) );
		> :is( .pager-prev , .pager-next ){
			a{
				font-size : calc( 17 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	.logo{
		display : block;
		img{
			width : 100%;
			height : auto;
		}
	}
	.wrap{
		display : grid;
		grid-template-columns : auto 1fr auto;
		color : white;
		background-color : var( --red );
	}
	a{
		color : white;
	}
	.about{
		position : relative;
		display : block;
		grid-row : 1;
		grid-column : 1/-1;
		height : 100%;
		outline-style : solid;
		outline-color : white;
		span{
			display : block;
			text-align : center;
		}
		span:nth-of-type( 1 ){
			font-size : 0;
		}
		span:nth-of-type( 2 ){
			text-align : center;
			text-indent : .02em;
			letter-spacing : .02em;
		}
		&::after{
			position : absolute;
			display : block;
			width : auto;
			font-size : 0;
			content : "";
			background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/6802888565255141007" );
			filter : var( --filterWhite );
			background-repeat : no-repeat;
			background-position : left center;
			background-size : contain;
		}
	}
	nav{
		a{
			-webkit-text-decoration : underline;
			text-decoration : underline;
			text-decoration-thickness : 1px;
			text-underline-offset : calc( 2 * var( --remBase ) );
		}
		> ul{
			> li{
				> a{
					font-weight : 600;
					text-underline-offset : calc( 1 * var( --remBase ) );
					letter-spacing : .02em;
				}
			}
		}
		li li a{
			font-weight : 300;
			letter-spacing : .2em;
		}
	}
	.sns{
		display : flex;
		align-items : center;
	}
	.policies{
		display : flex;
		align-items : start;
		a{
			-webkit-text-decoration : underline;
			text-decoration : underline;
			text-underline-offset : 2px;
			letter-spacing : .02em;
		}
	}
	.copyright{
		letter-spacing : .02em;
	}
	@media screen and ( width <= 750px ){
		margin-top : calc( 150 * var( --remBase ) );
		.wrap{
			grid-template-rows : calc( 82.34 * var( --remBase ) ) calc( 57.66 * var( --remBase ) ) calc( 5 * var( --remBase ) ) auto calc( 44 * var( --remBase ) ) auto auto;
			padding-top : calc( 40 * var( --remBase ) );
			padding-bottom : calc( 24.1 * var( --remBase ) );
		}
		.about{
			justify-self : center;
			width : 100%;
			padding-top : calc( 20.14 * var( --remBase ) );
			outline-width : calc( 2 * var( --remBase ) );
			outline-offset : calc( -2 * var( --remBase ) );
			img{
				height : calc( 18.09 * var( --remBase ) );
			}
			span:nth-of-type( 2 ){
				margin-top : calc( 6.77 * var( --remBase ) );
				font-size : calc( 12.88 * var( --remBase ) );
				line-height : calc( 19 / 12.88 );
			}
			&::after{
				top : calc( 31.68 * var( --remBase ) );
				right : calc( 16.2 * var( --percentBase ) );
				height : calc( 19.32 * var( --remBase ) );
				aspect-ratio : 11.04/19.32;
			}
		}
		nav{
			grid-row : 3 / 5;
			grid-column : 1;
			> ul{
				> li{
					+ li{
						margin-top : calc( 40 * var( --remBase ) );
					}
					> a{
						font-size : calc( 15.64 * var( --remBase ) );
						line-height : calc( 23 / 15.64 );
					}
				}
			}
			ul ul{
				margin-top : calc( 13 * var( --remBase ) );
			}
			li li a{
				font-size : calc( 13.8 * var( --remBase ) );
				line-height : calc( 36.8 / 13.8 );
			}
		}
		.sns{
			flex-direction : column;
			grid-row : 4;
			grid-column : 3;
			padding-top : calc( 2 * var( --remBase ) );
			li:nth-child( 1 ){
				img{
					height : calc( 27.98 * var( --remBase ) );
				}
			}
			li:nth-child( 2 ){
				margin-top : calc( 35.02 * var( --remBase ) );
				img{
					height : calc( 28.06 * var( --remBase ) );
				}
			}
			li:nth-child( 3 ){
				margin-top : calc( 35.94 * var( --remBase ) );
				img{
					height : calc( 28.06 * var( --remBase ) );
				}
			}
		}
		.policies{
			grid-row : 6;
			grid-column : 1;
			column-gap : calc( 14 * var( --remBase ) );
			a{
				font-size : calc( 8.28 * var( --remBase ) );
				line-height : calc( 16.1 / 8.28 );
			}
		}
		.copyright{
			grid-row : 7;
			grid-column : 1;
			padding-bottom : calc( 2 * var( --remBase ) );
			font-size : calc( 8.28 * var( --remBase ) );
			line-height : calc( 16.1 / 8.28 );
		}
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( 150 * var( --remBase ) );
		.wrap{
			grid-template-rows : calc( 115 * var( --remBase ) ) calc( 93 * var( --remBase ) ) auto 1fr auto auto;
			padding-top : calc( 63 * var( --remBase ) );
			padding-bottom : calc( 70 * var( --remBase ) );
		}
		.about{
			justify-self : center;
			width : calc( 576 * var( --percentBase ) );
			padding-top : calc( 27.76 * var( --remBase ) );
			outline-width : 1px;
			outline-offset : -1px;
			img{
				height : calc( 28.6 * var( --remBase ) );
			}
			span:nth-of-type( 2 ){
				margin-top : calc( 11.4 * var( --remBase ) );
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 24 / 16 );
			}
			&::after{
				top : calc( 47 * var( --remBase ) );
				right : calc( 31 * 100% / 576 );
				height : calc( 23 * var( --remBase ) );
				aspect-ratio : 13/23;
			}
		}
		.sns{
			grid-row : 3;
			grid-column : 1;
			padding-top : calc( 2 * var( --remBase ) );
			li:nth-child( 1 ){
				img{
					height : calc( 30.47 * var( --remBase ) );
				}
			}
			li:nth-child( 2 ){
				margin-left : calc( 28.09 * var( --remBase ) );
				img{
					height : calc( 30 * var( --remBase ) );
				}
			}
			li:nth-child( 3 ){
				margin-left : calc( 26.39 * var( --remBase ) );
				img{
					height : calc( 30 * var( --remBase ) );
				}
			}
		}
		nav{
			grid-row : 3 / -1;
			grid-column : 3;
			> ul{
				display : flex;
				column-gap : calc( 65 * var( --remBase ) );
				align-items : start;
				> li{
					> a{
						font-size : calc( 16 * var( --remBase ) );
						line-height : calc( 24 / 16 );
					}
				}
			}
			ul ul{
				margin-top : calc( 19 * var( --remBase ) );
			}
			li li a{
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 35 / 14 );
			}
		}
		.policies{
			grid-row : 5;
			grid-column : 1;
			column-gap : calc( 14 * var( --remBase ) );
			a{
				font-size : calc( 10 * var( --remBase ) );
				line-height : calc( 35 / 10 );
			}
		}
		.copyright{
			grid-row : 6;
			grid-column : 1;
			padding-bottom : calc( 2 * var( --remBase ) );
			font-size : calc( 10 * var( --remBase ) );
			line-height : calc( 35 / 10 );
		}
	}
}