/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
	BODY BASIC
------------------------------------------------------------*/
body{
font-size:16px;
line-height:28px;
color:#040000;
overflow:hidden;
width:100%;
}

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


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

.btn01{　
}
.btn01 a{
font-size:18px;
width:290px;
height:50px;
margin:0 auto;
line-height:50px;
color:#0D955A;
border:1px solid #0D955A;
position:relative;
font-weight:700;
display:block;
transition:all .2s;
}
.btn01 a::after{
content:'';
width:8px;
height:8px;
border-right:2px solid #0D955A;
border-bottom:2px solid #0D955A;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-4px;
right:15px;
}

.btn01 a:hover{
background:#0D955A;
color:#fff;
}
.btn01 a:hover::after{
color:#fff;
}


.btn02{
margin-left:80px;
}
.btn02 a{
font-size:18px;
width:290px;
height:50px;
line-height:50px;
color:#fff;
background: #EA5514;
position:relative;
font-weight:700;
display:block;
transition:all .2s;
text-align:center;
}

.btn02 a:hover{
filter:brightness(120%);
}




/*------------------------------------------------------------
	IS-FIXED HEADER
------------------------------------------------------------*/

.is-fixed header{
position:fixed;
width:100%;
background:#fff;
z-index:10;
}

.is-fixed #header{
border-top:4px solid #168F58;
}

.is-fixed .headerInner{
padding:0;
}

.is-fixed .siteLogo{
width:180px;
}

.is-fixed .headC{
width:420px;
margin-left:175px;
display:flex;
}
.is-fixed .headC1{
padding-top:7px;
}
.is-fixed .headC2{
padding-top:23px;
}
.is-fixed .headC3{
margin-top:22px;
}

.is-fixed .headAdd{
line-height:16px;
}


.is-fixed .headContact a{
margin-top:14px;
}

.is-fixed #navi{
height:41px;
padding-bottom:1px;
border-bottom:1px solid #ccc;
}


.is-fixed .gnavi li{
height:40px;
border-bottom:4px solid #fff;
}
.is-fixed .gnavi li:hover{
border-bottom:4px solid #70bf77;
}


.is-fixed .gnavi li a{
line-height:40px;
}

.is-fixed .gsub{
top:40px;
height:60px;
}

.is-fixed .subnavi li a::before{
top:24px;
}

.is-fixed .subnavi li a{
line-height:60px;
}

.is-fixed .subnavi li{
border:none;
}

.is-fixed .subnavi li:hover{
border:none;
}

.is-fixed #container{
padding-top:97px;
}

/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/
#container{
width:100%;
overflow:hidden;
padding-top:0;
}


#header{
width:100%;
border-top:10px solid #168F58;
border-bottom:1px solid #040000;
transition:all .3s;
}
.headerInner{
width:960px;
margin:0 auto;
display:flex;
justify-content:left;
padding:13px 0;
transition:all .3s;
}

.siteLogo{
width:275px;
display:flex;
justify-content:left;
align-items:center;
position:relative;
transition:all .3s;
}
.siteLogo a{

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

.headC{
width:420px;
margin-left:80px;
display:flex;
transition:all .3s;
}
.headC1{
padding-top:24px;
transition:all .3s;
}

.headC2{
margin-left:20px;
padding-top:42px;
font-size:20px;
line-height:28px;
transition:all .3s;
}

.headC3{
width:26px;
height:26px;
margin-top:39px;
background:url(img/icon_instagram_bk.svg) no-repeat;
background-size:26px;
margin-left:20px;
position:relative;
transition:all .3s;
}
.headC3 a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.headR{
width:165px;
margin-left:20px;
}
.headAdd{
font-size:12px;
line-height:18px;
transition:all .3s;
}

.headTel{
font-size:20px;
line-height:28px;
font-weight:500;
}

.lang{
display:flex;
justify-content:space-between;
margin-bottom:8px;
}
.lang li a{
color:#040000;
font-size:12px;
line-height:20px;
border:1px solid #040000;
width:74px;
text-align:center;
display:inline-block;
}

.headContact a{
display:block;
text-align:center;
color:#fff;
background:#D71618;
font-size:12px;
line-height:34px;
position:relative;
padding-left:20px;
font-weight:500;
transition:all .3s;
margin-top:36px;
}
.headContact a::before{
content:'';
width:19px;
height:13px;
background:url(img/icon_mail.svg) no-repeat center center;
background-size:19px;
position:absolute;
top:10px;
left:50%;
margin-left:-75px;
}

.headContact a:hover{
background:#f00;
}


#navi{
width:100%;
height:70px;
position:relative;
transition:all .3s;
}
.gnavi{
width:960px;
margin:0 auto;
display:flex;
}
.gnavi li{
width:160px;
text-align:center;
height:70px;
border-bottom:7px solid #fff;
transition:all .3s;
}
.gnavi li:hover{
border-bottom:7px solid #70bf77;
}


.gnavi li a{
font-size:15px;
color:#040000;
line-height:70px;
font-weight:500;
display:block;
transition:all .3s;
}

.gsub{
position:absolute;
top:70px;
left:0;
display:none;
width:100%;
height:100px;
background:#70bf77;
z-index:999;
}
.subnavi{
width:960px;
margin:0 auto;
display:flex;
justify-content:left;
}

.subnavi li{
width:auto;
text-align:left;
position:relative;
margin-right:40px;
border:none;
}

.subnavi li a{
color:#fff;
line-height:100px;
padding-left:18px;
position:relative;
display:block;
font-size:14px;
transition:all .3s;
}
.subnavi li a::before{
content:'';
width:6px;
height:6px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:45px;
left:0;
}

.subnavi li:hover{
border:none;
}

