@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#headerArea{background:#000000;border-bottom: 1px solid #fff;overflow: hidden;position: sticky;top: 0;left: 0;z-index: 999;/*width: 100vw;*/}
#headerArea *{color:#fff;}
#headerAreaInner {max-width: 1200px;width: 100%;height: 100px;padding: 0px 0 0px;}
#headerArea .logoBox{margin: auto 0;}
#headerArea .ttl {margin: 0;}
#headerArea #gnav {width: 825px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
#headerArea .menuSub {flex: 1;display: flex;justify-content: flex-end;align-items: center;width: 100%;}
#headerArea .menuSub ul {width: 630px;}
#headerArea .menuSub ul .listItem {/* flex: 1; */margin:1em 0 0.5em 2em;}
#headerArea .menuSub a {display: flex;text-align: center;}
#headerArea .menuSub a:before{content:"";display:inline-block;width:38px;height:27px;background:url(/images/common/icon_header01.png) no-repeat center center / 100% auto;margin: 0 0.3em 0 0;}
#headerArea .menuSub .menu01 a:before{background:url(/images/common/icon_header01.png) no-repeat center center / 100% auto;}
#headerArea .menuSub .menu02 a:before{background:url(/images/common/icon_header02.png) no-repeat center center / 100% auto;}
#headerArea .menuSub .menu03 a:before{background:url(/images/common/icon_header03.png) no-repeat center center / 100% auto;}
#headerArea .menuSub .menu04 a:before{background:url(/images/common/icon_header04.png) no-repeat center center / 100% auto;}
#headerArea .menuMain {margin: 0 0 -1px 0;width: 81%;}
#headerArea .menuMain ul {position: relative;}
#headerArea .menuMain ul:after{content:"";display:block;width:100vw;height:1px;position:absolute;top:0;left: 100%;background:#fff;}
#headerArea .menuMain .listItem {width: 33%;margin: 0 0 0 -1px;}
#headerArea .menuMain .listItem a {width: 100%;height: 2.4em;display: flex;justify-content: center;align-items: center;font-size: 20px;transform: skewX(-40deg);border: 1px solid #fff;background: #b00201;transform-style: preserve-3d;}
#headerArea .menuMain .listItem a .text{transform: skewX(40deg);display: block;}
#headerArea .menuMain .listItem.menu02 a{background: #d31401;}
#headerArea .menuMain .listItem.menu03 a{background: #e84709;}
#headerArea .navMenuBtnBox {display: none;}


#headerArea .listItem.linkNone a{cursor: auto;}
#headerArea .listItem.linkNone a:hover{text-decoration: none;}