body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #070707;
    font-size: 12px;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background: #f3eee7;
}

a {
    color: #070707;
    text-decoration: none;
}

a:hover {
    color: #070707;
    text-decoration: none;
}

.clear {
    clear: both;
}

.texreg {
    font-family: 'texgyreadventorregular';
}

.texbld {
    font-family: 'texgyreadventorbold';
}


#header .right {
    float: right;
}

#header .right .healthcare {
    display: inline-block;
    height: 32px;
    margin-right: 10px;
}

#header .right .healthcare img {
    width: auto;
    height: 100%;
}


#header .toggle {
    display: inline-block;
}


#header .awards {
    float: left;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 10px;
}


@keyframes fadeIn {
    0% {
       opacity: 0;
    }
    100% {
       opacity: 1;
    }
  }


@media screen and (min-width: 811px) {

    /*ヘッダー*/

    #header {
        width: 95%;
        padding: 14px 2.5% 0;
        position: relative;
        height: 46px;
        background: #005ba8;
        z-index: 99999;
    }

    #header h1 {
        float: left;
    }

    #header h1 a {
        width: 215px;
        height: 32px;
        background: url(../images/common/h_logo_l.png?mtime=20191227);
        display: block;
        text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
    }


    .toggle {
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        background: url(../images/common/toggle.gif);
        cursor: pointer;
    }

    #gnav {
        display: none;
        background: #005ba8;
        border-top: 1px solid #3080c4;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
    }

    #gnav ul li {
        width: 16.66666666666667%;
        float: left;
    }

    #gnav ul li a {
        display: block;
        font-size: 16px;
        color: #fff;
        padding: 70px 0 20px;
    }

    .gn1 a {
        background: url(../images/common/icon_gnav1.png) center 20px no-repeat;
    }

    .gn2 a {
        background: url(../images/common/icon_gnav2.png) center 20px no-repeat;
    }

    .gn3 a {
        background: url(../images/common/icon_gnav3.png) center 20px no-repeat;
    }

    .gn4 a {
        background: url(../images/common/icon_gnav4.png) center 20px no-repeat;
    }

    .gn5 a {
        background: url(../images/common/icon_gnav5.png) center 20px no-repeat;
    }

    .gn6 a {
        background: url(../images/common/icon_gnav6.png) center 20px no-repeat;
    }

    .gn1 a:hover {
        background: #004c93 url(../images/common/icon_gnav1.png) center 20px no-repeat;
    }

    .gn2 a:hover {
        background: #004c93 url(../images/common/icon_gnav2.png) center 20px no-repeat;
    }

    .gn3 a:hover {
        background: #004c93 url(../images/common/icon_gnav3.png) center 20px no-repeat;
    }

    .gn4 a:hover {
        background: #004c93 url(../images/common/icon_gnav4.png) center 20px no-repeat;
    }

    .gn5 a:hover {
        background: #004c93 url(../images/common/icon_gnav5.png) center 20px no-repeat;
    }

    .gn6 a:hover {
        background: #004c93 url(../images/common/icon_gnav6.png) center 20px no-repeat;
    }

    /*フッター*/

    .f_bn li {
        float: left;
        width: 20%;
    }

    .f_bn li img {
        width: 100%;
        height: auto;
    }

    #f_line1 {
        clear: both;
        width: 95%;
        padding: 0 2.5%;
        background: #000000;
        overflow: hidden;
    }

    .f_logo {
        float: left;
        margin: 16px 0 0;
    }

    .f_logo a {
        width: 215px;
        height: 32px;
        background: url(../images/common/h_logo_l.png?mtime=20191227);
        display: block;
        text-indent: -9999px;
	background-size: cover;
	background-repeat: no-repeat;
    }

    .f_sns {
        float: right;
        width: 384px;
    }

    .f_sns li {
        float: left;
    }

    .f_sns li img {
        width: 64px;
    }

    #f_line2 {
        width: 95%;
        padding: 0 2.5%;
        background: #333333;
        overflow: hidden;
    }

    #pagetop {
        float: left;
    }

    .f_copy {
        float: right;
        font-size: 10px;
        color: #999999;
        padding: 16px 0 0;
    }

}