.subnavi li a:hover{
text-decoration:underline;
}



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


#index1{
padding:60px 0 45px;
}
.index1Title{
text-align:center;
font-size:40px;
line-height:1em;
margin-bottom:30px;
font-weight:700;
}
.index1Title span{
color:#0D955A;
}

.index1Lead{
text-align:center;
font-size:33px;
line-height:45px;
font-weight:700;
margin-bottom:40px;
}

.strList{
width:960px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.strList li{
width:290px;
margin-bottom:45px;
}


.strThumb{
position:relative;
margin-bottom:5px;
}
.strClick{
width:90px;
height:90px;
text-align:center;
position:absolute;
bottom:0;
right:0;
background:#0D955A;
display:flex;
justify-content:center;
align-items:center;
transition:all .2s;
}
.strClick:hover{
filter:brightness(120%);
}

.strClick a{
width:90px;
height:90px;
color:#fff;
font-size:24px;
display:block;
line-height:90px;
}

.strTitle{
font-size:24px;
line-height:33px;
color:#0D955A;
padding:0;
text-align:left;
}



#index2{
background:url(img/index2bg.jpg) no-repeat center top;
padding:60px 0 110px;
}

.index2Title{
display:block;
width:290px;
height:45px;
background:#231815;
margin:0 auto 30px;
font-size:24px;
line-height:45px;
text-align:center;
font-weight:700;
color:#fff;
}
.index2Lead{
text-align:center;
font-size:33px;
line-height:40px;
margin-bottom:60px;
font-weight:700;
}


.busiList{
width:960px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.busiList li{
width:290px;
background:#0D955A;
padding:15px;
position:relative;
}
.busiList li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.busiThumb img{
transition:all .2s;
}

.busiList li:hover .busiThumb img{
filter:brightness(120%);
}

.busiThumb{
width:260px;
margin-bottom:10px;
float:none !important;
}
.busiTitle{
width:auto;
color:#fff;
font-size:24px;
line-height:40px;
position:relative;
font-weight:700;
height:auto;
padding:0;
float:none !important;
display:block;
}
.busiTitle::after{
content:'';
width:8px;
height:8px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-4px;
right:15px;
}





#index3{
padding:120px 0 90px;
}
.bnr-sdgs{
width:960px;
margin:0 auto 120px;
}
.bnr-sdgs img{
transition:all .2s;
}

.bnr-sdgs:hover img{
filter:brightness(110%);
}


.index3Title{
font-size:46px;
line-height:60px;
margin-bottom:30px;
font-family:'Noto Serif JP';
font-weight:700;
text-align:center;
}

.feed{
width:960px;
margin:0 auto 67px;
border-top:1px solid #000;
}
.feed li{
position:relative;
border-bottom:1px solid #000;
padding:15px 0;
display:flex;
font-size:18px;
line-height:25px;
}

.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:150px;
}
.feedTitle{
width:790px;
margin-left:20px;
}




#index4{
padding:75px 0 144px;
background:url(img/index4bg.jpg) no-repeat center top;
}


.index4Title{
display:block;
width:290px;
height:45px;
background:#231815;
margin:0 auto 30px;
font-size:24px;
line-height:45px;
text-align:center;
font-weight:700;
color:#fff;
}
.index4Lead{
text-align:center;
font-size:33px;
line-height:40px;
margin-bottom:60px;
font-weight:700;
}

.manageList{
width:960px;
margin: 0 auto;
display:flex;
justify-content:space-between;
}
.manageList li{
width:450px;
position:relative;
transition:all .2s;
}

.manageList li:hover{
filter:brightness(120%);
}

.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:338px;
height:176px;
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:28px;
font-weight:700;
}





#index5{
background:url(img/index5bg.jpg) no-repeat center top;
height:700px;
position:relative;
padding:0;
}

.recTxt{
width:100%;
height:230px;
background:rgba(0,0,0,.6);
position:absolute;
bottom:0;
left:0;
}
.recTxtInner{
width:960px;
margin:0 auto;
position:relative;
padding:30px 0 0 255px;
}

.stamp-rec{
width:227px;
height:233px;
background:url(img/stamp-recruit.png) no-repeat;
position:absolute;
top:-58px;
left:0;
}

.index5Title{
font-size:46px;
line-height:50px;
margin-bottom:20px;
color:#fff;
font-weight:700;
}

.index5Lead{
font-size:22px;
line-height:32px;
margin-bottom:20px;
color:#fff;
font-weight:700;
}



#index6{
padding:100px 0 70px;
}

.exBnr{
width:960px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.exBnr li{
position:relative;
width:290px;
transition:all .2s;
}
.exBnr li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.exBnr li:hover{
opacity:.6;
}



/*------------------------------------------------------------
	PANKUZU
------------------------------------------------------------*/
#pankuzu{
width:960px;
margin:0 auto;
font-size:11px;
line-height:20px;
padding:10px 0;
}
#pankuzu .current{
font-weight:normal;
}

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

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

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

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


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

.teaser_recruit_low{
background:url(img/teaser-recruit-low.jpg) no-repeat center top;
height:125px;
padding-bottom:0;
position:relative;
}
.recPageTitle{
width:300px;
height:70px;
font-size:28px;
line-height:70px;
text-align:center;
font-weight:700;
background:#fff;
position:absolute;
top:594px;
left:50%;
margin-left:-150px;
}
.lowPageTitle{
text-align:center;
width:100%;
height:62px;
color:#fff;
background:rgba(0,0,0,.3);
font-size:28px;
line-height:62px;
font-weight:700;
position:absolute;
bottom:0;
left:0;
}


#page{
padding:90px 0 70px;
}

