@charset "UTF-8";
/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1199px) {

/* 
セクション間余白
----------------------------------------------------------- */
section {padding: 45px 0;}
footer {padding: 15px 0;}

/*
left-area
----------------------------------------------------------- */
.left-area {
    display: none;
}

/*
right-area
----------------------------------------------------------- */
.right-area {
    width: 100%;
}

/* 
セクション02
----------------------------------------------------------- */
.sec02-ttl {
    font-size: 1.2em;
    line-height: 1em;
}
.sec02-btn {
    font-size: 0.9em;
}
/* 
イベントレポート
----------------------------------------------------------- */
.evlist .sec01 .evlist-top-img {
    width: 450px;
}
/* 
トピックスリスト
----------------------------------------------------------- */
.tplist .sec01 .tplist-top-img {
    width: 450px;
}
/* 
各ページ固有の調整
----------------------------------------------------------- */
/* トピックスリストの調整 */
.topics-content a {
    flex-wrap: wrap;
}
.topics-date {
    width: auto;
    margin-right: 15px;
}
/* イベントレポートの調整 */
.eventreport-content a {
    flex-wrap: wrap;
}
.eventreport-date {
    width: auto;
    margin-right: 15px;
}
/*
coac
----------------------------------------------------------- */
.coac .sec03-box {
    aspect-ratio: unset;
    background-size: 100% 100%;
}
.coac .sec03-box ul {
    position: static;
    padding: 60px 30px 30px;
}
.coac .sec03-box::before {
    z-index: 0;  /* ← 追加 */
}
.coac .sec03-box ul {
    position: relative;
    z-index: 1;  /* ← 追加 */
}
.coac .match-height-group1 {
    height: 250px !important; /* JSの高さを上書き */
    overflow: hidden;
}
.coac .match-height-group1 img {
    width: 30%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.coac .coac-theater .swiper-slide {
    width: 360px;
    height: 252px;
}

}/* タブレット用スタイルend */