@charset "UTF-8";

/* 共通
------------------------------------------------------------ */
.item_detail{
    max-width:1040px;
}
/* 注記 */
sup{
    padding:0 4px;
    color:#333;
    font-weight:normal;
    font-size:14px;
}
.att_notes{
    display:table;
    font-weight:normal;
    font-size:14px;
}
.att_notes span{
    display:table-cell;
    white-space:nowrap;
}
/* スクロール */
.scroll_att{
    margin:0;
    font-size:14px;
}
.scroll_wrap{
    overflow:auto;
    margin:0 0 20px;
    padding:0 0 5px;
}

/* コンテンツ
---------------------------------------------------------------- */
/* 特長 */
.features_wrap,
.features_wrap_inner:not(:last-child){
    margin:0 0 16px;
}
.features_wrap_inner dt{
    margin:0 0 16px;
    padding:0 8px 2px;
    border-bottom:1px solid #03aaf6;
    color:#03aaf6;
    font-weight:bold;
    font-size:20px;
}
.features_wrap_inner dd{
    padding:0 8px;
}

/* 補償内容・保険料 */
.course_title{
    margin:0 0 8px;
    font-weight:bold;
    font-size:20px;
}
.plan_tbl{
    width:100%;
    min-width:708px;
}
.plan_tbl th,
.plan_tbl td{
    padding:8px;
    border:1px solid #d1d1d1;
}
.plan_tbl thead th{
    background:#fdfad2;
    text-align:center;
    min-width:165px;
}
.plan_tbl thead th:first-child{
    border:none;
    background:none;
}
.plan_tbl tbody th{
    background:#dde9f2;
    text-align:center;
}
.plan_tbl tbody tr:nth-child(2) th{
    width:40px;
}
.plan_tbl tbody tr:nth-child(2) th span{
    display:block;
    height:180px;
    margin:auto;
    writing-mode:vertical-rl;
}
.plan_tbl tbody tr:last-of-type th{
    background:#fcdcdc;
}
.plan_tbl tbody td{
    text-align:center;
}
.plan_tbl tbody td.compensation{
    background:#f6f6f6;
}
.plan_tbl tbody tr:nth-child(1) td{
    font-weight:bold;
}
.plan_tbl tbody tr:nth-child(1) td strong{
    font-weight:bold;
    font-size:20px;
}
.plan_tbl tbody tr:nth-child(1) td strong em{
    font-weight:bold;
    font-size:24px;
}
.plan_tbl tbody tr:nth-child(1) td strong.insurance{
    color:#f44336
}
.plan_tbl tbody tr:nth-child(1) td strong.service{
    color:#4caf50
}
.plan_tbl tbody tr:nth-child(1) td small{
    display:block;
    padding:8px;
    background:#f44336;
    color:#fff;
    font-size:14px;
    line-height:1.4;
}
.latch{
    color:#e31732;
    font-weight:bold;
}
.latch em{
    font-weight:bold;
    font-size:20px;
}
.family_range{
    margin:0 0 8px 16px;
    padding:8px 16px;
    border:1px solid #d1d1d1;
    font-size:14px;
}
.family_range dt{
    margin:0 0 4px;
    font-weight:bold;
}

/* 画面サイズ別調整
---------------------------------------------------------------- */
@media screen and (min-width:768px){
    .scroll_att{
        display:none;
    }
    .features_wrap_inner dt{
        font-size:24px;
    }
}