#page section{
width:960px;
margin:0 auto 80px;
}

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

.inner{
width:960px;
margin:0 auto;
}
h2.md01{
font-size:30px;
line-height:40px;
font-weight:700;
margin-bottom:20px;
}
h2.md02{
font-size:30px;
line-height:40px;
padding-bottom:20px;
border-bottom:1px solid #040000;
margin-bottom:20px;
}
h2.md03{
color:#EA5514;
font-size:30px;
line-height:40px;
padding-bottom:20px;
border-bottom:1px solid #040000;
margin-bottom:20px;
}
h2.md04{
text-align:center;
font-size:50px;
line-height:74px;
margin-bottom:40px;
}

h2.md05{
text-align:center;
font-size:45px;
line-height:60px;
margin-bottom:40px;
font-family:'Noto Serif JP';
}
h2.md06{
font-size:46px;
line-height:55px;
margin-bottom:20px;
color:#fff;
font-family:'Noto serif JP';
font-weight:700;
}
h2.md07{
font-size:24px;
line-height:36px;
margin-bottom:20px;
color:#22AC38;
font-weight:700;
}


h3.md01{
background:#238F58;
line-height:50px;
padding:0 15px;
font-size:24px;
margin-bottom:20px;
color:#fff;
}

h3.md02{
font-size:30px;
line-height:40px;
margin-bottom:20px;
font-weight:700;
}
h3.md02 span{
font-size:14px;
margin-left:20px;
display:inline-block;
}

h3.md03{
font-size:30px;
line-height:80px;
margin-bottom:20px;
font-weight:700;
background:rgba(0,145,58,.3);
text-align:center;
}
h3.md03 span{
display:inline-block;
margin-left:2em;
font-size:15px;
}

h3.md04{
font-size:40px;
line-height:50px;
padding:25px 0;
border:2px solid #040000;
text-align:center;
margin-bottom:20px;
}
h3.md05{
font-size:40px;
line-height:50px;
color:#22AC38;
padding:25px 0;
border:2px solid #22AC38;
text-align:center;
margin-bottom:20px;
}

h3.md06{
font-size:30px;
line-height:80px;
border:1px solid #009E53;
border-left:15px solid #009E53;
padding:0 15px;
color:#009E53;
margin-bottom:15px;
}
h3.md07{
font-size:30px;
line-height:40px;
padding-bottom:20px;
border-bottom:1px solid #040000;
margin-bottom:15px;
}


h4.md01{
font-size:20px;
line-height:50px;
border-top:1px solid #22AC38;
border-bottom:1px solid #22AC38;
margin-bottom:20px;
color:#22AC38;
}
h4.md02{
font-size:22px;
line-height:40px;
color:#006934;
margin-bottom:10px;
}
h4.md03{
font-size:16px;
line-height:30px;
color:#040000;
margin-bottom:5px;
}
h4.md04{
font-size:22px;
line-height:40px;
color:#00913A;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

h4.md05{
font-size:22px;
line-height:44px;
color:#00913A;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #040000;
font-weight:normal;
}


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


/* RECRUIT */

.ceoImg{
margin-bottom:30px;
}

.visionCopy{
font-size:34px;
line-height:46px;
margin-bottom:30px;
font-family:'Noto Serif JP';
font-weight:500;
}

.recIndex01{
padding:0 0 70px;
}
.recMark{
width:230px;
margin:0 auto 40px;
}
.recCatch{
font-size:64px;
line-height:75px;
font-weight:900;
text-align:center;
}

.recIndex02{
}

.recMenu{
}
.recMenu li{
height:350px;
position:relative;
padding:0;
}

.recMenu li:nth-child(1){ background:url(img/recmenu01.jpg) no-repeat center top; }
.recMenu li:nth-child(2){ background:url(img/recmenu02.jpg) no-repeat center top; }
.recMenu li:nth-child(3){ background:url(img/recmenu03.jpg) no-repeat center top; }

.recMenu01,
.recMenu03{
width:480px;
height:350px;
position:absolute;
left:50%;
top:0;
display:flex;
justify-content:left;
align-items:center;
margin-top:0;
}


.recMenu02{
width:480px;
height:350px;
position:absolute;
left:50%;
top:0;
margin-left:-480px;
display:flex;
justify-content:left;
align-items:center;
margin-top:0;
}

.recLink a{
width:480px;
height:60px;
background:#040000;
color:#fff;
text-align:center;
position:relative;
margin-bottom:15px;
font-size:28px;
line-height:60px;
font-weight:500;
display:block;
}

.recLink a::after{
content:'';
width:10px;
height:10px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-6px;
right:20px;
}

.recDesc{
font-size:24px;
line-height:32px;
}


.recIndex03{
padding:144px 0 70px;
}

.entryBtn{
width:960px;
height:200px;
margin:0 auto;
background:#EA5514;
font-size:75px;
line-height:100px;
text-align:center;
color:#fff;
position:relative;
display:flex;
justify-content:center;
align-items:center;
font-weight:900;
transition:all .2s;
}
.entryBtn span{
display:block;
font-size:24px;
line-height:35px;
font-weight:500;
}

.entryBtn:hover{
filter:brightness(105%);
}

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



/* STRENGTH */


.strDesc{
width:960px;
margin:0 auto 100px;
}

#str00{
padding:0 0 0;
margin-bottom:100px !important;
}




.strMenu{
position:relative;
width:960px;
height:546px;
margin:0 auto;
}
.strMenu li{
width:223px;
height:222px;
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;
position:absolute;
top:0;
left:0;
}
.strMenu li:nth-child(2){
background:url(img/strm02.png) no-repeat;
position:absolute;
top:0;
left:50%;
margin-left:-111px;
}
.strMenu li:nth-child(3){
background:url(img/strm03.png) no-repeat;
position:absolute;
top:0;
right:0;
}

