#header	{position: fixed;top: 0;left: 0;width: 100%;height: 60px;border-bottom: 1px solid #ccc;background: rgba(255,255,255,1.0);z-index: 1000}
#headinfo	ul	{display: none}

/*スマホ　ロゴ*/

.headlogo	span{display: block;width: 260px;margin: 5px 0 0 10px;line-height: 0;}

/*スマホ　menu ボタン*/
.dl-menuwrapper button{border:0;overflow:hidden;cursor:pointer;outline:0}
.nav-handle {position: absolute;top: -50px;right: 0;display: block;width: 50px;height: 50px; padding: 5px;padding-bottom: 30px;background: #00449f;color: white;font-size: 9px; font-weight: bold;text-transform: uppercase;cursor: pointer; z-index: 9999;}
.nav-handle:after {position: absolute;top: 22px; left: 13px;display: block;width: 24px;height: 3px;content: "";background: white;-webkit-box-shadow: 0 8px 0 0 white, 0 16px 0 0 white;box-shadow: 0 8px 0 0 white, 0 16px 0 0 white;}
.nav-handle:hover {background: #4a6e9e;}

/*スマホ　リスト ボタン*/
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;outline: none;}


/*スマホ　リスト全体　/　隠しとく*/
.dl-menuwrapper .dl-menu {position: absolute;width: 100%;margin: 0;opacity: 0;pointer-events: none;
-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);transform: translateY(-20px);
-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden}

/*スマホ　リスト全体　/　アニメーション（ふわっとさせる）*/
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

/*スマホ　リスト全体　/　アニメーションから表示された時）*/
.dl-menuwrapper .dl-menu.dl-menuopen {pointer-events: auto; opacity: 1;
 -webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}


/* ナビゲーション全体*/
/*.nav-main {width:100%;line-height: 100%;}*/
.nav-main { position: fixed;width:100%;top: 50px;right: 0;text-align: center;line-height: 100%;}
.nav-main-list {max-width: 978px;margin: 0;padding: 0;list-style: none;background: #00449f}
.nav-main-item {display: block;width: 100%;border-bottom: 1px solid #00449f;}
.nav-main-item:first-child {border-top: 1px solid #4a6e9e;}

.nav-main-item > a {display: block;padding: 25px;color: white;text-align: left; text-decoration: none}
.nav-main-item > a:hover {background: #00449f;}
.nav-main-item > a	span {margin-left: 10px;font-size: 75%;color:#00449f}

div:after, .nav-main:after, .nav-main-list:after, .image-thumb-list:after, .nav-footer-list:after, .contact-info-list:after, aside:after, .special-offer:after, .page-footer:after, .buttons:after {display: table;content: "";clear: both;}

/*SP用インフォメーション*/
#spheadinfo	{margin: 0 3%;padding-top: 30px;white-space: nowrap}
#spheadinfo	ul	{background: rgba(255,255,255,0.8);}
#spheadinfo	ul	li:nth-child(1)	{margin-bottom: 5px;color: #fff;background:#06afe8;font-size: 13px;text-align: center}
#spheadinfo	ul	li:nth-child(2),
#spheadinfo	ul	li:nth-child(3),
#spheadinfo	ul	li:nth-child(4),
#spheadinfo	ul	li:nth-child(5){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 7px;font-size: 13px;line-height: 1.5em;color: #00449f;border-bottom: 1px dotted  #00449f;}
#spheadinfo	a{color: #00449f;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;text-decoration: none}


@media only screen and (max-width: 1100px) {
    #headinfo	{-ms-flex-preferred-size: 45%;flex-basis: 45%;margin-left: 5%;}
    #headinfo	ul	li{-ms-flex-preferred-size: 100%;flex-basis: 100%;}
    #headinfo	ul	li:nth-child(2)	,#headinfo	ul	li:nth-child(4)	{margin-right: 0;}
    }

/*PC向けの記述*/

@media only screen and (min-width:800px) {
.nav-handle,#spheadinfo {display: none;}
#headinfo	ul	{display: block}

#header	{position: relative;height: 60px;background: #fff;border: none;}

#logocontact,.nav-main-list	{max-width: 1200px;margin: 0 auto;}
.nav-main { position: fixed;width:100%;top: 50px;right: 0;line-height: 100%;}
/*ロゴとインフォメーション*/
#logocontact	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 15px 0;}
.headlogo	{-ms-flex-preferred-size: 40%;flex-basis: 40%;}
#headinfo	{-ms-flex-preferred-size: 60%;flex-basis: 60%;}


/*ロゴ*/
.headlogo	{position: relative;top: 0;left: 0;width: 100%;border-bottom: none;}
.headlogo	span{width: 350px;margin:0 0 0 10px;}

/*インフォメーション*/
#headinfo	{white-space: nowrap}

#headinfo	ul	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;box-sizing: border-box}
#headinfo	ul	li{-ms-flex-preferred-size: 48%;flex-basis: 48%;}
#headinfo	ul	li:nth-child(1)	{-ms-flex-preferred-size: 100%;flex-basis: 100%;}
#headinfo	ul	li:nth-child(2)	,#headinfo	ul	li:nth-child(4)	{margin-right: 4%;}





#headinfo	ul	li:nth-child(1)	{margin-bottom: 5px;color: #fff;background: #5375ee;font-size: 13px;text-align: center}
#headinfo	ul	li:nth-child(2),
#headinfo	ul	li:nth-child(3),
#headinfo	ul	li:nth-child(4),
#headinfo	ul	li:nth-child(5)	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 13px;line-height: 1.5em;}
#headinfo	a{color: #000;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;text-decoration: none}

.dl-menuwrapper .dl-menu {pointer-events: initial;opacity: 1;}

/* ナビゲーション全体 PCのみ*/
.nav-main {position: relative;width: 100%;top: auto;right: auto;margin: 0;background: #ffffff}
.nav-main-item:first-child {border-top: none;}

/* ナビゲーション　ボタン単体*/
.nav-main-item {position: relative;border-bottom: none;text-align: center;}
.nav-main-item:first-child {border-top: none;}
.nav-main-item > a {display: block;padding: 15px 10px;text-align: center;color: #333}
.nav-main-item > a	span {display: block;margin-top: 4px;}

.nav-main-item > a:hover {background: #eeeeee;color: #999999;opacity: 1;}
#header{display: inline-block;}
.nav-main-list {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;background:none;z-index: 99999;}
.logo{font-weight: bolder; font-size: larger; color:#00449f;line-height: normal;}
/*#index	.nav-main-item:nth-child(1)	> a{background: #00449f;color: #fff;}*/
#forcoporate	.nav-main-item:nth-child(3)	> a{background: #00449f;color: #fff;}
#forindividuals	.nav-main-item:nth-child(2)	> a{background: #00449f;color: #fff;}
#aboutus	.nav-main-item:nth-child(4)	> a{background: #00449f;color: #fff;}
#contactus	.nav-main-item:nth-child(5)	> a{background: #00449f;color: #fff;}
}

@media only screen and (min-width: 800px) {
/*.nav-main-item {width: 16.666666%;}*/
#logocontact	{margin: 0 3%}
}

@media only screen and (min-width: 980px) {
.nav-main-item {width: 15%;}

}

@media only screen and (min-width: 1200px) {
#logocontact	{margin: 0 auto}
.headlogo span{margin: 5px 0 0 0;}
}