@charset "utf-8";
/* nav */
#company #siteHeader nav a:nth-child(2) {background-position: -71px -90px;}
/*#company #siteHeader nav a:nth-child(2)::after{width: 74px; margin-left: -34px;}*/
#products #siteHeader nav a:nth-child(3) {background-position: -289px -90px;}
/*#products #siteHeader nav a:nth-child(3)::after{width: 74px; margin-left: -35px;}*/
#recruit #siteHeader nav a:nth-child(4) {background-position: -421px -90px;}
/*#recruit #siteHeader nav a:nth-child(4)::after{width: 60px; margin-left: -28px;}*/
#contact #siteHeader nav a:nth-child(5) {background-position: -536px -90px;}
/*#contact #siteHeader nav a:nth-child(5)::after{width: 64px; margin-left: -33px;}*/
/* footer bnrs */
#siteFooter .bnrs {display: none;}

@media screen and (min-width:641px){
/*背景*/
#wrapper::after{content: ''; width: 100%; height: 100%; background: #efefef; position: absolute; left: 0; top: 0; z-index: -2; min-width: 1100px;}
#contents::after{content: ''; width: 100%; height: 90px; background: #fff; position: absolute; left: 0; top: 0; z-index: -1; min-width: 1100px;}
#contents::before{content: ''; width: 100%; height: 100%; background:url(../images/bg.png) center top no-repeat; position: fixed; left: 0; top: 0; z-index: 0; min-width: 1100px;}

/*ローカルナビ*/
.ln.pc-item {max-width: 1100px; padding: 28px 0 45px; margin: 0 auto; position: relative; z-index: 100; display: block;}
.ln li {display: inline-block; vertical-align: top; padding: 0 10px;}
.ln li a {font-size: 14px; width: 160px; height: 44px; line-height: 44px; display: block; background: #fff; text-align: center; color: #575757;  transition: 0.3s; position: relative;}
.ln li a::after{content: ''; background: url(../images/arr-ln.png) 6px center no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.3s;}
.ln li a:hover {color: #fff; background-color: #0b7fc6; text-decoration: none;}
.ln li a.active {color: #fff; background-color: #0b7fc6; text-decoration: none;}
.ln li a:hover::after,
.ln li a.active::after{opacity: 0;}

/* 箱 */
#contents main{text-align: left;}
#contents main h1 {margin:79px auto 54px; max-width: 1100px;}
#contents main .wrap.full h1 {max-width: 1100px; margin: 79px auto 54px;}
#contents .ln + main h1 {margin-top: 0;}
#contents .ln + main .wrap.full h1 {max-width: 1100px; margin: 0 auto 54px;}


#contents main section,
#contents main .wrap {max-width: 1100px; margin: 0 auto;}
#contents main .wrap.full {max-width: inherit;}

}
@media screen and (min-width:1921px){
}
@media screen and (max-width:640px){

main {margin-bottom:17.1875vw;}


/*ナビ*/
#company aside a:nth-child(2){background-position: -100vw -20.3125vw;}
#products aside a:nth-child(3){background-position: -100vw -45.625vw;}
#recruit aside a:nth-child(4){background-position: -100vw -71.71875vw;}
#contact aside a:nth-child(5){background-position: -100vw -97.34375vw;}

/*背景*/
#contents::after {content: ''; background:url(../images/bg-sp.png) center top no-repeat #efefef; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-size: 100% auto;}

.ln.sp-item {padding: 13.4375vw 0 10.15625vw; margin: 0 auto; position: relative; z-index: 100; display: block;}
.ln li {display: inline-block; vertical-align: top; padding: 0 0.625vw;}
.ln li a {font-size: 3.59375vw; width: 46.25vw; height: 8.4375vw; line-height: 8.4375vw;  display: block; background: #fff; text-align: center; color: #575757;  transition: 0.3s; position: relative;}
.ln li a::after{content: ''; background: url(../images/arr-ln-sp.png) 3.125vw center no-repeat; background-size: 2.1875vw 4.0625vw; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.ln li a.active {color: #fff; background-color: #0b7fc6; text-decoration: none;}
.ln li a.active::after{opacity: 0;}
.ln li:nth-child(n+3) {margin-top:1.25vw; }

/*箱*/
#contents main {padding: 15vw 0 0;}


}