@charset "utf-8";
.sp-only{
    display: none;
}
#wrapper_guide p{
    margin: 0;
}
/* guide_nav */
#wrapper_guide ul.guide_nav{
    margin: 0 0 32px;
    padding: 15px 0 0;
}
#wrapper_guide ul.guide_nav li{
    width: 180px;
    float: left;
    text-align: center;
    margin: 0 4px 0 0;
}
#wrapper_guide ul.guide_nav li a{
    display: block;
    color: #333;
    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;
}
#wrapper_guide ul.guide_nav li br{
    display: none;
}

/* guide_head_pc */
#wrapper_guide .guide_head_pc{
    position: relative;
    width: 100%;
    height: 492px;
    background: url(//sm.r10s.jp/contents/static/info/ibk2022cpn/img/kv_pc3.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
        -ms-background-size: cover;
}
#wrapper_guide .guide_head_pc .txt_area{
    padding: 61px 0 0 99px;
}
#wrapper_guide .guide_head_pc .txt_area h2{
    width: 518px;
}
#wrapper_guide .guide_head_pc .txt_area p{
    width: 578px;
}
#wrapper_guide .guide_head_pc .img_area{
    position: absolute;
    z-index: 5;
    bottom: -17px;
    left: 57px;
}
#wrapper_guide .guide_head_sp{
    display: none;
}

/* guide_point */
#wrapper_guide .guide_point{
    position: relative;
}
#wrapper_guide .guide_point .txt_area{
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 31px;
    padding: 0 97px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#wrapper_guide .guide_point .txt_area .txt_note{
    width: 422px;
    margin: 0 0 66px;
}
#wrapper_guide .guide_point .txt_area h2{
    width: 766px;
    margin: 0 auto;
}
#wrapper_guide .guide_point .img_area{
    overflow: hidden;
}
#wrapper_guide .guide_section_sp{
    display: none;
}
#wrapper_guide .list_area{
    position: absolute;
    top: 223px;
    left: 2%;
    width: 98%;
}
#wrapper_guide .list_area ul.point_list{
    letter-spacing: -.4em;
    text-align: center;
    margin: 0 0 50px;
}
#wrapper_guide ul.point_list li{
    position: relative;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 29.1%;
    max-width: 340px;
    margin: 0 25px;
    margin: 0 2.1%;
    padding: 25px 30px 36px;
    background: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#wrapper_guide ul.point_list li .num{
    position: absolute;
    top: 18px;
    left: -36px;
    width: 52px;
}
#wrapper_guide ul.point_list li .img{
    width: 100%;
    max-width: 280px;
    margin: 0 auto 15px;
}
#wrapper_guide ul.point_list li h3{
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
    margin: 0 0 20px;
}
#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: 119px 0 85px;
    background: #00b901;
}
#wrapper_guide .guide_step h2{
    width: 920px;
    margin: 0 auto 79px;
}
#wrapper_guide .guide_step ul.step_list_pc{
    width: 920px;
    margin: 0 auto 91px;
}
#wrapper_guide .guide_step ul.step_list_pc li{
    float: left;
    width: 220px;
    padding: 0 0 0 130px;
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/arw_step.gif) 25px 50% no-repeat;
    text-align: center;
}
#wrapper_guide .guide_step ul.step_list_pc li.list01{
    padding: 0;
    background: none;
}
#wrapper_guide .guide_step ul.step_list_pc li p{
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    padding: 207px 0 0;
}
#wrapper_guide .guide_step ul.step_list_pc li.list01 p{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/img_step01.gif) 50% 0 no-repeat;
}
#wrapper_guide .guide_step ul.step_list_pc li.list02 p{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/img_step02.gif) 50% 0 no-repeat;
}
#wrapper_guide .guide_step ul.step_list_pc li.list03 p{
    background: url(//sm.r10s.jp/contents/static/info/guide0925/img/img_step03.gif) 50% 0 no-repeat;
}
#wrapper_guide .guide_step ul.step_list_sp{
    display: none;
}
#wrapper_guide .guide_step_info{
    width: 920px;
    margin: 0 auto 36px;
    padding: 26px 0 32px;
    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 15px;
}
#wrapper_guide .guide_step_info .tit_area{
    margin: 0 0 20px;
    letter-spacing: -.4em;
}
#wrapper_guide .guide_step_info .tit_area h3,
#wrapper_guide .guide_step_info .tit_area .num{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}
#wrapper_guide .guide_step_info .tit_area h3{
    font-size: 24px;
    padding: 2px 0 1px;
}
#wrapper_guide .guide_step_info.guide_step01 .num{
    width: 140px;
    padding: 0 16px 0 0;
}
#wrapper_guide .guide_step_info.guide_step02 .num{
    width: 146px;
    padding: 0 16px 0 0;
}
#wrapper_guide .guide_step_info.guide_step01 h3{
}
#wrapper_guide .guide_step_info.guide_step02 h3{
}
#wrapper_guide .guide_step_info ul{
    letter-spacing: -.4em;
}
#wrapper_guide .guide_step_info ul li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 366px;
    margin: 0 17px;
}
#wrapper_guide .guide_step_info .btn_link a{
    display: block;
    text-align: center;
    font-size: 20px;
    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 22px 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: 920px;
    margin: 0 auto;
    font-size: 16px;
    text-align: right;
    color: #fff;
}
#wrapper_guide .guide_step .guide_ttl_sp{
    display: none;
}
#wrapper_guide .cate_btn_pc{
    width: 1050px;
    margin: 0 auto;
}
#wrapper_guide .cate_btn_pc li{
    display: block;
    float: left;
    width: 350px;
}
#wrapper_guide .cate_btn_sp{
    display: none;
}
#wrapper_guide .cate_ttl_sp{
    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;
}
#wrapper_guide a:hover img,
#wrapper_guide button:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}