@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
.pagination h2.screen-reader-text {
display: none;
}
.page-active, .page-active > a {
color: #000 !important;
font-weight: 500;
}
.gMn {
height: 110px;
width: 100%;
position: fixed;
background-color: rgba(255, 255, 255, 1);
top: 0px;
z-index: 10000;
color: #000;
}
.gMn .pc-head {
display: table;
height: 100%;
width: 100%;
max-width: 1400px; margin-left: auto;
margin-right: auto;
line-height: 0px;
}
.gMn ul li {
display: table-cell;
vertical-align: middle;
}
.gMn .Mn {
margin-top: 0px; }
.gMn .Mn li {
border-right: 1px solid #CCCCCC;
}
.gMn .Mn li a, .gMn .Mn li {
color: #626262;
padding-left: .5rem;
padding-right: .5rem;
letter-spacing: .10rem;
font-size: 14px;
line-height: 1.2em;
position: relative;
}
.gMn .Mn li a:hover {
color: #000000;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.gMn .Mn li.mobile_add {
display: none;
} li.menu__single ul.menu__second-level {
position: absolute;
top: 10px;
left: 0;
right: 0;
width: 100%;
background: #fff;
padding-top: 10px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
ul.menu__second-level {
display: block;
visibility: hidden;
opacity: 0;
z-index: 1;
}
ul.menu__second-level li {
display: block;
height: 30px;
border-right-style: hidden !important;
margin-top: 10px;
padding-top: 10px;
}
li.menu__single:hover ul.menu__second-level {
top: 19px;
visibility: visible;
opacity: 1;
}
@media (min-width:768px) { .gMn .Mn > ul:nth-child(2) > li:after {
position: absolute;
content: "";
display: block;
left: 0;
right: 0;
margin-left: 20%;
width: 60%;
height: 2px;
bottom: 0px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.gMn .Mn > ul > li:nth-child(1):hover:after, .gMn .Mn li:nth-child(n + 3):hover:after {
background: #D70307;
bottom: -8px;
}
}
.gMn ul li.logo {
width: 80px;
padding-left: 0px;
padding-top: 0em;
}
.gMn ul li.logo img {
width: 100%;
}
.gMn ul .recruit-bt2 {
display: none;
}
.gMn .set_second, .gMn .set_first {
width: 100%;
position: relative;
}
.svg-icon {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .3em;
font-size: 90%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.saiyo{
margin-bottom: .5em;
} .gMn.fixed  .saiyo{
margin-bottom: .2em;
padding-top: .2em;
padding-bottom: .2em
}
.gMn.fixed {
height: 90px;
background: rgba(255, 255, 255, 1);
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.gMn.fixed .Mn {
margin-top: 0px;
}
.gMn.fixed .telInfo {
top: 0px;
} .gMn.fixed ul li.logo {
width: 85px !important;
padding-left: 15px;
}
.secomd_logo {
max-width: 166px;
}
.gMn.fixed .secomd_logo {
width: 145px;
}
.gMn.fixed .text_logo{
font-size:13px;
} 5
@media screen and (max-width: 1310px) {
.secomd_logo {
width: 170px;
}
.gMn .Mn li a, .gMn .Mn li {
padding-left: .3rem;
padding-right: .3rem;
letter-spacing: .07rem;
font-size: 15px;
}
}
@media screen and (max-width: 1280px) {
.gMn ul li.logo {
width: 95px;
padding-left: 15px;
}
.secomd_logo {
width: 160px;
}
.gMn .Mn li a, .gMn .Mn li {
padding-left: .3rem;
padding-right: .3rem;
letter-spacing: .05rem;
font-size: 14px;
}
}
@media screen and (max-width: 1200px) {
.secomd_logo {
width: 150px;
}
.gMn ul li.logo {
width: 95px;
}
.gMn .Mn li a, .gMn .Mn li {
padding-left: .2rem;
padding-right: .2rem;
letter-spacing: .04rem;
font-size: 13px;
}
}
@media screen and (max-width: 1070px) {
.gMn ul li.logo, .gMn.fixed ul li.logo, .gMn .set_first, .gMn .telInfo {
display: none;
}
.gMn .Mn li a, .gMn .Mn li {
padding-left: .3rem;
padding-right: .3rem;
letter-spacing: .04rem;
font-size: 13px;
}
}
@media screen and (max-width: 992px) {
.gMn .Mn li a, .gMn .Mn li {
padding-left: .3rem;
padding-right: .3rem;
letter-spacing: .05rem;
font-size: 11px;
} #mobile-head {
background: #FFF;
width: 100%;
height: 56px;
z-index: 999;
position: relative;
}
#nav-toggle, .gMn #mobile-head {
display: block;
} .open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
} .open .pc-head .set_second { -moz-transform: translateY(660px);
-webkit-transform: translateY(660px);
transform: translateY(660px);
}
}
@media screen and (max-width: 980px) {
.hiden-990 {
display: none;
}
}
@media screen and (max-width: 900px) {
.hiden-900 {
display: none;
}
}  #nav-toggle { position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #666;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}
#mobile-head {
text-align: center;
display: none;
}
#mobile-head p.logo {
float: left;
width: 55px;
padding-top: .5em;
padding-left: .8em;
}
#mobile-head p.logo img {
width: 50px;
}
#mobile-head h1 {
font-size: 16px;
display: flex; padding-left: 68px;
align-items: center;
position: absolute;
width: 100%;
height: 56px;
z-index: -100;
}
@media screen and (max-width: 992px) {
.page-active, .page-active > a {
color: #FFF !important;
font-weight: 400;
}
.gMn ul li.logo, .gMn.fixed ul li.logo, .gMn .set_first, .gMn .telInfo {
display: none;
} li.menu__single ul.menu__second-level {
display: none;
}
li.menu__single:hover ul.menu__second-level {
display: none;
}
.gMn .Mn li.mobile_add {
display: block;
} .gMn .Mn > ul > li:after {
display: none;
} .gMn .Mn, .gMn.fixed .Mn {
margin-top: 0px;
}
.gMn, .gMn.fixed {
height: 56px;
}
.header_img, .headArea {
margin-top: 56px;
} .inner {
width: 100%;
padding: 0;
}
.gMn {
padding: 0;
}
.gMn .pc-head {
width: 100%;
}
.gMn .pc-head {
width: 100%;
min-width: 100%;
}
.gMn .pc-head li {
width: 100%;
}
.gMn .pc-head {
top: -590px;
width: 100%;
position: relative;
}
.gMn .pc-head .set_second {
display: inline-block;
top: -15px;
width: 100%;
position: relative;
background: #333;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.gMn .pc-head .set_second .Mn, .gMn.fixed .pc-head .set_second .Mn {
width: 100%;
}
.gMn .pc-head .set_second .Mn li {
width: 100%;
position: relative;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
height: 49px; display: -webkit-flex; display: flex;
justify-content: center;
align-items: center;
color: #000000 !important;
vertical-align: middle;
border-top-color: #666;
border-top-width: 1px;
border-top-style: solid;
}
.gMn .pc-head .set_second li a {
color: #fff;
font-size: 15px;
display: -webkit-flex; display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}  .footerAre {
width: 100%;
min-width: 0%;
background-color: #313132;
position: relative;
padding-top: 45px;
color: #FFFFFF;
}
ul.footer_nav {
display: block;  margin-left: auto;
margin-right: auto;
text-align: center;
}
ul.footer_nav a {
color: #D7D7D7;
}
ul.footer_nav ul {
border-left: none;
padding-left: 0px;
padding-right: 0px;
height: 100%;
}
ul.footer_nav ul li {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #D0C1C2;
}
ul.footer_nav ul li.sub_menu {
font-size: 100%;
padding-left: 0px;
}
ul.footer_nav ul li a {
display: block;
padding-left: 0px;
width: 100%;
height: 100%;
border: 3px solid #231815;
}
ul.footer_contact {
display: block;
min-width: 0px;
padding-top: 0px;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul.footer_contact li {
padding-right: 0px;
}
ul.footer_contact li:nth-child(1) {
font-size: 12px;
}
ul.footer_contact li:nth-child(2) {
display: none;
}
ul.footer_contact li:nth-child(3) {
padding-bottom: 20px;
line-height: 1em;
}
}