@charset "UTF-8";#GHead{
border-bottom:none
}

@media only screen and (min-width:768px){
#Contents{
margin: 0 auto;
max-width: 1400px;
/*padding-bottom:140px*/
}

#Contents .sliderBlock {
    width: 845px;
    margin: 50px 8vw 100px 30vw;
}


}

@media only screen and (min-width:768px){
#Contents .pageRow{
display:table;width:100%;table-layout:fixed
}

#Contents .pageRow .leftCol,#Contents .pageRow .rightCol{
display:table-cell;vertical-align:top
}

#Contents .pageRow .leftCol{
padding-right:50px
}

#Contents .pageRow .rightCol{
width:350px
}


}

#Contents .pageSect .sectTit{
text-align:center;line-height:1
}

#Contents .pageSect .sectLeading{
text-align:center;line-height:1.5
}

@media only screen and (min-width:768px){
#Contents .pageSect .sectTit{
margin-bottom:15px;letter-spacing:.05em;font-size:3rem
}

#Contents .pageSect .sectLeading{
letter-spacing:.07em;font-size:1.3rem
}

#Contents .pageSect .sectMain{
margin-top:45px
}


}

@media only screen and (max-width:767px){
#Contents .pageSect{
margin-bottom:60px
}

#Contents .pageSect .sectTit{
margin-bottom:7px;letter-spacing:.05em;font-size:2.5rem
}

#Contents .pageSect .sectLeading{
margin-bottom:25px;letter-spacing:.07em;font-size:1.3rem
}

#Contents .pageSect .sectMain{
margin-top:20px
}

#Contents .sliderBlock{
margin: 30vw 0 40px 0;
}


}

@media only screen and (min-width:768px){
#Contents .topRow{
margin-bottom:100px
}

#Contents .midRow{
margin-bottom:100px
}


}

#Contents .kvBlock{
background-color:#f7f7f7;background-image:url(../images/kv_bg_main.jpg);background-repeat:no-repeat
}

@media only screen and (min-width:768px){
#Contents .kvBlock{
margin-bottom:100px;height:600px;background-position:center bottom;background-size:cover
}


}

@media only screen and (max-width:767px){
#Contents .vz{
margin-bottom:90px;height:250px;background-position:center bottom;background-size:cover
}


}

#Contents .sdgsBlock{
background-color:#f7f7f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end
}

#Contents .sdgsBlock a{
display:block;-webkit-transition-duration:.3s;transition-duration:.3s
}

@media only screen and (min-width:768px){
#Contents .sdgsBlock a:hover{
opacity:.7
}


}

@media only screen and (min-width:768px){
#Contents .sdgsBlock{
margin-bottom:100px;height:592px
}


}

@media only screen and (max-width:767px){
#Contents .sdgsBlock{
margin-bottom:90px;height:250px
}


}

#Contents .newsSect .sectMain .tabContent{
display:none
}

@media only screen and (min-width:768px){
#Contents .newsSect .titRow:after{
display:block;clear:both;content:''
}

#Contents .newsSect .titRow .sectTit{
float:left
}

#Contents .newsSect .titRow .tabWrapper{
float:left;padding-top:3px;padding-left:7%;width:85%;-webkit-box-sizing:border-box;box-sizing:border-box
}


}

@media only screen and (max-width:767px){
#Contents .newsSect .titRow .sectTit{
margin-bottom:24px
}


}

#Contents .newsSect .newsList>li{
display:table;width:100%
}

#Contents .newsSect .newsList>li a{
color:inherit
}

#Contents .newsSect .newsList>li .important{
background-color:#c9151e;color:#fff;font-size:1.1rem;letter-spacing:.1em;padding:4px;border-radius:3px;margin-right:5px
}

@media only screen and (min-width:768px){
#Contents .newsSect .newsList{
margin-top:-10px
}

#Contents .newsSect .newsList>li{
margin-bottom:10px;font-size:1.3rem;line-height:2
}

#Contents .newsSect .newsList>li:last-child{
margin-bottom:0
}

#Contents .newsSect .newsList>li .content,#Contents .newsSect .newsList>li .date,#Contents .newsSect .newsList>li .genre{
display:table-cell;vertical-align:top
}

#Contents .newsSect .newsList>li .date{
padding-right:10px;width:90px
}

