@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media screen and (max-width: 1024px) {
  .section-hero .container {
    padding: 0; } }
.section-hero .swiper {
  animation-name: fade-in;
  animation-duration: 4s;
  animation-timing-function: ease-in; }
.section-hero img {
  width: 100%; }
.section-info {
  padding: 40px 0 20px; }
  @media screen and (max-width: 640px) {
    .section-info {
      padding: 20px 0 10px; } }
  .section-info .box {
    width: 100%;
    max-width: 760px;
    margin: 10px auto 0;
    max-height: 300px;
    overflow-y: scroll; }
    .section-info .box-row {
      border-top: 1px solid #231815;
      padding: 20px 40px;
      font-size: 16px; }
      @media screen and (max-width: 640px) {
        .section-info .box-row {
          padding: 10px 20px; } }
      .section-info .box-row .txt span {
        font-weight: bold;
        color: #FF0000; }
.section-dept {
  padding: 40px 0 20px; }
  @media screen and (max-width: 640px) {
    .section-dept {
      padding: 20px 0 10px; } }
  .section-dept .box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    width: 100%;
    max-width: 80vw;
    margin: 10px auto 0; }
    @media screen and (max-width: 768px) {
      .section-dept .box {
        grid-template-columns: repeat(4, 1fr);
        max-width: 100%; } }
    @media screen and (max-width: 640px) {
      .section-dept .box {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px; } }
    .section-dept .box-col {
      display: grid;
      grid-template-rows: 1fr auto;
      gap: 10px;
      background-color: #e0eed4;
      background-color: rgba(224, 238, 212, 0.5);
      border-radius: 20px;
      padding: 10px 10px 10px;
      text-align: center; }
      .section-dept .box-col .img {
        display: flex;
        justify-content: center;
        align-items: center; }
      .section-dept .box-col h3 {
        align-self: center;
        font-size: 24px;
        font-weight: 500; }
        @media screen and (max-width: 768px) {
          .section-dept .box-col h3 {
            font-size: 16px; } }
    .section-dept .box .img01 {
      width: 5.66vw;
      min-width: 50px; }
    .section-dept .box .img02 {
      width: 6.83vw;
      min-width: 64px; }
    .section-dept .box .img03 {
      width: 5.5vw;
      min-width: 50px; }
    .section-dept .box .img04 {
      width: 4.16vw;
      min-width: 36px; }
    .section-dept .box .img05 {
      width: 7.16vw;
      min-width: 60px; }
    .section-dept .box .img06 {
      width: 5.33vw;
      min-width: 46px; }
    .section-dept .box .img07 {
      width: 5.5vw;
      min-width: 46px; }
    .section-dept .box .img08 {
      width: 7.33vw;
      min-width: 60px; }
    .section-dept .box .img09 {
      width: 7.16vw;
      min-width: 60px; }
    .section-dept .box .img10 {
      width: 4.66vw;
      min-width: 40px; }
  .section-dept .link {
    margin-top: 30px;
    text-align: center; }
    .section-dept .link a {
      display: inline-block;
      background-color: #1eaa39;
      border: 1px solid #1eaa39;
      border-radius: 15px;
      padding: 8px 20px 5px;
      font-size: 15px;
      color: #fff;
      line-height: 1;
      transition: background-color 0.3s ease; }
      .section-dept .link a:hover {
        background-color: #fff;
        color: #1eaa39; }
  .section-dept .link-2 {
    margin-top: 50px;
    text-align: center; }
    .section-dept .link-2 a {
      display: inline-block;
      border: 1px solid #231815;
      border-radius: 15px;
      padding: 8px 25px 5px;
      line-height: 1;
      transition: background-color 0.3s ease; }
      .section-dept .link-2 a:hover {
        background-color: #231815;
        color: #fff; }