@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');

/* schoolcelemony
-------------------------------- */

.mincho_txt {
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif !important; 
}
.gothic_txt {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.disp_inline {
    display: inline-block;
}
.mcH2 h2 {
    font-size: 28px;
    margin-bottom: 15px;
}
.mcH3 h3 {
    margin-bottom: 15px;
}
.notoserif ,
.planSim.sim1 h4 ,
.planSim.sim2 h4  {
    font-family: 'Noto Serif JP', serif !important;
}
.planSim.sim2 h5 span {
    font-size: 0.8em;
}


.txt_center {
    text-align: center !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.bg_white {
    background-color: #fff;
}
.bg_gray_ttl {
    background: #f4f4f4;
    padding-top: 70px;
}

.hakama_wrap {
    margin-top: 2vw;
    padding: 2vw 0 3vw;
    margin-left: calc(-50vw + 250px);
    margin-right: calc(-50vw + 250px);
}
.hakama_cont {
    width: 500px;
    max-width: 100%;
    margin: auto;
}

.sscSlick_wrap {
    margin: 0 40px 60px;
}

.sotsuen_ttl {
    padding: 18px 0 13px;
    background: url(../menu/schoolcelemony/images/gallery_ttl_bg01.png) no-repeat center;
    background-size: contain;

}
.sotsugyo_ttl {
    padding: 18px 0 15px;
    background: url(../menu/schoolcelemony/images/gallery_tt_bgl02.png) no-repeat center;
    background-size: contain;
}
.plan_caution {
    font-size: 0.9em;
    display: block;
}
.under_hr_ttl {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
.simPrice dt {
    position: relative;
}
.simPrice dt span {
    display: inline-block;
    background: #fff;
    padding-right: 5px;
    position: relative;
}
/* .simPrice dt::before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 45%;
    border: 1px dotted #707070;
    width: 90%;
    z-index: 0;
} */

.stepCont a {
    text-decoration: underline;
    color: #B09E6E;
}

.white_btn {
    display: block;
    width: 100%;
    border: 1px solid #707070;
    border-radius: 10px;
    background: #fff;
    color: #3d3d3d;
    font-size: min(19px,4.3vw);
    text-align: center;
    padding-top: 26px;
    padding-bottom: 26px;
}
.grade_btn {
    display: block;
    width: 100%;
    color: #fff;
    background: linear-gradient(#928F87, #3D3A33);
    font-size: min(19px,4.3vw);
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16);
}
.mright15 {
    margin-right: 15px;
}
#flow #step {
    padding-bottom: 30px;
}
#flow #step .stepCont h3 {
    margin-top: 5px;
}
.stepCont.lastCont {
    padding-bottom: 0 !important;
}

@media (max-width:769px){
    .hakama_wrap {
        margin-left: 0;
        margin-right: 0;
    }
}