@charset "utf-8";
.ct_wrap img{
    max-width:100%;
    display:block;
    margin:0 auto 10px;
}
/* 特徴
------------------------------------------------------------ */
.feature .feature_tit1{
    font-size: 32px;
    font-weight:bold;
    color: #de646f;
    line-height:1.2;
    text-align:center;
    background:#fef7e4;
    padding:10px;
    margin:0 0 15px;
}
.feature .feature_tit1 span{
    font-size: 22px;
    font-weight:bold;
    color: #333;
}
.feature .feature_tit2{
    font-size: 20px;
    font-weight:bold;
    color: #fff;
    text-align:center;
    background:#6aafe1;
    padding:5px;
    border-radius:10px;
    margin:0 0 20px;
}
.feature .feature_tit2:before,
.feature .feature_tit2:after{
    content: "▼";
    color:#aecfed;
    padding:0 5px;
}
.feature_list .feature_tit3{
    font-size: 24px;
    font-weight:bold;
    color: #ff6978;
    line-height:1;
    margin:0 0 10px;
}
.feature_list .feature_tit3 span{
    font-size: 20px;
}
.feature_list .feature_tit3 .num{
    font-size: 28px;
    color: #fff;
    background:#ff6978;
    height:40px;
    width:40px;
    border-radius:50%;
    line-height:40px;
    text-align:center;
    display:inline-block;
    margin:0 10px 10px 0;
}
.feature_list .feature_txt{
    margin:0 0 5px;
}
.feature_list .feature_txt em{
    font-size: 22px;
    font-weight:bold;
    text-decoration:underline;
}
.feature_list .feature_txt sup{
    font-size: 12px;
}
.feature_list .feature_note p{
    display:table;
    margin:0 0 7px;
    font-size: 12px;
}
.feature_list .feature_note p span{
    display:table-cell;
    width:23px;
}
.feature_list li{
    border-bottom:solid 5px #aecfed;
    padding:0 0 15px;
    margin: 0 0 20px;
}
.feature_list li:last-of-type{
    border-bottom:none;
    margin:0;
}
.feature_list li .benefit dl{
    border:solid 2px #6aafe1;
    border-radius:5px;
    padding:10px;
    margin:0 0 10px;
    text-align:center;
}
.feature_list li .benefit dt{
    background:#6aafe1;
    border-radius:5px;
    padding:5px;
    margin:0 0 5px;
    color:#fff;
    font-weight:bold;
    font-size:20px;
    line-height:1.2;
}
.feature_list li .benefit dt span{
    font-weight:normal;
    font-size:14px;
}
.feature_list li .benefit dd{
    display:flex;
}
.feature_list li .benefit dd p{
    font-size:20px;
    margin:0 auto;
    line-height:1.2;
}
.feature_list li .benefit dd .mild{
    background:#fffcd3;
    font-size:12px;
    padding:5px;
    text-align:left;
    margin:0;
    line-height:1.2;
}
.feature_list li .benefit dd em{
    font-size:34px;
    font-weight:bold;
    padding:0 0 0 2px;
}
.feature_list li .benefit dd .unit{
    font-size:22px;
}
.feature_list li .benefit dd .limit{
    font-size:14px;
}
.security .scroll_wrap{
    overflow:auto;
    margin:0 0 30px;
}
.security .scroll_wrap:nth-of-type(2){
    margin:0 0 5px;
}
.security .basic_tit,
.security .option_tit{
    color:#fff;
    font-weight:bold;
    font-size:24px;
    margin:0 0 15px;
    text-align:center;
}
.security .basic_tit{
    background:#7bc0f2;
}
.security .option_tit{
    background:#eba7a5;
}
.security .option_note{
    font-weight: bold;
    padding: 8px 16px;
    background: #0068b4;
    color: #fff;
    clip-path: polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
    margin:0 0 15px;
}
.security .tbl_basic,
.security .tbl_option{
    width:980px;
}
.security .tbl_basic{
    border-top:solid 5px #7bc0f2;
    border-bottom:solid 5px #7bc0f2;
    border-left:solid 5px #7bc0f2;
}
.security .tbl_option{
    border:solid 5px #eba7a5;
}
.security .tbl_basic th,
.security .tbl_option th{
    padding:5px;
    color:#fff;
    text-align:center;
    white-space:nowrap;
}
.security .tbl_basic th{
    background:#6aafe1;
    border-right:solid 5px #7bc0f2;
    border-bottom:solid 5px #7bc0f2;
}
.security .tbl_option th{
    background:#de646f;
    border-right:solid 5px #eba7a5;
    border-bottom:solid 5px #eba7a5;
}
.security .tbl_basic .b_tbl_tit1,
.security .tbl_option .b_tbl_tit1{
    font-size:30px;
    font-weight:bold;
    line-height:1.2;
    margin:0 0 10px;
}
.security .tbl_basic .b_tbl_tit1 span,
.security .tbl_option .b_tbl_tit1 span{
    font-size:14px;
}
.security .tbl_basic .b_tbl_tit1 sup{
    font-size:14px;
}
.security .tbl_option .b_tbl_tit1 sup{
    font-size:12px;
}
.security .tbl_basic .subject,
.security .tbl_option .subject{
    color:#333;
    background:#fff;
    border-radius:10px;
    margin:0 auto 5px;
    font-size:14px;
    font-weight:bold;
    max-width:150px;
}
.security .tbl_basic th .number,
.security .tbl_basic td .number{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    background:#00608c;
    color:#fff;
    display:inline-block;
}
.security .tbl_basic th .number{
    line-height:1.3;
}
.security .tbl_basic td .number{
    line-height: 1;
    font-size:19px;
}
.security .tbl_basic tr td:last-of-type,
.security .tbl_option tr td:last-of-type{
    white-space:nowrap;
    width:140px;
    text-align:center;
}
.security .tbl_basic tr td:last-of-type{
    border-left:solid 1px #7bc0f2;
    border-right:solid 5px #7bc0f2;
}
.security .tbl_option tr td:last-of-type{
    border-left:solid 1px #eba7a5;
}
.security .tbl_basic .no1_box{
    position:relative;
}
.security .tbl_basic .no1_box:after{
    position: absolute;
    content: "または";
    width: 60px;
    height: 27px;
    background: #00608c;
    top:115px;
    left:12px;
    color:#fff;
    text-align:center;
    font-weight:normal;
    font-size:15px;
}
.security .tbl_basic td,
.security .tbl_option td{
    font-size:18px;
    font-weight:bold;
    padding:15px;
}
.security .tbl_basic td{
    border-bottom:solid 5px #7bc0f2;
}
.security .tbl_basic tr:first-of-type td:first-of-type{
    border-bottom:none;
}
.security .tbl_option td{
    border-bottom:solid 5px #eba7a5;
}
.security .tbl_option td li{
    font-weight:normal;
    font-size:16px;
}
.security .tbl_option td ol{
    margin:0;
}
.security .tbl_option td ol li span{
    display:table-cell;
    width:23px;
}
.security .tbl_option td ul{
    margin:0 0 0 10px;
}
.security .tbl_option td ul li{
    position:relative;
    padding:0 0 0 17px;
}
.security .tbl_option td ul li::before{
    display: inline-block;
    position: absolute;
    content: "◯";
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    top: 0;
    left: 0;
}
.security .tbl_basic td.no1{
    border-bottom:dotted 3px #7bc0f2;
}
.security .tbl_basic td em{
    font-size:22px;
    font-weight:bold;
    color:#cd002c;
}
.security .tbl_basic td .benefit_name,
.security .tbl_option td .benefit_name{
    font-size:14px;
    font-weight:normal;
}
.security .tbl_basic td .price1,
.security .tbl_option td .price1{
    font-size:24px;
}
.security .tbl_basic td .price2,
.security .tbl_option td .price2{
    font-size:15px;
}
.security ol{
    margin:0 0 20px;
}
.security ol li{
    display:table;
    font-size: 12px;
}
.security ol li span{
    display:table-cell;
    width:30px;
}
.security .security_note li{
    position:relative;
    padding:0 0 0 14px;
    font-size:14px;
}
.security .security_note li::before{
    display: inline-block;
    position: absolute;
    content: "●";
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    top: -2px;
    left: 0;
}
.security .waiting{
    border:solid 1px #333;
    padding:0 0 15px;
}
.security .waiting .w_tit{
    font-size:20px;
    font-weight:bold;
    position: relative;
    padding:15px 25px 15px 85px;
    background:#727171;
    color:#fff;
}
.security .waiting .w_tit::before{
    content: "";
    position: absolute;
    background: url(../images/ico01.webp) no-repeat;
    width: 44px;
    height: 39px;
    background-size: contain;
    left: 33px;
    top: 50%;
    transform: translateY(-50%);
}
.security .waiting .w_txt{
    font-weight:bold;
    margin:0 0 10px;
    background:#727171;
    color:#fff;
    padding:0 25px 15px;
}
.security .waiting ul{
    padding:0 25px;
}
.security .waiting ul li{
    position:relative;
    padding:0 0 0 14px;
    font-size:14px;
}
.security .waiting ul li::before{
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    top: 0;
    left: 0;
}
.security .waiting ul li:first-child::before{
    content: "＊";
}
.security .waiting ul li:last-child::before{
    content: "●";
}
.confirm h4{
    font-size:20px;
    font-weight:bold;
    position: relative;
    margin:0 0 20px;
    color:#de646f;
}
.confirm h4::after{
    content: "";
    position: absolute;
    display: inline-block;
    background:#eba7a5;
    width: 100%;
    height: 5px;
    bottom:-7px;
    left:0;
}
.confirm h4#dementia{
    padding:50px 0 0;
    margin:-50px 0 20px;
}
.confirm .confirm_note{
    font-size:14px;
    text-align:right;
    font-weight:normal;
}
.confirm dl dt{
    font-size:18px;
    font-weight:bold;
    background:#dcdddd;
    border-radius:10px;
    padding:5px 10px;
    line-height:35px;
}
.confirm dl dt em{
    font-size:18px;
    font-weight:bold;
    color:#cd002c;
}
.confirm dl dd{
    margin:0 0 15px;
    padding:5px 0 0;
}
.confirm dl dd li{
    position:relative;
    padding:0 0 0 17px;
}
.confirm dl dd li::before{
    display: inline-block;
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #e73b84;
    border-radius: 50%;
    margin: 0 5px 0 0;
    top: 5px;
    left: 0;
}

/*PC用スタイル*/
@media screen and (min-width: 768px) {
    .feature_list li{
        display: flex;
        justify-content: space-between;
    }
    .feature_list li > div:first-of-type{
        width:calc(100% - 400px);
    }
    .feature_list li .benefit{
        width: 350px;
    }
    .feature_list li .feature_txt,
    .feature_list li .feature_note{
        margin:0 0 5px 50px;
    }
    .security .pc_hide{
        display:none;
    }
    .confirm dl dt{
        display:inline;
    }
    .confirm dl dd ul{
        display:flex;
        flex-wrap:wrap;
    }
    .confirm dl dd li{
        width:50%;
    }
    .confirm h4#dementia{
        padding:85px 0 0;
        margin:-85px 0 20px;
    }
}