/*news 20250314*/
@media screen and (min-width: 1001px) {
	.article-block.headline .col2 img {
		width: min(38.135vw, 480px);
	}
}
/* @media screen and (min-width: 768px) {
	.article-block.headline .col2 {
		column-gap: min(2.543vw, 40px);
	}
} */
@media screen and (max-width: 767.98px) {
	.article-block.headline .col2 {
		gap: min(7.692vw, 30px);
	}
}


/*howto*/
.howto {
	padding: min(3.703vw, 40px) 0 60px;
}
.howto + .howto {
	padding-top: 0;
}
.howto-title {
	font-size: min(2.966vw, 30px);
	color: #fff;
	background: var(--c-blue);
	padding: 0.45em 1em 0.4em;
}
@media screen and (max-width: 767.98px) {
	.howto {
		padding: 20px 0 40px;
	}
	.howto + .howto {
		margin-top: -30px;
	}
	.howto-title {
		width: 104%;
		font-size: min(5.128vw, 20px);
		margin-left: -2%;
	}
}

.howto-list {
	display: grid;
	grid-template-columns: min(10vw, 110px) 1fr;
	row-gap: min(5.932vw, 70px);
	padding-top: min(5.084vw, 60px);
}
.howto-list p {
	line-height: 1.8;
	padding: 0;
	margin-bottom: 1em;
}
.howto-list .notes {
	padding: 0;
	margin-bottom: 2em;
}
@media screen and (min-width: 1001px) {
	.float {
		display: flex;
		align-items: start;
		justify-content: space-around;
		column-gap: 4%;
	}
	.float img {
		margin-top: -10px;
	}
}
@media screen and (min-width: 768px) {
	.howto-list:not(:last-child) {
		margin-bottom: 3em;
	}
	.howto-list dd {
		padding: 10px 4% 0;
	}
}
@media screen and (max-width: 767.98px) {
	.howto-list {
		grid-template-columns: min(15.384vw, 80px) 1fr;
		gap: min(10.256vw, 60px) min(3.846vw, 25px);
		width: 104%;
		padding-top: min(6.41vw, 40px);
		margin-left: -3%;
	}
	.howto-list:not(:last-child) {
		margin-bottom: 2em;
	}
	.howto-list dd {
		padding-top: 3px;
	}
}