/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.4vw;
line-height:6.8vw;
color:#040000;
}

/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:none; }
.sponly{ display:block; }


/*------------------------------------------------------------
	BTN
------------------------------------------------------------*/

.btn01{　
}
.btn01 a{
font-size:4vw;
width:50vw;
height:10vw;
margin:0 auto;
line-height:10vw;
color:#0D955A;
border:1px solid #0D955A;
position:relative;
font-weight:700;
display:block;
}

.btn01 a::after{
content:'';
width:2vw;
height:2vw;
border-right:2px solid #0D955A;
border-bottom:2px solid #0D955A;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-1vw;
right:3vw;
}



.btn02{
}
.btn02 a{
font-size:4vw;
width:50vw;
height:10vw;
line-height:10vw;
margin:0 auto;
color:#fff;
background: #EA5514;
position:relative;
font-weight:700;
display:block;
text-align:center;
}


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
#header{
width:100%;
border-top:2vw solid #168F58;
border-bottom:1px solid #040000;
}
.headerInner{
margin:0 auto;
display:flex;
justify-content:left;
padding:3vw;
}

.siteLogo{
width:60vw;
position:relative;
}
.siteLogo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}



/*------------------------------------------------------------
DRAWER MENU
------------------------------------------------------------*/
#menuBtn{
position:fixed;
right:3vw;
top:7.5vw;
width:7.246vw;
height:7.246vw;
cursor:pointer;
z-index:9999;
}
#menuBtn span{
display:block;
position:absolute;
height:2px;
width:100%;
background:#666;
left:0;
transition:all 0.1s ease-in-out;
}

#menuBtn span:nth-child(1){
top:0;
}
#menuBtn span:nth-child(2){
top:3.14vw;
}
#menuBtn span:nth-child(3){
top:6.7vw;
}

.active#menuBtn span:nth-child(1){
top:2.657vw;
transform:rotate(45deg);
}
.active#menuBtn span:nth-child(2){
width:0;
left:50%;
}

.active#menuBtn span:nth-child(3){
top:2.657vw;
transform:rotate(-45deg);
}

#menuBox{
display:none;
width:100%;
background:rgba(255,255,255,0.95);
height:100vh;
position:fixed;
top:0;
left:0;
box-sizing:border-box;
z-index:9998;
}

#menuBox.active{
display:block;
}

.menuLogo{
border-top:2vw solid #168F58;
border-bottom:1px solid #040000;
padding:3vw;
margin-bottom:6vw;
}
.menuLogoInner{
width:60vw;
position:relative;
}
.menuLogoInner a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.spMenuWrap{
width:70vw;
margin:0 auto 6vw;
height:calc(100vh - 60vw);
overflow:auto;
}

.spMenu{
}

.spMenu li{
border-bottom:1px solid #ccc;
position:relative;
}

.spMenu li a{
padding:3vw;
display:block;
color:#040000;
}


.acMenu dt{
padding:3vw;
border-bottom:1px solid #ccc;
position:relative;
font-weight:normal;
}

.acMenu dt::before{
content:'\f067';
font-family:fontawesome;
position:absolute;
top:3vw;
right:0;
color:#ccc;
}
.acMenu dt.open::before{
content:'\f068';
font-family:fontawesome;
position:absolute;
top:3vw;
right:0;
color:#ccc;
}


.acMenu dd{
display:none;
padding-left:2vw;
}

.langBtn{
width:70vw;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.langBtn li{
width:48%;
}
.langBtn li a{
border:1px solid #040000;
text-align:center;
color:#040000;
padding:2vw 0;
display:block;
}





/*------------------------------------------------------------
TOPPAGE
------------------------------------------------------------*/
kv{
}


#index1{
padding:10vw 0 8vw;
}
.index1Title{
text-align:center;
font-size:7vw;
line-height:1em;
margin-bottom:6vw;
font-weight:700;
}
.index1Title span{
color:#0D955A;
}

.index1Lead{
text-align:center;
font-size:4vw;
line-height:6vw;
font-weight:700;
margin-bottom:8vw;
}


.strList{
width:100%;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.strList li{
width:50vw;
margin-bottom:4vw;
}


.strThumb{
position:relative;
margin-bottom:1vw;
}
.strClick{
width:18vw;
height:18vw;
text-align:center;
position:absolute;
bottom:0;
right:0;
background:#0D955A;
display:flex;
justify-content:center;
align-items:center;
}
.strClick:hover{
filter:brightness(120%);
}

.strClick a{
width:18vw;
height:18vw;
color:#fff;
font-size:4vw;
display:block;
line-height:18vw;
}

.strTitle{
font-size:3.6vw;
line-height:6vw;
color:#0D955A;
padding:0 3vw;
text-align:center;
}




#index2{
background:url(img/index2bg.jpg) no-repeat center top;
background-size:cover;
padding:8vw 0 12vw;
}

.index2Title{
display:block;
width:50vw;
height:10vw;
background:#231815;
margin:0 auto 4vw;
font-size:5vw;
line-height:10vw;
text-align:center;
font-weight:700;
color:#fff;
}
.index2Lead{
text-align:center;
font-size:4vw;
line-height:8vw;
margin-bottom:6vw;
font-weight:700;
}



.busiList{
width:100%;
margin:0 auto;
}
.busiList li{
width:100%;
background:#0D955A;
position:relative;
}
.busiList li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.busiThumb{
width:50vw;
}
.busiTitle{
width:50vw;
height:50vw;
color:#fff;
font-size:4vw;
line-height:6vw;
position:relative;
font-weight:700;
padding:3vw;
display:flex;
justify-content:center;
align-items:center;
}

.busiList li:nth-child(odd) .busiThumb{
float:left;
}
.busiList li:nth-child(odd) .busiTitle{
float:right;
}
.busiList li:nth-child(even) .busiThumb{
float:right;
}
.busiList li:nth-child(even) .busiTitle{
float:left;
}

.busiList li::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


.busiTitle::after{
content:'';
width:2vw;
height:2vw;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-1vw;
right:3vw;
}



#index3{
padding:10vw 0 8vw;
}
.bnr-sdgs{
width:92vw;
margin:0 auto 8vw;
}


.index3Title{
font-size:5vw;
line-height:7.5vw;
margin-bottom:6vw;
font-family:'Noto Serif JP';
font-weight:700;
text-align:center;
}

.feed{
width:92vw;
margin:0 auto 8vw;
border-top:1px solid #000;
}
.feed li{
position:relative;
border-bottom:1px solid #000;
padding:3vw 0;
display:flex;
font-size:3.4vw;
line-height:5.2vw;
}

.feed li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.feed li:hover .feedTitle{
text-decoration:underline;
}

.feedDate{
width:20vw;
}
.feedTitle{
width:70vw;
margin-left:2vw;
}





