@charset "utf-8";
body { display: grid; grid-template-rows: 1fr auto; min-height: 100vh;}
main { display: grid; align-items: center;  min-width: 1024px; width: 100%; margin: 0 auto; border-top: solid 10px #1C2D6D;}
.logo { width: 100%; height: 119px; text-align: center; margin-bottom: 70px;}
.menu_btn_area { display: grid; gap: 45px; grid-template-columns: 440px 440px; justify-content: center; width: 100%; }
.menu_btn_area dt { width: 100%; height: 140px; background: url("../img/arrow.png") no-repeat #20B5AF; background-position:  right 20px center; border-radius: 15px;}
.menu_btn_area dd { width: 100%; height: 140px; background: url("../img/arrow.png") no-repeat #022FA0; background-position:  right 20px center;  border-radius: 15px;}
.menu_btn_area dt a , dd a { display: flex; justify-content: center; align-items: center; width: 440px; height: 140px; color: #fff; font-size: 24px; font-weight: bold; text-decoration: none; }


@media screen and (max-width: 520px) {
	body { grid-template-rows: 1fr auto;}
	main {min-width: auto;}
	.logo { width: 255px; height: 66px; margin: 0 auto;}
	.logo img { width: 255px; height: 66px;}
	.menu_btn_area { display: flex; flex-wrap: wrap; width: 100%; margin: 60px 0 0 0; height: auto;}
	.menu_btn_area dt { width: 270px; height: 100px; background-position:  right 10px center; background-size: 35px;}
	.menu_btn_area dd { width: 270px; height: 100px; background-position:  right 10px center; background-size: 35px;}
	.menu_btn_area dt a , dd a { width: 100%; height: 100px; font-size: 16px; }
}