header .fixbar {
width: 100%;
background-image:url("../images/nav_bg.jpg");
background-repeat:repeat-x;
height:59px;
}


button.menuBtn{
display: none;
}
@media only screen and (max-width:900px){
button.menuBtn{
display:block
}
}


#drawrPanel{
width:100%;
margin:0 auto;
}
@media only screen and (max-width:900px){
#drawrPanel {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 999;
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
}

#navigation_inner{
width:100%;
margin:0 auto;
position:relative;
}


/* ナビゲーション
-------------------------------------------------------------------------------------------- */
.nav_wrapper {
width: 100%;
position:relative;
z-index:10001;
}

.primary_nav{
position: relative;
padding:0;
transition: .5s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: auto;
align-content: auto;
}
@media only screen and (max-width:900px){
.primary_nav{
display:block;
float:none;
text-align: right;
padding:0px;
width:85%;
max-width:480px;
margin:60px auto 30px;
}
}

.primary_nav > li:first-child{
display: none;
}
@media only screen and (max-width:900px){
.primary_nav > li:first-child{
display:inherit;
}
}

.primary_nav li a{
position: relative;
z-index: 1;
color:#333;
}

.primary_nav li img{
width:28px;
}

.primary_nav > li{
float: left;
position: relative;
}

.primary_nav > li span,
.primary_nav > li a{
display: block;
line-height:1.0;
padding: 22px 23px 21px 23px;
font-size: 15px;
text-align: center;
text-decoration: none;
transition: .3s;
}
@media only screen and (max-width:940px){
.primary_nav > li span,
.primary_nav > li a{
padding: 22px 20px 21px 20px;
}
}
@media only screen and (max-width:900px){
.primary_nav > li span,
.primary_nav > li a{
padding: 27px 15px;
}
}


.primary_nav li span,
.primary_nav li a{
position: relative;
display: inline-block;
}
@media only screen and (max-width:900px){
.primary_nav li span,
.primary_nav li a{
height:auto;
}
}
/*
.primary_nav li span:hover,
.primary_nav li a:hover{
}
@media only screen and (max-width:900px){
.primary_nav li span:hover,
.primary_nav li a:hover{
border:none;
}
}*/


.primary_nav li.primary_li a:hover:after{
position: absolute;
}
@media only screen and (max-width:900px){
.primary_nav li.primary_li a:hover:before{
display:none;
}
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



.secondary_nav{
position: absolute;
top:70px;
display: none;
z-index: 9999;
}
.secondary_nav li a  {
display: block;
text-align: left;
padding: 17px 15px;
text-decoration: none;
background: #254169;
font-size:15px;
color:#fff;

}
.secondary_nav li a:hover{
background: #0f2544;;
opacity:1.0;
color:#fff;
}
@media only screen and (max-width:900px){
.secondary_nav li a:hover{
background: none;
}
}

.primary_nav li:nth-child(3) ul a{
width:200px;
}
.primary_nav li:nth-child(3) .secondary_nav{
left:-35px;
}
.primary_nav li:nth-child(6) ul a{
width:160px;
}
.primary_nav li:nth-child(6) .secondary_nav{
left:0;
}
@media only screen and (max-width:900px){
.secondary_nav li a  {
background: #f3f3f2;
}
.primary_nav li:nth-child(2) .secondary_nav,
.primary_nav li:nth-child(3) .secondary_nav{
left:0;
}
}
.secondary_nav:before {
content: "";
position: absolute;
left: 50%;
top: -20px;
margin-left: -10px;
border-width: 10px;
border-color: transparent;
border-style: solid;
border-bottom-color:#254169;
z-index: 10;
}
@media screen and (max-width:900px){
.secondary_nav:before {
border:none;
}
}

@media screen and (max-width:900px){
.secondary_nav{
position:relative;
left: 0;
top:0;
display: none;
z-index: 1;
padding:8px 2px;
border:none;
}
.secondary_nav li a:before {
content: " - ";
margin-right: 6px;
}
}

.sp_contact{
display:none;
}
@media screen and (max-width: 900px){
.sp_contact{
display:block;
}
}


/*ホバーエフェクト
----------------------------------------- */

@media only screen and (min-width:901px){
ul.primary_nav > li > a::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #254169;
bottom: 0;
left: 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
ul.primary_nav > li > a:hover::after {
transform: scale(1, 1);
}
}



/*
----------------------------------------- */

@media only screen and (min-width:901px){
#drawer_sub_sp{
display:none;
}
}

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

