@charset "UTF-8";
/*  Add Custom CSS here.  */

.checkbox-list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 2em;
}

@media (min-width: 768px) {
    .search-form .checkbox-list .checkbox-row {
        padding-bottom: 15px;
        flex-wrap: nowrap;
    }

    .search-form .checkbox-list .checkbox-row+.checkbox-row {
        margin-top: 0px;
    }

    .search-form .checkbox-other-list .checkbox-cell:nth-child(5n+1) {
        width:16%
    }

    .search-form .checkbox-other-list .checkbox-cell:nth-child(5n+2) {
        width: 16%
    }

    .search-form .checkbox-other-list .checkbox-cell:nth-child(5n+3) {
        width: 24%
    }

    .search-form .checkbox-other-list .checkbox-cell:nth-child(5n+4) {
        width: 20%
    }

}

.search-form .checkbox-group+.checkbox-group {
    margin-top: 14px
}

@media (max-width: 767px){
    .c-pagi__page {
        font-size: 1.2rem;
    }
}

.c-pagi span {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 10px
}

@media (max-width: 767px) {
    .c-pagi span {
        width: 30px;
        height: 30px;
        padding-top: 6px;
    }
}

@media (max-width: 767px){
    .c-pagi a {
        width: 30px;
        height: 30px;
        padding-top: 6px;
    }
}

@media (max-width: 767px){
    .c-pagi__first{
        margin-right: 5px;
        background-size: contain;
    }
}

@media (max-width: 767px){
    .c-pagi span.c-pagi__first{
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 767px){
    .c-pagi .c-pagi__first a{
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 767px){
    .c-pagi__last{
        margin-left: 5px;
        background-size: contain;
    }
}

@media (max-width: 767px){
    .c-pagi span.c-pagi__last{
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 767px){
    .c-pagi a.c-pagi__last{
        width: 12px;
        height: 12px;
    }
}

@media (min-width: 768px) {
    .result-box .schedule-detail .flow .row {
        align-items: normal;
    }
}

.result-box .schedule-detail .flow .flow-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* 2024.4 */
.hp_cOrange{
    color: #f07550 !important;
}

.hp_underline{
    text-decoration: underline!important;
}

@media (min-width: 768px) {
    .result-box .outline .outline-detail tr td {
        padding-right: 1.5em;
        padding-left: 1.5em;
    }
}

#note_date {
    scroll-margin-top: 60px; /* ヘッダーの高さに応じて調整 */
}
@media (min-width: 768px) {
    #note_date {
        scroll-margin-top: 100px; /* ヘッダーの高さに応じて調整 */
    }
}

.result-box .schedule-detail .flow.flow_orange{
    border-top: 1px solid #f07550;
}

.result-box .schedule-detail .flow .flow-num.flow-num_orange {
    background-color: rgba(240,117,80,0.1);
}

.result-box .schedule-detail .flow .row.row_orange{
    border-bottom: 1px solid #f07550;
}

.result-box .schedule-detail .flow .flow-num__txt_orange {
    color: #f07550;
}

.c-dot-hd.c-dot-hd_orange span {
    border-color: #f07550;
}

.c-dot-hd.c-dot-hd_orange span::before{
    background-color: #f07550;
}

.result-box .schedule-detail .detail-block__box-txt.detail-block__box-txt_orange{
    background-color: rgba(240,117,80,0.1);
}

.result-box .schedule-detail .flow .flow-info__time .date.date_orange{
    color: #f07550;
}

/* 講座検索 2025.7 */
.search-form .checkbox-list .checkbox-child::before{
    display: none;
}

.search-form .checkbox-list .checkbox-child::after{
    display: none;
}

.search-form .checkbox-list .checkbox-child{
    flex-wrap: wrap;
    row-gap: .4em;
    padding-left: .4em;
    margin-right: 0;
    margin-left: 0;
}

.hp_nowrap{
    white-space: nowrap!important;
}

/* TOP 講座検索のモーダル 2025.7 */
@media (min-width: 768px) {
    .popup .popup-license-inner,.popup .popup-area-inner {
        align-items:start!important;
    }
}

.popup .bracket-start{
    padding-right: 0.4em;
    line-height: 1.3;
    display: none;
}

.popup .bracket-end{
    padding-left: 0.4em;
    line-height: 1.3;
    display: none;
}

.popup .choice-item{
    flex-wrap: wrap;
    row-gap: .8em;
    
}

.popup .checkbox-child{
    flex-wrap: wrap;
    row-gap: .8em;
    column-gap: .8em;
    padding-right: 0!important;
    padding-left: 1.2em!important;
    margin-left: 0em!important;
    width: 100%;
}

.popup .checkbox-item{
    font-weight: 700;
    margin-right: .4em;
    width: 100%;
}

.popup .area-group .input-checkbox:checked+.label-checkbox, 
.popup .area-group .input-checkbox:not(:checked)+.label-checkbox{
    width: fit-content !important;
}

.popup .checkbox-item+.checkbox-item {
    margin-left: 0 !important;
}

/* @media (max-width: 767px) {
    .popup .checkbox-item+.checkbox-item {
        margin-left: 8%!important;
    }
} */

.popup .checkbox-child::before, .popup .checkbox-child::after{
    display: none;
}

.popup .checkbox-child .checkbox-item+.checkbox-item{
    margin-left: 0!important;
    /* margin-right: 1em; */
}

.popup .checkbox-child .checkbox-item{
    font-weight: normal;
    width: auto;
}

@media (min-width: 768px) {
    .popup .area-wrapper{
        height: 1000px!important;
    }
}

/* 講座詳細 ページ内リンク 2025.7 */
.bl_resultNav{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    column-gap: 1em;
    margin-top: 10px;
}

.bl_resultNav a{
    color: #2d3465;
    font-size: 13px;
}

.bl_resultNav a::before{
    content:'▼ ';
    color: #f07550;
}

/* a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
} */

.el_toTopBtn{
    position: fixed;
    width: 40px;
    height: 40px;
    right: 8px;
    bottom: 16px;
    z-index: 10;
}

@media (min-width: 768px) {
    .bl_resultNav{
        justify-content: start;
        column-gap: 1.6em;
        border-bottom: 1px solid #D5D6E0;
        padding-bottom: .8em;
        margin-top: 0px;
        margin-bottom: 32px;
    }

    .bl_resultNav a{
        font-size: 16px;
    }

    .el_toTopBtn{
        width: 64px;
        height: 64px;
        right: 16px;
        bottom: 32px;
    }

}

.bl_form_txt{
    font-size: 13px;
    line-height: 1.6;
    margin-top: .4em
}

.bl_form_txt a{
    text-decoration: underline;
}

@media (min-width: 768px) {
    .bl_form_txt{
        font-size: 16px;
    }
}