@charset "UTF-8";
@media (max-width:960px){
    .photolist{
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 440px;
    }
}


.eq_list_title{
    background: #e6eaf4;
    border: 1px solid #C7CBD3;
}
:is(.eq_list_title, .eq_list) .box{
    padding: .5em 1em;
    line-height: 1.2;
}
.eq_list_title .box{
    font-weight: bold;
}
.eq_list{
    border-right: 1px solid #C7CBD3;
    border-left: 1px solid #C7CBD3;
}
.eq_list tr:nth-child(even){
    background: #f5f5f5;
}
.eq_list .box{
    border-bottom: 1px solid #C7CBD3;
}
@media (min-width:1481px){
    :is(.eq_list_title, .eq_list) .cell1{width: 21em;}
    :is(.eq_list_title, .eq_list) .cell2{width: 16em;}
    :is(.eq_list_title, .eq_list) .cell3{width: 13em;}
    :is(.eq_list_title, .eq_list) .cell4{width: 5em;}
    :is(.eq_list_title, .eq_list) .cell5{width: auto;}
}
@media (min-width:961px){
    :is(.eq_list_title, .eq_list) .box:not(:last-child){
        border-right: 1px solid #C7CBD3;
    }
    :is(.eq_list_title, .eq_list) .cell5{width: auto;}
}
@media (max-width:1480px) and (min-width:961px){
    :is(.eq_list_title, .eq_list) .cell1{width: 25%;}
    :is(.eq_list_title, .eq_list) .cell2{width: 20%;}
    :is(.eq_list_title, .eq_list) .cell3{width: 15%;}
    :is(.eq_list_title, .eq_list) .cell4{width: 5em;}
}
@media (max-width:960px){
    .eq_list_title{
        display: none;
    }
    .eq_list,
    .eq_list tbody{
        display: block;
    }
    .eq_list{
        border: none;
        font-size: 90%;
    }
    .eq_list tr{
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #C7CBD3;
        border-left: 1px solid #C7CBD3;
    }
    .eq_list tr:nth-child(even){
        background: #f7f7f7;
    }
    .eq_list tr:not(:first-child){
        margin-top: 1em;
    }
    .eq_list :is(th, td){
        display: flex;
        align-items: baseline;
        gap: .8em;
    }
    .eq_list .cell1,
    .eq_list .cell2,
    .eq_list .cell5{
        flex-basis: 100%;
    }
    :is(.eq_list_title, .eq_list) .cell3{width: calc(100% - 8em);}
    :is(.eq_list_title, .eq_list) .cell4{width: 8em;}
    .eq_list .box{
        border-right: 1px solid #C7CBD3;
    }
    .eq_list .box::before{
        content: attr(data-th)"：";
        font-weight: bold;
        font-size: 75%;
    }
}
@media (max-width:700px){
    .eq_list .box{
        padding: .8em .5em;
    }
}