/* -------------------------------
セミナーページ
------------------------------- */

/* -------------------------------
バナー
------------------------------- */
.banner .container_top {
    padding-top: 180px;
}
.banner .explanation li::before {
    content: "■";
    color: #f9951a;
    padding-right: 5px;
    margin-left: -20px;
}
.banner .explanation li {
    padding-left: 20px;
}
.banner .logo_banner > div {
    display: flex;
    align-items: center;
    gap: 20px;
}
.banner .logo_banner li a {
    display: inline-block;
    background-color: #169b34;
    color: white;
    border-radius: 5px;
    box-shadow: 0 3px 0 #0c7124;
    text-decoration: none;
    padding: 6px 9px 4px;
    line-height: 1;
    margin-left: 10px;
}
.banner .logo_banner li {
    margin: 10px 0;
    list-style: none;
}
.banner .banner_box h4 {
    margin-bottom: 3px;
    font-size: 15px;
}
.banner .banner_box h4:first-letter {
    color: #0c7124;
    padding-right: 5px;

}
.banner .banner_box > div {
    margin-top: 20px;
    margin-bottom: 30px;
}
.banner .link_banner > div {
    display: flex;
    gap: 20px;
    text-align: center;
    line-height: 1.5;
}
.banner .logo_banner li a:hover {
    background-color: #0c7124;
}
.banner .link_banner > div {
    a:nth-child(1) {
        flex: 0 0 30%;
    }
}

@media only screen and (max-width: 768px) {
    .banner .container_top {
        padding-top: 10px;
    }
    .banner .logo_banner > div {
        display: block;
        margin: 0 auto;
        width: 90%;
    }
    .banner .link_banner > div {
        display: block;
        margin: 0 auto;
        width: 90%;
    }
    .banner .link_banner > div a {
        margin: 5vw 0;
        display: block;
    }
    .banner .link_banner > div a img {
        box-shadow: 0 0 10px #ddd;
    }
    .banner .h1_ttltxt {
        height: 150px;
    }
}





/* -------------------------------
特別企画
------------------------------- */

.event a.btn-contact, a:visited.btn-contact , a:link.btn-contact{
    width: 100%;
    max-width: 100%;
    padding: 19px 0;
}
.event .btn-area2 .btn-contact.press {
    background-color: #ea5550;
    box-shadow: 0 5px 0px #ac2b27;
}
.event .btn-area2 .btn-contact.press:hover {
    box-shadow: none;
    background-color: #ac2b27;
}
.event .btn-area2 .btn-contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
      width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    transform: skewX(-25deg);
}
.event .btn-area2 .btn-contact:hover::before {
    animation: shine2 1.2s;
}

@keyframes shine2 {
    100% {
      left: 100%;
      opacity: 0;
    }
}

.event .nav-event ul li a {
    font-size: 18px;
    padding: 10px 0;
}


@media only screen and (max-width: 768px) {

}