#index4{
background:url(img/index4bg.jpg) no-repeat center top;
background-size:cover;
padding:8vw 0 12vw;
}

.index4Title{
display:block;
width:50vw;
height:10vw;
background:#231815;
margin:0 auto 4vw;
font-size:5vw;
line-height:10vw;
text-align:center;
font-weight:700;
color:#fff;
}
.index4Lead{
text-align:center;
font-size:4vw;
line-height:6vw;
margin-bottom:6vw;
font-weight:700;
}



.manageList{
width:92vw;
margin: 0 auto;
display:flex;
justify-content:space-between;
}
.manageList li{
width:44vw;
position:relative;
}

.manageList a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.manageTitle{
background:rgba(13,149,90,1);
 mix-blend-mode: multiply;
width:30vw;
height:18vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align:center;
}

.manageTxt{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color:#fff;
font-size:4vw;
font-weight:700;
}






#index5{
background:url(img/index5bg.jpg) no-repeat center top;
background-size:cover;
position:relative;
padding-bottom:60%;
}




.recTxt{
width:100%;
background:rgba(0,0,0,.6);
}
.recTxtInner{
width:92vw;
margin:0 auto;
position:relative;
padding:4vw 0 4vw 28vw
}

.stamp-rec{
width:22.7vw;
height:23.3vw;
background:url(img/stamp-recruit.png) no-repeat;
background-size:22.7vw;
position:absolute;
top:-10vw;
left:0;
}


.index5Title{
font-size:4vw;
line-height:6vw;
margin-bottom:2vw;
color:#fff;
font-weight:700;
}

.index5Lead{
font-size:3.6vw;
line-height:5vw;
margin-bottom:4vw;
color:#fff;
font-weight:700;
}





#index6{
padding:10vw 0 8vw;
}

.exBnr{
width:60vw;
margin:0 auto;
}
.exBnr li{
position:relative;
width:60vw;
margin-bottom:2vw;
}
.exBnr li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}





/*------------------------------------------------------------
	PAGE
------------------------------------------------------------*/
#teaser{
width:100%;
}
.teaser_recruit{
background:url(img/teaser-recruit.jpg) no-repeat center top;
background-size:cover;
height:0;
padding-bottom:42.5%;
position:relative;
}
.teaser_strength{
background:url(img/spteaser.jpg) no-repeat center top;
background-size:cover;
height:0;
padding-bottom:28.99%;
position:relative;
}
.teaser_business,
.teaser_compound,
.teaser_material,
.teaser_recycle{
background:url(img/spteaser.jpg) no-repeat center top;
background-size:cover;
height:0;
padding-bottom:28.99%;
position:relative;
}
.teaser_management,
.teaser_quality,
.teaser_environment,
.teaser_test_facility,
.teaser_development{
background:url(img/spteaser.jpg) no-repeat center top;
height:0;
padding-bottom:28.99%;
position:relative;
}

.teaser_facilities,
.teaser_head_office_factory,
.teaser_recycling_plant,
.teaser_shanghai_factory,
.teaser_shizuoka_factory,
.teaser_thailand_factory{
background:url(img/spteaser.jpg) no-repeat center top;
height:0;
padding-bottom:28.99%;
position:relative;
}

.teaser_company,
.teaser_greeting,
.teaser_philosophy,
.teaser_overview,
.teaser_organization,
.teaser_history,
.teaser_sdgs{
background:url(img/spteaser.jpg) no-repeat center top;
height:0;
padding-bottom:28.99%;
position:relative;
}

.teaser_usage,
.teaser_contact,
.teaser_confirm,
.teaser_submit,
.teaser_error,
.teaser_privacy,
.teaser_sitemap{
background:url(img/spteaser.jpg) no-repeat center top;
height:0;
padding-bottom:28.99%;
position:relative;
}

.teaser_vision{
background:url(img/spteaser.jpg) no-repeat center top;
height:0;
padding-bottom:28.99%;
position:relative;
}
.teaser_information{
background:url(img/spteaser.jpg) no-repeat center top;
height:0;
padding-bottom:28.99%;
position:relative;
}

.teaser_recruit_low{
background:url(img/teaser-recruit-low.jpg) no-repeat center top;
height:0;
padding-bottom:28.99%;
position:relative;
}

.lowPageTitle{
text-align:center;
width:100%;
height:15vw;
color:#fff;
background:rgba(0,0,0,.3);
font-size:4.5vw;
line-height:15vw;
font-weight:700;
position:absolute;
bottom:0;
left:0;
}


#page{
padding:8vw 0;
}

#page section{
width:92vw;
margin:0 auto 10vw;
}

#page section p{
margin-bottom:2em;
}

.inner{
width:92vw;
margin:0 auto;
}
h2.md01{
font-size:6vw;
line-height:8vw;
font-weight:700;
margin-bottom:4vw;
}
h2.md02{
font-size:6vw;
line-height:8vw;
padding-bottom:4vw;
border-bottom:1px solid #040000;
margin-bottom:4vw;
}
h2.md03{
color:#EA5514;
font-size:6vw;
line-height:8vw;
padding-bottom:4vw;
border-bottom:1px solid #040000;
margin-bottom:4vw;
}
h2.md04{
text-align:center;
font-size:6vw;
line-height:8vw;
margin-bottom:6vw;
}

h2.md05{
text-align:center;
font-size:6.5vw;
line-height:9vw;
margin-bottom:6vw;
font-family:'Noto Serif JP';
}
h2.md06{
font-size:6.5vw;
line-height:9vw;
margin-bottom:4vw;
font-family:'Noto serif JP';
font-weight:700;
}
h2.md07{
font-size:4.5vw;
line-height:7vw;
margin-bottom:4vw;
color:#22AC38;
font-weight:700;
}


h3.md01{
background:#238F58;
line-height:9vw;
padding:0 3vw;
font-size:4.5vw;
margin-bottom:4vw;
color:#fff;
}

h3.md02{
font-size:5vw;
line-height:6vw;
margin-bottom:4vw;
font-weight:700;
}
h3.md02 span{
font-size:3vw;
margin-left:3vw;
display:inline-block;
}

h3.md03{
font-size:5vw;
line-height:10vw;
margin-bottom:4vw;
font-weight:700;
background:rgba(0,145,58,.3);
text-align:center;
}
h3.md03 span{
display:inline-block;
margin-left:2em;
font-size:3.2vw;
}

h3.md04{
font-size:5vw;
line-height:8vw;
padding:4vw 0;
border:2px solid #040000;
text-align:center;
margin-bottom:4vw;
}
h3.md05{
font-size:4vw;
line-height:6vw;
color:#22AC38;
padding:4vw 0;
border:2px solid #22AC38;
text-align:center;
margin-bottom:4vw;
}

