@charset "UTF-8";
/* CSS Document */


header {
    width: 100%;
    position: fixed;
    z-index: 100;
    height: 190px;
    display: -webkit-flex;
    display: flex;
    background-image:url("../img/background.jpg");
}

header h1{
	position: absolute;
    left:20px;
    top: 14px;
}

header h1 img.rogo {
    height: 44px;
    margin-right: 5px;
}

header h1 img.title {
    height: 40px;
}

header .address {
    font-size: 0.7em;
    line-height: 1.3em;
    position: absolute;
    right: 20px;
    top:7px;
}

header .address strong {
    font-size: 1.15em;
    display: block;
    font-weight: 700;
    color: #007C36;
    margin-bottom: 5px;
}

header .address strong a {
    font-size: 0.95em;
    font-weight: 500;
    color: #007C36;
    margin-left: 30px;
}

header .address strong a:before {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f0e0";
    color: #A0B48B;
    margin: 0 3px 0 0;
}
header .address strong a.home:before {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f015";
    color: #A0B48B;
    margin: 0 3px 0 0;
}

/*-------------- 1025以下  --------------*/

@media screen and (max-width:1025px) {

header h1 img.rogo {
    height: 40px;
    margin-right: 5px;
}

header h1 img.title {
    height: 36px;
}

}

/*-------------- 820以下  --------------*/

@media screen and (max-width:820px) {

header {
    height: 62px;
    border-bottom: solid 4px #00984B;
}

header h1{
    left: 10px;
    top: 17px;
}

header h1 img.rogo {
    display: none;
}

header h1 img.title {
    height: 34px;
}

header .address {
    display: none;
}

}