@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

main{
	width:min(100%,1000px);
	padding:50px 20px 100px 20px;
	margin:0 auto;
}

section{
	width:100%;
	padding:80px 0 0 0;
}

#content h1{
	width:100%;
	color:var(--blue2);
	margin-bottom:80px;
}

#content h2{
	width:100%;
	margin-bottom:50px;
	line-height: 1;
	padding-left:8px;
}

section table{
	border-collapse:separate;
	border-spacing:0 10px;
}

section th{
	width:5em;
	font-weight: 600;
}

section td{
	width:auto;
	padding-left:20px;
}

section p{
	margin-top:10px;
}

section .btn{
	margin-top:50px;
	display: flex;
	gap:30px;
	justify-content: space-between;
}

section .btn a{
	width:calc((100% / 3) - 15px);
	height: 60px;
	display: block;
	background-color: #fff;
	border:2px solid var(--blue02);
	color:var(--blue02);
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border-radius: 5px;
}

section#contact p{
	font-size:1.45rem;
	margin-top:5px;
}

/*---------------------------------------

	レスポンシブ

---------------------------------------*/
@media screen and (min-width: 981px) {
	section .btn a{
		transition: 0.3s;
	}
	
	section .btn a:hover{
		background-color: var(--blue02);
		color:#fff;
	}
}

@media screen and (max-width: 430px) {
	section .btn{
		flex-direction: column;
		gap:15px;
	}
	
	section .btn a{
		width:100%;
	}
}