/***************************************
course_top.css
***************************************/
/* common grade top
============================ */

.br_sp {display: none;}
.br_pc {display: block;}

span.asta {
    font-size: .9rem;
}

span.asta::before {
    content: "※";
}

@media screen and (orientation: portrait) and (max-width: 767px){
	
.br_sp {display: block;}
.br_pc {display: none;}
	
}

/*　キャンペーン　*/

.campaign {
    letter-spacing: .1rem;
    background-color: #fffff0;
    border: 2px solid #ffa500;
    border-radius: .5rem;
    padding: 1rem 2rem;
    margin: 3rem 4rem 1rem;
}

.campaign > p {
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0;
}

.accordion .acd_header {
    display: block;
    margin: 0 auto;
    text-align: center !important;
    cursor: pointer;
}

.accordion dl .acd_header h2 {
    font-weight: bold;
    font-size: 1.3rem;
    color: #00578a;
}

.accordion dl .acd_header h2::after {
    padding-left: 1rem;
    font-family: var(--Font_Awesome);
    content: "\f107";
    font-weight: 900;
}

.accordion dl.acd_active .acd_header h2::after {
    padding-left: 1rem;
    font-family: var(--Font_Awesome);
    content: "\f106";
    font-weight: 900;
}

.accordion dl .acd_contents {
    margin-top: 3rem;
}

.accordion dl .acd_contents h2 {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #dcdcdc;
    border-left: 3px solid #036eb8;
    padding-left: .5rem;
}

.accordion dl .acd_contents dl {
    margin-top: 1.5rem;
}

.accordion dl .acd_contents dl dt {
    margin-bottom: .5rem;
    color: #036eb8;
}

@media screen and (orientation: portrait) and (max-width: 767px){
    
    .campaign {
        letter-spacing: .01rem;
    padding: 1rem;
    margin: 2rem 1rem 1rem;
}
    
    .accordion dl .acd_header h2 {
    font-size: 1.2rem;
}
    
}