@charset "UTF-8";


/****************************************************
PC向けレイアウトは
@media ( min-width : 768px )｛
｝
内に記述

スマートデバイス向けレイアウトにmedia-queriesは必要なし
****************************************************/
.rec_ttl{
    text-align: center;
    margin: 60px auto 20px auto;
    border-bottom: 1px solid #500488;
    font-size: 20px;
}
.rec_table{
    padding: 0 10px;
}

table{
    width: 94%;
    margin: 0 auto;
    border:1px solid #999;
    font-size: 14px;
}
table tr.odd{
    background: #EEE;
}
table td{
    padding: 10px;
}
.td_left{
    width:30%;
    border-right:1px solid #999;
}
.jyusho{
    width: 100%;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #CCC;
    background: #FFF;
}
ul.pp_txt{
    margin: 0 0 0 1em;
    padding: 0;
}
ul.pp_txt li{
    padding: 2px;
}

p.cl_txt{
    text-align: center;
    margin: 20px auto 60px auto;
}

@media ( min-width : 768px ){
    .rec_ttl{
        text-align: center;
        margin: 60px auto 20px auto;
        border-bottom: 3px solid #500488;
        font-size: 30px;
    }

    .rec_table{
        padding: 0 10px;
    }
    table{
        width:100%;
        margin: 0 0 30px 0;
        border:1px solid #999;
    }
    table tr.odd{
        background: #EEE;
    }
    table td{
        padding: 20px 10px;
    }
    .td_left{
        width:20%;
        border-right:1px solid #999;
    }

    .jyusho{
        width: 60%;
        margin: 10px 0;
        padding: 20px;
        border: 1px solid #CCC;
        background: #FFF;
        font-size: 16px;
    }
    p.cl_txt{
        text-align: center;
        width:100%;
        margin: 20px auto 160px auto;
    }

}