@media screen and (max-width: 810px) and (min-width: 541px) {

    /*ヘッダー*/

    #header {
        width: 95%;
        padding: 14px 2.5% 0;
        position: relative;
        height: 46px;
        background: #005ba8;
        z-index: 99999;
    }

    #header h1 {
        float: left;
        margin: 2px 0 0;
    }

    #header h1 a {
        width: 192px;
        height: 29px;
        background: url(../images/common/h_logo_s.png?mtime=20191227);
        background-size: 100% auto;
        display: block;
        text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
    }

    .toggle {
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        background: url(../images/common/toggle.gif);
        cursor: pointer;
    }

    #gnav {
        display: none;
        background: #005ba8;
        border-top: 1px solid #3080c4;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
    }

    #gnav ul li {
        border-bottom: 1px solid #3080c4;
    }

    #gnav ul li a {
        display: block;
        font-size: 16px;
        color: #fff;
        width: 95%;
        padding: 20px 2.5% 20px;
    }

    .gn1 a {
        background: url(../images/common/icon_gnav1.png) 2.5% center no-repeat;
    }

    .gn2 a {
        background: url(../images/common/icon_gnav2.png) 2.5% center no-repeat;
    }

    .gn3 a {
        background: url(../images/common/icon_gnav3.png) 2.5% center no-repeat;
    }

    .gn4 a {
        background: url(../images/common/icon_gnav4.png) 2.5% center no-repeat;
    }

    .gn5 a {
        background: url(../images/common/icon_gnav5.png) 2.5% center no-repeat;
    }

    .gn6 a {
        background: url(../images/common/icon_gnav6.png) 2.5% center no-repeat;
    }

    .gn1 a:hover {
        background: #004c93 url(../images/common/icon_gnav1.png) 2.5% center no-repeat;
    }

    .gn2 a:hover {
        background: #004c93 url(../images/common/icon_gnav2.png) 2.5% center no-repeat;
    }

    .gn3 a:hover {
        background: #004c93 url(../images/common/icon_gnav3.png) 2.5% center no-repeat;
    }

    .gn4 a:hover {
        background: #004c93 url(../images/common/icon_gnav4.png) 2.5% center no-repeat;
    }

    .gn5 a:hover {
        background: #004c93 url(../images/common/icon_gnav5.png) 2.5% center no-repeat;
    }

    .gn6 a:hover {
        background: #004c93 url(../images/common/icon_gnav6.png) 2.5% center no-repeat;
    }

    /*フッター*/

    .f_bn li:first-child {
        float: left;
        width: 100%;
    }

    .f_bn li {
        float: left;
        width: 50%;
    }

    .f_bn li img {
        width: 100%;
        height: auto;
    }

    #f_line1 {
        clear: both;
        width: 95%;
        padding: 0 2.5%;
        background: #000000;
        overflow: hidden;
    }

    .f_logo {
        float: left;
        margin: 11px 0 0;
    }

    .f_logo a {
        width: 192px;
        height: 29px;
        background: url(../images/common/h_logo_s.png?mtime=20191227);
        background-size: 100% auto;
        display: block;
        text-indent: -9999px;
	background-size: cover;
	background-repeat: no-repeat;
    }

    .f_sns {
        float: right;
        width: 300px;
    }

    .f_sns li {
        float: left;
    }

    .f_sns li img {
        width: 50px;
    }

    #f_line2 {
        width: 95%;
        padding: 0 2.5%;
        background: #333333;
        overflow: hidden;
    }

    #pagetop {
        float: left;
    }

    .f_copy {
        float: right;
        font-size: 10px;
        color: #999999;
        padding: 16px 0 0;
    }

}

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

    /*ヘッダー*/



    #header {
        width: 95%;
        padding: 14px 2.5% 0;
        position: relative;
        height: 46px;
        background: #005ba8;
        z-index: 99999;
    }

    #header h1 {
        float: left;
        margin: 2px 0 0;
	    width: 192px;
    }

    #header h1 a {
        width: 100%;
        height: 29px;
        background: url(../images/common/h_logo_s.png?mtime=20191227);
        background-size: 100% auto;
        display: block;
        text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
    }

    #header .right .healthcare {
        margin-right: 5px;
        background: #fff;
    }
    

    #header .right .healthcare img {
        width: auto;
        height: 24px;
        margin: 4px 0;
    }

    #header .awards img:not(.active) {
        display: none;
    }

    #header .awards img.active {
        animation-name:fadeIn;
        animation-duration:1s;
        animation-fill-mode:forwards;
        opacity:0;
    }




    .toggle {
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        background: url(../images/common/toggle.gif);
        cursor: pointer;
    }

    #gnav {
        display: none;
        background: #005ba8;
        border-top: 1px solid #3080c4;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
    }

    #gnav ul li {
        border-bottom: 1px solid #3080c4;
    }

    #gnav ul li a {
        display: block;
        font-size: 16px;
        color: #fff;
        width: 95%;
        padding: 20px 2.5% 20px;
    }

    .gn1 a {
        background: url(../images/common/icon_gnav1.png) 2.5% center no-repeat;
    }

    .gn2 a {
        background: url(../images/common/icon_gnav2.png) 2.5% center no-repeat;
    }

    .gn3 a {
        background: url(../images/common/icon_gnav3.png) 2.5% center no-repeat;
    }

    .gn4 a {
        background: url(../images/common/icon_gnav4.png) 2.5% center no-repeat;
    }

    .gn5 a {
        background: url(../images/common/icon_gnav5.png) 2.5% center no-repeat;
    }

    .gn6 a {
        background: url(../images/common/icon_gnav6.png) 2.5% center no-repeat;
    }

    .gn1 a:hover {
        background: #004c93 url(../images/common/icon_gnav1.png) 2.5% center no-repeat;
    }

    .gn2 a:hover {
        background: #004c93 url(../images/common/icon_gnav2.png) 2.5% center no-repeat;
    }

    .gn3 a:hover {
        background: #004c93 url(../images/common/icon_gnav3.png) 2.5% center no-repeat;
    }

    .gn4 a:hover {
        background: #004c93 url(../images/common/icon_gnav4.png) 2.5% center no-repeat;
    }

    .gn5 a:hover {
        background: #004c93 url(../images/common/icon_gnav5.png) 2.5% center no-repeat;
    }

    .gn6 a:hover {
        background: #004c93 url(../images/common/icon_gnav6.png) 2.5% center no-repeat;
    }

    /*フッター*/

    .f_bn li {}

    .f_bn li img {
        width: 100%;
        height: auto;
    }

    #f_line1 {
        overflow: hidden;
    }

    .f_logo {
        display: none;
    }

    .f_sns li {
        float: left;
        width: 20%;
        width: calc(100% / 6);
    }

    .f_sns li img {
        width: 100%;
        height: auto;
    }

    #f_line2 {
        width: 95%;
        padding: 0 2.5%;
        background: #333333;
        overflow: hidden;
    }

    #pagetop {
        float: left;
    }

    .f_copy {
        float: right;
        font-size: 10px;
        color: #999999;
        padding: 16px 0 0;
    }

}