@charset "utf-8";

main {
    background: url(../images/products.png) no-repeat top right;
    background-size: 85%;
    padding: 60% 0 0 20%;
}

h1 {
    max-width: 85%;
}

.gridArea {
    max-width: 85%;
    margin: 0 auto;
    margin-top: 40px;
    margin-left: 0;
    display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.gridArea div {
    padding: 15px 25px 25px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    filter: drop-shadow(5px 5px 5px #c6c4a7);
}

.gridArea div:hover {
	transform:scale(1.025,1.025);
	transition: 0.3s;
}

.gridArea dt {
    margin-bottom: 5px;
}

.title {
    font-weight: bold;
    font-size: 1.125rem; /* 18px相当 */
    line-height: 2rem;
}

.gridArea dd p {
    margin: 0 auto;
    text-align: left;
    margin-top: 1rem;
    font-size: 0.875rem; /* 14px相当 */
}

@media (max-width: 600px){
    main {
        background-size: 92%;
    }

    .gridArea {
		display: block;
        max-width: 95%;
        margin: 20px 0 -10% -5%;
        gap: 25px;
	}

	.gridArea div {
		margin: 15px auto;
	}
}