@charset "utf-8";
:root {
	--blue: #1A73E8;
	--light-blue: #E8F1FD;
	--gray: #cccdce;
	--dark-gray: #34383b;
	--light-gray: #f5f5f5;
	--red: #c40000;
}
@media screen and (min-width:441px) {
	.page {
		font-size: 1.15em;
		margin: 0 auto;
		padding: 0 0 2em 0;
		width: 940px;
	}
	.page a {
		color: var(--blue);
	}
	.page h2 {
    background-color: antiquewhite;
    margin-bottom: 10px;
    padding: 20px;
    text-align: center;
	}
	.page h3 {
		margin: 0;
	}
	.page #policy_date {
		border-bottom: 1px gray solid;
		margin-left: auto;
		text-align: center;
		width: 20%;
	}
	.page #policy_date section{
		margin: 10px auto;
		padding: 10px;
		width: 95%;
	}
	.page section {
		margin: 2em 0 0 0;
	}
	.page p {
	}
	.page ul,.page ol{
		margin: 1em auto;
		text-align: left;
		width: 92%;
	}
	.page ul li{
		list-style-type: decimal;
	}
	.page ol li{
		list-style-type:square;
	}
	.backtotop{
		margin-top: 2em;
	}
}
@media screen and (max-width:440px) { 
	.page {
		font-size: 0.85em;
		padding: 0 0 2em 0;
	}
	.page a {
		color: var(--blue);
	}
	.page h2 {
		font-size: 1.5em;
		margin: 1em auto;
		padding: 0;
		width: 92%;
	}
	.page h3 {
		font-size: 1.25em;
		margin: 0;
		padding: 0;
	}
	.page #policy_date {
		margin: 1em auto;
		text-align: right;
		width: 92%;
	}
	.page section {
		margin: 1em auto;
		width: 92%;
	}
	.page ul,.page ol {
		list-style-type: decimal;
		list-style-position: inside;
		margin: 1em auto;
		width: 95%;
	}
	.backtotop{
		margin: 1em auto;
		width: 92%;
	}
}