.header {
    margin: 0 auto;
    width: 100%;
    background:white;
}
.header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding-right: 50px;
    padding-left: 20px;
    height: 70px;
}
.header__logo {
    width: 200px;
}
.header__logo img {
    width: 100%;
}
.btn--green{
    border: 1px solid white;
    text-align: center;
    display: inline-block;
    padding: 10px;
    width: 130px;
    margin: 20px 10px;
    color: #ffffff;
    background-color:#00a323;
    border-radius: 8px;
    font-weight:bold;
    text-decoration: none;
    transition: box-shadow 200ms ease-out;
    box-shadow: 3px 3px 3px 0  rgba(0, 0, 0, .2);
}
.btn--green:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    background         : #53b167;     /* 背景色     */
    color    : #ffffff;
}

/*header_mobile_code*/
@media all and (max-width: 767px){
    .header__wrap{
        padding-right: 0;
        padding-left: 10px;
    }
    .header__logo{
        width: 130px;
    }
}