.strMenu li:nth-child(4){
background:url(img/strm04.png) no-repeat;
position:absolute;
top:160px;
left:181px;
}

.strMenu li:nth-child(5){
background:url(img/strm05.png) no-repeat;
position:absolute;
top:160px;
left:50%;
margin-left:80px;
}

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

section#str01{
border-top:10px solid #FABE00;
padding:50px 0 80px;
width:960px;
margin:0 auto;
}
section#str02{
border-top:10px solid #C3D82D;
padding:50px 0 80px;
width:960px;
margin:0 auto;
}
section#str03{
border-top:10px solid #F3994F;
padding:50px 0 80px;
width:960px;
margin:0 auto;
}
section#str04{
border-top:10px solid #87CAAC;
padding:50px 0 80px;
width:960px;
margin:0 auto;
}
section#str05{
border-top:10px solid #F3A8BB;
padding:50px 0 80px;
width:960px;
margin:0 auto;
}
section#str06{
border-top:10px solid #7ECEF4;
padding:50px 0 140px;
width:960px;
margin:0 auto;
}

.icon-str01{
width:88px;
height:75px;
margin:0 auto 40px;
background:url(img/icon_str01.svg) no-repeat center top;
background-size:88px;
}
.icon-str02{
width:91px;
height:68px;
margin:0 auto 40px;
background:url(img/icon_str02.svg) no-repeat center top;
background-size:91px;
}
.icon-str03{
width:88px;
height:74px;
margin:0 auto 40px;
background:url(img/icon_str03.svg) no-repeat center top;
background-size:88px;
}
.icon-str04{
width:84px;
height:77px;
margin:0 auto 40px;
background:url(img/icon_str04.svg) no-repeat center top;
background-size:84px;
}
.icon-str05{
width:80px;
height:80px;
margin:0 auto 40px;
background:url(img/icon_str05.svg) no-repeat center top;
background-size:80px;
}
.icon-str06{
width:62px;
height:69px;
margin:0 auto 40px;
background:url(img/icon_str06.svg) no-repeat center top;
background-size:62px;
}

.strLead{
text-align:center;
font-size:26px;
line-height:42px;
margin-bottom:40px;
}
.strWrap{
display:flex;
justify-content:space-between;
}
.strL{
width:480px;
margin:0;
}
.strR{
width:440px;
}



/* BUSINESS */

.busiMenu{
width:960px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.busiMenu li{
width:290px;
position:relative;
margin-bottom:30px;
}
.bmThumb{
margin-bottom:10px;
}
.bmThumb img{
transition:all .2s;
}
.bmTitle{
padding-left:18px;
font-size:20px;
line-height:30px;
position:relative;
}
.bmTitle::before{
content:'';
width:8px;
height:8px;
border-right:2px solid #111;
border-bottom:2px solid #111;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-6px;
left:0;
}

.busiMenu li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.busiMenu li:hover .bmThumb img{
filter:brightness(105%);
}


.busiHead{
width:960px;
margin:0 auto 40px;
display:flex;
}
.bTitle{
width:480px;
background:#00913A;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
font-weight:bold;
line-height:40px;
}
.bThumb{
width:480px;
}

.busiDesc{
width:960px;
margin:0 auto 40px;
font-size:18px;
line-height:31px;
}

.busiCol2{
display:flex;
justify-content:space-between;
margin-bottom:50px;
}

.col2L{
width:460px;
margin:0;
}
.col2R{
width:460px;
}
.col2R p{
margin-bottom:2em;
}

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

.trademark{
padding-left:70px;
position:relative;
margin-bottom:20px;
}
.trademark::before{
content:'商標';
font-size:16px;
line-height:88px;
position:absolute;
top:0;
left:0;
color:#999;
}


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

.comflow li:last-child::after{
content:'';
border:none;
}
.comThumb{
width:480px;
height:250px;
}
.comTitle{
width:480px;
display:flex;
justify-content:center;
align-items:center;
font-size:29px;
line-height:40px;
text-align:center;
position:relative;
}

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


.busiLinkBnr{
width:960px;
margin:140px auto 0;
display:flex;
justify-content:space-between;
}
.busiLinkBnr li{
position:relative;
width:300px;
height:100px;
padding-left:150px;
font-size:16px;
line-height:20px;
display:flex;
justify-content:left;
align-items:center;
font-weight:700;
transition:all .2s;
}

.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:16px;
border-bottom:1px solid #ddd;
}
.matT thead td{
background:#eee;
padding:16px;
border-bottom:1px solid #ddd;
}
.matT tbody th{
background:#D3EDFB;
vertical-align:top;
padding:16px;
border-bottom:1px solid #ddd;
}
.matT tbody td{
padding:16px;
border-bottom:1px solid #ddd;
}

.matCaption{
text-align:right;
}


/* RECYCLE */

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


.recflow02{
padding:70px 0;
position:relative;
}
.recflow02 li{
width:760px;
height:251px;
margin-bottom:70px;
position:relative;
border:1px solid #040000;
display:flex;
}
.recflow02 li:last-child{
margin-bottom:0;
}

.recyThumb{
width:480px;
}
.recyTitle{
width:280px;
display:flex;
justify-content:center;
text-align:center;
align-items:center;
font-size:29px;
line-height:40px;
padding-top:40px;
position:relative;
}

.recflow02::after{
content:'';
width:660px;
height:calc(100% - 34px);
border:17px solid #8FC31F;
border-radius:70px;
position:absolute;
top:0;
left:220px;
z-index:-1;
}