h3.md06{
font-size:4.5vw;
line-height:6.75vw;
border:1px solid #009E53;
border-left:2vw solid #009E53;
padding:2vw 4vw;
color:#009E53;
margin-bottom:3.5vw;
}
h3.md07{
font-size:4.5vw;
line-height:6vw;
padding-bottom:4vw;
border-bottom:1px solid #040000;
margin-bottom:4vw;
}


h4.md01{
font-size:4vw;
line-height:10vw;
border-top:1px solid #22AC38;
border-bottom:1px solid #22AC38;
margin-bottom:2vw;
color:#22AC38;
}
h4.md02{
font-size:4vw;
line-height:6vw;
color:#006934;
margin-bottom:3vw;
}
h4.md03{
font-size:3.5vw;
line-height:6vw;
color:#040000;
margin-bottom:1vw;
}
h4.md04{
font-size:4vw;
line-height:6vw;
color:#00913A;
margin-bottom:3vw;
padding-bottom:3vw;
border-bottom:1px solid #ccc;
}

h4.md05{
font-size:4vw;
line-height:6vw;
color:#00913A;
margin-bottom:3vw;
padding-bottom:3vw;
border-bottom:1px solid #040000;
font-weight:normal;
}


.decimal{
margin-left:2em;
}
.decimal li{
list-style-type:decimal;
}





/* STRENGTH */

.strDesc{
width:92vw;
margin:0 auto 10vw;
}

#str00{
padding:0 0 0;
margin-bottom:10vw !important;
}




.strMenu{
position:relative;
width:96vw;
height:75vw;
margin:0 auto;
}
.strMenu li{
width:30vw;
height:30vw;
position:relative;
}
.strMenu li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}


.strMenu li:nth-child(1){
background:url(img/strm01.png) no-repeat;
background-size:30vw;
position:absolute;
top:0;
left:0;
}
.strMenu li:nth-child(2){
background:url(img/strm02.png) no-repeat;
background-size:30vw;
position:absolute;
top:0;
left:50%;
margin-left:-15vw;
}
.strMenu li:nth-child(3){
background:url(img/strm03.png) no-repeat;
background-size:30vw;
position:absolute;
top:0;
right:0;
}

.strMenu li:nth-child(4){
background:url(img/strm04.png) no-repeat;
background-size:30vw;
position:absolute;
top:25vw;
left:16vw;
}

.strMenu li:nth-child(5){
background:url(img/strm05.png) no-repeat;
background-size:30vw;
position:absolute;
top:25vw;
left:50%;
margin-left:1vw;
}

.strMenu li:nth-child(6){
background:url(img/strm06.png) no-repeat;
background-size:30vw;
position:absolute;
top:50vw;
left:50%;
margin-left:-15vw;
}

section#str01{
border-top:2vw solid #FABE00;
padding:8vw 0 12vw;
width:92vw;
margin:0 auto;
}
section#str02{
border-top:2vw solid #C3D82D;
padding:8vw 0 12vw;
width:92vw;
margin:0 auto;
}
section#str03{
border-top:2vw solid #F3994F;
padding:8vw 0 12vw;
width:92vw;
margin:0 auto;
}
section#str04{
border-top:2vw solid #87CAAC;
padding:8vw 0 12vw;
width:92vw;
margin:0 auto;
}
section#str05{
border-top:2vw solid #F3A8BB;
padding:8vw 0 12vw;
width:92vw;
margin:0 auto;
}
section#str06{
border-top:2vw solid #7ECEF4;
padding:8vw 0 12vw;
width:92vw;
margin:0 auto;
}

.icon-str01{
width:21.256vw;
height:18.116vw;
margin:0 auto 6vw;
background:url(img/icon_str01.svg) no-repeat center top;
background-size:21.256vw;
}
.icon-str02{
width:21.981vw;
height:16.425vw;
margin:0 auto 6vw;
background:url(img/icon_str02.svg) no-repeat center top;
background-size:21.981vw;
}
.icon-str03{
width:21.256vw;
height:17.874vw;
margin:0 auto 6vw;
background:url(img/icon_str03.svg) no-repeat center top;
background-size:21.256vw;
}
.icon-str04{
width:20.29vw;
height:18.599vw;
margin:0 auto 6vw;
background:url(img/icon_str04.svg) no-repeat center top;
background-size:20.29vw;
}
.icon-str05{
width:19.324vw;
height:19.324vw;
margin:0 auto 6vw;
background:url(img/icon_str05.svg) no-repeat center top;
background-size:19.324vw;
}
.icon-str06{
width:14.976vw;
height:16.667vw;
margin:0 auto 6vw;
background:url(img/icon_str06.svg) no-repeat center top;
background-size:14.976vw;
}

.strLead{
text-align:center;
font-size:4.6vw;
line-height:7.5vw;
margin-bottom:5vw;
}
.strWrap{
}
.strL{
margin-bottom:4vw;
}
.strR{
}



/* BUSINESS */

.busiMenu{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
width:92vw;
margin:0 auto;
}
.busiMenu li{
width:30vw;
position:relative;
margin-bottom:2vw;
}
.bmThumb{
margin-bottom:2vw;
}

.bmTitle{
padding-left:3vw;
font-size:3.5vw;
line-height:5vw;
position:relative;
}
.bmTitle::before{
content:'';
width:1.5vw;
height:1.5vw;
border-right:1px solid #111;
border-bottom:1px solid #111;
transform:rotate(-45deg);
position:absolute;
top:1vw;
left:0;
}

.busiMenu li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.busiHead{
width:100vw;
margin:0 auto 6vw;
display:flex;
}
.bTitle{
width:50vw;
background:#00913A;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:4.5vw;
font-weight:bold;
line-height:6vw;
}
.bThumb{
width:50vw;
}

.busiDesc{
width:92vw;
margin:0 auto 6vw;
font-size:3.6vw;
line-height:5.5vw;
}


.busiCol2{
margin-bottom:50px;
}

.col2L{
width:100%;
margin-bottom:2vw;
}
.col2R{
width:100%;
}
.col2R p{
margin-bottom:2em;
}

.pageList01{
}
.pageList01 li{
padding-left:1em;
position:relative;
}
.pageList01 li::before{
content:'';
width:2vw;
height:2vw;
border-radius:50%;
background:#00913A;
position:absolute;
top:2.3vw;
left:0;
}

.trademark{
padding-left:14vw;
position:relative;
margin-bottom:3vw;
}
.trademark::before{
content:'商標';
font-size:3vw;
line-height:18vw;
position:absolute;
top:0;
left:0;
color:#999;
}



.comflow{
}
.comflow li{
margin-bottom:8vw;
border:1px solid #040000;
position:relative;
display:flex;
}
.comflow li::after{
content:'';
  border-left: 5vw solid transparent;
  border-right: 5vw solid transparent;
  border-top: 5vw solid #ccc;
position:absolute;
bottom:-7vw;
left:50%;
margin-left:-5vw;
}
.comflow li:last-child{
margin:0;
}

