@charset "UTF-8";

html
{
    font-size: 62.5%;
}

body
{
    margin: 0;    
    background-image: url(../img/back.png);
    background-repeat: repeat;
    font-family: Arial ;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

main
{
    width: 1000px;    
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 30px; 
}

main > aside
{
    width: 230px;
    order: 1;
}

main address:nth-child(2)
{
    border-right: solid 1px #D42722;;
}

main > aside img
{
    width: 200px;
    display: block;
    margin: auto;
}

main address:nth-child(2)
{
    order: 2;
    width: 100%;
    text-align: center;
}

main address:nth-child(3)
{
    order: 3;
    width: 100%;
    text-align: center;
}

main address table
{
    width: 100%;
    font-size: 1.4rem;
    color: #333;
}

.ConTitle
{
    color: #d52723;
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 10px;
}

.ConSecTitle
{
    color: #888;
    font-size: 1.8rem;
    padding-bottom: 20px;
    padding-top: 25px;
}

@media all and (max-width: 1000px)
{
    main
    {
        width: 100%;    
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 30px;
        font-size: 1rem;
    }
    
    main > aside
    {
        display: none;
    }
    
    main address:nth-child(2)
    {
        border-right: solid 0px #D42722;
        border-top: solid 1px #d52723;
         padding-top: 10px;
    }
    
    main address:nth-child(3)
    {
        padding-top: 10px;
        padding-bottom: 50px;
        border-top: solid 1px #d52723;
    }
    
    .ConTitle
    {
        color: #d52723;
        font-size: 1.5rem;
        font-weight: bold;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    
    .ConSecTitle
    {
        color: #888;
        font-size: 1.3rem;
        padding-bottom: 5px;
        padding-top: 5px; 
    }
}