#drawer_sub_sp{
width:258px;
margin:0 auto;
}

#drawer_sub_sp li{
margin-bottom:15px;
}



#drawer_sub_sp li img{
width:28px;
}

#drawer_sub_sp li a{
width:258px;
border-radius:25px;
display:block;
background-repeat: no-repeat;
background-color: #254169;
color:#fff;
text-decoration: none;
padding:15px 8px ;
text-align: center;
background-image:url("../images/common/ico_mimi.gif");
background-size:31px;
background-position: left 25px top 8px;
line-height: 1.0;
}
}


/* -------------------------------------------------------------------- */

@media screen and (max-width:900px)  {
#header_sp {
margin: 0;
height: 59px;
z-index: 9999;
position: fixed;
}
}


#sp_contactlist{
display: none;
}
@media only screen and (max-width:900px){
#sp_contactlist{
display:block;
width:100%;
}
}
.sp_header_contact{
display: none;
}
@media only screen and (max-width:900px){
.sp_header_contact{
display: inherit;
}
.sp_header_contact a{
width: 56px;
height: 59px;
position: fixed;
top: 0;
right: 58px;
z-index: 9999;
background-color: #254169;
cursor: pointer;
border-left: #505566 solid 1px;
background-image: url(../images/ico_mail.svg);
background-repeat: no-repeat;
background-size: 26px;
background-position: 50% 50%;
}
}


@media only screen and (max-width:900px){
html {
overflow: auto;
height: 100%;
}

body {
height: 100%;
}


.menuBtn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
padding: 0;
border: none;
}


#drawrPanel #menuCover {
content: "";
display: none;
width: 100%;
height: 150%;
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

#drawrPanel .navigationWrapper {
width: 270px;
width: 100%;
height: 115%;
background: #f3f3f2;
position: absolute;
top: 0;
right: 0;
overflow-y: scroll;
}

#drawrPanel .navigationWrapper::-webkit-scrollbar {
display: none;
}

#drawrPanel .navigationWrapper nav {
margin-bottom: 150px;
}

#drawrPanel .navigationWrapper nav div {
width:100%;
text-align:left;
clear: both;
}

#drawrPanel .navigationWrapper nav ul.primary_nav li {
color: #555;
font-size: 14px;
line-height: 1.0;
width:100%;
}

#drawrPanel .navigationWrapper nav ul.primary_nav > li{
border-bottom: 1px solid #d2d2d2;
}


#drawrPanel .navigationWrapper nav ul.primary_nav li span,
#drawrPanel .navigationWrapper nav ul.primary_nav li a  {
display: block;
text-align: left;
padding: 17px 15px;
font-size:15px;
text-decoration: none;
color:#333;
}

#drawrPanel .navigationWrapper nav ul li.open span{
border:none;
}





#drawrPanel .navigationWrapper nav ul li span:after {
content: "";
display: inline-block;
color: #65463a;
vertical-align: middle;
width: 6px;
  height: 6px;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
		-webkit-transform: translateY(-25%) rotate(135deg);
position: absolute;
right: 20px;
top: calc( 50% - 3px ) ;;
}

#drawrPanel .navigationWrapper nav ul li.open span:after {
-webkit-transform: translateY(25%) rotate(-45deg);
transform: translateY(25%) rotate(-45deg);
}

#drawrPanel .navigationWrapper nav ul li ul {
display: none;
}

