@charset "UTF-8";

/*BASE*/

footer aside {
	display:block;
	width:100%;
}

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 !important;
	font-weight:bold !important;
	line-height:normal !important;
	letter-spacing:0.1em !important;
	text-align:center !important;
	/*無効化*/
	margin:0 !important;
	padding:0 !important;
	background-color:transparent !important;
	background-image:none !important;
	border-radius:0 !important;
	min-height:none !important;
	display:block !important;
}
footer #group-service h4 {
	/*無効化*/
	margin:0 !important;
	padding:0 !important;
	background-color:transparent !important;
	background-image:none !important;
	border-radius:0 !important;
	min-height:none !important;
	display:block !important;
	position:static !important;
}
footer #group-service h4::after {
	display:none !important;
}
footer #group-service ul img {
	width:100%;
	height:auto;
}
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 !important;
	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 !important;
}
footer #group-service ul li a .logo {
	padding:4% 8% !important;
}
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 !important;
	margin-bottom:2rem !important;
}
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 !important;
	margin-bottom:3rem !important;
}
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);
}
}