@charset "UTF-8";

h2{
    width: 1110px;
    margin: 20px auto 0 auto;
}

.ph_cmp{
    padding: 10px;
}
.txt_cmp p{
    padding: 10px 10px 10px 15px;
    line-height: 1.8em;
}
.cap{
    font-size: 14px;
}
.jisseki{
    margin: 0 0 50px 0;
}

table.gaiyou{
    width: 1100px;
    margin:20px auto 50px auto;
}
td.td_L{
    width:20%;
    padding: 15px;
    background: #00A3D9;
    border: 1px solid #00A3D9;
    font-size: 14px;
    color: #FFF;
}
td.td_R{
    width:80%;
    font-size: 14px;
    padding: 15px;
    border: 1px solid #CCC;
}

.adrs_cmp{
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    font-size: 18px;
    border-left:1px solid #B33321; 
}
.adrs_cmp span{
    font-weight: bold;
    color: #B33321;
}



@media ( max-width : 768px ) {

    h2{
        width: 100%;
        margin: 0 auto;
    }
    h2 img{
        width:100%;
    }

    .section_ttl{
        text-align: center;
        width:100%;
        margin: 20px auto 0 auto;
        border-bottom: 3px solid #B20000;
        font-size: 24px;
        font-weight: normal;
    }

    .ph_cmp{
        text-align: center;
    }
    p.cap{
        width: 70%;
        margin: 10px auto;
    }

    .txt_cmp p{
        width: 90%;
        margin:0 auto;
        padding: 10px;
    }

    table.gaiyou{
        width: 100%;
        margin:20px auto 50px auto;
    }
    td.td_L{
        display: block;
        text-align: center;
        width:90%;
        margin: 0 auto;
        padding: 15px;
        background: #00A3D9;
        border: 1px solid #00A3D9;
        font-size: 14px;
        color: #FFF;
    }
    td.td_R{
        display: block;
        text-align: center;
        width:90%;
        margin: 0 auto;
        font-size: 14px;
        padding: 15px;
        border: 1px solid #CCC;
    }

    .adrs_cmp{
        margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        font-size: 14px;
        border-left:1px solid #B33321; 
    }

}