#drawrPanel .navigationWrapper nav ul li ul li {
background:none;
}

#drawrPanel .navigationWrapper nav ul li ul li i{
color:#9b2828;
}


#drawrPanel .navigationWrapper nav ul.primary_nav li ul li:last-child{
border:none;
}



#drawrPanel .navigationWrapper nav ul.primary_nav li ul li a {
line-height: 1.3;
padding: 4px 15px 15px 20px;
border:none;
width:100%;
}


#drawrPanel.open {
left: 0;
}

#drawrPanel.open #menuCover {
display: block;
opacity: 1;
}

#spMenuBtn {
width: 57px;
height: 59px;
border-radius: 4px;
position: fixed;
top: 0;
right: 0px;
z-index:9999;
}

span.txt{
font-size:10px;
color:#65463a;
}


#spMenuBtn .menuBtn {
display: block;
width: 100%;
height: 100%;
text-align: center;
padding: 16px 0px 12px 0px;
background-color: #254169;
}

#spMenuBtn .menuBtn.open{
background:none;
}

#spMenuBtn .menuBtn .icon {
height: 21px;
margin-bottom:4px;
position: relative;
}
#spMenuBtn .menuBtn .icon .bar {
width: 26px;
height: 3px;
background: #fff;
border-radius: 1px;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.4s cubic-bazier(0.19, 1, 0.22, 1);
transition: all 0.4s cubic-bazier(0.19, 1, 0.22, 1);
}


#spMenuBtn .menuBtn .icon .bar.top {
top: 0;
}

#spMenuBtn .menuBtn .icon .bar.mdl {
top: 0;
bottom: 0;
}

#spMenuBtn .menuBtn .icon .bar.btm {
bottom: 0;
}

#spMenuBtn .menuBtn .icon .change {
background: #555 !important;
}

.menuBtn span.change{
color: #555 !important;
}


.navigationWrapper .contact_sp_midashi{
font-size:15px;
}

.navigationWrapper .contact_sp{
padding:15px !important;
}


#spMenuBtn .menuBtn .icon .bar {
background: #fff;
}


#spMenuBtn .menuBtn .icon .bar {
transition: all .4s;
}


#spMenuBtn .menuBtn.open span.bar.top {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
background-color: #254169 !important;
}

#spMenuBtn .menuBtn.open span.bar.mdl {
opacity: 0;
background-color: #254169 !important;
}

#spMenuBtn .menuBtn.open span.bar.btm {
transform: rotate(45deg);
transform: translateY(-10px) rotate(45deg);
background-color: #254169 !important;
}


span.txt:after {
content: "MENU";
}

.open span.txt:after {
content: "CLOSE";
}
}

@media (min-width: 680px) and (max-width: 900px){
#drawrPanel .navigationWrapper {
width: 100%;
width: 40%;
height: 115%;
background: #f7f7f7;
position: absolute;
top: 0;
right: 0;
overflow-y: scroll;
}
}



.spContect{
	width: 57px;
	height: 100%;
	position: absolute;
	right:58px;
	top:0;
	display: block;
	z-index: 5000;
	border: none;
	cursor: pointer;
	border-left: #505566 solid 1px;
background-image: url("../images/common/ico_mail.svg");
background-repeat: no-repeat;
background-size: 26px;
background-position: 50% 50%;
}
.spContect a{
color:#fff;
display: block;
height:100%;
}
.spContect a i{
line-height:65px;
padding-left:18px;
}
.fa {
font-size: 24px !important;
}



/* 同ページリンク　---------------------------------- */
.u-anchor:before{
content:"";
display:block;
height:67px;
margin-top:-67px;
}







/* 

#drawrPanel .navigationWrapper nav #nav_logo{
text-align:center;
}
#drawrPanel .navigationWrapper nav #nav_logo img{
width:110px;
height:auto;
}
#drawrPanel .navigationWrapper nav #nav_logo h1#nav_logo_summery{
display:none;
}

*/