@charset "utf-8";

.triangle-bottom{
  width: 6rem;
  height: 6rem;
}
.triangle-bottom-r{
  width: 6rem;
  height: 6rem;
}
.triangle-top{
  width: 6rem;
  height: 6rem;
}
.triangle-top-r{
  width: 6rem;
  height: 6rem;
}


/* ----------------------------------------
TOP-MV
---------------------------------------- */
#top-mv .top-mv-title{
  width: auto;
  height: auto;
  padding: 0 1.5rem;
}
#top-mv .top-mv-title .mv-tit{
  font-size: 2.1rem;
  margin: 0 0 1rem 0;
}

#top-mv .top-mv-title .mv-tit span{
  font-size: 2.6rem;
}

#top-mv .top-mv-title .mv-txt{
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.778;
  text-align: center;
}

#top-mv .slick-slide img {
  aspect-ratio: 750 / 520;
}

#top-mv .slick-prev,
#top-mv .slick-next {
  display: none !important;
}

/* ----------------------------------------
.main-contents
---------------------------------------- */
.main-contents {
  margin: 0 0 6rem;
}


/* ----------------------------------------
.prologue
---------------------------------------- */
.prologue{
  position: relative;
  margin: 0 0 4rem;
}

.prologue-inner__txt{ 
  font-size: 1.7rem;
  padding: 8rem 1.5rem 0 1.5rem;
}

.prologue-inner__btn{
  /*padding: 0 1.5rem;*/
  padding: 6rem 1.5rem 0;
}

.prologue-inner__btn ul{
  display: flex;
  gap:0.5rem;
  max-width: none;
}

.btn__aboutus,
.btn__research,
.btn__scholarship{
  width: calc((100% - 0.5rem)/2);
  min-height: 15rem;
}

  .btn__aboutus a,
  .btn__research a,
  .btn__scholarship a{
    flex-wrap:wrap;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1.5rem 1rem;
    text-align: center;
  }

    .btn__aboutus a span,
    .btn__research a span,
    .btn__scholarship a span{
        width: 6rem;
        height: auto;
        margin: 0.5rem auto 1rem;
    }

.prologue__bg{
  height: 12rem;
  margin-top: -7rem;
}


/* ----------------------------------------
.news
---------------------------------------- */
.news.content{
  width: auto;
  /*padding: 4rem 1.5rem;*/
  margin: 0 0 6rem 0;
}

.news-tit{
  font-size: 2.1rem;
  margin: 0;
}

.news li{
  flex-wrap: wrap;
  gap:1rem;
  padding: 2rem 0;
}

.news li .date{
  min-width: 10rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.75;
}
.news li .label{
  min-width: 15rem;
  margin: 0.3rem 0 0 0;
  font-size: 1.4rem;
  color: #fff;
  padding: 0.6rem;
  display: inline-block;

  text-align: center;
}

.news li p{
  width: 100%;
}

.news li a.hover{
  color: #0068b7;
  text-decoration: underline;
}

.news .icon-pdf{
  width: 2.3rem;
  height: auto;
  margin: 0 0.5rem;
}
.news .icon-blank{
  width: 1rem;
  height: auto;
  margin: 0  0 0.4rem 0.5rem;
  vertical-align: baseline;
}

.news .scrl{
  /*
  overflow: auto;
  height: 20rem;
  padding: 0 2rem 0 0;
  margin: 0;
  */
}