.frame_outer1 {margin:0 auto;width:100%}
a.brand{font-weight:bold;font-size:20px;text-align:left !important}
a.brand img{width:137px;vertical-align:middle;margin:0 0 5px 10px}
.site-header{
position:relative;
background:#3092c0;
background-image:linear-gradient(.25turn, #14a1ad, #075ea8);
padding:0 4.5em;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
background-color:#fff;
transition:all .4s;
z-index:1
}

/* = フッター = */
footer{ width:100%;min-height:350px;background-image:linear-gradient(135deg, #075ea8 58%, #14a1ad 100%);}
#footerbottomcolumn{
margin:0 auto;
padding:15px;
width:950px;
background:#fff;
text-align:left;
}
#footer_wrap{
margin:0 auto;
width:980px;
height:80px;
background:none;
text-align:center
}

#footer{
margin:auto;
padding-top:16px;
border-top:none
}
#footer ul#navi{
border:none;
	font-size: 12px;
text-align:center
}

#footer ul#navi li{
display:inline;
color:#3092c0
}
#footer ul#navi li a{
display:inline;
color:#fff
}
#footer ul#navi li a:hover{
    /*color:#0066cc;*/color:#fff;
    text-decoration:underline;
}
#navi2{
	width: 588px;
border-top:1px solid #3092c0;
border-bottom:1px solid #3092c0;
margin:15px auto;
padding:2px 0;
height:84px;
text-align:left
}
#navi2 li{
height:85px;
float:left;
padding:0 15px 0 10px;
}
#navi2 li:first-of-type{
border-right:1px solid #3092c0;
}
#navi2 li#jal{
    border-right:none;
    height:62px;
	vertical-align:inherit;
}
#pagetop {
    width:210px;
    float:right;
    text-align:right;
}

#copyright {
    margin:15px 0 0 0;
	text-align:center;
	font-size: 10px;
	color:#fff
}
#copyright p#footer_left{
    float:left;
    text-align:left;
    font-size:90%;
    padding:0 0 0 100px;
    background:url("../img/common/footer_logo.gif") no-repeat left;
}
#copyright p#footer_right{font-size:90%}
@media(max-width:640px){
.site-header{border-radius:0;padding:0}
}
.site-header__wrapper{padding-top:1rem;padding-bottom:1rem;text-align:left}
@media (min-width:641px){
.site-header__wrapper{
display:flex;
justify-content:space-between;
align-items:center;
padding-top:0;
padding-bottom:0
}
}
@media(min-width:641px){
.nav__wrapper{display:flex}
}

@media(max-width:640px){
.nav__wrapper{
position:absolute;
top:100%;
right:0;
left:0;
z-index:-1;
background-color:#4495d9;
visibility:hidden;
opacity:0;
transform: translateY(-100%);
transition: transform 0.3s ease-out, opacity 0.3s ease-out
}
.nav__wrapper.active{
visibility:visible;
opacity:1;
transform:translateY(0)
}
}

.nav__item:hover{background:#0760ab;text-decoration:none !important}

.nav__item{position:relative}

.nav__item ul{
background-color:#4495d9;
display:none;
position:absolute;
top:100%
}

.nav__item:not(:first-child):hover ul{left:-1px}

.nav__item:hover ul{
display:block;
left:0;
right:0
}
@media(min-width:641px){
.nav__item, .nav__item a,  .nav__item a:hover{color:#fff !important;font-size:16px;font-weight:600;transition:all .4s;text-decoration:none !important}
.nav__item:first-child a{border-left:1px solid #003eba}
}

.nav__item a{display:block;padding:1.5rem 1rem}
@media(min-width:641px){
.nav__item a{border-right:1px solid #003eba}
.nav__item a i.fa{display:none}
.nav__item ul li a{border-right:none;border-bottom:1px solid #0760ab;}
.nav__item ul li a:hover{background:#0760ab}
}

.nav__toggle{display:none}
@media(max-width:640px){
.nav__item a{border-bottom:1px solid #0760ab;color:#fff !important;font-size:16px;text-decoration:none !important}
.nav__item a i.fa{padding-right:.5em}
.nav__toggle{
display:block;
position:absolute;
right:1rem;
top:1rem;
font-size:20px; 
zoom:1;
vertical-align:baseline;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
color:#4495d9 !important;
background-color:#fff;
letter-spacing:1px;
padding:.22em .5em .2em;
-webkit-border-radius:.5em;
-moz-border-radius:1em;
border-radius:.2em;
border:2px solid #4495d9
}

#footer ul#navi{
padding:10px 20px;
margin:0;
text-align:left !important;
}

#footer ul#navi li{
color:#075ea8 !important;
display:block !important;
margin:0;
padding:10px 0;
border-bottom:1px solid #3092c0;
}
#footer ul#navi li a{
color:#fff !important;
display:inline;
letter-spacing:0;
}
#footer ul#navi2{display: none !important}
#copyright{
width:100%;
font-size:84% !important;
margin:0 !important;
padding:10px 5px;
background:none 
}
}