#Contents .newsSect .newsList>li .genre{
width:120px
}


}

@media only screen and (max-width:767px){
#Contents .newsSect .newsList{
padding:2px 0 0
}

#Contents .newsSect .newsList>li{
margin-bottom:10px;font-size:1rem;line-height:1.5
}

#Contents .newsSect .newsList>li:last-child{
margin-bottom:0
}

#Contents .newsSect .newsList>li .date{
display:inline-block;margin-right:10px;padding-top:1px
}

#Contents .newsSect .newsList>li .genre{
display:inline-block
}

#Contents .newsSect .newsList>li .content{
margin-top:3px
}


}

@media only screen and (min-width:768px){
#Contents .recruitSect .sectTit{
margin-bottom:35px
}

#Contents .recruitSect .linkImg{
margin:0 auto;width:320px
}


}

@media only screen and (max-width:767px){
#Contents .recruitSect .linkImg{
text-align:center
}

#Contents .recruitSect .linkImg img{
text-align:center
}


}

#Contents .netSect .linkBlock{
position:relative;background:url(../images/net_bg_main.jpg) center center no-repeat;background-size:cover;color:#fff
}

#Contents .netSect .linkBlock .searchBox{
position:absolute;top:50%;left:50%;display:table;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:2px solid rgba(255,255,255,.8);color:#fff;text-decoration:none
}

#Contents .netSect .linkBlock .searchBox .boxInner{
display:table-cell;vertical-align:middle;text-align:center
}

#Contents .netSect .linkBlock .searchBox .boxInner .txtArea{
display:inline-block;background:url(../images/net_img_zoom.png) left 40% no-repeat;background-size:30px auto;text-align:left
}

#Contents .netSect .linkBlock .searchBox .boxInner .txtArea .smTxt{
line-height:1
}

#Contents .netSect .linkBlock .searchBox .boxInner .txtArea .lgTxt{
letter-spacing:.1em;line-height:1
}

#Contents .netSect .linkBlock .linkList{
position:absolute
}

@media only screen and (min-width:768px){
#Contents .netSect .linkBlock{
height:250px
}

#Contents .netSect .linkBlock .searchBox{
margin-top:-45px;margin-left:-200px;max-width:400px;height:100px
}

#Contents .netSect .linkBlock .searchBox .boxInner img{
height:46px
}

#Contents .netSect .linkBlock .linkList{
right:28px;bottom:20px
}

#Contents .netSect .linkBlock .linkList>li{
float:left;margin-left:20px
}

#Contents .netSect .linkBlock .linkList>li:first-child{
margin-left:0
}

#Contents .netSect .linkBlock .linkList>li img{
height:24px
}


}

@media only screen and (max-width:767px){
#Contents .netSect .linkBlock{
height:250px
}

#Contents .netSect .linkBlock .searchBox{
margin-top:-70px;margin-left:-162px;max-width:325px;height:100px
}

#Contents .netSect .linkBlock .searchBox .boxInner{
padding-left:5px
}

#Contents .netSect .linkBlock .searchBox .boxInner img{
height:45px
}

#Contents .netSect .linkBlock .linkList{
bottom:45px;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:25px;width:100%;text-align:center
}

#Contents .netSect .linkBlock .linkList>li{
display:inline-block;margin:0 8px
}

#Contents .netSect .linkBlock .linkList>li img{
height:24px
}


}

@media only screen and (max-width:374px){
#Contents .netSect .linkBlock .searchBox{
margin-left:-125px;width:250px
}

#Contents .netSect .linkBlock .searchBox .boxInner{
padding:0
}

#Contents .netSect .linkBlock .searchBox .boxInner .txtArea{
padding-left:40px
}

#Contents .netSect .linkBlock .linkList{
padding-right:15px
}

#Contents .netSect .linkBlock .linkList>li{
margin:0 5px
}

#Contents .netSect .linkBlock .linkList>li img{
height:20px
}


}

#Contents .srSect .linkBlock .linkBox{
background:#000;color:#fff
}

#Contents .srSect .linkBlock .linkBox .linkList>li{
letter-spacing:.1em;line-height:1.5
}

#Contents .srSect .linkBlock .linkBox .linkList>li:before{
position:relative;top:-.15em;display:inline-block;width:8px;height:1px;background:rgba(255,255,255,.5);content:'';vertical-align:middle
}

