/* 追加CSS: ここに自由に記述してください */
.top_message .faq_q{margin: 1em 0 0.5em;}

.top_message .faq_q span{
    font-weight: bold;
    font-size: 19px;
    color: #d22630;
    margin-right: 0.5em;
}

.top_message .faq_list {
    margin-top: 16px;
    border-top: solid 1px;
    padding-top: 0.8rem;
}

.top_message .faq_list li {
    margin-bottom: 12px;
    padding-left: 70px;
    position: relative;
    line-height: 1.2rem;
    border-bottom: solid 1px;
    min-height: 2.3rem;
    padding-bottom: 0.5rem;
}

.top_message .faq_list li span{background: #ccc;width: 60px;display: inline-block;text-align: center;position: absolute;left: 0;padding: 2px 0;}

.yaku_box{
    position: relative;
    margin-top: 20px;
}
.yaku_box .r_box{
    padding-left: 222px;
}
.yaku_box .r_box li{
    line-height: 1.5rem;
    margin-bottom: 10px;

}

.yaku_box .r_box p{}
.yaku_box .r_box .p1{font-weight: bold;}
.yaku_box .r_box .p2{}


.yaku_box .r_box_txt li{}
.yaku_box .r_box_txt p{}
.yaku_box .r_box_txt .p1{}
.yaku_box .r_box_txt .p2{
    padding-left: 6em;
}

.yaku_box .r_box_num li{
    display: flex;
}
.yaku_box .r_box_num p{}
.yaku_box .r_box_num .p1{}
.yaku_box .r_box_num .p2{}


.li_num li{

}
.yaku_box .l_box{}

.yaku_box .l_box {
    width: 200px;
    text-align: center;
    background: #e1e6f2;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 8px;
    font-weight: bold;
    color: #295daa;
}


.yaku_int {
    display: flex;
    margin-bottom: 30px;
}
.yaku_int:nth-of-type(1) {
    margin-top: 20px;
}
.yaku_int .r_box{
    width: 228px;
    margin-right: 20px;
}
.yaku_int .r_box img{
    width: 100%;
}

.yaku_int .l_box{
    width: 100%;
}

.yaku_int .l_box{}
.yaku_int .l_box .box_header{
    border-style: solid;
    border-width: 0px 0px 2px;
    border-color: rgb(35, 100, 185);
    padding-bottom: 8px;
    margin-bottom: 8px;
    display: flex;
    align-items: end;
}
.yaku_int .l_box .box_header span{}
.yaku_int .l_box .box_header .spn1{
    margin-right: 1em;
}
.yaku_int .l_box .box_header .spn2{
    font-size: 1.8125rem;
}
.yaku_int .l_box .box_header .spn3{
    background: rgb(225, 225, 225);
    padding: 8px;
    margin-left: 1em;
}

.yaku_int .l_box .box_body{
    background: #e1e6f2;
    padding: 10px;
    position: relative;
    padding-left: 74px;
}
.yaku_int .l_box .box_body p{}
.yaku_int .l_box .box_body .p1{
    background: #235aaa;
    color: #fff;
    position: absolute;
    padding: 15px;
    left: 0;
    top: 0;
}
.yaku_int .l_box .box_body .p2{
    line-height: 1.5rem;
}



.rk_tuchi{}
.rk_tuchi h3{}
.rk_tuchi p{margin: 14px 0;}
.rk_tuchi .p2{}
.rk_tuchi img {
    margin: 0 auto;
    display: block;
}


/*既存修正*/
/* .top_mainvisual_txt {
    z-index: 1;
    color: #D22630;
    text-align: left;
    position: absolute;
    margin: auto;
    top: calc(50% - 150px);
    left: calc(50% - 340px);
} */

.kabu_memo{
    background: #ededed;
    padding: 29px 14px;
}
.kabu_memo .head{
    background: #235aaa;
    padding: 13px 9px;
    color: #fff;
    text-align: center;
    margin-bottom: 28px;
    font-size: 0.8rem;
    font-weight: bold;
}

.kabu_memo .body{
    border-top: solid 1px;
}
.kabu_memo .body .row{
    display: flex;
    padding: 0.8rem 0;
    border-bottom: solid 1px;
    line-height: 1.5rem;
    width: 100%;
}
.kabu_memo .body .row .box{width: 11rem;}
.kabu_memo .body .row .box p{ }
.kabu_memo .body .row .box.box1{ }
.kabu_memo .body .row .box.box2{width: 100%;}


.hp_annai{
    margin-top: 60px;
}
.hp_annai .box{}
.hp_annai .box .head{
    background: #d22630;
    color: #fff;
    text-align: left;
    padding: 1rem;
    font-weight: bold;
    font-size: 0.8rem;
    margin-bottom: 14px;
}
.hp_annai .box .head p{}

.hp_annai .box .body{
    line-height: 1.5rem;
    margin-bottom: 1rem;
}
.hp_annai .box .body p{
    font-size: 0.8rem;
}
.hp_annai .box .body img{
    width: 600px;
    left: calc(50% - 300px);
    position: relative;
    margin: 24px 0;
}
.hp_annai .box .body a{
    display: block;
    color: #d22630;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin: 18px 0 0 0;
}

.hp_annai .box.box1{}
.hp_annai .box.box1 .head{}
.hp_annai .box.box1 .head p{}

.hp_annai .box.box1 .body{}
.hp_annai .box.box1 .body p{}
.hp_annai .box.box1 .body img{}


.hp_annai .box.box2{}
.hp_annai .box.box2 .head{}
.hp_annai .box.box2 .head p{
    line-height: 1.5rem;
}

.hp_annai .box.box2 .body{}
.hp_annai .box.box2 .body p{}
.hp_annai .box.box2 .body img{}

@media screen and (max-width: 767px) {
    .top_topics_block {
          
    }
    .top_progress {
        padding: 0 30px 0 0;
    }
    .cls_irgid7bmz{
        margin-bottom: 0;
    }

    .yaku_box .l_box {
        position: relative;
    }
    .yaku_box .r_box {
        padding-left: 0;
    }
    .yaku_box .r_box_txt .p2 {
        padding-left: 0;
    }

    .yaku_int {
        display:block;
      
    }
    .yaku_int .l_box .box_header {
        display: block;    
        margin-top: 10px;   
    }
    .yaku_int .l_box .box_header span{
        display: block;
    }

    .yaku_int .l_box .box_header .spn3 {
        background: none;
        padding: 0;
        margin-left: 0;
        margin-top: 8px;
        font-size: 0.8rem;
        color: #666;
    }

    .yaku_int .l_box .box_body .p1{
        position: relative;

    }

    .yaku_int .l_box .box_body {
         padding: 0;
    }
    .yaku_int .l_box .box_body .p2 {
        padding: 1.5rem;
    }

    .rk_btm_btn{
        bottom: -55px;
    }

    .hp_annai .box .body img{
    width: 100%;
    left: 0;
}
}

.top_common_base{

}