.recflow02::before{
content:'';
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #ccc;
position:absolute;
top:0;
left:0;
}

.recflow02 li:nth-child(1)::before{
content:'';
border-top: 40px solid transparent;
border-right: 40px solid #8FC31F;
border-bottom: 40px solid transparent;
position:absolute;
top: -102px;
left: 50%;
margin-left: 70px;
}

.recflow02 li:nth-child(3)::before{
content:'';
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #8FC31F;
position:absolute;
top: -50px;
right: -186px;
}
.recflow02 li:nth-child(6)::before{
content:'';
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #8FC31F;
position:absolute;
top: -50px;
right: -186px;
}
.recflow02 li:nth-child(9)::before{
content:'';
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #8FC31F;
position:absolute;
top: -50px;
right: -186px;
}

.recflow02 li:nth-child(10)::before{
content:'';
border-left: 40px solid #8FC31F;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
position:absolute;
bottom: -102px;
left: 50%;
margin-left: 90px;
}

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


.recyBnr{
position:relative;
width:960px;
height:250px;
margin-bottom:20px;
}
.recyBnrTitle{
font-size:47px;
line-height:50px;
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:80px;
border:1px solid #040000;
position:relative;
display:flex;
}
.recyflow li::after{
content:'';
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #00A29A;
position:absolute;
bottom:-58px;
left:50%;
margin-left:-30px;
}

.recyThumb2{
width:480px;
height:250px;
}
.recyTitle2{
width:480px;
display:flex;
justify-content:center;
align-items:center;
font-size:29px;
line-height:40px;
text-align:center;
position:relative;
}

