@charset "utf-8";

/*
 * File       : modules/notice/style.css
 * Author     : STUDIO-JT (Sumi)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) JT NOTICE LIST
 * 2) RWD
 */



/* **************************************** *
 * JT NOTICE LIST
 * **************************************** */
.jt-notice-list {position:relative;font-size: 0;margin: -60rem -16rem;}
.jt-notice-list__item {display:inline-block;width: -webkit-calc(25% - 32rem);width: calc(25% - 32rem);margin: 60rem 16rem;}

.jt-notice-list__link {display: block;position: relative;}
.jt-notice-list__date {margin-top: 40rem;font-size: 15rem;line-height: 1;font-weight: 500;color: #bbb;display:block;letter-spacing: -0.03em;}
.jt-notice-list__thumb {display: block;margin: 0;}
.jt-notice-list__thumb img {display: block;width: 100%;webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate( 0deg ); transform: scale(1) rotate( 0deg ); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; will-change:transform;}
html.desktop .jt-notice-list__item:hover .jt-notice-list__thumb img{-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);}
.jt-notice-list__title {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 22rem;line-height: 1.3; font-weight: 500;color: #222;letter-spacing: -0.03em;margin-top: 27rem;}
.jt-notice-list__desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 3.3em;font-size: 18rem;font-weight: 400;line-height: 1.6;color: #666;letter-spacing: -0.03em;margin-top: 10rem;}

/* Lazyload */
.jt-notice-list__thumb.jt-lazyload {padding-top: 100%;}



/* **************************************** *
 * RWD
 * **************************************** */
@media (max-width: 1480px){
    .jt-notice-list {margin-top:-40rem; margin-bottom:-40rem;}
    .jt-notice-list__item { margin-top:40rem; margin-bottom:40rem;}
    .jt-notice-list__date {margin-top:30rem;}
 }

@media (max-width: 1023px){
    .jt-notice-list__item {width: -webkit-calc(33.33% - 32rem);width: calc(33.33% - 32rem);}
}


@media (max-width: 860px){
    .jt-notice-list {margin-top:-40rem; margin-bottom:-40rem;}
    .jt-notice-list__item {width: -webkit-calc(50% - 32rem);width: calc(50% - 32rem); margin-top:40rem; margin-bottom:40rem;}
    .jt-notice-list__title {font-size:20rem; margin-top:25rem;}
    .jt-notice-list__desc {font-size:16rem;}
    .jt-notice-list__date {font-size:14rem; margin-top:20rem;}
}


@media (max-width: 540px){

    .jt-notice-list {margin:-25rem -8rem;}
    .jt-notice-list__item {width: -webkit-calc(50% - 16rem);width: calc(50% - 16rem); margin:25rem 8rem;}
    .jt-notice-list__title {margin-top:15rem; font-size:16rem;}
    .jt-notice-list__desc {margin-top:5rem; font-size: 15rem; line-height: 1.4; height: 2.8em;}
    .jt-notice-list__date {font-size:13rem; margin-top:15rem;}

}