@charset "utf-8";
/* Exhibit */
.box-area{
    margin-top: 50px;
}
.step{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    row-gap: 5px;
    margin-bottom: 20px;
}
.step li{
    position: relative;
    padding-left: 1em;
    font-weight: 500;
    font-size: 1.8rem;
}
.step li::before {
    /* content: "▶"; */
    color: #999999;
    position: absolute;
    top: 0;
    left: 0;
}
.box-area--more p{
    margin-left: 1em;
    text-indent: -1em;
}
.box-area--more .caption{
    margin-left: 1.5em;
}
@media screen and (max-width: 768px){    
    .box-area{
        margin-top: 40px;
    }
    .step li{
        font-size: 1.6rem;
    }    
}

/* Fee */
.fee-table table{
    width: 100%;
    font-size: min(1.7vw, 1.8rem);
    line-height: 1.2;
    text-align: center;
}

/* .fee-table tr th:nth-child(1),
.fee-table tr td:nth-child(1){
    width: 23%;
}
.fee-table tr th:nth-child(2),
.fee-table tr td:nth-child(2){
    width: 38%;
}
.fee-table tr th:nth-child(3),
.fee-table tr td:nth-child(3){
    width: 38%;
} */
.fee-table table th,.fee-table table td{text-align: center;border: 1px solid #000;padding: 20px;}



.fee-table .caption{    
    margin-top: 5px;
}

.fee-title span{
    font-size: 0.78em;
}
.fee-price{
    font-size: min(1.5vw, 1.6rem);
}

.main-price .--md{
    font-size: 1.429em;
    line-height: 1;
}
.main-price .--lg{
    font-size: 2.143em;
    line-height: 1;
}
.sub-price .--md{
    font-size: 1.143em;
    line-height: 1;
}
.sub-price .--lg{
    font-size: 1.429em;
    line-height: 1;
}

@media screen and (max-width: 768px){    
    .fee-table--fix{
        overflow-x: auto;
        position: relative;
    }
    .fee-table--fix table{
        font-size: 1.6rem;
    }
   
    .fee-price{
        font-size: 1.2rem;
    }
   
    .fee-title span {
        font-size: 1.2rem;
    }    
}
/* Schedule */
@media screen and (max-width: 768px){   
    .schedule-img figure{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .schedule-img figure img {
        max-width: unset;
    }
}

.guide-timeline{
    font-size: 0.9em;
    padding: 0 0 0 3em;
}
.guide-timeline table{
    width: 100%;
    border-spacing: 0 5px;
    border-collapse: separate;
    margin: -5px 0;
}
.year-col{
    vertical-align: top;
    font-weight: bold;
    font-size: 1.25em;
    padding-right: 1em;
}
.month-col{
    width: 120px;
}
.month-badge{
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 0 4px;
}
.bg-gray{
    background: #5a5a59;
}
.desc-col{
    padding-left: .7em;
    line-height: 1.3;
}
.bg-pink{
    background: #e8388c;
}
.bg-red{
    background: #e30613;
}
@media screen and (max-width: 768px){  
    .guide-timeline table, 
    .guide-timeline tbody, 
    .guide-timeline tr, 
    .guide-timeline td {
        display: block;
    }
    .guide-timeline table{
        margin: 0;
    }
    .guide-timeline{
        padding: 0 0 0 2em;
        font-size: .9em;
    }
    .desc-col{
        padding: .5em 0 1em .7em;
    }
    .month-badge{
        padding: 5px 0;
    }
    .guide-item_title{
        line-height: 1.1;
        padding-top: 4px;
        padding-bottom: 5px;
    }
    .guide-head{
        font-size: 2rem;
        padding: 8px 20px;
    }
    .guide-head::before{
        left: -18px;
    }
    .guide-item_content{
        font-size: .9em;
    }
}