@charset "utf-8";
.pc-only{
    display: none;
}
#wrapper_guide p{
    margin: 0;
}
/* guide_nav */
#wrapper_guide ul.guide_nav{
    margin: 0 0 10px;
    padding: 10px 0 0;
    max-width: 100vw;
}
#wrapper_guide ul.guide_nav li{
    width: 24.7%;
    float: left;
    text-align: center;
    margin: 0 0 0 0.4%;
}
#wrapper_guide ul.guide_nav li:first-child{
    margin: 0;
}
#wrapper_guide ul.guide_nav li a{
    display: block;
    color: #333;
    font-size: 10px;
    background: #e8e8e8;
    padding: 15px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
#wrapper_guide ul.guide_nav li a:hover,
#wrapper_guide ul.guide_nav li a.selected{
    text-decoration: none;
    color: #fff;
    background: #00b901;
}


/* guide_head */
#wrapper_guide .guide_head_sp {
    max-width: 100vw;
}


/* guide_section */
#wrapper_guide .guide_section_sp {
    max-width: 100vw;
}
#wrapper_guide .guide_section_pc {
    display: none;
}


/* guide_point */

#wrapper_guide .guide_point{
    max-width: 100vw;
}
#wrapper_guide .guide_point .txt_area{
    width: 90%;
    margin: 0 auto;
}
#wrapper_guide .guide_point .txt_area .txt_note{
    margin: 0 0 26px;
}
#wrapper_guide .guide_point .txt_area h2{
    width: 91%;
    margin: 0 auto 24px;
}
#wrapper_guide .guide_point .img_area{
    overflow: hidden;
}

#wrapper_guide .list_area{
    background: url(//sm.r10s.jp/contents/static/info/ibk2022cpn/img/kv_sp.jpg) 50% 100% no-repeat;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
         -o-background-size: 100% auto;
            background-size: 100% auto;
        -ms-background-size: 100% auto;
    padding: 0 0 40px;
}
#wrapper_guide .list_area ul.point_list{
    width: 90%;
    margin: 0 auto;
}

#wrapper_guide ul.point_list li{
    position: relative;
    width: 100%;
    margin: 0 0 16px;
    padding: 24px 24px 19px;
    background: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#wrapper_guide ul.point_list li .num{
    position: absolute;
    top: -4px;
    left: -11px;
    width: 28px;
}
#wrapper_guide ul.point_list li .img{
    width: 100%;
    max-width: 280px;
    margin: 0 auto 10px;
}
#wrapper_guide ul.point_list li h3{
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
    margin: 0 0 13px;
}
#wrapper_guide ul.point_list li p{
    line-height: 1.8;
}
#wrapper_guide ul.point_list li .btn_link{
    margin: 26px 0 0;
}
#wrapper_guide ul.point_list li .btn_link a{
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #00b901;
    background: #fff;
    padding: 15px 0;
    border: 3px solid #00b901;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}
#wrapper_guide ul.point_list li .btn_link a:hover{
    text-decoration: none;
    color: #fff;
    background: #00b901;
}
#wrapper_guide ul.point_list li .btn_link a span{
    padding: 0 22px 0 0;
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/arw.png) 100% 50% no-repeat;
}
#wrapper_guide ul.point_list li .btn_link a:hover span{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/arw_w.png) 100% 50% no-repeat;
}

/* guide_step */
#wrapper_guide .guide_step{
    padding: 40px 0 36px;
    background: #00b901;
    max-width:100vw;
}
#wrapper_guide .guide_step h2{
    width: 82%;
    margin: 0 auto 24px;
}
#wrapper_guide .guide_step ul.step_list_sp{
    margin: 0 auto 40px;
}
#wrapper_guide .guide_step ul.step_list_sp li{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0 0;
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/sp/arw_step.gif) 50% 10px no-repeat;
    -webkit-background-size: 20px 10px;
       -moz-background-size: 20px 10px;
         -o-background-size: 20px 10px;
            background-size: 20px 10px;
        -ms-background-size: 20px 10px;
    text-align: center;
}
#wrapper_guide .guide_step ul.step_list_sp li.list01{
    padding: 0;
    background: none;
}
#wrapper_guide .guide_step ul.step_list_sp li p{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background: #00aa01;
    padding: 13px 0 12px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
