@charset "UTF-8";

/*===============================================
●共通
===============================================*/



/*===============================================
●画面の横幅が641px以上(タブレット・PC)
===============================================*/
@media screen and (min-width: 641px) {

/* h2 */
h2{
    width:700px;
    height:40px;
    margin:30px auto 0px auto;
    padding:14px 0px 0px 25px;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
    text-align:left;
    background-color:#069;
}

/* box01 */
#box01{
    width:700px;
    margin:30px auto 100px auto;
    padding:20px 20px 20px 20px;
    border:#CCC 1px solid;
    border-radius:10px;
    background-color:#FFF;
    line-height:180%;
    }

#box01 table td{
    padding:5px;

}

}

/*===============================================
●画面の横幅が640px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 640px) {

/* 共通 */
body {
    background:none;
}


/* h2 */
h2{
    width:100%;
    height:40px;
    margin:30px auto 0px auto;
    padding:14px 0px 0px 25px;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
    text-align:left;
    background-color:#069;
}

/* box01 */
#box01{
    width:100%;
    margin:20px auto 50px auto;
    padding:20px 10px;
    border:#CCC 1px solid;
    border-radius:10px;
    background-color:#FFF;
    }

#box01 table td{
    padding:5px;
    line-height:150%;
}

}