@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
.kanri-list .box-list { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .kanri-list .box-list { margin-bottom: 40px; } }

.kanri-list .box-list__txt { margin-bottom: 25px; padding: 0 20px; }

@media screen and (max-width: 767px) { .kanri-list .box-list__txt { margin-bottom: 15px; padding: 0 10px; } }

.kanri-list .box-list__lst { margin-top: 25px; border-top: 1px solid #e5e5e5; }

@media screen and (max-width: 767px) { .kanri-list .box-list__lst { margin-top: 15px; } }

.kanri-list .box-list__lst li { border-bottom: 1px solid #e5e5e5; }

.kanri-list .box-list__lst li a { display: block; padding: 15px 20px; color: #222; text-decoration: none; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; }

@media screen and (max-width: 767px) { .kanri-list .box-list__lst li a { padding: 12px 10px; } }

.kanri-list .box-list__lst li a span { padding-right: 10px; color: #3399ff; }

@media screen and (max-width: 767px) { .kanri-list .box-list__lst li a span { padding-right: 5px; } }

@media screen and (min-width: 768px) { .kanri-list .box-list__lst li a:hover { color: #3399ff; } }

.kanri-list .box-icon__lst { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.kanri-list .box-icon__lst li { width: 23.5%; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

@media screen and (max-width: 767px) { .kanri-list .box-icon__lst li { width: 48.5%; margin-bottom: 12px; } }

.kanri-list .box-icon__lst li a { display: block; width: 100%; height: 100%; line-height: 1.6; padding: 50px 10px; border-radius: 10px; background-color: #fcfeff; background-image: -webkit-gradient(linear, left bottom, left top, from(#fcfeff), to(#fffafa)); background-image: -o-linear-gradient(bottom, #fcfeff 0%, #fffafa 100%); background-image: linear-gradient(0deg, #fcfeff 0%, #fffafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); color: #222; text-align: center; text-decoration: none; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; }

@media screen and (max-width: 767px) { .kanri-list .box-icon__lst li a { padding: 15px 10px; } }

@media screen and (min-width: 768px) { .kanri-list .box-icon__lst li a:hover { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } }

.kanri-list .box-icon__lst li a img { display: block; width: 65px; height: 65px; margin: 0 auto 20px; }

@media screen and (max-width: 767px) { .kanri-list .box-icon__lst li a img { width: 50px; height: 50px; margin-bottom: 10px; } }

.kanri-list .box-eqpt-bnr { margin: 35px auto 45px; text-align: center; }

@media screen and (max-width: 767px) { .kanri-list .box-eqpt-bnr { margin: 25px auto 35px; } }

.kanri-list .box-eqpt-bnr__hdg { margin-bottom: 15px; color: #3399ff; font-weight: bold; }

@media screen and (max-width: 767px) { .kanri-list .box-eqpt-bnr__hdg { margin-bottom: 10px; font-size: 1.4rem; } }

.kanri-list .box-eqpt-bnr a { display: inline-block; width: 100%; max-width: 720px; }

@media screen and (min-width: 768px) { .kanri-list .box-eqpt-bnr a { max-width: 540px; } }

.kanri-list .box-eqpt-bnr img { width: 100%; height: auto; }

.kanri-list .box-eqpt-bnr__credit { margin-top: 8px; font-size: 1.4rem; color: #666; }