@charset "utf-8";

/***************************************************************************
*
* index.css
*
***************************************************************************/

#header,
#content{
    border: 1px solid #b7b7b7;
}
#header{
    padding: 20px 0;
    border-bottom: none;
    margin-top: 100px;
}
#header h1 {
    font-family: LogoTypeGothic;
    font-size: 20px;
    letter-spacing: 3.5px;
    color: #644E48;
    line-height: 1;
    width: 85%;
}
#content{
    border-top: none;
    padding-bottom: 30px;
}
#content .area{
	text-align: center;
}
#content .area .img {
    margin-top: 15px;
    width: 11%;
    display: inline-block;
}
#content .area .text{
	font-size: 10px;
	margin-top: 15px;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #717171;
    font-size: 14px;
}
#content .area .link a{
    text-decoration: none;
    color: #43b9ae;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 10px;
    border-bottom: 1px solid #43b9ae;
    display: inline-block;
}
#content .area .button{
    width: 20%;
    margin-top: 10px;
    display: inline-block;
}
@media(max-width: 768px){
    #header,
    #content{
        border: none;
    }
    #content .area .text{
        font-size: 10px;
    }
    #content .area .button{
        width: 30%;
    }
    #content .area .link a{
        font-size: 11px;
    }
}