#page-title .arrow {
	max-width: 360px;
	width: 35%;
	margin-right: -30px;
}
#page-title .arrow img {
	transform: rotate(-90deg);
}
/* --------------------------------------------------- */
#sec01 {
	max-width: 1100px;
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: clamp(30px, 7vw, 80px);
}
#sec01 .box {
	width: 31%;
	margin: 1.16%;
	border: #ddd 1px solid;
	border-radius: 4px;
	aspect-ratio: 1 / 1;
	padding: 4%;
}
#sec01 .box .icon {
	max-width: 90px;
	width: 30%;
	margin: 0 auto;
}
#sec01 .box .ttl {
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 10px;
	font-weight: 400;
}
#sec01 .box p {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: .9em;
}
@media screen and (max-width: 980px) {
	#sec01 {
        width: 90%;
    }
	#sec01 .box {
        width: 48%;
        margin: 1%;
        padding: 5%;
    }
}
@media screen and (max-width: 680px) {
	#sec01 {
        width: 90%;
		display: block;
    }
	#sec01 .box {
        width: 100%;
        margin: 0 0 10px;
        padding: 7%;
		aspect-ratio: auto;
    }
	#sec01 .box .icon {
        width: 50px;
    }
}
/* --------------------------------------------------- */
#sec02 {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 680px) {
}
/* --------------------------------------------------- */