@charset 'utf-8';

/* LIBRARY */
/* @import url('./libs/jquery-ui.min.css'); */
@import url('./libs/slick.css');
@import url('./libs/slick-theme.css');


/* WDU */
@import url('./common.css');
@import url('./smp_sub.css');
@import url('./fonts.css');
@import url('./icons.css');
/* @import url('./contents.css'); */

:root {
  --color-main: #F5A623;
}

u {
  font-size: inherit;
}



/* facility */
.facility_title {font-size: 35px; margin-bottom: 26px; width: 100%; text-align: center; font-weight: 600;}
.facility_sub_title {font-size: 25px; width: 100%; text-align: center; word-break: keep-all;}
.facility_logo {width: 100%; margin-top: 68px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 50px 50px;}
.facility_logo li {width: 100%; transition: all 0.2s; max-width: 210px; margin: 0 auto;}
.facility_logo li:hover {transform: scale(1.1); transition: all 0.3s;}
.facility_logo li a {display: block; width: 100%; }
.facility_logo li a img {display: block; width: 100%;}
.facility_icon {width: 100%; max-width: 638px; margin: 77px auto 18px;}
.facility_icon img {display: block; width: 100%;}





@media (max-width: 1024px) {
    .facility_logo {grid-template-columns: repeat(3, 1fr); gap: 30px;}
}
@media screen and (max-width: 768px) {
    .facility_logo {grid-template-columns: repeat(2, 1fr); gap: 30px;}
    .facility_title {font-size: 25px;}
    .facility_sub_title {font-size: 18px;}
    .facility_logo {margin-top: 29px;}
}