.recyflow li:nth-child(1) .recyTitle2::before{ content:'01'; font-size:88px; line-height:90px; color:#238F58; position:absolute; top:10px; left:20px; font-weight:bold; }
.recyflow li:nth-child(2) .recyTitle2::before{ content:'02'; font-size:88px; line-height:90px; color:#238F58; position:absolute; top:10px; left:20px; font-weight:bold; }
.recyflow li:nth-child(3) .recyTitle2::before{ content:'03'; font-size:88px; line-height:90px; color:#238F58; position:absolute; top:10px; left:20px; font-weight:bold; }
.recyflow li:nth-child(4) .recyTitle2::before{ content:'04'; font-size:88px; line-height:90px; color:#238F58; position:absolute; top:10px; left:20px; font-weight:bold; }
.recyflow li:nth-child(5) .recyTitle2::before{ content:'05'; font-size:88px; line-height:90px; color:#238F58; position:absolute; top:10px; left:20px; font-weight:bold; }
.recyflow li:nth-child(6) .recyTitle2::before{ content:'06'; font-size:88px; line-height:90px; color:#238F58; position:absolute; top:10px; left:20px; font-weight:bold; }
.recyflow li:nth-child(7) .recyTitle2::before{ content:'07'; font-size:88px; line-height:90px; color:#238F58; position:absolute; top:10px; left:20px; font-weight:bold; }

.finished{
border:1px solid #040000;
display:flex;
padding:0;
}
.itemPhoto{
width:460px;
display:flex;
justify-content:center;
align-items:center;

}
.item{
width:500px;
padding:30px;
}
.itemTitle{
text-align:center;
color:#22AC38;
font-size:36px;
line-height:50px;
border-bottom:1px solid #040000;
padding-bottom:10px;
}
.itemSubTitle{
text-align:center;
font-size:25px;
line-height:50px;
border-bottom:1px solid #040000;
margin-bottom:10px;
}
.itemDetail dt{
width:3em;
font-size:16px;
line-height:30px;
}
.itemDetail dd{
font-size:16px;
line-height:30px;
margin-left:4em;
margin-top:-30px;
margin-bottom:5px;
}



/* MANAGEMENT */
.isoWrap{
display:flex;
justify-content:space-between;
margin-bottom:40px;
}
.isoText{
width:530px;
}
.isoShape{
width:392px;
}

.pdca{
background:url(img/pdca.jpg) no-repeat center top;
height:700px;
position:relative;
}
.pdcaStep{
position:absolute;
width:960px;
height:700px;
top:0;
left:0;
}

.pdcaStep li{
font-size:16px;
line-height:24px;
width:450px;
}

.pdcaStep li:nth-child(1){ position:absolute; top:80px; left:30px;}
.pdcaStep li:nth-child(2){ position:absolute; top:80px; right:30px; text-align:right;}
.pdcaStep li:nth-child(3){ position:absolute; top:568px; left:30px;}
.pdcaStep li:nth-child(4){ position:absolute; top:592px; right:30px; text-align:right;}



.manaLinkBnr{
width:960px;
margin:140px auto 0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.manaLinkBnr li{
position:relative;
width:300px;
height:100px;
padding-left:180px;
font-size:16px;
line-height:20px;
display:flex;
justify-content:left;
align-items:center;
font-weight:700;
transition:all .2s;
margin-bottom:20px;
}

.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:428px;
margin:0 auto 60px;
}
.env03{
margin-bottom:40px;
}

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

.ecoCont{
background:#D3EDFB;
padding:20px 70px 60px;
margin-bottom:80px;
}

.ecoDesc{
text-align:center;
font-size:16px;
line-height:28px;
margin-bottom:40px;
}
.ecoCatch{
text-align:center;
font-weight:bold;
font-size:28px;
line-height:40px;
color:#00A0E9;
margin-bottom:40px;
}

.ecoflow{
display:flex;
justify-content:space-between;
margin-bottom:40px;
}
.ecoflow li{
width:225px;
text-align:center;
font-size:16px;
line-height:28px;
}
.ecoThumb{
margin-bottom:10px;
}

.ecoResult{
display:flex;
justify-content:space-between;
margin-bottom:10px;
}
.ecoResult li:nth-child(1){
border:1px solid #00A0E9;
background:#fff;
padding:10px 20px;
position:relative;
font-size:30px;
line-height:40px;
color:#00A0E9;
width:440px;
margin:0;
}
.ecoResult li:nth-child(1) span{
display:inline-block;
font-size:18px;
}

.ecoResult li:nth-child(1)::after{
content:'';
position:absolute;
top:50%;
right:-48px;
bottom:auto;
left:auto;
margin-left:0;
margin-top:-30px;
border-left: 30px solid #00A0E9;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
border-right:none;
}

.ecoResult li:nth-child(2){
width:320px;
background:#00A0E9;
padding:10px 20px;
color:#fff;
font-size:30px;
line-height:40px;
}

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

.collect{
border:1px solid #5A4F4A;
display:flex;
margin-bottom:20px;
}
.collect li:nth-child(1){
width:240px;
background:#5A4F4A;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:19px;
line-height:41px;
padding:10px;
}
.collect li:nth-child(1) span{
font-size:36px;
line-height:41px;
}

.collect li:nth-child(2){
background:#fff;
width:580px;
padding:20px 30px;
text-align:right;
font-size:30px;
line-height:44px;
display:flex;
justify-content:right;
align-items:center;
}


.ecoCaption{
font-size:20px;
line-height:40px;
color:#00A0E9;
}


.bnr-tire{
background:url(img/bnr-recycle.jpg) no-repeat;
width:960px;
height:100px;
margin:0 auto;
text-align:center;
font-size:32px;
line-height:40px;
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:12px;
height:12px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-6px;
right:20px;
}



.test{
display:flex;
justify-content:space-between;
}
.testL{
width:460px;
margin:0;
}
.testR{
width:460px;
}

.facList{
display:flex;
flex-wrap:wrap;
justify-content:left;
}
.facList li{
width:300px;
margin:0 30px 20px 0 ;
font-size:16px;
line-height:28px;
}
.facList li:nth-child(2n){
margin:0 30px 20px 0;
}

.facList li:nth-child(3n){
margin-right:0;
}
.facThumb{
margin-bottom:5px;
}



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

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

.dfItem{
background:rgba(0,145,58,.1);
padding:20px 30px;
width:260px;
font-size:20px;
line-height:40px;
}
.dfCont{
background:#fff;
width:700px;
padding:20px 30px;
font-size:20px;
line-height:40px;
}


/* FACILITIES */

.facilities{
background:url(img/facilitybg.jpg) no-repeat center top;
width:100%;
height:1604px;
padding:96px 0 110px;
}

.facInner{
width:960px;
margin:0 auto;
}

.facLead{
font-size:16px;
line-height:28px;
color:#fff;
margin-bottom:40px;
}
.base{
position:relative;
}

.baseList{
}
.baseList li{
width:371px;
height:306px;
padding:23px 23px 10px;
background:#fff;
position:relative;
box-shadow:0 0 20px #ccc;
}
.baseThumb{
width:325px;
height:226px;
margin-bottom:10px;
}
.baseTitle{
font-size:21px;
text-align:center;
position:relative;
}
.baseTitle::after{
content:'';
width:10px;
height:10px;
border-right:1px solid #111;
border-bottom:1px solid #111;
transform:rotate(-45deg);
position:absolute;
top:50%;
margin-top:-7px;
right:20px;
}

.baseList li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.baseList li:nth-child(1){ position:absolute; top:0; left:50%; margin-left:-278px;}
.baseList li:nth-child(2){ position:absolute; top:0; left:50%; margin-left:110px;}
.baseList li:nth-child(3){ position:absolute; top:580px; left:50%; margin-left:110px;}
.baseList li:nth-child(4){ position:absolute; top:336px; left:0;}
.baseList li:nth-child(5){ position:absolute; top:870px; left:0;}
.baseList li:nth-child(6){ position:absolute; top:906px; left:50%; margin-left:110px; }

.baseThumb img{
transition:all .2s;
}

.baseList li:hover .baseThumb img{
filter:brightness(110%);
}

.headImage{
width:960px;
margin:0 auto 20px;
}

.baseT01{
width:100%;
border-top:1px solid #00A0E9;
font-size:16px;
line-height:28px;
font-weight:500;
margin-bottom:20px;
}
.baseT01 th{
background:#D3EDFB;
padding:26px;
border-bottom:1px solid #00A0E9;
}
.baseT01 td{
padding:26px;
border-bottom:1px solid #00A0E9;
}



.baseT02{
width:100%;
margin:0;
font-size:15px;
line-height:28px;
font-weight:400;
}
.baseT02 thead th{
padding:6px;
background:#656565;
color:#fff;
white-space:nowrap;
border-right:1px solid #fff;
font-weight:400;
}
.baseT02 tbody th{
background:#F2F2F2;
padding:6px 0;
width:100px;
white-space:nowrap;
border:1px solid #bbb;
font-weight:400;
}
.baseT02 tbody td{
border:1px solid #bbb;
padding:6px 10px;
}

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


.baseLink{
width:960px;
margin:0 auto;
display:flex;
justify-content:left;
flex-wrap:wrap;
}
.baseLink li{
width:290px;
margin:0 45px 20px 0;
display:block;
padding:11px;
border:1px solid #040000;
font-weight:700;
font-size:16px;
line-height:28px;
text-align:center;
position:relative;
}
.baseLink li:nth-child(2n){
margin-right:45px;
}
.baseLink li:nth-child(3n){
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:10px;
}

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


/* COMPANY */

.comLinkBnr{
width:960px;
margin:140px auto 0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.comLinkBnr li{
position:relative;
width:300px;
height:100px;
padding-left:180px;
font-size:16px;
line-height:20px;
display:flex;
justify-content:left;
align-items:center;
font-weight:700;
transition:all .2s;
margin-bottom:20px;
text-align:center;
}

.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;
width:960px;
height:450px;
margin-bottom:40px;
position:relative;
}
.greetingTitle{
position:absolute;
top:50%;
left:50px;
font-size:30px;
line-height:40px;
font-weight:700;
margin-top:-20px;
}

.greetingCopy{
font-size:50px;
line-height:70px;
margin-bottom:40px;
font-weight:700;
font-family:'Noto Serif JP';
}

.message p{
font-size:20px;
line-height:36px;
}
.message{
margin-bottom:50px;
}
.sign{
text-align:right;
font-size:37px;
line-height:40px;
font-family:'Noto Serif JP';
font-weight:500;
}
.sign span{
display:inline-block;
margin-right:20px;
font-size:16px;
font-family:'Noto Sans JP';
}

.philosophy{
font-size:50px;
line-height:60px;
font-weight:700;
text-align:center;
font-family:'Noto Serif JP';
margin:80px 0;
}


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

.policy02 li{
list-style-type:decimal;
margin-bottom:30px;
}

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


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

.col2T{
display:flex;
justify-content:space-between;
}
.col2T div{
width:50%;
}

.mapLink a{
display:inline-block;
background:#00A0E9;
font-size:12px;
line-height:20px;
padding:0 5px;
border-radius:3px;
margin-left:5px;
color:#fff;
}


.historyT{
width:100%;
border-top:1px solid #040000;
}
.historyT th{
font-size:16px;
line-height:28px;
padding:11px 30px 11px 0;
border-bottom:1px solid #040000;
text-align:left;
font-weight:normal;
width:150px;
vertical-align:top;
}
.historyT th span{
display:inline-block;
text-align:right;
float:right;
}

.historyT td{
font-size:16px;
line-height:28px;
padding:11px;
border-bottom:1px solid #040000;
}

.teaser-sdgs{
width:960px;
height:370px;
margin:0 auto;
}
.sdgsTitle{
text-align:center;
font-size:30px;
line-height:55px;
font-weight:700;
background:#22AC38;
color:#fff;
margin-bottom:60px;
}

.sdgs{
width:900px;
margin:0 auto;
}
.sdgs li{
display:flex;
justify-content:space-between;
margin-bottom:60px;
}
.sdgsThumb{
width:380px;
}
.sdgsText{
width:480px;
}
.sdgsNum{
font-size:22px;
line-height:24px;
margin-bottom:26px;
font-weight:700;
}

.sdgsPoint{
margin-left:.5em;
margin-bottom:30px;
}
.sdgsPoint li{
padding-left:20px;
position:relative;
font-size:16px;
line-height:28px;
margin-bottom:0;
}
.sdgsPoint li::before{
content:'';
width:4px;
height:4px;
background:#040000;
border-radius:50%;
position:absolute;
top:12px;
left:8px;
}



/* COMMEN MENU */

.sitemap{
display:flex;
justify-content:space-between;
margin-bottom:80px;
}
.smL,
.smC,
.smR{
width:260px;
}

.smList{
margin:0;
}

.smList li{
font-size:20px;
line-height:44px;
}


.smList li a{
color:#040000;
}
.smList li a:hover{
text-decoration:underline;
}

.smList02{
margin-top:132px;
}
.smList02 li{
font-size:20px;
line-height:44px;
}
.smList02 li a{
color:#0D955A;
}
.smList02 li a:hover{
text-decoration:underline;
}


/* CONTACT */

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


.formT td{
display:table-cell;
padding:30px;
border-bottom:1px solid #ccc;
}

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

.formMulti{
}
.formMulti li{
display:flex;
margin-bottom:10px;
justify-content:space-between;
}

.formL{
font-size:inherit;
line-height:inherit;
padding-top:8px;
width:160px;
}

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

.formR{
width:520px;
}

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






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

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

.s-interview{
display:flex;
justify-content:left;
}
.s-interview li{
width:290px;
margin-right:45px;
margin-bottom:30px;
flex-wrap:wrap;
}
.s-interview li:nth-child(3n){
margin-right:0;
}

.ivList{
margin-bottom:70px;
}
.ivPost{
margin-bottom:160px;
}

.ivThumb{
width:100%;
margin-bottom:10px;
}
.ivStatus{
width:100%;
}

.join,
.assign{
font-size:18px;
line-height:24px;
}

.ivTitle{
font-size:60px;
line-height:80px;
text-align:center;
font-weight:900;
margin-bottom:40px;
color:#EA5514;
}

.ivTeaser{
position:relative;
margin-bottom:30px;
}

.ivLabel{
width:290px;
height:100px;
background:#238F58;
position:absolute;
top:0;
left:0;
padding:10px 20px;
display:flex;
flex-wrap:wrap;
justify-content:left;
align-items:center;
color:#fff;
font-size:18px;
line-height:24px;
}

.ivName span{
display:inline-block;
font-size:14px;
margin-left:5px;
}



.ivCopy{
font-size:36px;
line-height:50px;
margin-bottom:40px;
font-weight:700;
}

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

.ivImage{
width:290px;
float:right;
margin:0 0
}
.ivQ{
width:620px;
float:left;
}

.ivQ dt{
font-size:22px;
line-height:36px;
font-weight:700;
color:#EA5514;
margin-bottom:5px;
}
.ivQ dd{
margin-bottom:30px;
font-size:16px;
line-height:28px;
font-weight:500;
}


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

.ivSchedule{
padding:15px 40px;
background:rgba(0,169,93,.15);
}

.ivSchedule li{
display:flex;
font-size:16px;
line-height:32px;
margin-bottom:5px;
}
.ivTime{
width:80px;
text-align:right;
}
.ivTask{
width:750px;
margin-left:30px;
}

.recFoot{
width:960px;
margin:0 auto;
}
.recLinkBnr{
width:960px;
margin:0 auto 70px;
display:flex;
justify-content:space-between;

}
.recLinkBnr li{
position:relative;
width:300px;
height:100px;
padding-left:180px;
font-size:16px;
line-height:20px;
display:flex;
justify-content:left;
align-items:center;
font-weight:700;
transition:all .2s;
margin-bottom:0;
}

.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;
}

.recLinkBnr li:hover{
filter:brightness(105%);
}



/* RECRUITMENT */


.jobLead{
font-size:16px;
line-height:28px;
margin-bottom:50px;
}

.jobList{
border:1px solid #040000;
margin-bottom:50px;
display:flex;
justify-content:space-between;
}
.jobSummary{
width:480px;
padding:0 40px;
display:flex;
justify-content:left;
align-items:center;
}
.jobThumb{
width:480px;
}


.jobTitle{
font-size:24px;
color:#EA5514;
line-height:45px;
font-weight:700;
margin-bottom:5px;
}
.treat{
margin-bottom:40px;
}
.treat li{
padding-left:20px;
position:relative;
font-size:16px;
line-height:30px;
}
.treat li::before{
content:'';
width:6px;
height:6px;
background:#999;
border-radius:50%;
position:absolute;
top:12px;
left:6px;
}

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


/* INFORMATION */

.archive{
border-top:1px solid #b0b0b0;
margin-bottom:60px;
}
.archive li{
padding:12px;
font-size:16px;
line-height:28px;
display:flex;
border-bottom:1px solid #b0b0b0;
position:relative;
}
.postDate{
width:120px;
}
.postTitle{
width:880px;
}

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

.archive li:hover .postTitle{
text-decoration:underline;
}









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

.jDetail{
margin-bottom:40px;
}
.jDetail::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.jText{
width:430px;
float:left;
}
.jThumb{
width:480px;
float:right;
}



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

.remarks{
font-size:16px;
line-height:28px;
}




.workAbout{
font-size:20px;
line-height:36px;
margin-bottom:40px;
}

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



.infoTitle{
font-size:30px;
line-height:40px;
padding-bottom:20px;
border-bottom:1px solid #22AC38;
margin-bottom:40px;
}

.time{
font-size:16px;
line-height:28px;
margin-bottom:10px;
}

.post{
margin-bottom:80px;
}
.post p{
margin-bottom:2em;
}
.post h3{
font-size:24px;
line-height:40px;
margin:10px 0;
}
.post h4{
font-size:20px;
line-height:34px;
margin:7px 0;
}
.post h5{
font-size:18px;
line-height:30px;
margin:5px 0;
}



/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
footer{
}
.footer1{
background:#71BE76;
padding:35px 0;
}
.footer1Inner{
width:960px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.fCatch{
font-size:20px;
line-height:28px;
color:#fff;
font-weight:500;
width:460px;
margin:0;
}

.fContact{
border:1px solid #fff;
width:470px;
display:flex;
}
.fContact li{
text-align:center;
color:#fff;
}
.fContact li:nth-child(1){
font-size:22px;
line-height:30px;
border-right:1px solid #fff;
padding:15px;
border-bottom:0;
}
.fContact li:nth-child(2) a{
padding:15px 15px 15px 45px;
position:relative;
color:#fff;
font-size:18px;
line-height:30px;
display:block;
}
.fContact li:nth-child(2) a::before{
content:'';
width:27px;
height:20px;
background:url(img/icon_mail.svg) no-repeat left center;
background-size:27px;
position:absolute;
top:20px;
left:12px;
}


.footer2{
background:#168F58;
color:#fff;
}
.footer2Inner{
width:960px;
margin:0 auto;
padding-bottom:30px;
}
.footer2InnerWrap{
display:flex;
justify-content:space-between;
padding:30px 0 0;
}
.footer2L{
width:280px;
}
.footer2R{
width:632px;
display:flex;
justify-content:space-between;
}
.fLogo{
margin-bottom:10px;
}
.fAdd{
font-size:12px;
line-height:20px;
}
.fTel{
font-size:12px;
line-height:20px;
}
.marks{
background:#fff;
height:100px;
margin:15px 0 90px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

.sns{
font-size:14px;
line-height:35px;
margin:0;
}
.sns span{
display:inline-block;
margin-left:20px;
padding-left:55px;
background:url(img/icon_instagram.svg) no-repeat left center;
background-size:35px;
}

.fn01{
width:90px;
}
.fn02{
width:110px;
}

.fn03{
width:127px;
}

.fnTitle{
font-size:14px;
line-height:24px;
padding-bottom:10px;
border-bottom:1px solid #fff;
margin-bottom:10px;
}

.fNavi{
margin-bottom:25px;
}
.fNavi li{
font-size:12px;
line-height:28px;
}
.fNavi li a{
color:#fff;
}

.fNavi li a:hover{
text-decoration:underline;
}


.fCommon{
width:960px;
margin:0 auto;
background:#71BE76;
padding:12px 0;
position:relative;
height:auto;
}

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

.fNavi2 li a{
color:#fff;
}

.pagetop a{
width:30px;
height:30px;
position:absolute;
top:5px;
right:5px;
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:12px;
line-height:40px;
}








/*------------------------------------------------------------
	END PC LAYOUT CSS
------------------------------------------------------------*/
}