#Contents .srSect .linkBlock .linkBox .linkList>li a{
color:inherit;text-decoration:none
}

#Contents .srSect .linkBlock .linkBox .linkList>li a:hover{
text-decoration:underline
}

@media only screen and (min-width:768px){
#Contents .srSect .linkBlock .linkBox{
display:table;width:100%
}

#Contents .srSect .linkBlock .linkBox .linkList{
display:table-cell;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:10px;padding-bottom:5px;padding-left:25px;height:90px;vertical-align:middle
}

#Contents .srSect .linkBlock .linkBox .linkList>li{
margin-bottom:7px;padding-left:20px;text-indent:-20px;font-size:1.5rem
}

#Contents .srSect .linkBlock .linkBox .linkList>li:last-child{
margin-bottom:0
}

#Contents .srSect .linkBlock .linkBox .linkList>li:before{
margin-right:12px
}


}

@media only screen and (max-width:767px){
#Contents .srSect .linkBlock{
margin:0 auto;max-width:700px
}

#Contents .srSect .linkBlock .linkBox{
padding:25px 25px 15px
}

#Contents .srSect .linkBlock .linkBox .linkList>li{
margin-bottom:6px;padding-left:20px;text-indent:-20px;font-size:1.5rem
}

#Contents .srSect .linkBlock .linkBox .linkList>li:last-child{
margin-bottom:0
}

#Contents .srSect .linkBlock .linkBox .linkList>li:before{
margin-right:12px
}


}

#Contents .businessSect .sectRow{
display:table;width:100%
}

#Contents .businessSect .sectRow .col{
display:table-cell;width:50%;background-position:center center;background-size:cover;background-repeat:no-repeat;color:inherit;text-decoration:none
}

#Contents .businessSect .sectRow .col.textile{
background-image:url(../images/business_bg_textile.jpg)
}

#Contents .businessSect .sectRow .col.apparel{
background-image:url(../images/business_bg_apparel.jpg)
}

#Contents .businessSect .txtBox{
position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;background:#fff
}

#Contents .businessSect .txtBox:after,#Contents .businessSect .txtBox:before{
position:absolute;display:block;background:url(../images/business_img_slash.png) center center no-repeat;content:''
}

@media only screen and (min-width:768px){
#Contents .businessSect .sectRow .col{
padding:100px 0 95px
}

#Contents .businessSect .txtBox{
padding:67px 57px 77px;width:350px
}

#Contents .businessSect .txtBox:after,#Contents .businessSect .txtBox:before{
width:52px;height:52px
}

#Contents .businessSect .txtBox:before{
top:-12px;left:-12px
}

#Contents .businessSect .txtBox:after{
right:-10px;bottom:-10px
}

#Contents .businessSect .txtBox .boxTit{
margin-bottom:20px;letter-spacing:.02em;font-size:5rem;line-height:1
}

#Contents .businessSect .txtBox .txt{
letter-spacing:.1em;font-size:1.3rem;line-height:1.769230769
}


}

@media only screen and (max-width:767px){
#Contents .businessSect{
margin-bottom:0
}

#Contents .businessSect .sectRow .col{
padding:50px 0 48px
}

#Contents .businessSect .sectRow .col.textile{
padding-right:4px;padding-left:8px
}

#Contents .businessSect .sectRow .col.apparel{
padding-right:8px;padding-left:4px
}

#Contents .businessSect .txtBox{
margin:0 auto;padding:38px 5px 23px 17px;max-width:175px;width:100%
}

#Contents .businessSect .txtBox:after,#Contents .businessSect .txtBox:before{
width:26px;height:26px;background-size:26px auto
}

#Contents .businessSect .txtBox:before{
top:-6px;left:-6px
}

#Contents .businessSect .txtBox:after{
right:-6px;bottom:-6px
}

#Contents .businessSect .txtBox .boxTit{
margin-bottom:8px;letter-spacing:.05em;font-size:3rem;line-height:1
}

#Contents .businessSect .txtBox .txt{
font-size:.9rem;line-height:1.666666667
}


}

@media only screen and (max-width:374px){
#Contents .businessSect .txtBox{
padding-right:5px;padding-left:12px
}


}