﻿.top-fv_img.is-aquablue dl dt{
    color: #18a8ef;
}

.top-fv_img.is-aquablue::after{
    border-color: #18a8ef;
}

.top-fv_img.is-no-border::after{
    border: none;
}

.is-lightsky.block-cards:has(+ .is-lightsky-btn):not(:has(~ .is-lightsky.block-cards)) {
    padding-bottom: 0;
}

.section.is-lightsky.block-cards:has(~ .section.is-lightsky.block-cards),
.section.is-lightsky.block-cards:has(~ .section.is-lightsky.faq){
    padding-bottom: 0;
}

.is-lightsky-btn {
    position: relative;
    background-color: #e7f9ff;
    padding-top: 40px;
    padding-bottom: 80px;
}

.is-lightsky-btn:not(:has(~ .is-lightsky-btn)) {
    padding-bottom: 260px;
}

.breadcrumb {
    max-width: 1400px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

.block-search-wrap:has(+ .block-search-wrap) {
    padding-bottom: 0;
}

.block-search.is-freeword {
    margin-top: 64px
}

.btn.is-reset:hover {
    background-color: #00a6e7;
    color: #fff;
    transition: all 0.5s 0s ease;
}

.block:nth-child(1) .hdg--s {
    background: url(../img/icn/hdg-yellow.svg) no-repeat 0 0/36px;
}
.block:nth-child(2) .hdg--s {
    background: url(../img/icn/hdg-orange.svg) no-repeat 0 0/36px;
}
.block:nth-child(3) .hdg--s {
    background: url(../img/icn/hdg-green.svg) no-repeat 0 0/36px;
}
.block:nth-child(4) .hdg--s {
    background: url(../img/icn/hdg-pink.svg) no-repeat 0 0/36px;
}
.block:nth-child(5) .hdg--s {
    background: url(../img/icn/hdg-pink2.svg) no-repeat 0 0/36px;
}

.card_category span.is-new {
    background-color: #FF0000;
    border: 1px solid #fff;
}

.btn input {
    width: 100%;
    height: 50px;
    background-color: inherit;
}

.block-form .btn {
    padding: 3px 14px;
}

button.btn:hover input{
    background-color: #00a6e7;
    color: #fff;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

button.btn:has(> input:disabled) {
    background-color: #d9d9d9;
    color: #fff;
    border-color: #d9d9d9;
    pointer-events: none;
}

button.btn:has(> input:disabled):after{
    background: #d9d9d9 url(../img/icn/arrow-s.svg) no-repeat center center / 10px;
}

.btn.is-arrow-back::after{
    background: #f1f5f9 url(../img/icn/arrow-s-back.svg) no-repeat center center / 10px;
    right: 0;
    left: 12px;
}

.btn.is-regist{
    background-color: #00a6e7;
    color: #fff;
}

#backnumber{
    margin-top: 80px;
}

.simple_list {
    margin-bottom: 20px;
}

.simple_list li {
    list-style-type: disc;
    margin-left: 24px;
    margin-bottom: 5px;
    line-height: 1.875;
}

.faq tr {
    border: 1px solid black;
}

.faq td {
    padding: 15px 25px;
    border: 1px solid;
}

.faq th {
    padding: 5px 25px;
    border: 1px solid;
}

span.label {
    width: 8rem;
    display: inline-block;
}

.u-bold{
    font-weight: bold;
}

.faq a{
    text-decoration: underline;
    color: #00a6e7;
}

.faq .btn{
    text-decoration: none;
}

.u-green{
    color: #08bb31;
}

.block-search_btns .btn.is-blue{
    height: 50px;
    padding: 0;
}

.seminar-section .card_txt,
#backnumber .block-cards_list.is-backnumber .card-list:not(.splide) .card_txt{
    max-height: 100%;
    -webkit-line-clamp: none;
}

#backnumber .block-cards_list.is-backnumber .card-list:not(.splide) .card_txt{
    max-height: 100%;
    -webkit-line-clamp: 7;
}

.page-column .detail span.is-arrow::after {
    position: relative;
    top: 1px;
}

.page-column .detail span.is-arrow::after {
    display: block;
    content: "";
    background-image: url(/cms/ela_school/img/icn/arrow-circle-s_bl.svg#arrow-circle-s_bl-view);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.page-column .detail span.is-arrow {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.page-column .detail span.is-full {
    justify-content: space-between;
    width: 100%;
}

#backnumber .block-cards_list.is-backnumber .card-list:not(.splide){
    grid-template-columns: repeat(3, 1fr);
}

.top-column .card_txt{
  max-height: 5.5em;
}

.top-column .card{
  max-width: 646px;
}

.top-column .card-list:not(.splide){
  justify-content: center;
}

.accordion_item_hdg.is-faq{
  cursor: pointer;
}

.detail p{
  margin-top:24px;
}

@media screen and (min-width: 768px) {
    .section.is-lightsky.block-form{
        padding-bottom: 260px;
    }
}

@media screen and (max-width: 767px) {
    .is-lightsky-btn {
        padding-top: 25px;
        padding-bottom: 40px;
    }

    .is-lightsky-btn:not(:has(~ .is-lightsky-btn)) {
        padding-bottom: 68px;
    }

    .block-search.is-freeword {
        margin-top: 40px
    }

    .block:nth-child(1) .hdg--s,
    .block:nth-child(2) .hdg--s,
    .block:nth-child(3) .hdg--s,
    .block:nth-child(4) .hdg--s,
    .block:nth-child(5) .hdg--s{
        background-size: 28px;
    }

    .block-form .btn {
        padding: 3px 20px;
    }

    #backnumber .block-cards_list.is-backnumber .card-list:not(.splide) {
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }

    .faq-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .faq-table-wrap > table {
        white-space: nowrap;
        min-width: 600px;
        border-collapse: collapse;
    }
    .faq-table-wrap th,
    .faq-table-wrap td {
        padding: 8px 12px;
        vertical-align: top;
    }
}


