/* ----------
front page
---------- */

/* news-ticker */
.page-content .news-ticker {position:relative; display:flex; flex-flow:row nowrap; padding-top:18px; padding-bottom:18px;}
.page-content .ticker {display:flex; width:auto; animation:loop 100s -50s linear infinite;}
.page-content .ticker-2 {display:flex; width:auto; animation:loop_copy 100s linear infinite;}
.page-content .news-ticker:hover .ticker,
.page-content .news-ticker:hover .ticker-2 {animation-play-state:paused;}
@keyframes loop {0% {transform:translateX(100%);} to {transform:translateX(-100%);}}
@keyframes loop_copy {0% {transform:translateX(0);} to {transform:translateX(-200%);}}
.page-content .ticker-item {padding:0 20px; display:flex; align-items:center; white-space:nowrap;}
.page-content .ticker-alert {padding:3px 6px; border-radius:4px; font-weight:700; color:#fff; background-color:#666c70; letter-spacing:.06em;}
.page-content .ticker-alert::before {width:16px; height:22px; margin-right:8px; background-size:contain; background-position:50%; background-repeat:no-repeat; background-image:url(../images/page-home/ticker-alert-icon.svg); content:''; display:inline-block; vertical-align:bottom;}
.page-content .ticker-title {margin-left:12px; font-weight:700; font-size:16px; text-decoration:underline; letter-spacing:.1em;}

/* main-slider */
.page-content .main-slider {position:relative;}
/*
.page-content .main-slider::before {position:absolute; top:50%; right:0; left:0; height:134px; background-image:url(../images/page-home/main-slider-before.png); background-size:auto 100%; transform:translateY(calc(-50% + 2px)); content:'';}
*/
.page-content .main-slider-container {width:100%; height:100%; overflow:visible; z-index:1;}
.page-content .main-slider-container .swiper-slide {position:relative; display:block; padding-top:100%; background-size:cover; background-position:50%; transition-property:transform,opacity; transition-duration:.3s; border-radius:12px;}
.page-content .main-slider-container a.swiper-slide:hover {transform:scale(1.03);}
.page-content .main-slider-container .swiper-pagination {position:static; margin-top:20px; line-height:1;}
.page-content .main-slider-container .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;}
.page-content .main-slider-container .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:#666c70;}

/* introduction */
.page-content .introduction {padding-top:40px; padding-bottom:30px;}
.page-content .introduction-description {margin-bottom:30px; line-height:2em; font-size:16px; font-weight:500; letter-spacing:.1em;}

/* school */
.page-content .school {padding-top:40px; padding-bottom:40px;}

/* course */
.page-content .course {padding-top:40px; padding-bottom:40px;}

/* latest-news */
.page-content .latest-news {padding-top:40px; padding-bottom:40px;}

/* seminar */
.page-content .seminar {padding-top:40px; padding-bottom:40px;}

/* topics */
.page-content .topics {padding-top:40px; padding-bottom:40px;}

/* testimonial */
.page-content .testimonial {padding-top:40px; padding-bottom:40px;}

@media (min-width:576px) {
}

@media (min-width:768px) {
}

@media (min-width:992px) {
    /* news-ticker */
    .page-content .news-ticker {padding-top:24px; padding-bottom:24px;}
    .page-content .ticker-item {padding:0 40px;}
    .page-content .ticker-title {margin-left:24px; font-size:18px;}
    .page-content .ticker-alert {padding:6px 10px;}
    .page-content .ticker-alert::before {width:16px; height:22px;}

    /* main-slider */
    .page-content .main-slider-container .swiper-slide {padding-top:50%;}
    .page-content .main-slider-container .swiper-pagination {margin-top:40px;}
    .page-content .main-slider-container .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 12px;}

    /* introduction */
    .page-content .introduction {padding-top:100px; padding-bottom:80px;}
    .page-content .introduction-description {margin-bottom:50px; font-size:18px;}

    /* school */
    .page-content .school {padding-top:80px; padding-bottom:80px;}

    /* course */
    .page-content .course {padding-top:80px; padding-bottom:80px;}

    /* latest-news */
    .page-content .latest-news {padding-top:80px; padding-bottom:80px;}

    /* seminar */
    .page-content .seminar {padding-top:80px; padding-bottom:80px;}

    /* topics */
    .page-content .topics {padding-top:80px; padding-bottom:80px;}

    /* testimonial */
    .page-content .testimonial {padding-top:80px; padding-bottom:80px;}
}

@media (min-width:1200px) {
}