@charset "utf-8";

/* * * TOP以外共通 * * */

#contents{
    padding: 0 20px;
    max-width: 1000px;
    margin: 0 auto;
}
.header_ret a{
    display: block;
    text-decoration: none;
    padding: 0.5em 1em;
}
.header_ret a:hover{
    text-decoration: underline;
}
.header_ret a::before{
    content: "\f359";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.5em;
}

.ret{
    text-align: center;
    width:50%;
    margin: 3em auto 1em auto;
}

/*------------------------------------------------------
	mediaQuery
*-------------------------------------------------------*/
@media screen and (min-width: 640px) {

    
    #contents{
        padding: 0 100px;
        max-width: 1200px;
        margin: 0 auto;
    }
    .ret{
        width:40%;
    }

}