/*==========================
 History
==========================*/

body{

    background:#fff;
    color:#333;

    font-family:
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    sans-serif;

    text-align:center;
}

/*------------------------
 Logo
------------------------*/

.top-logo{

    width:350px;
    max-width:80%;
    height:auto;

    display:block;
    margin:40px auto 10px;
    padding:0;
}

/*------------------------
 Header
------------------------*/

.history-header{

    padding-top:60px;
    padding-bottom:60px;
}

.history-header h1{

    font-size:48px;

    letter-spacing:.15em;

    color:#c8d4dc;

    margin-bottom:20px;
}

.history-sub{

    font-size:18px;

    color:#666;

    line-height:1.8;
}

/*------------------------
 History Image
------------------------*/

.history{

    width:90%;
    max-width:1500px;

    margin:0 auto 120px;
}

.history img{

    width:100%;
    height:auto;
    display:block;
}

/*------------------------
 Footer
------------------------*/

footer{

    padding:25px;

    background:#f5f5f5;

    font-size:16px;
}

/*==========================
 Smartphone
==========================*/

@media (max-width:768px){

.top-logo{

    width:250px;

    margin:20px auto 10px;
}

.history-header{

    padding-top:0;
    padding-bottom:40px;
}

.history-header h1{

    font-size:34px;
}

.history-sub{

    font-size:15px;

    padding:0 20px;
}

.history{

    width:95%;
}

}