@charset "UTF-8";

.table_list {
    width: 100%;
    border-collapse: collapse;
}
.table_list td {
    padding: 5px 1em;
}

.table4 {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #251e1c;
    table-layout: fixed;
    font-size: 95%;
    margin-bottom: 1em;
}
.table4 th,
.table4 td{
    border-collapse: collapse;
    border: 1px solid #251e1c;
    padding: 10px 1em;
    vertical-align: middle;
}
.table4 .bg1 {
    text-align: center;
    background: #646464;
    color: #FFF;
}
.table4 .bg2 {
    text-align: center;
    background: #868687;
    color: #FFF;
}
.table4 .bg3 {
    background: #f8eec1;
}

.box780 {
    max-width: 780px;
    margin: 0 auto;
}

.txt_tegata,
.txt_kogitte {
    font-size: 135%;
    margin-bottom: 10px;
}
.txt_tegata .f700,
.txt_kogitte .f700 {
    display: inline-block;
    width: 7em;
}
.txt_kogitte .f700:before {
    content: "";
    background: url("../img/ico_kogitte.svg") no-repeat center;
    background-size: contain;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.txt_tegata .f700:before {
    content: "";
    background: url("../img/ico_tegata.svg") no-repeat center;
    background-size: contain;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;

}

.txt_tegata .f900:before,
.txt_kogitte .f900:before{
    content: "";
    background: url("../img/ico_arrow_pc.svg") no-repeat center;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

@media screen and (max-width: 650px) {
    .box780 {
        text-align: center;
    }
    .txt_kogitte {
        border-bottom: 1px solid #999;
        padding-bottom: 1em;
    }
    .txt_tegata .f700,
    .txt_kogitte .f700 {
        display: block;
        margin: 1em auto 0;
    }
    
    .txt_kogitte .f700:before,
    .txt_tegata .f700:before {
        width: 35px;
        height: 35px
    }
    
    .txt_tegata .f900:before,
    .txt_kogitte .f900:before{
        content: "";
        background: url("../img/ico_arrow_sp.svg") no-repeat center;
        background-size: contain;
        width: 35px;
        height: 26px;
        display: block;
        margin: 0 auto;
    }
}

.txt_merit {
    color: #0068b2;
    text-align: center;
    font-size: 140%;
    font-weight: 900;
    margin-top: 1em;
    line-height: 1.4em;
    
}
.txt_merit span {
    background:linear-gradient(transparent 40%, #edc500 40%);
}

@media screen and (min-width: 1000px) {
    .txt_merit {
    }
}

@media screen and (min-width: 1000px) {
    .table_list .alignR {
        width: 12em;
    }
}

@media screen and (max-width: 768px) {
  .js-scrollable picture {
    display: block;
    min-width: 620px;
  }
}