.comflow li:last-child::after{
content:'';
border:none;
}
.comThumb{
width:46vw;
}
.comTitle{
width:46vw;
display:flex;
justify-content:center;
align-items:center;
font-size:4.2vw;
line-height:5.8vw;
text-align:center;
position:relative;
}

.comflow li:nth-child(1) .comTitle::before{ content:'01'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(2) .comTitle::before{ content:'02'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(3) .comTitle::before{ content:'03'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(4) .comTitle::before{ content:'04'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(5) .comTitle::before{ content:'05'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(6) .comTitle::before{ content:'06'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(7) .comTitle::before{ content:'07'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(8) .comTitle::before{ content:'08'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(9) .comTitle::before{ content:'09'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(10) .comTitle::before{ content:'10'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(11) .comTitle::before{ content:'11'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }
.comflow li:nth-child(12) .comTitle::before{ content:'12'; font-size:7vw; line-height:7vw; color:#22AC38; position:absolute; top:1vw; left:2vw; }



.busiLinkBnr{
width:96vw;
margin:8vw auto 0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.busiLinkBnr li{
position:relative;
width:47vw;
height:20vw;
padding-left:16vw;
font-size:3.6vw;
line-height:5vw;
display:flex;
justify-content:center;
align-items:center;
font-weight:700;
border:1px solid #ccc;
margin-bottom:2vw;
}

.busiLinkBnr li:nth-child(1){ background:url(img/bnr-busi01.jpg) no-repeat center center; }
.busiLinkBnr li:nth-child(2){ background:url(img/bnr-busi02.jpg) no-repeat center center; }
.busiLinkBnr li:nth-child(3){ background:url(img/bnr-busi03.jpg) no-repeat center center; }


.busiLinkBnr li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}



.matT{
width:100%;
margin-bottom:20px;
}
.matT thead th{
background:#999;
padding:3vw;
border-bottom:1px solid #ddd;
}
.matT thead td{
background:#eee;
padding:3vw;
border-bottom:1px solid #ddd;
}
.matT tbody th{
background:#D3EDFB;
vertical-align:top;
padding:3vw;
border-bottom:1px solid #ddd;
white-space:nowrap;
}
.matT tbody td{
padding:3vw;
border-bottom:1px solid #ddd;
}

.matCaption{
text-align:right;
}



/* RECYCLE */

.recflow01{
}
.recflow01 li{
border:1px solid #040000;
font-size:4vw;
line-height:6vw;
padding:4vw 0 4vw 10vw;
text-align:center;
position:relative;
margin-bottom:8vw;
}
.recflow01 li::after{
content:'';
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-top:5vw solid #ccc;
position:absolute;
bottom:-7vw;
left:0;
}
.recflow01 li:nth-child(1)::before{ content:'01'; font-size:10vw; line-height:5vw; color:#22AC38; font-weight:700; position:absolute; top:2vw; left:1vw; }
.recflow01 li:nth-child(2)::before{ content:'02'; font-size:10vw; line-height:5vw; color:#22AC38; font-weight:700; position:absolute; top:2vw; left:1vw; }
.recflow01 li:nth-child(3)::before{ content:'03'; font-size:10vw; line-height:5vw; color:#22AC38; font-weight:700; position:absolute; top:2vw; left:1vw; }
.recflow01 li:nth-child(4)::before{ content:'04'; font-size:10vw; line-height:5vw; color:#22AC38; font-weight:700; position:absolute; top:2vw; left:1vw; }




.recflow02{
padding:8vw 0;
position:relative;
}
.recflow02 li{
width:80vw;
height:26.4vw;
margin-bottom:8vw;
position:relative;
border:1px solid #040000;
display:flex;
}
.recflow02 li:last-child{
margin-bottom:0;
}

.recyThumb{
width:50vw;
}
.recyTitle{
width:30vw;
display:flex;
justify-content:center;
text-align:center;
align-items:center;
font-size:4vw;
line-height:6vw;
position:relative;
}

.recflow02::after{
content:'';
width:62vw;
height:calc(100% - 6vw);
border:3vw solid #8FC31F;
border-radius:8vw;
position:absolute;
top:0;
left:23vw;
z-index:-1;
}

.recflow02::before{
content:'';
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-top: 5vw solid #ccc;
position:absolute;
top:0;
left:0;
}
.recflow02 li:nth-child(1)::before{
content:'';
border-top: 5vw solid transparent;
border-right: 5vw solid #8FC31F;
border-bottom: 5vw solid transparent;
position:absolute;
top: -12vw;
left: 50%;
margin-left: 12vw;
}
.recflow02 li:nth-child(3)::before{
content:'';
border-left: 5vw solid transparent;
border-right:5vw solid transparent;
border-bottom: 5vw solid #8FC31F;
position:absolute;
top: -8vw;
right: -14.8vw;
}
.recflow02 li:nth-child(6)::before{
content:'';
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-bottom: 5vw solid #8FC31F;
position:absolute;
top: -8vw;
right: -14.8vw;
}
.recflow02 li:nth-child(9)::before{
content:'';
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-bottom: 5vw solid #8FC31F;
position:absolute;
top: -8vw;
right: -14.8vw;
}

.recflow02 li:nth-child(10)::before{
content:'';
border-left: 5vw solid #8FC31F;
border-top: 5vw solid transparent;
border-bottom: 5vw solid transparent;
position:absolute;
bottom: -12vw;
left: 50%;
margin-left: 18vw;
}

.recflow02 li:nth-child(1) .recyTitle::before{ content:'05'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(2) .recyTitle::before{ content:'06'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(3) .recyTitle::before{ content:'07'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(4) .recyTitle::before{ content:'08'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(5) .recyTitle::before{ content:'09'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(6) .recyTitle::before{ content:'10'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(7) .recyTitle::before{ content:'11'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(8) .recyTitle::before{ content:'12'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(9) .recyTitle::before{ content:'13'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }
.recflow02 li:nth-child(10) .recyTitle::before{ content:'14'; font-size:5vw; line-height:5vw; font-weight:700; position:absolute; top:2vw; left:1vw; color:#22AC38; }



.recyBnr{
position:relative;
width:92vw;
height:24vw;
margin-bottom:3vw;
}
.recyBnrTitle{
font-size:5vw;
line-height:6vw;
color:#fff;
font-weight:bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: auto;
display: inline-block;
}


.recyflow{
}
.recyflow li{
margin-bottom:8vw;
border:1px solid #040000;
position:relative;
display:flex;
}
.recyflow li::after{
content:'';
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-top: 5vw solid #00A29A;
position:absolute;
bottom:-7vw;
left:50%;
margin-left:-5vw;
}

.recyThumb2{
width:46vw;
height:24vw;
}
.recyTitle2{
width:46vw;
display:flex;
justify-content:center;
align-items:center;
font-size:4.5vw;
line-height:6vw;
text-align:center;
position:relative;
}


.finished{
border:1px solid #040000;
padding:3vw 5vw;
}
.itemPhoto{
margin-bottom:3vw;
}
.item{
}
.itemTitle{
text-align:center;
color:#22AC38;
font-size:6vw;
line-height:6.5vw;
border-bottom:1px solid #040000;
padding-bottom:3vw;
}
.itemSubTitle{
text-align:center;
font-size:4.5vw;
line-height:8vw;
border-bottom:1px solid #040000;
margin-bottom:3vw;
}
.itemDetail dt{
width:3em;
font-size:3.5vw;
line-height:6vw;
}
.itemDetail dd{
font-size:3.5vw;
line-height:6vw;
margin-left:4em;
margin-top:-6vw;
margin-bottom:2vw;
}





/* MANAGEMENT */
.isoWrap{
margin-bottom:8vw;
}
.isoText{
width:100%;
}
.isoShape{
width:80vw;
margin:0 auto;
}

.pdca{
margin-bottom:4vw;
}


.pdcaSp li{
margin-bottom:2vw;
}

.pdcaSp li span{
display:block;
font-size:4vw;
line-height:6vw;
font-style:italic;
font-weight:700;
}
.pdcaSp li:nth-child(1) span{ color:#32cd32; }
.pdcaSp li:nth-child(2) span{ color:#ff8c00; }
.pdcaSp li:nth-child(3) span{ color:#1e90ff; }
.pdcaSp li:nth-child(4) span{ color:#dc143c; }



.manaLinkBnr{
width:96vw;
margin:8vw auto 0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.manaLinkBnr li{
position:relative;
width:47vw;
height:20vw;
padding-left:16vw;
font-size:3.6vw;
line-height:5vw;
display:flex;
justify-content:center;
align-items:center;
font-weight:700;
border:1px solid #ccc;
margin-bottom:2vw;
}

.manaLinkBnr li:nth-child(1){ background:url(img/bnr-mana01.jpg) no-repeat center center; }
.manaLinkBnr li:nth-child(2){ background:url(img/bnr-mana02.jpg) no-repeat center center; }
.manaLinkBnr li:nth-child(3){ background:url(img/bnr-mana03.jpg) no-repeat center center; }
.manaLinkBnr li:nth-child(4){ background:url(img/bnr-mana04.jpg) no-repeat center center; }

.manaLinkBnr li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}



.env02{
width:80vw;
margin:0 auto 8vw;
}
.env03{
margin-bottom:8vw;
}



.ecoCap{
background:url(img/bnr-env01.jpg) no-repeat center top;
background-size:cover;
text-align:center;
font-size:7vw;
font-weight:700;
line-height:40vw;
color:#fff;
}

.ecoCont{
background:#D3EDFB;
padding:4vw 4vw;
margin-bottom:10vw;
}

.ecoDesc{
text-align:center;
font-size:3.5vw;
line-height:5.5vw;
margin-bottom:6vw;
}
.ecoCatch{
text-align:center;
font-weight:bold;
font-size:4.5vw;
line-height:6vw;
color:#00A0E9;
margin-bottom:4vw;
}


.ecoflow{
display:flex;
justify-content:space-between;
margin-bottom:6vw;
}
.ecoflow li{
width:26.66vw;
text-align:center;
font-size:3vw;
line-height:4.5vw;
}
.ecoThumb{
margin-bottom:3vw;
}



.ecoResult{
margin-bottom:6vw;
}
.ecoResult li:nth-child(1){
border:1px solid #00A0E9;
background:#fff;
padding:3vw 4vw;
position:relative;
font-size:5vw;
line-height:7.5vw;
color:#00A0E9;
width:100%;
margin-bottom:8vw;
}
.ecoResult li:nth-child(1) span{
display:inline-block;
font-size:3.8vw;
}

.ecoResult li:nth-child(1)::after{
content:'';
position:absolute;
bottom:-7vw;
left:50%;
margin-left:-5vw;
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-top: 5vw solid #00A0E9;
}

.ecoResult li:nth-child(2){
width:100%;
background:#00A0E9;
padding:3vw 4vw;
color:#fff;
font-size:5vw;
line-height:7.5vw;
}

.ecoResult li:nth-child(2) span{
font-size:4vw;
}



.collect{
border:1px solid #5A4F4A;
margin-bottom:4vw;
}
.collect li:nth-child(1){
width:100%;
background:#5A4F4A;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:4vw;
line-height:8vw;
padding:3vw;
}
.collect li:nth-child(1) span{
font-size:7vw;
line-height:8vw;
}

.collect li:nth-child(2){
background:#fff;
width:100%;
padding:3vw 4vw;
text-align:right;
font-size:6vw;
line-height:8vw;
display:flex;
justify-content:right;
align-items:center;
}


.ecoCaption{
font-size:4vw;
line-height:6vw;
color:#00A0E9;
}




.bnr-tire{
background:url(img/bnr-recycle.jpg) no-repeat;
width:100%;
height:20vw;
margin:0 auto;
text-align:center;
font-size:5vw;
line-height:12vw;
font-weight:700;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}

.bnr-tire a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.bnr-tire::after{
content:'';
width:2vw;
height:2vw;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-1vw;
right:3vw;
}





.test{
}
.testL{
margin-bottom:6vw;
}
.testR{
}

.facList{
display:flex;
flex-wrap:wrap;
justify-content:left;
}
.facList li{
width:44vw;
margin:0 4vw 4vw 0 ;
font-size:3.6vw;
line-height:6vw;
}
.facList li:nth-child(2n){
margin-right:0;
}
.facThumb{
margin-bottom:1vw;
}




.devflow{
}
.devflow li{
display:flex;
margin-bottom:8vw;
position:relative;
border:1px solid #999;
}
.devflow li:last-child::after{
content:'';
border:0;
}

.devflow li::after{
content:'';
  border-left: 5vw solid transparent;
  border-right: 5vw solid transparent;
  border-top: 5vw solid #BEB1AA;
position:absolute;
bottom:-7vw;
left:50%;
margin-left:-5vw;
}

.dfItem{
background:rgba(0,145,58,.1);
padding:5vw 3vw;
width:30vw;
font-size:4vw;
line-height:6vw;
}
.dfCont{
background:#fff;
width:62vw;
padding:5vw 3vw;
font-size:4vw;
line-height:6vw;
}




/* FACILITIES */

.facilities{
padding:10vw 0 12vw;
}

.facInner{
width:92vw;
margin:0 auto;
}


.facLead{
font-size:3.2vw;
line-height:5vw;
margin-bottom:6vw;
}

.baseList{
}
.baseList li{
width:100%;
padding:3vw 3vw 5vw;
background:#fff;
position:relative;
box-shadow:0 0 3vw #ccc;
margin-bottom:5vw;
}
.baseThumb{
width:86vw;
height:60vw;
margin-bottom:3vw;
}
.baseThumb img{
width:100%;
}
.baseTitle{
font-size:4.5vw;
text-align:center;
position:relative;
}
.baseTitle::after{
content:'';
width:2vw;
height:2vw;
border-right:1px solid #111;
border-bottom:1px solid #111;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-1vw;
right:3vw;
}

.baseList li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}




.headImage{
width:100%;
margin:0 auto 5vw;
}

.twrap{
overflow:auto;
}

.baseT01{
width:100%;
border-top:1px solid #00A0E9;
font-size:3.6vw;
line-height:5.5vw;
font-weight:500;
margin-bottom:4vw;
}
.baseT01 th{
background:#D3EDFB;
padding:3vw;
border-bottom:1px solid #00A0E9;
}
.baseT01 td{
padding:3vw;
border-bottom:1px solid #00A0E9;
}



.baseT02{
width:100%;
margin:0;
font-size:3.2vw;
line-height:4.8vw;
font-weight:normal;
}
.baseT02 thead th{
padding:1vw 1.5vw;
background:#656565;
color:#fff;
white-space:nowrap;
border-right:1px solid #fff;
font-weight:normal;
}
.baseT02 tbody th{
background:#F2F2F2;
padding:1vw 1.5vw;
width:auto;
white-space:nowrap;
border:1px solid #bbb;
font-weight:400;
}
.baseT02 tbody td{
border:1px solid #bbb;
padding:1vw 1.5vw;
}

.baseT02 th.bgb{
background:#D3EDFB;
}
.baseT02 td.bgb{
background:#EAF6FD;
}




.baseLink{
width:92vw;
margin:0 auto;
display:flex;
justify-content:left;
flex-wrap:wrap;
}
.baseLink li{
width:44vw;
margin:0 2vw 2vw 0;
display:block;
padding:3vw 8vw 3vw 3vw;
border:1px solid #040000;
font-weight:700;
font-size:3.6vvw;
line-height:5.5vw;
text-align:center;
position:relative;
}
.baseLink li:nth-child(2n){
margin-right:0;
}

.baseLink li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}
.baseLink li span{
font-size:11px;
display:inline-block;
margin-left:3vw;
}

.baseLink li::after{
content:'';
width:2vw;
height:2vw;
border-right:1px solid #111;
border-bottom:1px solid #111;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-1vw;
right:3vw;
}


/* COMPANY */

.comLinkBnr{
width:96vw;
margin:8vw auto 0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.comLinkBnr li{
position:relative;
width:47vw;
height:20vw;
padding-left:16vw;
font-size:3.6vw;
line-height:5vw;
display:flex;
justify-content:center;
align-items:center;
font-weight:700;
border:1px solid #ccc;
margin-bottom:2vw;
}

.comLinkBnr li:nth-child(1){ background:url(img/bnr-com01.jpg) no-repeat center center; }
.comLinkBnr li:nth-child(2){ background:url(img/bnr-com02.jpg) no-repeat center center; }
.comLinkBnr li:nth-child(3){ background:url(img/bnr-com03.jpg) no-repeat center center; }
.comLinkBnr li:nth-child(4){ background:url(img/bnr-com04.jpg) no-repeat center center; }
.comLinkBnr li:nth-child(5){ background:url(img/bnr-com05.jpg) no-repeat center center; }
.comLinkBnr li:nth-child(6){ background:url(img/bnr-com06.jpg) no-repeat center center; }


.comLinkBnr li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.greetingHeader{
background:url(img/teaser-greeting.jpg) no-repeat;
background-size:92vw;
width:92vw;
height:43vw;
margin-bottom:6vw;
position:relative;
}
.greetingTitle{
position:absolute;
top:50%;
left:5vw;
font-size:5vw;
line-height:6vw;
font-weight:700;
margin-top:-3vw;
}


.greetingCopy{
font-size:5vw;
line-height:7.5vw;
margin-bottom:6vw;
font-weight:700;
font-family:'Noto Serif JP';
}

.message p{
font-size:3.8vw;
line-height:6.5vw;
}
.message{
margin-bottom:8vw;
}
.sign{
text-align:right;
font-size:6vw;
line-height:8vw;
font-family:'Noto Serif JP';
font-weight:500;
}
.sign span{
display:inline-block;
margin-right:5vw;
font-size:3.2vw;
font-family:'Noto Sans JP';
}



.philosophy{
font-size:6vw;
line-height:7.5vw;
font-weight:700;
text-align:center;
font-family:'Noto Serif JP';
margin:8vw 0;
}


.policy01{
margin-left:2em;
margin-bottom:8vw;
}
.policy01 li{
list-style-type:decimal;
}
.policy02{
margin-left:2em;
}

.policy02 li{
list-style-type:decimal;
margin-bottom:5vw;
}

.policy02sub{
margin-left:0;
}
.policy02sub li{
list-style-type:none;
position:relative;
margin-bottom:0;
padding-left:4vw;
}
.policy02sub li::before{
content:'';
width:1vw;
height:1vw;
background:#040000;
border-radius:50%;
position:absolute;
top:3vw;
left:1vw;
}


.summaryT{
border-top:1px solid #040000;
width:100%;
}
.summaryT th{
font-size:3.4vw;
padding:4vw 0;
width:24vw;
border-bottom:1px solid #040000;
text-align:left;
vertical-align:top;
}
.summaryT td{
font-size:3.4vw;
padding:4vw 0;
border-bottom:1px solid #040000;
}

.col2T{
}
.col2T div{
}

.mapLink a{
display:inline-block;
background:#00A0E9;
font-size:2.5vw;
line-height:4vw;
padding:0 1vw;
border-radius:2px;
margin-left:1vw;
color:#fff;
}




.historyT{
width:100%;
border-top:1px solid #040000;
}
.historyT th{
font-size:3.4vw;
line-height:5vw;
padding:3vw 2vw 3vw 0;
border-bottom:1px solid #040000;
text-align:left;
font-weight:normal;
width:24vw;
vertical-align:top;
}
.historyT th span{
display:inline-block;
text-align:right;
float:right;
}

.historyT td{
font-size:3.4vw;
line-height:5vw;
padding:3vw;
border-bottom:1px solid #040000;
}




.teaser-sdgs{
width:92vw;
margin:0 auto;
}
.sdgsTitle{
text-align:center;
font-size:5vw;
line-height:8vw;
font-weight:700;
background:#22AC38;
color:#fff;
margin-bottom:8vw;
}



.sdgs{
width:100%;
margin:0 auto;
}
.sdgs li{
margin-bottom:10vw;
}
.sdgsThumb{
margin-bottom:3vw;
}
.sdgsText{
}
.sdgsNum{
font-size:4.2vw;
line-height:8vw;
font-weight:700;
}

.sdgsPoint{
margin-left:.5em;
margin-bottom:6vw;
}
.sdgsPoint li{
padding-left:4vw;
position:relative;
font-size:3.6vw;
line-height:5.5vw;
margin-bottom:0;
}
.sdgsPoint li::before{
content:'';
width:1vw;
height:1vw;
background:#040000;
border-radius:50%;
position:absolute;
top:2.3vw;
left:1vw;
}


/* RECRUIT */

.recPageTitle{
width:50vw;
height:10vw;
font-size:5vw;
line-height:10vw;
text-align:center;
font-weight:700;
background:#fff;
position:absolute;
top:60%;
left:50%;
margin-left:-25vw;
}


.recIndex01{
padding:0 0 10vw;
}
.recMark{
width:25vw;
margin:0 auto 10vw;
}
.recCatch{
font-size:6vw;
line-height:9vw;
font-weight:900;
text-align:center;
}

.recIndex02{
}


.recMenu{
}
.recMenu li{
padding-bottom:42.23%;
position:relative;
height:0;
}

.recMenu li:nth-child(1){ background:url(img/recmenu01sp.jpg) no-repeat center top; background-size:cover; }
.recMenu li:nth-child(2){ background:url(img/recmenu02sp.jpg) no-repeat center top; background-size:cover; }
.recMenu li:nth-child(3){ background:url(img/recmenu03sp.jpg) no-repeat center top; background-size:cover; }


.recMenu01,
.recMenu03{
width:45vw;
position:absolute;
left:55vw;
top:50%;
margin-top:-5vw;
}


.recMenu02{
width:45vw;
position:absolute;
left:0;
top:50%;
margin-top:-5vw;
}


.recLink a{
width:45vw;
height:10vw;
background:#040000;
color:#fff;
text-align:center;
position:relative;
font-size:4vw;
line-height:10vw;
font-weight:500;
display:block;
margin-bottom:5vw;
}




.recDesc{
width:40vw;
font-size:3.2vw;
line-height:4.5vw;
}




.recIndex03{
padding:10vw 0 4vw;
}

.entryBtn{
width:92vw;
height:30vw;
margin:0 auto;
background:#EA5514;
font-size:12vw;
line-height:16vw;
text-align:center;
color:#fff;
position:relative;
display:flex;
justify-content:center;
align-items:center;
font-weight:900;
}
.entryBtn span{
display:block;
font-size:3vw;
line-height:6vw;
font-weight:500;
}


.entryBtn a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}




.ceoImg{
margin-bottom:6vw;
}

.visionCopy{
font-size:5vw;
line-height:7.5vw;
margin-bottom:6vw;
font-family:'Noto Serif JP';
font-weight:500;
}



.recLinkBnr{
width:92vw;
margin:8vw auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.recLinkBnr li{
position:relative;
width:45vw;
height:20vw;
padding-left:16vw;
font-size:3.6vw;
line-height:5vw;
display:flex;
justify-content:center;
align-items:center;
font-weight:700;
border:1px solid #ccc;
margin-bottom:2vw;
}

.recLinkBnr li:nth-child(1){ background:url(img/recbnr01.jpg) no-repeat center center; }
.recLinkBnr li:nth-child(2){ background:url(img/recbnr02.jpg) no-repeat center center; }
.recLinkBnr li:nth-child(3){ background:url(img/recbnr03.jpg) no-repeat center center; }


.recLinkBnr li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}





.jobLead{
font-size:3.5vw;
line-height:5vw;
margin-bottom:8vw;
}

.jobList{
border:1px solid #040000;
margin-bottom:10vw;
}
.jobSummary{
padding:4vw;
}
.jobThumb{
}


.jobTitle{
font-size:4.5vw;
color:#EA5514;
line-height:7vw;
font-weight:700;
margin-bottom:1vw;
}
.treat{
margin-bottom:5vw;
}
.treat li{
padding-left:4vw;
position:relative;
font-size:3.5vw;
line-height:5.5vw;
}
.treat li::before{
content:'';
width:1vw;
height:1vw;
background:#999;
border-radius:50%;
position:absolute;
top:2.25vw;
left:1vw;
}

.jobBtn a{
display:block;
text-align:center;
color:#fff;
width:50vw;
height:8vw;
line-height:8vw;
font-size:4vw;
position:relative;
background:#EA5514;
}
.jobBtn a::after{
content:'';
width:2vw;
height:2vw;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-1vw;
right:3vw;
}


/* COMMEN MENU */

.sitemap{
}
.smL,
.smC,
.smR{
}

.smList{
margin-bottom:10vw;
}

.smList li{
font-size:4vw;
line-height:8vw;
}


.smList li a{
color:#040000;
}


.smList02{
margin-top:10vw;
}
.smList02 li{
font-size:4vw;
line-height:8vw;
}
.smList02 li a{
color:#0D955A;
}



/* CONTACT */

.formT{
border-top:1px solid #ccc;
margin-bottom:8vw;
width:100%;
}
.formT th{
text-align:left;
padding:4vw 0;
font-size:4vw;
line-height:6vw;
white-space:nowrap;
display:block;
}
.formT th span{
display:inline-block;
color:#f00;
margin-left:5px;
font-size:16px;
}


.formT td{
display:block;
padding:0 0 4vw 4vw;
border-bottom:1px solid #ccc;
}

.formCaption{
margin-bottom:15px;
font-size:14px;
line-height:24px;
color:#999;
}

.formMulti{
}
.formMulti li{
margin-bottom:3vw;
}

.formL{
font-size:3vw;
line-height:5vw;
}

.formL span{
display:inline-block;
color:#f00;
margin-left:5px;
font-size:16px;
}

.formR{
}

input[type=tel].zipcode{
width:20vw;
padding:10px;
border:1px solid #ccc;
border-radius:4px;
}





/*------------------------------------------------------------
SIDE
------------------------------------------------------------*/

/*------------------------------------------------------------
CATEGORY ARCHIVE
------------------------------------------------------------*/
/* INTERVIEW */

.s-interview{
}
.s-interview li{
width:100%;
margin-bottom:3vw;
display:flex;
justify-content:space-between;
position:relative;
}
.s-interview li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}


.ivList{
margin-bottom:10vw;
}
.ivPost{
margin-bottom:12vw;
}

.ivThumb{
width:26vw;
}
.ivStatus{
width:60vw;
display:flex;
justify-content:center;
align-items:center;
}


.join,
.assign{
font-size:3.6vw;
line-height:5.5vw;
}


.ivTitle{
font-size:7vw;
line-height:9vw;
text-align:center;
font-weight:900;
margin-bottom:6vw;
color:#EA5514;
}

.ivTeaser{
position:relative;
margin-bottom:6vw;
}

.ivLabel{
width:35vw;
height:24vw;
background:#238F58;
position:absolute;
top:0;
left:0;
padding:3vw;
display:flex;
flex-wrap:wrap;
justify-content:left;
align-items:center;
color:#fff;
font-size:3.2vw;
line-height:5vw;
}


.ivName span{
display:inline-block;
font-size:2.5vw;
margin-left:1vw;
}




.ivCopy{
font-size:5vw;
line-height:7.5vw;
margin-bottom:6vw;
font-weight:700;
}



.iv-iv{
}
.iv-iv::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.ivImage{
width:30vw;
float:right;
margin:0 0 3vw 5vw;
}

.ivQ{
}

.ivQ dt{
font-size:4.5vw;
line-height:7vw;
font-weight:700;
color:#EA5514;
margin-bottom:2vw;
}
.ivQ dd{
margin-bottom:5vw;
font-size:3.4vw;
line-height:5vw;
font-weight:500;
}



.ivSTitle{
background:rgba(0,169,93,.5);
display:block;
position:relative;
font-size:4.2vw;
line-height:10vw;
height:10vw;
padding-left:13vw;
color:#fff;
font-weight:500;
}
.ivSTitle::before{
content:'';
width:10vw;
height:10vw;
background-color:#00A95D;
background-image:url(img/icon_time.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:8vw;
position:absolute;
top:0;
left:0;
}


.ivSchedule{
padding:3vw 4vw;
background:rgba(0,169,93,.15);
}

.ivSchedule li{
display:flex;
font-size:3.5vw;
line-height:5vw;
margin-bottom:1vw;
}
.ivTime{
width:15vw;
text-align:right;
}
.ivTask{
width:65vw;
margin-left:4vw;
}


/* INFORMATION */

.archive{
border-top:1px solid #b0b0b0;
margin-bottom:8vw;
}
.archive li{
padding:3vw;
font-size:3.5vw;
line-height:5vw;
display:flex;
border-bottom:1px solid #b0b0b0;
position:relative;
}
.postDate{
width:24vw;
}
.postTitle{
width:68vw;

}

.archive li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}








/*------------------------------------------------------------
SINGLE
------------------------------------------------------------*/
/* RECRUITMENT */

.jDetail{
margin-bottom:6vw;
}

.jText{
margin-bottom:4vw;
}
.jThumb{
}



.treat2{
margin-bottom:40px;
}
.treat2 li{
padding-left:4vw;
position:relative;
font-size:3.5vw;
line-height:6vw;
}
.treat2 li::before{
content:'';
width:1vw;
height:1vw;
background:#999;
border-radius:50%;
position:absolute;
top:2.5vw;
left:1vw;
}

.remarks{
font-size:3vw;
line-height:5vw;
}




.workAbout{
font-size:3.6vw;
line-height:5.5vw;
margin-bottom:6vw;
}

.workT{
width:100%;
margin-bottom:10vw;
}
.workT th{
padding:3vw;
font-size:3.2vw;
line-height:5vw;
text-align:left;
white-space:nowrap;
border-bottom:1px solid #ccc;
}
.workT td{
padding:3vw;
font-size:3.2vw;
line-height:5vw;
border-bottom:1px solid #ccc;
}



.infoTitle{
font-size:5vw;
line-height:7vw;
padding-bottom:4vw;
border-bottom:1px solid #22AC38;
margin-bottom:6vw;
}

.time{
font-size:3.2vw;
line-height:6vw;
margin-bottom:3vw;
}

/* POST */


.post{
margin-bottom:10vw;
}
.post p{
margin-bottom:2em;
}
.post h3{
font-size:4.5vw;
line-height:8vw;
margin:3vw 0;
}
.post h4{
font-size:4vw;
line-height:8vw;
margin:2vw 0;
}
.post h5{
font-size:3.6vw;
line-height:6.5vw;
margin:2vw 0;
}



/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/

footer{
}
.footer1{
background:#71BE76;
padding:8vw 0;
}
.footer1Inner{
width:92vw;
margin:0 auto;
}
.fCatch{
font-size:4vw;
line-height:6vw;
color:#fff;
font-weight:500;
width:92vw;
margin-bottom:3vw;
}

.fContact{
border:1px solid #fff;
}
.fContact li{
text-align:center;
color:#fff;
}
.fContact li:nth-child(1){
font-size:6vw;
line-height:8vw;
border-bottom:1px solid #fff;
padding:3vw;
}
.fContact li:nth-child(2) a{
position:relative;
color:#fff;
font-size:5vw;
line-height:10vw;
display:block;
padding:3vw;
}
.fContact li:nth-child(2) a::before{
content:'';
width:10vw;
height:8vw;
background:url(img/icon_mail.svg) no-repeat left center;
background-size:10vw;
position:absolute;
top:4vw;
left:3vw;
}



.footer2{
background:#168F58;
color:#fff;
}


.footer2Inner{
width:92vw;
margin:0 auto;
padding-bottom:8vw;
}
.footer2InnerWrap{
padding:5vw 0 0;
}
.footer2L{
width:100%;
}

.fLogo{
margin-bottom:3vw;
text-align:center;
}
.fAdd{
font-size:3.2vw;
line-height:4.5vw;
text-align:center;
}
.fTel{
font-size:5vw;
line-height:7.5vw;
text-align:center;
}
.marks{
background:#fff;
margin:6vw 0;
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:3vw 0;
}

.sns{
text-align:center;
font-size:3vw;
line-height:8vw;
margin-bottom:10vw;
}
.sns span{
display:inline-block;
margin-left:4vw;
padding-left:12vw;
background:url(img/icon_instagram.svg) no-repeat left center;
background-size:8vw;
}



.fCommon{
width:92vw;
margin:0 auto;
background:#71BE76;
padding:3vw 11vw 3vw 3vw;
position:relative;
height:8vw;
}

.fNavi2{
display:flex;
justify-content:center;
}
.fNavi2 li{
padding:0 3vw;
font-size:2.5vw;
line-height:3vw;
border-right:1px solid #fff;
}
.fNavi2 li:last-child{
border:0;
}

.fNavi2 li a{
color:#fff;
}

.pagetop a{
width:8vw;
height:8vw;
position:absolute;
top:0;
right:0;
background:#040000;
}

.pagetop a::after{
content:'';
width:8px;
height:8px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-135deg);
position:absolute;
top:12px;
left:10px;
}





.copy{
text-align:center;
background:#000;
color:#fff;
font-size:2.5vw;
line-height:9vw;
}