main {
    max-width: 990px;
    margin: 0 auto;
    box-shadow: 0px 0px 15px -5px #777777;
    border-radius: 10px;
    padding: 50px 0 100px;
    margin-top: 50px;
    margin-bottom: 50px;
}
h1 {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.grid-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
}
.trace-box {
    text-align: center;
}
.btn-box {
    display: flex;
    justify-content: center;
    gap: 24px;
}



/* 　ボタンエフェクト : 波紋
a {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: 0;
	padding: 0.5rem 2rem;
	border-radius: 100vw;
	color: #fff;
	background: #27acd9;
}
a:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #27acd9;}
	70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}
*/

a {
    color: #fff;
    display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: 0;
	padding: 0.5rem 2rem;
	border-radius: 100vw;
    background-color: #eb6100;
    border-bottom: 5px solid #b84c00;
}
a:hover {
    margin-top: 3px;
    color: #fff;
    background: #f56500;
    border-bottom: 2px solid #b84c00;
}
a {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn-1 {
    background-color: #01A9E2;
    border-bottom: 5px solid #006b8f;
}
.btn-1:hover {
    margin-top: 3px;
    color: #fff;
    background: #01A9E2;
    border-bottom: 2px solid #006b8f;
}