@charset "UTF-8";
/*
======== CONTENTS =======================================
   Site Name: セミナー・展示会
   2024.8.8
=========================================================
*/

/* --------------------------------
  既存レイアウト調整
-------------------------------- */

.JS #Contents {
    padding: 0;
}
#Contents {
    min-width: 100%;
}
div#fc {
    width: 100%;
}
.hs-contents .hs-container,
div#fb {
    max-width: 100%;
    width: 100% !important;
    padding: 0;
}
.hs-headline {
    display: none;
}


/* --------------------------------
  custom
-------------------------------- */

/* --------------------------------
 カード イメージ付き、SP時縦型 
*/
.hs-content-list{
    display: grid;
    grid-template-rows: auto;
    gap: 2rem;
}

.hs-content-list__item{
    display: grid;
    gap: 1em;
    padding: 2em;
    padding-left: calc(40% + 4em);
    border: 1px solid #e6e6e6;
    border-radius: .4em;
    background-size: 40% auto;
    background-position: left 2em top 2em;
    background-repeat: no-repeat;
    grid-template-rows: subgrid;
    grid-row: span 3;
    grid-column: span 2;
}
/* 特別 */
.hs-content-list__item--special-event{
    background-image: url("/events/asset/images/top/img_special-event.jpg");
}
/* 予定 */
.hs-content-list__item--upcoming{
    background-image: url("/events/asset/images/top/img_upcoming.jpg");
}
/* archive */
.hs-content-list__item--archive{
    background-image: url("/events/asset/images/top/img_archive.jpg");
}
@media (max-width: 767px){
    .hs-content-list__item{
        padding-left: 2em;
        background: none;
        grid-row: span 4;
    }
}
/* H2 */
.hs-content-list__heading{
    font-size: 1.42em;
    font-weight: 700;
    line-height: 1.4;
}
/* img sp時に表示 */
.hs-content-list__image{
    display: none;
}
@media (max-width: 767px){
   .hs-content-list__image{
       display: block;
       width: 100%;       
    } 
}
/*lead*/
.hs-content-list__text{
    min-height: 1em;
}
@media (min-width: 768px) {
     .hs-content-list__text{
        min-height: 5.4em;
    }
}
/*btn*/
.hs-content-list__button{
    margin-top: 2em;
    padding: 0;
    min-height: auto;
}
.hs-content-list__button:before {
    background-image: url(/-/media/Project/design2022/common/icon_arrow_white.svg)
}
@media (min-width: 768px) {
    .hs-content-list__button {
        width: 20em;
    }
}
html .hs-content-list__button a{
    color:#fff !important;
}
.hs-content-list__button a{
    width: 100%;
    padding: 1.643em;
    padding-right: calc(20px + 2em);
    text-align: center;
}    
/*btn-disabled*/
.hs-content-list__button--disabled{
    background: #c1c1c1;
    pointer-events: none;
}
@media (min-width: 768px) and (hover: hover) {
    .hs-content-list__button--disabled.c-button:hover {
        opacity: 1;
        -webkit-transition: none;
        transition: none;
    }
}