@charset "UTF-8";
/* CSS Document */
/*
nav#spnav{ display:none; }
.drawer-hamburger{ display: none; }
*/

.noSP{}
.noPC{ display:none;}


@media screen and (max-width:750px) {


/*
	00 layout
	01 index
	02 strengths
	03 service
	04 flow
	05 works
	06 company
	07 recruit
	08 contact


	80 basic
	98 common
	99 adjust
*/

.noSP{ display:none!important;}
.noPC{ display:block; }



.sp_pt0{ padding-top: 0!important;}
.sp_pb0{ padding-bottom: 0!important;}
.sp_pr0{ padding-right: 0!important;}
.sp_pl0{ padding-left: 0!important;}
.sp_mt0{ margin-top: 0!important;}
.sp_mb0{ margin-bottom: 0!important;}
.sp_mr0{ margin-right: 0!important;}
.sp_ml0{ margin-left: 0!important;}
/*	00 layout
------------------------------------------*/

/*--- frame ---*/
header,main,footer{
	min-width:auto;
	}

img{ width:100%;}

/*header*/
header{ width:100%; position:fixed; top:0; left:0; z-index:9; min-width:auto; margin:0 auto; height:10vh;
  background: rgb(255, 255, 255);
  box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;}

header.page-index{}

header .logo {
    position: absolute;
    top: 50%;
    left: 6vw;
    z-index: 9;
    width: auto;
    height: 7vh;
	transform: translateY(-48%);
}
header .logo img{ width:auto; height: 100%;}


header .nav_area{ display: none;}

header .nav_area{ position:absolute; right:0; top:66px; width:100%;}

header .accordion{ display: none;}

/*nav*/
nav{}
.nav_btm{margin: 0 12vw;}


/*huhamburgerMenu*/
.huhamburgerMenu{ display:block;}
.huhamburgerMenu .overlay-open-btn{width:40px;height:40px;border:none;position: absolute; padding: 0;
  background-color: white;right: 6vw;
    top: 50%;
    transform: translateY(-50%);}
.huhamburgerMenu .overlay-open-btn img {width:40px;height:40px;}
.huhamburgerMenu .overlay-open-btn:focus {outline: 0;}
.common-overlay-nav{ background:#fff; position:absolute; width:100%; z-index:999; top:0; left:0;display:none}
.common-overlay-nav .container{ width:auto; height: 100vh; margin:0 auto; padding:0; display: block; justify-content:normal; overflow-y: scroll;}
.common-overlay-nav .container .box:first-child{ padding-top: 100px;}
.common-overlay-nav .container .box{ width: 80%; margin: 0 auto;}
.common-overlay-nav .container .box .block{
	padding: 20px 0;
    border-top: 1px solid #bbb;
    margin-bottom: 0;}
.common-overlay-nav .container .box .block p{ font-size:18px; font-weight:bold;}
.common-overlay-nav .container .box .block p.acmenu{ background: url(/img/icon_navarrow.svg) no-repeat right center; background-size:11px 8px; display: block;}
.common-overlay-nav .container .box .block p.acmenu.on{ background: url(/img/icon_navarrow_up.svg) no-repeat right center; background-size:11px 8px; display: block;}
.common-overlay-nav .container .box .block p.acmenu + ul{display:none;}
.common-overlay-nav .container .box .block p span{ display: block;}
.common-overlay-nav .container .box .block p a{}
.common-overlay-nav .container .box .block p a span{}
.common-overlay-nav .container .box .block ul{ padding-left:20px; padding-bottom: 20px;}
.common-overlay-nav .container .box .block ul li{ padding-top:18px; font-size:16px; font-weight:normal;}
.common-overlay-nav .container .box .block ul li a{}
.common-overlay-nav .container .box .block ul li a span{}


.common-overlay-nav .container .box .block.link{ padding-bottom:12px;}
.common-overlay-nav .container .box .block.link p{ padding: 20px 0; font-size:18px; border-bottom: 1px solid #bbb;display: block; font-weight: normal;}
.common-overlay-nav .container .box .block.link p:first-child{ padding-top: 0;}

.common-overlay-nav .container .box .block.contact{ position:relative; padding-top:42px; display: none;}
.common-overlay-nav .container .box .block.contact:before{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    top: 0;
}
.common-overlay-nav .container .box .block.contact p{ padding-bottom:0; margin-bottom:22px; font-size:14px;}
.common-overlay-nav .container .box .block.contact p.tel,
.common-overlay-nav .container .box .block.contact p.contact{}
.common-overlay-nav .container .box .block.contact p.tel{ font-size:17px; background:url(/img/icon_freedial.svg) no-repeat left center; background-size:21px 14px; padding-left:38px;}
.common-overlay-nav .container .box .block.contact p.contact{ font-size:14px; background:url(/img/icon_mail.svg) no-repeat left center; background-size:21px 14px; padding-left:38px;}

.common-overlay-nav .container .btn_close{ position:absolute; top:28px; right:36px; width:21px;}





/*footer*/
footer{}

footer p.pagetop{ text-align:center; padding:32px 0 50px; width:auto; margin:0 auto;}
footer p.pagetop img{ width:24px;}

footer p.pagetopSP{ width: 30px; margin: 46px auto; display: block;}

.footer-container{ background:#898989; color:#fff; font-size:13px; text-align: center; padding-top: 62px;}
.footer-container .inner{ width:auto; margin:0 auto;}
.footer-container .inner ul.footdata{ display:block; width:100%;}
.footer-container .inner ul.footdata li{ display:block; vertical-align:baseline; line-height:1.9;}
.footer-container .inner ul.footdata li span.footLogo{ display:block;width: 80px; height: 56px; margin: 0 auto 20px; background: url(/img/logo_wh.svg) no-repeat 0 0; background-size: 80px auto;}
.footer-container .inner ul.footdata li span.footLogo img{ width:80px; display: none;}
.footer-container .inner ul.footdata li span.companyName{ display: block; font-size: 17px; padding-bottom: 40px;}
.footer-container .inner ul.footdata li span.serviceArea{ font-size:15px;}
.footer-container .inner ul.footdata li span.companyInfo{ display: block; padding-bottom: 30px; font-size:15px;}
.footer-container .inner ul.footdata li.footNav{ display: none;}
.footer-container .inner ul.footNavSP{ display: table; width: auto; margin:90px auto 0 auto;}
.footer-container .inner ul.footNavSP li{ display: table-cell; vertical-align: top; text-align: center;padding: 0 16px; font-size: 15px;}
.footer-container .copyright{}
.footer-container .copyright p{ text-align:center; width:auto; padding:26px 0 20px; margin:0 auto; color:#fff; font-size:12px;}




/*main*/
main{}
section{}
.mainImg{}
.mainImg .inner {}


nav .subnavTtl{ margin: 0; font-weight: bold; font-size: 14px;}
ul.subnav {
	display: block;
    margin: 12px 0 50px;
    width: auto;
    justify-content: normal;
	border-top:2px solid #bbbbbb;
}
ul.subnav li {
    vertical-align: middle;
    line-height: 1.8;
    position: relative;
    text-align: left;
}
ul.subnav li a span{ display:inline; padding:0; border:none;}
ul.subnav li.select a span{ border:none;}
ul.subnav li a span span{ display: inline;}

ul.subnav li a {
    display: block;
    padding: 16px 0;
    font-weight: normal;
    font-size: 15px;
	letter-spacing:0.04em;
	 border-bottom:2px solid #bbbbbb;
}
ul.subnav li.select a{ border-bottom:2px solid #bbbbbb; color:#bbb;}


.subnav li:not(.select) a:after{
	display: none;
}
.subnav li:not(.select):hover a:after{width:auto;}


.btn_more{ font-size:14px; width:auto; margin: 30px 0 0; text-align:right;}
.btn_more a{ display:block; border:2px solid #464646; padding:10px 10vw; background:url(/img/icon_morelink.svg) no-repeat left 32px center; background-size:10px 14px;}
.btn_moreJp{ font-size:14px; font-weight:bold;}

.conTtl{ padding:36px 0 40px;}
.conTtl h1{ font-size:15px; position:relative; padding-bottom:34px;}
.conTtl h1 span{ font-size:33px; display: block; padding-top: 18px; letter-spacing:0.07em;}
.conTtl h1:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}


main .pageTtl{ margin-top:10vh;}
main .pageTtl .mainImg{ width:100%; height:80vw; background-position:center; background-size:cover;}
main .pageTtl .mainImg .inner{ width:auto; height:80vw; margin:0 auto; position:relative;}
main .pageTtl .mainImg .inner h1{ position:absolute; left:6vw; top: 50%; transform: translateY(-50%);bottom:auto; color:#fff; font-size:15px; z-index:8;}
main .pageTtl .mainImg .inner h1 span{ font-size:30px; display: block; padding-top: 10px; letter-spacing:0.07em;}

main .intro .textArea{ padding:50px 0 60px; text-align:center;}
main .intro .textArea h2{ font-size:26px; padding-bottom:42px; margin-bottom:42px; position:relative;}
main .intro .textArea h2 span{ display:block; font-size:48px; padding-bottom:32px;}
main .intro .textArea h2:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 50%;
    bottom: 0;
	transform:translateX(-50%);
}


/*blockA〜*/
.blockA .textArea .ttl h1,
.blockB .textArea .ttl h1,
.blockC .textArea .ttl h1{ position:relative; padding-bottom:34px; font-size:25px; margin-bottom:34px;}
.blockA .textArea .ttl h1:after,
.blockB .textArea .ttl h1:after,
.blockC .textArea .ttl h1:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
.blockA{ width:auto; margin:0 auto; padding-bottom:100px;}
.blockA .picArea{ padding-bottom: 34px;}
.blockA .textArea{ width:auto; margin:0 auto; display:block;}
.blockA .textArea .ttl,
.blockA .textArea .text{ display:block; margin: 0 12vw; vertical-align:baseline;}
.blockA .textArea .ttl{ width:auto; padding:0;}
.blockA .textArea .ttl h1{}
.blockA .textArea .text{}
.blockA .picArea span.caption{
    text-align: center;
    display: block;
    font-size: 13px;
    padding-top: 4px;
}


.blockB{ width:auto; margin:0 auto; margin-bottom:60px; display:block;}
.blockB .picArea,
.blockB .textArea{ display:inline; vertical-align:baseline;}
.blockB .picArea{  width:auto;}
.blockB .textArea{ display:block; margin: 0 12vw; padding:0;}
.blockB .textArea .ttl,
.blockB .textArea .text{}
.blockB .textArea .ttl{}
.blockB .textArea .ttl h1{ padding-top:34px;}
.blockB .textArea .text{}


.blockC{ width:auto; margin:0 auto; margin-bottom:100px; display:block;}
.blockC .picArea,
.blockC .textArea{ display:inline; vertical-align:baseline; padding: 0;}
.blockC .picArea{  width:auto;}
.blockC .textArea{ display:block; margin: 0 12vw; padding-right:0;}
.blockB .textArea .ttl,
.blockC .textArea .text{}
.blockC .textArea .ttl{}
.blockC .textArea .ttl h1{ padding-top:34px;}
.blockC .textArea .text{}
.blockC{
    display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
.blockC .picArea{
  -webkit-box-ordinal-group:0;
  -ms-flex-order:0;
  -webkit-order:0;
  order:0;
  }
.blockC .textArea{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
  }





/*	01 index
------------------------------------------*/
/*
main.page-index{ margin-top:0;}
*/

/*
.topSlide{ display: none;}
*/
.topSlide {
    height: 100vh;
    padding-top: 10vh;
    box-sizing: border-box;
}
.slick-slide .textArea .text {
    color: #fff;
    font-size: 5.5vw;
    padding-bottom: 0;
    line-height: 1.5;
}
.slick-slide .textArea {
    position: absolute;
	top: 10%;
    left: 6vw;
    z-index: 999;
}
	/*
.topSlide{ width:100%; height:242px; padding-top:0; box-sizing:border-box;}
.slick-slide{ position:relative; height:168px!important; margin-bottom:38px;}
.slick-slide .textArea {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
    z-index: 999;
    height: 168px;
    width: 100%;
}
.slick-slide .textArea .icon {
    padding-bottom: 0;
    position: absolute;
    bottom: -36px;
    left: 0;
    background: #3872B6;
    padding: 0 6vw;
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.slick-slide .textArea .icon span{ background:#3872B6; color:#fff; padding:0; font-size:13px;}
.slick-slide .textArea .icon span.mainFont{ padding:0; font-size:20px;}
.slick-slide .textArea .text {
    color: #fff;
    font-size: 13px;
    padding-bottom: 0;
    line-height: 1.5;
    position: absolute;
    top: 20px;
    left: 10px;
	display:none;
}
.slick-slide .textArea .btn{ display:none;}
.slick-slide .textArea .btn span{ border:1px solid #fff; padding:10px; color:#fff;}
.slick-slide .pic img{ width:100%;}

.slick-slide.slide2 .textArea{ left:0; right:auto; transform:none; text-align:center;}

.topSlide .single-item{}
	*/

.topSlide .slick-dots {
	display: block!important;
    bottom: 24px;
}
.topSlide .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 8px;
}
.topSlide .slick-dots li button {
    width: 10px;
    height: 10px;
}
.topSlide .slick-dots li button:hover,
.topSlide .slick-dots li button:focus,
.topSlide .slick-dots li.slick-active button {
    background: #fdd000;
}



.topbnrArea{ width:auto; margin:0 12vw; }
.topbnrArea ul{ display:block; justify-content: normal; margin-top: 0;}
.topbnrArea ul li{ width:100%; padding-top: 12.5vw;}
.topbnrArea ul li span{ display: block;}
.topbnrArea ul li .pic{ position: relative;text-align: center; width: 100%; height: auto; overflow: visible;}
.topbnrArea ul li .pic:after{
    content: "";
    width:48px;
    height: 67px;
    background:url(/img/arrow_white.svg) no-repeat center;
	background-size:48px 67px;
    position: absolute;
    left: 50%;
    top: 50%;
	transform:translate(-50%,-50%);
}
.topbnrArea ul li .pic:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
	display: none;
}
.topbnrArea ul li .pic1:before{ background: url(/img/button1.jpg) no-repeat center center;}
.topbnrArea ul li .pic2:before{ background: url(/img/button2.jpg) no-repeat center center;}
.topbnrArea ul li .pic3:before{ background: url(/img/button3.jpg) no-repeat center center;}
.topbnrArea ul li .pic:hover:before {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.topbnrArea ul li .text{ text-align: center; padding-top: 12px; font-weight: bold; font-size: 18px;}



main.page-index .introTop{ width:auto; margin:0 auto; padding:110px 0 60px 0; position:relative;}
main.page-index .introTop:after{
    content: "";
    width:38px;
    height: 2px;
    background:#4d4d4d;
    position: absolute;
    left: 50%;
    bottom: 0;
	transform:translateX(-50%);
}
main.page-index .introTop .textArea{ width:auto; margin:0 auto; text-align:center;}
main.page-index .introTop .textArea p{ line-height:2.2; font-size:16px; color:#4d4d4d;}
main.page-index .introTop .textArea .text{}

main.page-index .top_about{ padding:60px 0 80px; width:auto; margin:0 auto;}
main.page-index .top_about .picArea{}
main.page-index .top_about .textArea{ padding:0 12vw;}
main.page-index .top_about .conTtl{}
main.page-index .top_about .conTtl h1{}
main.page-index .top_about .conTtl h1 span{}

main.page-index .top_feature{ padding:0 12vw; width:auto; margin:0 auto; background:rgba(230,230,230,.5); position:relative;}
main.page-index .top_feature .picArea{ position: static; top:auto; left:auto; transform:none; width: 100vw; margin-left: -12vw;}
main.page-index .top_feature .picArea img{ width:auto; max-width: 100%;}
main.page-index .top_feature .conTtl{ padding-top:36px;}
main.page-index .top_feature .conTtl h1{}
main.page-index .top_feature .conTtl h1 span{}
main.page-index .top_feature .featureList{ display:inline; justify-content: normal;}
main.page-index .top_feature .featureList .featureBox{ width:auto; padding-bottom: 120px;}
main.page-index .top_feature .featureList .featureBox:last-child{ padding-bottom: 60px;}
main.page-index .top_feature .featureList .featureBox .pic{ padding:0 0 30px;}
main.page-index .top_feature .featureList .featureBox .ttl{ padding:0 0 26px; font-size:17.5px;}
main.page-index .top_feature .featureList .featureBox .ttl span{ display:block; font-size:35px; padding:0 0 24px;}
main.page-index .top_feature .featureList .featureBox .text{ min-height: auto;}
main.page-index .top_feature .featureList .featureBox .btn_more{ width:auto; margin-top: 60px;}

main.page-index .top_recycle{ width:auto; margin: 70px auto 100px; display:block;}
main.page-index .top_recycle .textArea,
main.page-index .top_recycle .picArea{ display:block; vertical-align:top;}
main.page-index .top_recycle .textArea{ padding:0 12vw;}
main.page-index .top_recycle .conTtl{}
main.page-index .top_recycle .conTtl h1{}
main.page-index .top_recycle .conTtl h1 span{}
main.page-index .top_recycle .picArea{}
main.page-index .top_recycle{
    display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
main.page-index .top_recycle .picArea{
  -webkit-box-ordinal-group:0;
  -ms-flex-order:0;
  -webkit-order:0;
  order:0;
  }
main.page-index .top_recycle .textArea{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
  }


main.page-index .top_industral{ width:auto; margin:0 auto 126px;}
main.page-index .top_industral .picArea{}
main.page-index .top_industral .textArea{ padding:0 12vw;}
main.page-index .top_industral .conTtl{}
main.page-index .top_industral .conTtl h1{}
main.page-index .top_industral .conTtl h1 span{}

main.page-index .top_news{ width:auto; margin:0 12vw; padding-bottom:56px;}
main.page-index .newsArea{ border-top:1px solid #bbbbbb;}
main.page-index .newsArea a{ border-bottom:1px solid #bbbbbb; display:block; padding:32px 0; background:url(/img/icon_morelink.svg) no-repeat right 5px center; background-size:10px 14px;}
main.page-index .newsArea a span.date,
main.page-index .newsArea a span.ttl{ display:block; vertical-align:baseline;}
main.page-index .newsArea a span.date{ width:auto; padding-left:0; font-size:14px; padding-top: 3px;}
main.page-index .newsArea a span.ttl{ padding-right:0; font-size:16px;}

main.page-index .top_map{ width:100%;}

/*	02 about
------------------------------------------*/
main.page-about .mainImg{ background:url(/about/img/main-sp.jpg) no-repeat center; background-size:cover;}
main.page-about .pageTtl{}
main.page-about .pageTtl .mainImg .inner{}
main.page-about .pageTtl .mainImg .inner h1{}
main.page-about .pageTtl .mainImg .inner h1 span{}
main.page-about .textArea{}
main.page-about .textArea h2{}

/*	02 feature
------------------------------------------*/
main.page-feature .mainImg{ background:url(/strength/img/main-sp.jpg) no-repeat center; background-size:cover;}
main.page-feature02 .mainImg{ background:url(/strength/img/02_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-feature03 .mainImg{ background:url(/strength/img/03_main-sp.jpg) no-repeat center; background-size:cover;}

main.page-feature02 .picArea.kyokasyo{
    padding-bottom: 17px;
    width: 50vw;
    margin: auto;
    padding-top: 20px;
    text-align: center;
	display: block;
}

/*	03 service
------------------------------------------*/
main.page-service .mainImg{ background:url(/service/img/main-sp.jpg) no-repeat center; background-size:cover;}
main.page-service-waste .mainImg{ background:url(/service/img/waste_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-service-industrial_waste .mainImg{ background:url(/service/img/industrial_waste_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-service-facilities .mainImg{ background:url(/service/img/facilities_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-service-license .mainImg{ background:url(/service/img/license_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-service-wood .mainImg{ background:url(/service/img/wood_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-service-sustain_info .mainImg{ background:url(/service/img/sustain_info_main-sp.jpg) no-repeat center; background-size:cover;} /* 20180621 added*/

main.page-service .intro .textArea{ padding-bottom:60px; position:relative; margin-bottom:98px;}
main.page-service .intro .textArea:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 50%;
    bottom: 0;
	transform:translateX(-50%);
}

main.page-service .kaitoriSystem{ padding:0 12vw; width:auto; margin:0 auto 20px; background:rgba(230,230,230,.5); position:relative;}
main.page-service .kaitoriSystem .picArea{ width: 100vw; margin-left: -12vw; position: static; top:auto; left:auto; transform:none;}
main.page-service .kaitoriSystem .picArea img{ width: auto; max-width: 100%;}
main.page-service .kaitoriSystem .conTtl{ padding-top:20px; display:block; width:100%;}
main.page-service .kaitoriSystem .conTtl h1{ display:block; vertical-align:baseline; width:auto; font-size:29px; margin-bottom: 26px; padding-bottom: 26px;}
main.page-service .kaitoriSystem .conTtl p{ display:block; vertical-align:baseline; font-size:16px;}

main.page-service .kaitoriSystem .featureList{ display:inline; justify-content: normal;}
main.page-service .kaitoriSystem .featureList .featureBox{ width:auto; position:relative; padding-bottom:80px; margin-bottom: 54px; }
main.page-service .kaitoriSystem .featureList .featureBox:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width:26px;
    height: 20px;
    background:url(/img/icon_navarrow.svg) no-repeat center;
	background-size:26px 20px;
	transform:translateX(-50%);
}
main.page-service .kaitoriSystem .featureList .featureBox:last-child:after{ display: none;}

main.page-service .kaitoriSystem .featureList .featureBox .pic{ margin:16px 0; position: relative;}
main.page-service .kaitoriSystem .featureList .featureBox .pic:after{ display: none}

main.page-service .kaitoriSystem .featureList .featureBox .ttl{ padding:0; font-size:17.5px;}
main.page-service .kaitoriSystem .featureList .featureBox .ttl span{ display:inline; font-size:33px; padding: 0 16px 24px 0;}
main.page-service .kaitoriSystem .featureList .featureBox .text{ font-size:14px; padding-bottom:30px; min-height: auto; line-height: 1.9;}
main.page-service .kaitoriSystem .featureList .featureBox .whitebox{ background:#FFFFFF; padding:16px; min-height: auto;}
main.page-service .kaitoriSystem .featureList .featureBox .whitebox p{font-size:14px; line-height: 1.9;}

main.page-service .kaitoriSystem .zu{ padding-bottom: 60px;}
main.page-service div.kaitoriSystem{margin-bottom: 0;}
/* service/industrial_waste.html */

main.page-service.page-service-industrial_waste.main div.kaijiInfo{width: 100vw; height: 100px; margin: 0;}
main.page-service.page-service-industrial_waste.main div.kaijiInfo p{letter-spacing: 0; text-align: center; padding-left: 8px;}
main.page-service.page-service-industrial_waste.main div.kaijiInfo a{padding-left: 4vw; }
main.page-service.page-service-industrial_waste.main div.kaijiInfo{margin-top: 4px;}

/* sustain_info */
main.page-service.page-service-sustain_info.main .sustain_info section{font-size: 80%;}
main.page-service.page-service-sustain_info.main div.textArea::after{display: none;}
main.page-service.page-service-sustain_info.main h2{
		font-size: 27px;
    padding-bottom: 40px;
    margin-bottom: 54px;
    position: relative;
}
main.page-service.page-service-sustain_info.main div.intro{height: 240px;}
main.page-service.page-service-sustain_info.main div.textArea{margin-bottom: 0; padding-bottom: 0}


/* 取扱品目 */

main.page-service .kaitoriList{ width:auto; margin:0 12vw; padding-bottom:60px;}
main.page-service .kaitoriList h1{ margin-bottom:40px; padding-bottom:40px; position:relative;}
main.page-service .kaitoriList h1:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}

main.page-service .kaitoriList h2{ padding-bottom: 16px; font-size: 22px;}
main.page-service .kaitoriList .kaitoriListBox{ width: 100%; display:block;}
main.page-service .kaitoriList .kaitoriListBox h2{ padding-bottom: 22px;}

main.page-service .kaitoriList ul{}
main.page-service .kaitoriList ul.list1{ display:flex; flex-wrap:wrap; justify-content: space-between; width:100%; position:relative; padding-bottom:40px; margin-right: 0;}

/*
main.page-service .kaitoriList ul.list1:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
*/
main.page-service .kaitoriList ul.list1.last{ margin-bottom:68px;}
main.page-service .kaitoriList ul.list1.last:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
main.page-service .kaitoriList ul.list1 li{ width:30%; padding-bottom:40px; font-size: 14px; margin-right: 0;}
main.page-service .kaitoriList ul.list1 li span{ display:block; text-align:center;}
main.page-service .kaitoriList ul.list1 li span.pic{}
main.page-service .kaitoriList ul.list1 li span.text{}



main.page-service .kaitoriList ul.list2{ display:block; flex-wrap:nowrap; width:100%; padding-bottom: 40px;}
main.page-service .kaitoriList ul.list2 li{ width:auto; padding-bottom:4px; list-style:disc; font-size:15px; list-style:outside;  margin-left: 8%;}
main.page-service-metal .kaitoriList ul.list2 li{ width:auto;}

main.page-service .navLink{ text-align: center; font-size: 13px; font-weight: bold; margin:40px 12vw 100px; padding: 0; border: 2px solid #000;}
main.page-service .navLink a{
    background-image: url(/img/icon_morelink.svg);
    background-repeat: no-repeat;
    background-position: left 24px center;
    background-size: 12px 16px;
    padding-left: 43px;
    display: block;
    padding: 12px 30px 12px 0;
    text-align: right;
}


main.page-service-metal .intro .textArea{ padding-bottom:60px; position:relative; margin-bottom:98px;}
main.page-service-metal .intro .textArea:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 50%;
    bottom: 0;
	transform:translateX(-50%);
}


/*WasteRe*/
/*
.WasteList{ width:auto; margin:0 12vw; padding-bottom:82px;}
.WasteList .box{ display:block; justify-content:normal; padding-bottom:90px;}
.WasteList .box .after,
.WasteList .box .before{ width:auto; text-align:center; float: none;}
.WasteList .box .after{}
.WasteList .box .before{}
.WasteList .box .arrow{ width:24px; height: 18px; float: none; background: url(/img/icon_navarrow.svg) no-repeat center center; background-size:24px 18px; margin: 10px auto 20px;}
.WasteList .box .arrow img{ width:20px; display: none; margin-top: 0;}
.WasteList .box div span{ display:block; text-align:center; font-size:14px;}
.WasteList .box div .pic{ padding-bottom:16px;}
.WasteList .box div .text{}
*/

.WasteList{ width:auto; padding-bottom:22px; position: relative; margin-bottom: 68px;}
.WasteList:after {
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
.WasteList .box{ padding-bottom:44px; display: block;}
.WasteList .box:nth-child(odd){ padding-right: 0;}
.WasteList .box .after,
.WasteList .box .before{ width:40%; text-align:center;}
.WasteList .box .after{ float: left;}
.WasteList .box .before{ float: right;}
.WasteList .box .arrow{ width:20%; text-align: center;float: right;}
.WasteList .box .arrow img{ width:30%; margin-top: 50%;}
.WasteList .box div span{ display:block; text-align:center; font-size:14px;}
.WasteList .box div .pic{ padding-bottom:6px;}
.WasteList .box div .text{}


/*industrialWaste*/

/*license*/
.licenseBox{ width:auto; margin:0 auto; padding:60px 12vw 80px;}
.licenseBox h2{ font-size:29px; padding-bottom:40px; margin-bottom:54px; position:relative;}
.licenseBox h2:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
.licenseBox .licenseData{}
.licenseBox .licenseData table{ width:100%;}
.licenseBox .licenseData table th,
.licenseBox .licenseData table td{ text-align:center; font-size:11.5px; padding:12px 0;}
.licenseBox .licenseData table th{}
.licenseBox .licenseData table th.list1{ border-top:2px solid #464646; border-bottom:2px solid #464646; font-size:15px;}
.licenseBox .licenseData table th.list2{ font-weight:normal;}
.licenseBox .licenseData table th.ttl,
.licenseBox .licenseData table th.list2{ text-align:left;}



.licenseBox .licenseData table td,
.licenseBox .licenseData table th.list2{ border-bottom:1px solid #464646;}
.licenseBox .licenseData table td{}
.licenseBox .licenseData table td span{}
.licenseBox .licenseData table td a{ text-decoration: none;display: block;}

.licenseBox .licenseData ul{}
.licenseBox .licenseData ul li{}

.licenseBox .licenseData ul li .pic img{ width:224px; padding-top: 20px;}

.licenseBox .licenseData a{}
.licenseBox .licenseData a:hover{ text-decoration: none;}


/*facilities*/
.facilityPic{ width:auto; margin:0 12vw; padding:60px 0 0;}
.facilityPic .photoBox{}
.facilityPic .photoBox ul{ display:block; flex-wrap:nowrap; justify-content:normal;}
.facilityPic .photoBox ul li{ width:auto; padding-bottom:54px;}
.facilityPic .photoBox ul li:last-child{ padding-bottom:0;}
.facilityPic .photoBox ul li span{ display:block;}
.facilityPic .photoBox ul li .pic{}
.facilityPic .photoBox ul li .text{}

.facilityList{ width:auto; margin:0 12vw; padding-bottom:0;}

.facilityList h2{ font-size:29px; padding-bottom:40px; margin-bottom:54px; padding-top: 140px; position:relative;}
.facilityList h2:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}

.facilityListA{ display:block; justify-content:normal;}
.facilityListA .list{ width:auto;}
.facilityListB{}
.facilityListC{ padding-bottom: 100px;}


.facilityList .list{}
.facilityList .list1{}
.facilityList .list2{}

.facilityList table{ width:100%;}
.facilityList table th,
.facilityList table td{ text-align:left; font-size:14px; padding:12px 0; border-bottom:1px solid #464646;}
.facilityList table th{ font-weight:normal; min-width: auto;}
.facilityList table td{}
.facilityList table th.ttl{ border-top:2px solid #464646; border-bottom:2px solid #464646; font-size:15px;}

.facilityList .list1 table th.ttl:nth-child(2n),
.facilityList .list1 table td{ text-align: center;}

.facilityListB table th.ttl:nth-child(2n),
.facilityListB table th.ttl:nth-child(3n),
.facilityListB table td:nth-child(2n){ text-align: center;}


/*wood*/
main.page-service-wood .intro .textArea{ padding-bottom:60px; position:relative; margin-bottom:98px;}
main.page-service-wood .intro .textArea:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 50%;
    bottom: 0;
	transform:translateX(-50%);
}
main.page-service-wood .woodreDataWrap h1{margin-top: 40px;}

main.page-service-wood .kaitoriSystem .zu{ padding-bottom: 0;}
main.page-service-wood .kaitoriSystem .zu img{ padding-bottom: 60px;}


main.page-service-wood .woodreDataWrap{ width:auto; margin:0 12vw; padding-bottom:10px;}

/*
main.page-service-wood .woodreDataWrap h1{ margin-bottom:68px; padding-bottom:40px; position:relative;font-size: 29px;}
main.page-service-wood .woodreDataWrap h1:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
*/
main.page-service-wood .woodreDataWrap ul.list{ display:block; flex-wrap:nowrap; width:100%; padding-bottom: 40px;}
main.page-service-wood .woodreDataWrap ul.list li{ width:auto; padding-bottom:4px; list-style:disc; font-size:15px; list-style:outside;  margin-left: 8%;}







/*
.WasteList{ width:auto; padding-bottom:22px; position: relative; margin-bottom: 68px;}
.WasteList:after {
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
*/




.woodreListWrap{ width:auto; margin:0 auto; padding-bottom:26px; margin-bottom: 40px;}
.woodreListWrap{ display: block; justify-content: normal;}
.woodreListWrap .woodreList{ padding-bottom:44px;}
.woodreListWrap .woodreList h2{ padding-bottom:30px; font-size: 21px;}
.woodreListWrap .woodreList .box .item{
    width: 30%;
    text-align: center;
    float: left;
    margin-right: 5%;
}
.woodreListWrap .woodreList .box .item:nth-child(3n){margin-right: 0;}
.woodreListWrap .woodreList .box div .pic{ padding-bottom:6px;}
.woodreListWrap .woodreList .box div .text{}


.woodreListWrap2{ display:block; justify-content: normal;}
.woodreListWrap2 .woodreList {position: relative; margin-bottom: 60px; padding-bottom: 40px;}
.woodreListWrap2 .woodreList:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
.woodreListWrap2 .woodreList .box {display: block; justify-content:normal; width:auto; float: none;}
.woodreListWrap2 .woodreList .box:before,
.woodreListWrap2 .woodreList .box:after{display: none;}
.woodreListWrap2 .woodreList .box .item{
    width: 30%;
    text-align: center;
    float: none;
	display: inline-block;
    margin-right: 3%;
	margin-bottom: 24px;
}
.woodreListWrap2 .woodreList .box .item:nth-child(3n){margin-right: 0;}


/*	06 company
------------------------------------------*/
main.page-company .mainImg{ background:url(/company/img/main-sp.jpg) no-repeat center; background-size:cover;}
main.page-company-company .mainImg{ background:url(/company/img/company_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-company-access .mainImg{ background:url(/company/img/access_main-sp.jpg) no-repeat center; background-size:cover;}

main.page-company .messageBox{ width:auto; margin:0 auto; display:block; margin: 0 12vw; padding-bottom:80px; padding-top:50px;}
main.page-company .messageBox .textArea,
main.page-company .messageBox .picArea{ display:block; vertical-align:top; float:none;}
main.page-company .messageBox .textArea{ width:auto; padding-left:0; padding-right:0;}
main.page-company .messageBox .textArea h2{ font-size:29px; padding-bottom:40px; margin-bottom:54px; position:relative;}
main.page-company .messageBox .textArea h2:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}
main.page-company .messageBox .picArea{ width:auto;}
main.page-company .messageBox .picArea span{ display:block;}
main.page-company .messageBox .picArea .pic{
    padding-bottom: 17px;
    width: 50vw;
    margin: auto;
    padding-top: 20px;
    text-align: center;
}
main.page-company .messageBox .picArea .name{ font-size:14px; text-align: center;}
main.page-company .messageBox .picArea .name span{ font-size:23px; font-weight:bold; padding-top:6px;}
main.page-company .messagePic { width:auto; margin:0 auto; padding-bottom:140px;}


main.page-company .companyBox,
main.page-company .historyBox{ width:auto; margin:0 12vw; padding:50px 0;}
main.page-company .companyBox{}
main.page-company .historyBox{}
main.page-company .companyBox h2,
main.page-company .historyBox h2{ font-size:25px; padding-bottom:40px; margin-bottom:54px; position:relative;}
main.page-company .companyBox h2:after,
main.page-company .historyBox h2:after{
    content: "";
    width:38px;
    height: 2px;
    background:#464646;
    position: absolute;
    left: 0;
    bottom: 0;
}


main.page-company .companyBox table{ margin-bottom: 0;}
main.page-company .companyBox table td{ padding-right: 0; display: block; padding-bottom: 10px; font-size: 12px; line-height: 1.4;}
main.page-company .companyBox table td img{ width:86px;}
main.page-company .companyBox span.pic img{ width:224px;}

main.page-company .companyData dl{ border-top:1px solid #bbbbbb; display:table; width:100%;}
main.page-company .companyData dl:last-child{ border-bottom:1px solid #bbbbbb;}
main.page-company .companyData dl dt,
main.page-company .companyData dl dd{ display:table-cell; vertical-align:top; padding:20px 0; font-size: 13px;}
main.page-company .companyData dl dt{ width:38%; padding-left:5px; font-weight:bold;}
main.page-company .companyData dl dd{ padding-right:5px;}

/*
main.page-company .companyData dl{ border-top:1px solid #bbbbbb; display:table; width:100%;}
main.page-company .companyData dl:last-child{ border-bottom:1px solid #bbbbbb;}
main.page-company .companyData dl dt,
main.page-company .companyData dl dd{ display:inline; vertical-align:baseline; padding:20px 0;}
main.page-company .companyData dl dt{ width:42%; padding-left:0; font-weight:bold;}
main.page-company .companyData dl dd{ padding-right:0;}
*/
main.page-company .mapArea{ width:auto; margin:0 auto; padding-top:50px;}
main.page-company .mapArea h2 {
    position: relative;
    padding-bottom: 22px;
    font-size: 25px;
    margin: 0 12vw 36px;
}
main.page-company .mapArea .map,
main.page-company .mapArea #honsya,
main.page-company .mapArea #yasuoka{ width: 100%; height: 370px; display: block;}
main.page-company .addressArea{ display:block; width:auto; margin:0 12vw; padding:46px 0 80px;}
main.page-company .addressArea p{ display:block; vertical-align:top;}
main.page-company .addressArea .text{}
main.page-company .addressArea .link{ text-align:right;}
main.page-company .addressArea .link a{ background:url(/img/icon_morelink.svg) no-repeat left center; padding-left:20px; background-size:9px 12px;}

main.page-company .addressArea .freedial{}

/*	07 recruit
------------------------------------------*/
main.page-recruit .mainImg{ background:url(/recruit/img/main-sp.jpg) no-repeat center; background-size:cover;}
main.page-recruit-info .mainImg{ background:url(/recruit/img/info_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-recruit-faq .mainImg{ background:url(/recruit/img/faq_main-sp.jpg) no-repeat center; background-size:cover;}
	main.page-recruit .pageTtl{ padding-bottom:50px;}

main.page-recruit .recruitData{ width:auto; margin:0 12vw; padding:0 0 80px;}
main.page-recruit .recruitData dl{ border-top:1px solid #bbbbbb; display:table; width:100%;}
main.page-recruit .recruitData dl:last-child{ border-bottom:1px solid #bbbbbb;}
main.page-recruit .recruitData dl dt,
main.page-recruit .recruitData dl dd{ display:table-cell; vertical-align:top; padding:20px 0; font-size: 13px;}
main.page-recruit .recruitData dl dt{ width: 38%; padding-left:0; font-weight:bold;}
main.page-recruit .recruitData dl dd{ padding-right:5px;}
main.page-recruit .nav_btm .extLink{margin: 0 auto;width: auto;max-width: 310px;}




/*	07 faq
------------------------------------------*/
main.page-faq .mainImg{ background:url(/company/img/faq_main-sp.jpg) no-repeat center; background-size:cover;}
main.page-faq .pageTtl{ padding-bottom:50px;}

.faqBox{ width:auto; margin:0 12vw; padding-bottom:28px;}
.faqBox .qBox,
.faqBox .aBox{ display:table; width:100%;}
.faqBox .qBox{ padding:14px 18px; border:1px solid #bbbbbb; background:url(/img/icon_navarrow.svg) no-repeat right 18px top 36px; background-size:14px 10px;}
.faqBox.on .qBox{ background:url(/img/icon_navarrow_up.svg) no-repeat right 18px top 36px; background-size:14px 10px;}
.faqBox .aBox{ padding:28px 26px 0; display:none;}

.faqBox .qBox .q,
.faqBox .aBox .a,
.faqBox .qBox .text,
.faqBox .aBox .text{ display:table-cell; vertical-align:middle;}
.faqBox .qBox .q,
.faqBox .aBox .a{ width:auto; font-size:21px; padding-right: 18px;}

.faqBox .qBox .q{}
.faqBox .qBox .text{ padding-right: 10px;}
.faqBox .qBox .text p{ line-height: 1.5;}
.faqBox .aBox .a{}
.faqBox .qBox .text{}


/*	07 CSR
------------------------------------------*/
main.page-csr .mainImg{ background:url(/company/img/csr_main-sp.jpg) no-repeat center; background-size:cover; margin-bottom: 0;}
main.page-csr .textArea .ttl h1,
main.page-csr .picArea h1{ padding-top: 66px;}

main.page-csr .blockC.block-kes .picArea{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  -webkit-order:0;
  order:0;
  padding-right: 0;}
main.page-csr .blockC.block-kes .textArea{
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  -webkit-order:0;
  order:0;}
main.page-csr .block-kes .picArea{ margin: 0 12vw; }

main.page-csr .blockC {}
main.page-csr .blockC .picArea{}
main.page-csr .blockC .picArea .ttlArea{ display: table;}
main.page-csr .blockC .picArea .ttlArea .pic,
main.page-csr .blockC .picArea .ttlArea .ttl{ display: table-cell; vertical-align: top;}
main.page-csr .blockC .picArea .ttlArea .pic{ width: 110px;}
main.page-csr .blockC .picArea .ttlArea .ttl{ font-weight: bold; font-size: 21px; padding-left: 30px;}
main.page-csr .blockC .picArea .ttlArea .ttl p{ line-height: 1.7;}


main.page-csr .blockB .picArea{ width: auto;}
main.page-csr .blockC .picArea{ width: auto;}

main.page-csr .blockC.block-kes .textArea{ width: auto; padding:0;}
main.page-csr .blockC.block-kes .textArea p.l{ font-size: 16px; font-weight: bold; padding-bottom: 10px;}
main.page-csr .blockC.block-kes .picArea{ text-align: center; padding-top: 20px; width: 50%; margin: 0 auto;}

main.page-csr .block-aed .textArea .ttl{ position: relative;}
main.page-csr .block-aed .textArea .ttl h1{}
main.page-csr .block-aed .textArea .ttl .pic_aed{ position: absolute; top: 54px; right: 0; width:68px;}




/*	07 privacy
------------------------------------------*/
main.page-privacy .mainImg{ background:url(/privacy/img/main-sp.jpg) no-repeat center; background-size:cover;}
.ppArea{ padding:60px 0 50px; width:auto; margin:0 12vw;}
.ppArea .ttl{ padding-top:50px; font-weight:bold; padding-bottom:8px;}

/*	00 sitemap
------------------------------------------*/
main.page-sitemap .mainImg{ background:url(/sitemap/img/main-sp.jpg) no-repeat center; background-size:cover;}
.sitemapData{ padding: 60px 0 50px;}
.sitemapData ul.sitemapBox{ width: auto; margin: 0 12vw; border-top: 1px solid #bbbbbb;}
.sitemapData ul.sitemapBox li{ border-bottom: 1px solid #bbbbbb; padding: 28px 0; font-weight: bold;font-size: 14px;}
.sitemapData ul.sitemapBox li dl{ display: table; width: 100%; margin: -28px 0;}
.sitemapData ul.sitemapBox li dl dt,
.sitemapData ul.sitemapBox li dl dd{ display: table-cell; }
.sitemapData ul.sitemapBox li dl dt{ width: 109px;}
.sitemapData ul.sitemapBox li dl dd{}
.sitemapData ul.sitemapBox li dl dd ol li{ font-weight: normal;}
.sitemapData ul.sitemapBox li dl dd ol li:last-child{ border-bottom: none;}

/*	08 contact
------------------------------------------*/
main.page-contact {
    padding-bottom: 60px;
}
main.page-contact .mainImg{ background:url(/contact/img/main-sp.jpg) no-repeat center; background-size:cover;}
.page-contact .read{ text-align:center; width:auto; margin:0 auto; padding:66px 0 0 0;}
.page-contact .read h2{ font-size:19px; padding:0 0 36px;}

main.page-contact .telBox{ padding:40px 0;}
main.page-contact .telBox .tel{ font-size:28px; font-weight: bold; padding-top: 28px; letter-spacing: 0.04em;}
main.page-contact .telBox .tel span{
background-image:url(/img/icon_freedial.svg);
background-repeat: no-repeat;
background-size:30px 20px;
background-position: left center;
padding-left:46px;}
main.page-contact .telBox .time{ font-size: 14px;}

section.form-body form{ width: auto; margin: 0 auto; border-top: 1px solid #bbbbbb; padding: 40px 0 0 0;}

/*	09 news
------------------------------------------*/
main.page-news .mainImg{ background:url(/news/img/main-sp.jpg) no-repeat center; background-size:cover;}
main.page-news .newsContents{width:75vw;padding-top:65px;}
main.page-news .newsContents > div{width:100%;}
main.page-news .newsContents .articles{
}

main.page-news .newsContents .articles time{font-size:13px;}
main.page-news .newsContents .articles article > a{
  font-size:29px;;margin-top:0;padding-bottom:34px;
}
main.page-news .articles span:after, main.page-news article > a:after{}
main.page-news .articles article div{
  margin-top:34px;
}
main.page-news .articles article div p {
  line-height: 1.96rem;
  font-size:16px;
  word-break: break-all;
}

main.page-news .articles article div p img{
  margin:25px 0;
  /*width:100vw;
  margin-left:-12.5vw;*/
  height:auto;
}

main.page-news .articles article div p img.withCaption{
    margin:25px 0 5px 0 !important;
}

main.page-news .articles article div{
  padding-bottom:75px;
}
main.page-news .articles article {
  margin-bottom: 120px;;
}
main.page-news .articles .buttons {
    margin-bottom: 250px;
    margin-top: -65px;
}
main.page-news .articles .buttons a {padding: 0 30px;}
main.page-news .articles .buttons a.return{
  display:block;
  padding:16px 19px;
  margin-top:80px;
  width:100%;
  border:solid black 2px;
  height:auto;
}
main.page-news .articles .buttons a.return:before{
  content:"";
  display:block;
  bottom:-80px;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:40px;
  border-top:2px solid black;
}
main.page-news .articles .buttons a.return:after{margin-top:15px;}
main.page-news .articles .buttons{margin-bottom:80px;}
main.page-news .newsMenu{padding-bottom:80px;}
main.page-news .newsMenu div{display:none; padding: 6px 19px;}
main.page-news .newsMenu span:first-of-type {margin-top: 40px;}
main.page-news .newsMenu span {
  position:relative;
  border: 2px solid black;
  padding: 16px 19px;
  font-size: 14px;
  margin-top: 50px;
}
main.page-news .newsMenu span:after{
  content:"";
  display:block;
  position:absolute;
  background-image:url(/img/icon_navarrow.svg);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  width:14px;
  height:10px;
  right:20px;
  top:45%;
}
main.page-news .newsMenu span.on:after{background-image:url(/img/icon_navarrow_up.svg);}


/*


/*	99 nav
------------------------------------------*/
/*
nav.common-overlay-nav {
position: fixed;
z-index: 99999999;
top: 66px;
left: 0;
width: 100%;
	display:none;
}
nav.common-overlay-nav .container {
    padding: 20px 6vw 30px;
    background: rgb(242,242,242);
    width: 100%;
	height:100vh;
}
nav.common-overlay-nav .container ul li{
	border-bottom:1px solid #fff;
	padding:12px 0;
}
nav.common-overlay-nav .container ul li a{ display:block;}
.common-overlay-nav .bottom{
    padding: 35px 0 70px 0;
	}
.common-overlay-nav .bottom > * {
	width:95%;
	float: none;
	font-weight:bold;
	border-left: none;
	text-align:center;
	margin:0 auto 6px auto;
}
.common-overlay-nav .bottom > *:last-child {
	border-right: none;
}

.common-overlay-nav .bottom a {
    color: #fff;
    border: none;
    background: #fff;
    border: 1px solid #179971;
    margin: 0 2.5vw;
    color: #179972;
}
.common-overlay-nav .close-btn {
    position:fixed;
    top: 14px;
    right: 14px;
    background: none;
    border: 0;
    outline: 0;
    width: 35px;
    padding: 0;
	z-index:999999;
}
.common-overlay-nav .close-btn img{ display:block;}

.overlay-open-btn {
	width:35px;
	position: fixed;
	background: none;
	border: 0;
	outline: 0;
	right: 14px;
	top: 14px;
	padding: 0;
	transition: none;
	z-index: 1000;
}
.overlay-open-btn > img {
	display: block;
}
[data-show-overlay-open-btn='true'] .overlay-open-btn {
	opacity: 1;
	visibility: visible;
}
[data-overlay-open='true'] .overlay-open-btn {
	opacity: 1;
	visibility: visible;
}
	*/

}
/* /.@media screen and (max-width:750px) */
/* IE11用 */
/* @media screen and (max-width:750px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {

} */