@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*--------------------------------
Root
--------------------------------*/
html {
	width: 100%;
}

*,
::after,
::before {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0
}

:root {
	/*--Color--*/
	--white: #fff;
	--basic: #030001;
	--pasonared: #d1222d;
	--darkred: #9f0f18;
	--lightred: #fcf5f5;
	--lightgray: #fafafa;
	--gray64: #646464;
	--gray88: #888;
	--graye0: #e0e0e0;
	--grayf5: #f5f5f5;
	/*--Bg--*/
	--black: #343434;
	--grayef: #efefef;
	--grayf8: #f8f8f8;
	/*--title--*/
	--title30: 3rem;
	--title24: 2.4rem;
	--title20: 2rem;
	--title18: 1.8rem;
	/*--text--*/
	--textSP: 4rem;
	--textXL: 2.4rem;
	--textL: 1.8rem;
	--textM: 1.6rem;
	--textS: 1.4rem;
	--textXS: 1.2rem;
	--lineheight180: 180%;
	--lineheight160: 160%;
	--lineheight150: 150%;
	--lineheight140: 140%;
	--lineheight120: 120%;
	--weight300: 300;
	--weight700: 700;
	--weight600: 600;
	/*--Space--*/
	--space80: 80px;
	--space60: 60px;
	--space40: 40px;
	--space32: 32px;
	--space24: 24px;
	--space20: 20px;
	--space16: 16px;
	--space12: 12px;
	--space8: 8px;
	--space6: 6px;
	--space4: 4px;
	/*--letter-spacing--*/
	--spacing05: .05em;
	--spacing02: .02em;
	--spacingN: normal;
}

/*--------------------------------
Section
--------------------------------*/
main#prevention {
	margin: 0 auto;
	padding: var(--space40) 0;
	width: 1000px;
}

main#prevention section {
	margin: var(--space40) 0;
}

main#prevention section p {
	margin: var(--space16) 0;
}

main#prevention .date {
	border-bottom: 1px solid var(--gray88);
	text-align: right;
	padding-bottom: 24px;
}

main#prevention small {
	color: var(--gray88);
	font-size: var(--textS);
}

main#prevention h2 {
	position: relative;
	margin: 0 0 var(--space32) 0;
}

main#prevention h2::after {
	position: absolute;
	content: "";
	bottom: -12px;
	left: 0;
	width: var(--space24);
	height: 2px;
	background: var(--darkred);
}

main#prevention ul {
	background-color: var(--grayf5);
	padding: var(--space16);
}

main#prevention ul li {
	position: relative;
	margin: var(--space8);
	padding-left: var(--space20);
}

main#prevention ul li::before {
	position: absolute;
	left: 0;
	display: block;
	content: "●";
	color: var(--gray88);
}

main#prevention .contact {
	background-color: var(--grayf5);
	padding: var(--space16);
}

@media print,
screen and (max-width: 768px) {
	main#prevention {
		margin: 0 var(--space16);
		padding: 0;
		width: auto;
	}

	main#prevention h1 {
		font-size: var(--space24);
	}

	main#prevention h2 {
		font-size: var(--space20);
	}
}