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

/*----------------------------------------
SP_Header
----------------------------------------*/
@media (max-width : 768px ){

header{
width: 100%;
height: 50px;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background: #243841;
border-bottom: #3c5f6e solid 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
-webkit-display: flex;
align-items: center;
-webkit-align-items: center;
padding-left: 10px;
}

header a.inline{display:inline;}

/*アコーディオンメニューの中身*/
.nav-content{
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
left: -768px;
z-index: 2;
-webkit-transition: .8s ease-in-out;
-moz-transition: .8s ease-in-out;
transition: .8s ease-in-out;
cursor: pointer;
}

.nav-content ul.menu_list{
position: absolute;
width: 100%;
height: 100vh;
top: 0;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #0068b6;
}

.nav-content ul.menu_list li{
width: 100%;
margin-top: 32px;
}

.nav-content ul.menu_list li::after {content:''}

.nav-content ul.menu_list li a{
color: #FFF;
font-size: 24px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
}

/*アコーディオンメニューの動き*/
.openNav nav {
-moz-transform: translate(768px);
-webkit-transform: translate(768px);
transform: translate(768px);
}

/*ハンバーガーアイコン*/
#navToggle {
display: block;
position: absolute; /*bodyに対しての絶対位置*/
right: 14px;
top: 18px;
width: 15px;
height: 15px;
cursor: pointer;
z-index: 5;
}

#navToggle .navToggle_inner{
position:relative; /*divの絶対位置指定の親*/
}

.openNav #navToggle .navToggle_inner::after {
content: '';
display: block;
width: 29px;
height: 29px;
border-radius: 100%;
border: #FFF solid 2px;
position: absolute;
left: -9px;
top: -2px;
}

#navToggle .navToggle_inner div {
display: block;
position: absolute; /*#navToggle div に対して*/
width: 100%;
left: -2px;
top: -3px;
border-bottom: solid 2px #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out
}

#navToggle .navToggle_inner div:last-child{
border: none;
font-size: 13px;
color: #FFF;
text-align: center;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}

#navToggle .navToggle_inner div:nth-child(1) {top:0}
#navToggle .navToggle_inner div:nth-child(2) {top: 6px}
#navToggle .navToggle_inner div:nth-child(3) {top: 12px}
#navToggle .navToggle_inner div:nth-child(4) {top: 20px}

/*ハンバーガーアイコン動き*/
.openNav #navToggle .navToggle_inner div:nth-child(1) {
top: 11px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
border-bottom:solid 2px #FFF;
}

.openNav #navToggle .navToggle_inner div:nth-child(2),
.openNav #navToggle .navToggle_inner div:nth-child(3) {
top: 11px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
border-bottom:solid 2px #FFF;
}}

@media (max-width: 768px) and (orientation: landscape)  {
.nav-content ul.menu_list li a {padding: 5px 0 5px 15px;}
}

header {
border-bottom: #d8d8d8 solid 1px;
background: #FFF;
align-items: center;
-webkit-align-items: center;
}

header img {
max-width: 100%;
max-height: 26px;
}

.header_wrap {
display: flex;
-webkit-display: flex;
align-items: center;
-webkit-align-items: center;
height: 100px;
position: relative;
font-size: 14px;
margin: 0 auto;
width: 1200px;
}

.header_wrap img {margin-left: 28px;
max-width: 274px;
max-height: 44px;
}

.header_wrap nav {margin-left: auto;
margin-right: 43px;}

.header_wrap ul {
display: flex !important;
-webkit-display: flex !important;
}

.header_wrap ul a {
color: #343C7D;
margin-right: 42px;
}

.is-affixed {padding-top: 60px !important;}