@charset "UTF-8";

/*BASE*/
footer aside[aria-labelledby="group-service"] {
	font-family:"Kosugi Maru", sans-serif;
	font-weight:400;
	line-height:normal;
	background-image:url(../images/tmpl/inowakai/bgimg.gif);
}
footer #group-service * {
	box-sizing:border-box;
}
footer #group-service h3 {
	color:#544138;
	font-weight:bold;
	line-height:normal;
	letter-spacing:0.1em;
	text-align:center;
}
footer #group-service ul img {
	width:100%;
}
footer #group-service ul {
	display:grid;
	list-style:none;
	padding:0;
	margin:0;
}
footer #group-service ul li {
	background-color:#FFF;
	overflow:clip;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.2);
}
footer #group-service ul li a {
	display:grid;
	width:100%;
	height:100%;
	color:#666;
	text-decoration:none;
}
footer #group-service ul li a .img-box {
	aspect-ratio:4/3;
	overflow:clip;
}
footer #group-service ul li a h4 {
	text-align:center;
}
footer #group-service ul li a .logo {
	padding:4% 8%;
}
footer #group-service ul li a p {
	text-align:center;
	padding:0 8%;
	line-height:1.4;
}

/*SP*/
@media screen and (max-width: 767.98px) {
footer aside[aria-labelledby="group-service"] {
	padding:4rem 2rem;
}
footer #group-service h3 {
	font-size:18px;
	margin-bottom:2rem;
}
footer #group-service ul {
	grid-template-columns:1fr 1fr;
	gap:1rem 1rem;
}
footer #group-service ul li a {
	grid-template-rows:auto 1fr;
}
footer #group-service ul li a p {
	display:none;
}
}

/*PC NPC TAB*/
@media screen and (min-width: 768px), print {
footer aside[aria-labelledby="group-service"] {
	font-size:clamp(12px, 1.2vw, 16px);
	padding:80px 60px;
}
footer #group-service {
	max-width:1440px;
	margin:auto;
}
footer #group-service h3 {
	font-size:40px;
	margin-bottom:3rem;
}
footer #group-service ul {
	grid-template-columns:1fr 1fr 1fr;
	gap:40px 3.2%;
}
footer #group-service ul li {
	aspect-ratio:3/4;
	transition:box-shadow ease-in-out .5s;
}
footer #group-service ul li a {
	grid-template-rows:auto auto 1fr;
}
footer #group-service ul li:hover {
	box-shadow:0 0 10px rgba(0,0,0,.6);
}
footer #group-service ul li .img-box img {
	transition: ease-in-out .5s;
}
footer #group-service ul li:hover .img-box img {
	transform:scale(1.2,1.2);
}
}