@charset "utf-8";

/* :home
------------------------------ */
.home-feature__item {
/* padding: 24px 20px; */
padding: 12px 20px;
}
.home-feature__item:nth-child(odd) {
background: var(--bg-color);
}
.home-feature__item:nth-child(odd) .home-feature__head {
/* flex-direction: row-reverse; */
}
.home-feature__item:first-child {
/* padding-top: 226px; */
}
.home-feature__head {
display: block;
/*display: flex;
align-items: center;
 margin: 0 0 100px; */
margin: 10px 10px 16px;
padding:10px 0;
background-color:#e2f1ff;
background-color:#f9f0d7;
border-radius:8px;
text-align:left;
}
.home-feature__headline {
font-size: 17px;
line-height: 140%;
font-weight: bold;
letter-spacing: 0.04em;
padding: 8px 0 8px 15px;
border-left: 7px solid #007aff;
/* margin-bottom: 18px; */
color:#003f73;
font-weight:bold;
}
p.home-feature__text {
/*font-size: var(--fs-s);*/
font-size:16px;
line-height: 1.8;
margin:8px 0;
}
.l-inner {
max-width: 980px;
margin: 0 auto;
}
.l-row__item {
/* flex-basis: 352px; */
display: flex;
flex-direction: column;
}
.o-ul-list {
list-style-type: none;
padding: 0;
}

#home{
margin:20px 10px 128px;
width:96%;
text-align:left;
font-size:16px;
line-height:1.5;
}
#all_system {
margin:20px;
width:90%;
display: flex; 
justify-content: space-between;
flex-direction: column;
gap: 20px;
flex-wrap: wrap; /* 要素が収まらない場合に改行する */
}
.each_system {
background-color: #fff; 
margin:0 0 16px;
padding:0;
width: 100%; 
}
.each_system a{
display: flex;
justify-content: center; /* 横方向中央揃え */
align-items: center; /* 縦方向中央揃え */
text-align: center; /* テキストを中央揃え */
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 20px;
/* background-color: #E7EFF5;
background-color: #edf2fa;
background-color: #e2f1ff; */
background-color: #f4f9ff;
border: 3px solid #007aff;
border-radius:10px; 
color:#2693ff;
font-size: 18px;
font-weight:bold;
box-shadow: 2px 2px #007aff;
transition: 0.3s ease-in-out;
}
.each_system a:hover {
box-shadow: none;
transform: translate(3px, 3px);
color:#007aff;
color:#003f73;
text-decoration:none;
}
.each_system h3 {
margin:0;
font-size: 18px;
color:#0673df;
color:#003f73;
text-decoration:underline;
text-decoration:none;
}
.c00{color:#cc0000;margin-bottom:16px;}


/* Responsive max-width:768px
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
.home-feature__item{
padding:8px;
}

.home-feature__headline {
/* font-size: min(8.142493638vw, var(--fs-xxxl)); */
line-height: 1.7;
/* white-space: nowrap; */
}
.home-feature__text {
/*font-size: var(--fs-s);
line-height: 1.8;*/
}
.l-inner {
margin: 0 15px;
}
.l-row__item {
flex-basis: 100%;
}
.each_system h3 {
font-size: 17px;
}
}


/* Responsive max-width:480px
--------------------------------------------------------- */
@media screen and (max-width:480px){


}