/* 
 about
----------------------------------------------------------- */ 
.about-section + .about-section{
	margin-top: clamp(70px, 8.3vw, 160px);
}
.information{
	padding-top: clamp(40px, 4.1vw, 80px); 
}
.link{
	padding-bottom: clamp(50px, 6.8vw, 130px); 
}

.information__map{
	margin-top: 20px;
	height: clamp(230px, 23.4vw, 450px);
}
.service-list{
	width: min(100%,960px);
	margin-left: auto;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}
.service-list__item{
	background-color: #fff;
	border: 1px solid var(--main-color);
	padding: 30px 30px;
}
.service-list__head{
	display: flex;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--beige-color);
	align-items: center;
}
.service-list__icon{
	width: clamp(50px, 4.7vw, 90px);
	height: auto;
}
.service-list__title{
	flex: 1;
	font-size: var(--fontsize-22);
	font-weight: 500;
	line-height: 1.6;
}
.service-list__text{
	padding-inline: clamp(20px, 2vw, 40px);
}
.service-list__text small{
	display: block;
	font-size: var(--fontsize-16);
}

.c-bg-title + .link-list{
	margin-bottom: clamp(30px, 3.4vw, 65px);
}
.link-list{
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, 1fr);
}
.link-list__item img{
	width: 100%;
	height: auto;
	transition: opacity var(--trans-base);
}
.link-list__item:hover img{
	opacity: 0.7;
}

@media screen and (max-width: 767px){
	.service-list{
		grid-template-columns: repeat(1, 1fr);
	}
	.service-list__head{
		gap: 10px;
	}
	.link-list{
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}
	.service-list__item{
		padding: 20px;
	}
	.service-list__head{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.service-list__text{
		padding: 0;
	}
}
@media screen and (max-width: 480px){
	.service-list__title{
		font-size: 19px;
	}
}