@charset "UTF-8";
/* CSS Document */


body {font-family:'メイリオ','Hiragino kaku Gothic Pro',sans-serif}

    h1 {font-size:100% COLOR="#000000"}
    p {font-size:120%}
    p2 {font-size:100%}
    LI {font-size:120%}


.boxA:after    {content: "";
                float: left;
                clear: both;
                padding-left: 10px;
                margin-bottom: 10px
                }

.box1    {
    float:left;
    text-align: left;
    width: 20%;
    clear: both
}
.box2    {
    float: left;
    text-align: center;
    width: 15%
}
.box3  {
    float: left;
    text-align: left;
    width: 45%
}
.box4  {
    float: left;
    text-align: left;
    width: 20%
}


.box5 {
    display:block;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    clear: both
    }

.button{
font-size: 110%
}


    
@media(max-width:480px)
{


    h1 {font-size:170%}
    p {font-size:140%}
    p2 {font-size:130%}
    LI {font-size:150%}

.boxA:after    {content: "";
                display: :block;
                text-align: left;
                clear: both;
                padding-left: 10px;
                margin-bottom: 20px;
                border:thick
                }


.box1    {
    display:block;
    text-align: left;
    width: 100%;
    height: 0pt;
    clear: both
}
.box2    {
    display:block;
    text-align: left;
    width: 100%;
    clear: both
}
.box3  {
    display:block;
    text-align: left;
    width: 100%;
    clear: both
}
.box4  {
    display:block;
    text-align: left;
    width: 100%;
    height: 0pt;
    clear: both

}

.box5 {
    display:block;
    text-align: center;
    width: 100%;
     margin-bottom: 10px;
    clear: both
    }

.button{
font-size: 110%
}


}