@charset "utf-8";

/* 共通
------------------------------------------------------------ */
/* 注釈 */
.contents_wrap sup{
    font-size:14px;
}
.contents_wrap .note{
    display:table;
    margin:0;
    font-size:14px;
}
.contents_wrap .note span{
    display:table-cell;
    white-space:nowrap;
}
/* 見出し */
.contents_wrap .subheading{
    padding:10px 0 0 17px;
    margin:0 0 10px;
    line-height:1.4;
    position:relative;
    color:#564c2f;
    font-size:20px;
    font-weight:bold;
}
.contents_wrap .subheading::before{
    content:"";
    width:7px;
    height:24px;
    background:#afa67a;
    position:absolute;
    top:11px;
    left:0;
}
.contents_wrap .subhead_box{
    padding:20px;
    border:1px solid #afa67a;
}
/* 丸数字付き見出し */
.contents_wrap .subhead_box{
    counter-reset:titleNum;
}
.contents_wrap .subhead_box > li:not(:last-of-type){
    margin:0 0 20px;
}
.contents_wrap .subhead_box .sb_ttl01{
    display:flex;
    gap:10px;
    border-bottom:1px solid #a59a6a;
    margin:0 0 15px;
    padding:0 0 10px;
    font-weight:bold;
}
.contents_wrap .subhead_box .sb_ttl01::before{
    flex-shrink:0;
    content:counter(titleNum);
    counter-increment:titleNum;
    width:28px;
    height:28px;
    line-height:28px;
    background:#a59a6a;
    border-radius:100%;
    color:#fff;
    text-align:center;
}
.contents_wrap .subhead_box .sb_ttl01.w_ruby::before{
    margin:8px 0 0 0;
}
/* 小見出し */
.contents_wrap .subhead_box .sb_ttl02{
    border-left:5px solid #afa67a;
    padding:0 0 0 10px;
    margin:0 0 5px;
    font-weight:bold;
    color:#564c2f;
}
/* その他 */
.contents_wrap p{
    margin:0 0 5px;
}
.contents_wrap .subhead_box .detail_txt{
    font-size:15px;
}
.contents_wrap .detail_txt dd{
    padding:0 0 0 15px;
    margin:0 0 10px;
}
.support .subhead_box{
    margin:0 0 10px;
}
/* 一自動車保険の一括見積り
------------------------------------------------------------ */
.estimate .est_inner{
    display:flex;
    gap:20px;
    flex-direction:column-reverse;
    align-items:center;
    margin:0 0 20px;
}
.estimate .auto_sim{
    display:inline-block;
    width:242px;
    height:159px;
}
.estimate .auto_sim_box{
    width:100%;
    height:159px;
    background:url("../../../../css/top/top_index/auto_sim_bg1.png") no-repeat 0 0;
}
.estimate .auto_sim_inner_box{
    width:100%;
    height:159px;
    background:url("../../../../css/top/top_index/auto_sim_bg3.png") no-repeat top right;
}
.estimate .auto_sim_inner_box form{
    padding:55px 10px 0 10px;
}
.estimate .auto_sim .select{
    display:inline-block;
}
.estimate .auto_sim .select select{
    width:92px;
}
.estimate .auto_sim .car_btn{
    width:218px;
    margin:0 auto;
    padding:10px 0 0 0;
}
.estimate .auto_sim .car_btn span{
    display:none;
}
.estimate .auto_sim .car_btn button{
    display:block;
    width:218px;
    height:60px;
    background:url("../../../../css/top/top_index/auto_sim_btn.png") no-repeat 0 0;
    border:0;
}
.estimate .auto_sim .car_btn button:hover{
    background-position:0 -60px;
}
.estimate .est_lead{
    margin:0 0 10px;
    font-weight:bold;
}
.estimate .est_txt{
    font-size:15px;
}

/*PC用スタイル*/
@media screen and (min-width:768px){
    /* 共通
    ------------------------------------------------------------ */
    .contents_wrap.ct_box .ct_wrap{
        padding:20px 15px;
    }
    .contents_wrap .subhead_box .detail_txt{
        margin:0 0 0 38px;
    }
    /* その他の補償・サービス
    ------------------------------------------------------------ */
    .coverage .subhead_box{
        margin:0 0 20px;
    }
    /* 一自動車保険の一括見積り
    ------------------------------------------------------------ */
    .estimate .est_inner{
        flex-direction:row;
        justify-content:center;
        gap:40px;
    }
}
@media screen and (min-width:1040px){
    /* 共通
    ------------------------------------------------------------ */
    .contents_wrap.ct_box .ct_wrap{
        padding:20px 0;
    }
}