﻿
.home-title{ padding: 50px 0 25px 0;}
.home-title h2{ font-size: 1.4rem;}
.home-title a{ display: inline-block; border-bottom:1px dotted #004294; font-size: 0.9rem;}
.home-title a img{ margin-left: 10px;}

.fea-brand{ width: 100%; background: #FFFFFF; padding-bottom: 50px; margin-top: 40px;}
.fea-brand-list{gap: 10px; grid-template-columns: repeat(7, 1fr); /* 3 列 */  display: grid;}
.fea-brand-list a{ display: block; border-radius: 8px;border: 1px solid #EEEEEE; padding: 10px;}
.fea-brand-list a img{ width: 100%; height: auto;}
.fea-brand-list a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.home-tools{gap:50px; grid-template-columns: repeat(5, 1fr); /* 3 列 */  display: grid; padding-bottom: 50px;}
.home-tools dl{ width: 100%; text-align: center;}
.home-tools dt img{ width: 100%; height: auto;}
.home-tools dl:hover{transform: translateY(15px); transition: transform 0.5s ease;}
.home-tools dl dd{ margin-top: 20px;}
.home-tools dl dd a{ display: block;  font-family: myFirstFont1; color: #111111;  font-size: 1rem; line-height: 30px;}
.home-tools dl dd p{ line-height: 20px;  margin-top: 5px;}
.home-tools dl:hover dd a{text-decoration: underline;}
.home-tools dl:hover dd p{text-decoration: underline;}

.home-cate{ width: 100%; padding-bottom: 50px; background: #FFFFFF;}
.home-cate-list{gap:10px 50px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid; }
.home-cate-list a{ display: block; width: 100%; border-bottom:1px solid #EEEEEE; font-size: 1.1rem; line-height: 52px; height: 52px; overflow: hidden; color:#1C88BD ;}
.home-cate-list a:hover{ text-decoration: underline;}


.home-services{ width: 100%; height: auto;  background: url(../images/home-serbg.jpg) no-repeat center; background-size:cover;}


@media (max-width: 768px) {



.home-title{ line-height: 32px; padding: 10px 0;}
.home-title h2{ font-size: 1.1rem;}
.home-title a{display: none;}

.fea-brand{  padding-bottom: 20px; margin-top: 20px;  }
.fea-brand-list{gap: 10px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.fea-brand-list a:last-child{ display: none;}


.home-tools{gap:10px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid; padding-bottom: 20px;}
.home-tools dt img{ width: 150px; }
.home-tools dl dd a{   font-size: 0.9rem; line-height: 24px;}


.home-cate{ padding-bottom: 20px; }
.home-cate-list{gap:10px 10px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid; }
.home-cate-list a{  font-size:0.9rem; line-height: 42px; height: 42px; }




}