@charset "UTF-8";

/*
========================================

	/common/css/top_add.css
 
========================================
*/

body.sitetop {
  background: #fff;
}

body.sitetop h2 {
  letter-spacing: -0.05em;
  font-size: clamp(2rem, 1.6rem + 2vw, 4rem);
}

.hero {
  background: url(/common/cmn_img/bg_hero.webp) no-repeat;
  background-position: center;
  background-size: cover;
  /*min-height: 65vh;*/
  min-height: 70vh;
}

/*----------------------
  news
----------------------*/

@media (min-width: 1024px) {
  .news {
    /*margin-bottom: -20vh;
    margin-top: 20vh;*/
    margin-bottom: -5vh;
    margin-top: 5vh;
  }
}

/*news*/

#te_contents .news_topics p.text {
  font-size: clamp(0.75rem, 0.713rem + 0.19vw, 0.938rem);
}

.btn-box {
  display: flex;
}
.btn-box button {
  min-width: 120px;
  padding: 3px 0 6px 0;
  color: #fff;
  user-select: none;
  cursor: pointer;
  /*background-color: rgba(29, 185, 206, 1);*/
  color: #1b47a5;
  border-top: 6px solid #4440c3;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: clamp(0.625rem, 0.588rem + 0.19vw, 0.813rem);
}

.btn-box button:hover {
  /*filter: hue-rotate(30deg);*/
  color: #fff;
  /*background-image: linear-gradient(to right, #6fb9dd 0%, #4440c3 100%);*/
  background: #4440c3;
}

.news_topics {
  animation: 0.6s fadeinDown;
}

.hiddenitem {
  display: none !important;
}

/*animation*/

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeinDown {
  0% {
    opacity: 0;
    transform: translateY(-24px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeinUp {
  0% {
    opacity: 0;
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeinRight {
  0% {
    opacity: 0;
    transform: translateX(-24px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

/*splide re_card*/

a.re_card {
  display: block;
  border-color: #fff;
}

a.re_card:hover {
  box-shadow: none;
  /*filter: drop-shadow(0, 0) !important;*/
}

a.re_card img.card_img {
  width: 100%;
}

a.re_card:hover img.card_img {
  filter: brightness(1.1) opacity(0.9);
}

a.re_card div.card_box {
  width: 100%;
}

a.re_card p.title {
  font-size: clamp(0.625rem, 0.511rem + 0.57vw, 0.875rem); /*10px-14px in 320px-1024px*/
}

a.re_card:hover p.title {
  color: #5f7ab7;
  border-color: #5f7ab7;
}

a.re_card p.text {
  display: none;
}

a.re_card .card_footer {
  display: none;
}