@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= コンテンツ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.or39_wrapper .main_heading {
    background: #e7a91e;
}

/* ++++++++++++++++++++++++++++++++++
= タブ切り替え
++++++++++++++++++++++++++++++++++ */
.or39_wrapper .tab_list {
    border-bottom: 3px solid #e7a91e;
}

.or39_wrapper #description:checked ~ .tab_list .description,
.or39_wrapper #plan:checked ~ .tab_list .plan {
    background: #e7a91e;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= 商品説明
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++
= ポイント
++++++++++++++++++++++++++++++++++ */
.or39_wrapper .point_list li {
    border: 1px solid #fdd393;
    background: #fefbf4;
    padding: 20px;
}

.or39_wrapper .point_mark {
    background: url(images/item_or39/bg_point.png) no-repeat left top;
}

.or39_wrapper .point_sub_text {
    margin-top: 10px;
}

/* ++++++++++++++++++++++++++++++++++
= 各項目
++++++++++++++++++++++++++++++++++ */
.or39_wrapper .sub_heading {
    border-bottom: 3px solid #fdd393;
}

.or39_wrapper .sub_heading span {
    font-size: 14px;
}

.or39_wrapper .explain_box {
    border: 1px solid #fdd393;
}

.or39_wrapper .explain_box .disability_list {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin: 10px 0 0;
}

.or39_wrapper .explain_box .disability_list div {
    width: calc(100% / 3);
}

.or39_wrapper .explain_box .disability_list dt {
    padding: 5px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.or39_wrapper .explain_box .disability_list dt span {
    font-size: 12px;
}

.or39_wrapper .explain_box .disability_list .disability_cancer dt {
    background: #9486bf;
    border: 1px solid #7969ae;
}

.or39_wrapper .explain_box .disability_list .disability_heart dt {
    background: #ee7b82;
    border: 1px solid #e5576b;
}

.or39_wrapper .explain_box .disability_list .disability_cerebral dt {
    background: #6c7eaa;
    border: 1px solid #436197;
}

.or39_wrapper .explain_box .disability_list dd:not([class]) {
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.or39_wrapper .explain_box .disability_list dd:not([class]) strong {
    font-weight: bold;
}

.or39_wrapper .explain_box .disability_list .disability_cancer dd strong {
    color: #786da5;
}

.or39_wrapper .explain_box .disability_list .disability_heart dd strong {
    color: #e5556a;
}

.or39_wrapper .explain_box .disability_list .disability_cerebral dd strong {
    color: #426299;
}

.or39_wrapper .explain_box .disability_list dd.disability_att {
    padding: 0 10px;
    font-size: 12px;
    text-align: left;
}

.or39_wrapper .description_inner .point_add_emphasis {
    background-color: #FFF;
    color: #eb6c83;
    border: 2px solid #eb6c83;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= 保障プラン
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++
= ページ内リンク
++++++++++++++++++++++++++++++++++ */
.or39_wrapper .plan_list {
    background: #e7a91e;
}

/* ++++++++++++++++++++++++++++++++++
= 保障内容
++++++++++++++++++++++++++++++++++ */
/*-- プラン項目 --*/
.plan_category_or39 {
    margin: 20px auto;
}

.plan_category_or39 .plan_example {
    border: 1px solid #2a6e96;
    border-radius: 10px;
}

.plan_category_or39 dl.explanation_list {
    margin: 10px auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.plan_category_or39  dl.explanation_list dt {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 0 10px 10px 0;
    background: #2a6e96;
    padding: 10px;
    line-height: 1.2;
    width: 80px;
}

.plan_category_or39  dl.explanation_list dd {
    line-height: 1.2;
    text-align: center;
    position: relative;
    width: calc(100% - 80px);
}

.plan_category_or39  dl.explanation_list dd p:first-child {
    color: #2a6e96;
    font-weight: bold;
    font-size: 16px;
}

.plan_category_or39  dl.explanation_list dd {
    font-size: 14px;
}

.plan_category_or39 dl.explanation_detail {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 10px 10px;
    font-size: 12px;
}

.plan_category_or39 dl.explanation_detail dt,
.plan_category_or39 dl.explanation_detail dd {
    padding: 5px 10px;
    border: 1px solid #2a6e96;
    background: #eff5fb;
    line-height: 1.2;
}

.plan_category_or39 dl.explanation_detail dt {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin: 0 10px 0 0;
}

.plan_category_or39 dl.explanation_detail dt::before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    right: -20px;
    border: 10px solid transparent;
    border-left: 10px solid #eff5fb;
    z-index: 2;
}

.plan_category_or39 dl.explanation_detail dt::after {
    content: "";
    position: absolute;
    top: calc(50% - 11px);
    right: -22px;
    border: 11px solid transparent;
    border-left: 11px solid #2a6e96;
    z-index: 1;
}

.plan_category_or39 dl.explanation_detail dt strong,
.plan_category_or39 dl.explanation_detail dd strong {
    font-weight: bold;
    font-size: 14px;
}

.plan_category_or39 dl.explanation_detail dt strong em,
.plan_category_or39 dl.explanation_detail dd strong em {
    font-weight: bold;
    font-size: 18px;
}

.plan_category_or39 dl.explanation_detail dd strong {
    color: #ee7700;
}

.plan_category_or39 dl.explanation_detail dd {
    flex: 2;
}

.plan_category_or39 dl.explanation_detail dd ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan_category_or39 dl.explanation_detail dd ul li {
    width: calc(100% / 2);
    padding: 0 10px;
}

.plan_category_or39 dl.explanation_detail dd ul li:first-child {
    border-right: 1px dashed #2a6e96;
}

.plan_category_or39 dl.explanation_detail dd ul li:last-child{
    text-align: center;
}

.plan_category_or39 .plan_att {
    font-size: 12px;
}

.plan_inner .payment_txt {
    margin: 15px 0 15px;
    font-size: 14px;
}

.plan_inner .charge_table .contact_age {
    color: #ff8813;
    background-color: #ffe2aa;
    font-weight: bold;
}

.plan_inner .charge_table .charge_term {
    width: calc(100% / 9);
    background-color: #eeeeee;
}

.plan_inner .charge_table .charge_age {
    background-color: #fff7e4;
    font-weight: bold;
}

.plan_inner .charge_table .charge_man,
.plan_inner .charge_table .charge_woman {
    font-weight: bold;
}

.plan_inner .note {
    font-size: 14px;
}

.or39_wrapper .security {
    background: #ffe3a3;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= ページ下部タブ切り替え
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tab_foot_area li label {
    background: #e7a91e;
}