/******************************/
/********************** 共通 **/
/******************************/
.price-area .page-title{
    border-left: 10px solid var(--baseOrange);
}
/******************************/
/************************ mb **/
/******************************/
@media (max-width:600px){
.page-img{
    background-image: url(../img/sitemap-img01.png);
}

/*****/
#explanation-list {
    margin-bottom: 60px;
}

/*****/
#explanation-list span{
    display: block;
}
.list-item{
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.explanation-item{
    width: 90%;
    text-align: right;
    background: var(--baseWhite);
    padding: 1rem;
    margin-bottom: 1rem;
}
.explanation-item h2{
    font-size: 1.2rem;
    line-height: 3;
}
.explanation-item{
    font-size: 0.85rem;
}
.caption-item{
    width: 96%;
    text-align: left;
    font-size: 0.85rem;
}
.caption-item p{
    line-height: 1.2;
    margin-bottom: 1rem;
}

}


/******************************/
/************************ pc **/
/******************************/
@media (min-width:600px){
.page-img{
    background-image: url(../img/sitemap-img01.png);
}

/*****/
#instructor-list {
    margin-bottom: 60px;
}

/*****/
#explanation-list span{
    display: block;
}
.list-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.explanation-item{
    width: 40%;
    text-align: right;
    background: var(--baseWhite);
    padding-right: 1rem;
}
.explanation-item h2{
    font-size: 1.2rem;
    line-height: 3;
}
.caption-item{
    width: 56%;
    text-align: left;
}
.caption-item p{
    font-size: 0.85rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.2;
}
}