#wrapper_guide .guide_step ul.step_list_sp li p span{
    display: inline-block;
    padding: 0 0 0 60px;
}
#wrapper_guide .guide_step ul.step_list_sp li.list01 p span{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/sp/img_step01.gif) 0 50% no-repeat;
    -webkit-background-size: 40px;
       -moz-background-size: 40px;
         -o-background-size: 40px;
            background-size: 40px;
        -ms-background-size: 40px;
}
#wrapper_guide .guide_step ul.step_list_sp li.list02 p span{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/sp/img_step02.gif) 0 50% no-repeat;
    -webkit-background-size: 40px;
       -moz-background-size: 40px;
         -o-background-size: 40px;
            background-size: 40px;
        -ms-background-size: 40px;
}
#wrapper_guide .guide_step ul.step_list_sp li.list03 p span{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/sp/img_step03.gif) 0 50% no-repeat;
    -webkit-background-size: 40px;
       -moz-background-size: 40px;
         -o-background-size: 40px;
            background-size: 40px;
        -ms-background-size: 40px;
}
#wrapper_guide .guide_step ul.step_list_sp li p span img{
    display: block;
    width: 65px;
    margin: 0 0 10px;
}
#wrapper_guide .guide_step ul.step_list_pc{
    display: none;
}
#wrapper_guide .guide_step_info{
    width: 90%;
    margin: 0 auto 36px;
    padding: 25px 0 15px;
    background: #fff;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#wrapper_guide .guide_step_info.guide_step02{
    margin: 0 auto 12px;
}
#wrapper_guide .guide_step_info h3{
    display: inline-block;
    font-size: 20px;
    margin: 0 0 20px;
}
#wrapper_guide .guide_step_info.guide_step01 .num{
    width: 104px;
    margin: 0 auto 13px;
}
#wrapper_guide .guide_step_info.guide_step02 .num{
    width: 110px;
    margin: 0 auto 13px;
}
#wrapper_guide .guide_step_info.guide_step01 h3{
    padding: 0;
}
#wrapper_guide .guide_step_info.guide_step02 h3{
    padding: 0;
}

#wrapper_guide .guide_step_info ul li{
    width: 86%;
    margin: 0 auto 20px;
}
#wrapper_guide .guide_step_info .btn_link a{
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #d50813;
    padding: 20px 0;
    border: 3px solid #d50813;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}
#wrapper_guide .guide_step_info .btn_link a:hover{
    text-decoration: none;
    color: #d50813;
    background: #fff;
}
#wrapper_guide .guide_step_info .btn_link a span{
    padding: 0 15px 0 0;
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/arw_w.png) 100% 50% no-repeat;
}
#wrapper_guide .guide_step_info .btn_link a:hover span{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/arw_r.png) 100% 50% no-repeat;
}
#wrapper_guide .guide_step .txt_note{
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
}
#wrapper_guide .guide_step .txt_note span{
    display: block;
}
#wrapper_guide .guide_step .txt_note span.mark{
    float: left;
}
#wrapper_guide .guide_step .txt_note span.txt{
    overflow: hidden;
    zoom: 1;
}
#wrapper_guide .guide_step .guide_ttl_pc{
    display: none;
}
#wrapper_guide .cate_btn_sp{
    text-align: center;
    width: 100%;
}
#wrapper_guide .cate_btn_sp ul{
    text-align: center;
    width: 100%;
}
#wrapper_guide .cate_btn_sp ul li{
    width: 47%;
    float: left;
    margin: 4px 7px 10px 0;
}
#wrapper_guide .cate_btn_pc{
    display: none;
}
#wrapper_guide .cate_ttl_pc{
    display: none;
}

/* 汎用 */
.ichiba{
    position: absolute!important;
    top: 33%;
    right: 2%;
}
#wrapper_guide .clearfix {
    zoom: 1;
}
#wrapper_guide .clearfix:after {
    display: block;
    clear: both;
    content: '';
}
#wrapper_guide *:after {
    display: block;
    clear: both;
}