@charset "utf-8";


#floating { top: 140px; }

#contents { padding-top: 7rem; padding-bottom: 10rem; }

/*table*/
.tbl { width: 100%; border:#ccc solid 1px; background: #fff; }
.tbl th,
.tbl td { padding:8px 15px; border:#d4e9f7 solid 3px;}
.tbl th { font-weight: 400; background: #e5f5ff; }
.tbl th.kind { color: #006cb4; text-align: center!important; font-weight: 500; }
.tbl td.left { text-align: left; }
.tbl td.center { text-align: center; }
.tbl .w60 { width: 60%; }
.tbl_explan { margin: 0; font-size: .85em; }
.tbl .ttl { text-align: center; background: #e6e6e6; }


/*表*/
.dlTbl div { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between; }
.dlTbl dt { width: 26%; text-align: center; color: #2990d5; font-weight: 500; border-bottom: 2px solid #2990d5;  }
.dlTbl dd { width: 74%; border-bottom: 1px solid #cccccc; }
.dlTbl dt,
.dlTbl dd { padding: 1.8em 3em; }

.innerDl dt,.innerDl dd { padding: 0; text-align: left; color: #333; font-weight: 400; border: none; }
.innerDl dt { width: 12%;; }
.innerDl dd { width: 88%; }

.table-scroll{ overflow: auto; white-space: nowrap; }
.table-scroll::-webkit-scrollbar{ height: 5px; }
.table-scroll::-webkit-scrollbar-track{ background: #333; }
.table-scroll::-webkit-scrollbar-thumb { background: #999; }
.table-scroll table { width: 100%; border-top:#ccc solid 1px; border-left:#ccc solid 1px; }
.table-scroll th,
.table-scroll td { padding:10px 15px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; }
.table-scroll th { background:#ddd; }
.table-scroll th.th_l { width: 26%; }

th.yellow { background: #ffed93!important; }
td.yellow { background: #fffbe5!important; }
th.green { background: #b4e49b!important; }
td.green { background: #f1fdea!important; }

/*グレーボックス*/
.boxGray { padding: 3.5rem 5% 3rem; background: #f7f7f7; }
.boxGray:not(:last-child) { margin-bottom: 3rem; }
.boxGray .ttl { color: #2d83bc; font-size: 1.3rem; font-weight: 500; }


/*ドロップダウン*/
.down_btn { position: relative; padding:15px 40px 20px 30px; cursor:pointer; }
.down_btn:after { content:""; width:9px; height:9px; border-top:1px solid #999; border-right:1px solid #999; transform: rotate(135deg); position:absolute; top:24px; right:30px; -ms-transition:all .5s; -webkit-transition:all .5s; transition:all .5s; color:#060845; }
.down_btn.active:after { transform: rotate(-45deg); }


/*title*/
#pageTitle { padding: 140px 3% 0; }
.pageTitleCon { position: relative; height: 25rem; background: url("../img/pagettl.jpg") no-repeat 50% 50% / cover; }
.strengths1 .pageTitleCon { background-image: url("../img/pagettl/strengths1.jpg"); }
.strengths2 .pageTitleCon { background-image: url("../img/pagettl/strengths2.jpg"); }
.company1 .pageTitleCon { background-image: url("../img/pagettl/company1.jpg"); }
.business1 .pageTitleCon { background-image: url("../img/pagettl/business1.jpg"); }
.business1_2 .pageTitleCon { background-image: url("../img/pagettl/business1_2.jpg"); }
.business1_3 .pageTitleCon { background-image: url("../img/pagettl/business1_3.jpg"); }
.business1_4 .pageTitleCon { background-image: url("../img/pagettl/business1_4.jpg"); background-position: 89% 0; }
.business2 .pageTitleCon { background-image: url("../img/pagettl/business2.jpg"); }
.business2_2 .pageTitleCon { background-image: url("../img/pagettl/business2_2.jpg"); background-position: 71% 0; }
.business2_3 .pageTitleCon { background-image: url("../img/pagettl/business2_3.jpg"); background-position: 79% 0; }
.business2_4 .pageTitleCon { background-image: url("../img/pagettl/business2_4.jpg"); background-position: 4% 0;}
.business2_5 .pageTitleCon { background-image: url("../img/pagettl/business2_5.jpg"); background-position: 66% 0; }
.business3 .pageTitleCon { background-image: url("../img/pagettl/business3.jpg"); }
.business4 .pageTitleCon { background-image: url("../img/pagettl/business4.jpg"); }
.attempt1 .pageTitleCon { background-image: url("../img/pagettl/attempt1.jpg"); }
.attempt2 .pageTitleCon { background-image: url("../img/pagettl/attempt2.jpg"); background-position: 50% 50%; background-size: contain; background-color: #f4f7f6; }
.attempt3 .pageTitleCon { background-image: url("../img/pagettl/attempt3.jpg"); }
.recruit .pageTitleCon { background-image: url("../img/pagettl/recruit.jpg"); }
#estimate .pageTitleCon,
#estimate_thanks .pageTitleCon { background-image: url("../img/pagettl/estimate.jpg"); }
#contact .pageTitleCon,
#contact_thanks .pageTitleCon { background-image: url("../img/pagettl/contact.jpg"); }
#news .pageTitleCon { background-image: url("../img/pagettl/news.jpg"); }
#privacy .pageTitleCon { background-image: url("../img/pagettl/privacy.jpg");  background-position: 20% 0; }
#sitemap .pageTitleCon { background-image: url("../img/pagettl/sitemap.jpg"); }
#fiftieth .pageTitleCon { background-image: url("../img/pagettl/50th.jpg"); }




.pageTitle { position: absolute; left: 0; bottom: 0; display: inline-block; padding: 1.7rem 3% 0 1.5%; font-size: 2rem; letter-spacing: 9px; line-height: 1.6; background: #fff; }
.pageTitle span { display: block; font-size: 1rem; color: #2d83bc; letter-spacing: 5px; }

.subTtl { margin-bottom: 1em; color: #003e7a; font-size: 3em; letter-spacing: 7px; }
.subTtl2 { margin-bottom: 6rem; text-align: center; }
.subTtl2 span { position: relative; padding: 0.3rem 0; color: #2990d5; font-size: 3.2rem; font-weight: 300; letter-spacing: 4px; border-top: 3px solid #d4e9f7; border-bottom: 3px solid #d4e9f7; }

.ttlLine { margin-bottom: 1.1rem; color: #2990d5; font-size: 1.2rem; font-weight: 500; border-bottom: 3px solid #d4e9f7; }

#pan { padding: 5px 3% 0; }
#pan li { margin-left:7px; font-size: .8rem; color: #333; }
#pan li a { color: #0077c7; text-decoration:underline; }
#pan li:not(:last-child):after { content:">"; padding-left:7px; }

.pageNav { margin: -2rem 0 5rem; padding: 0 4%; }
.pageNav li a { display: block; padding: 0 2em; line-height: 1.2; text-align: center; border-right: 1px solid #888; }
.pageNav li:first-child a { border-left: 1px solid #888; }

.lead1 { text-align: center; line-height: 1.6; }
.lead1 span { display: inline-block; padding: 0 10px; font-size: 1.2rem; letter-spacing: 4px; color: #fff; background: #2990d5; }
.lead2 { text-align: center; font-size: 2.7rem; color: #2990d5; letter-spacing: 15px; font-weight: 300; }
.lead3 { color: #2d83bc; font-size: 1.6rem; text-align: center; }
.lead3:before { content: "＼ " }
.lead3:after { content: " ／" }
.lead4 { color: #2d83bc; font-size: 1.4rem; text-align: center; }
.lead5 { margin-bottom: 1.5rem; color: #2d83bc; font-size: 2rem; line-height: 1.4; }


/*強み*/
.strengths .txt { line-height: 2.2; font-size: 1.05rem; }
.strengthsBg { height: 26rem; background: url("../img/strengths/bg_strengths.jpg") no-repeat fixed; }
.service .txtArea,
.service figure { width: 46%;  }
.service .ttl { font-size: 1.7rem; color: #2d83bc; }
.service2 { margin-top: 8rem; }
.service2 .txtArea { order: 1; }
.future { background: #f1faff url("../img/strengths/future.jpg") no-repeat 100% 100% / contain; }
.future .ttl { margin-bottom: 4rem; font-size: 2rem; letter-spacing: 9px; text-align: center; }
.future span { display: block; font-size: 1.1rem;letter-spacing: 2px; font-style: italic; text-align: center; color: #2d83bc; }
.companyList ul { margin: 3rem auto 0; }
.companyList li { width: 32.5%; padding: .7rem 1%; margin-bottom: .6rem; text-align: center; background: #f1fafe; border: 1px solid #f1f1f1; }
.companyList li:last-child { font-size: .9rem; background: none; border: none; }

.worriesList { margin-bottom: 3rem; }
.worriesList li { width: 100%; margin-top: 2rem; padding: 1.5rem 1rem; text-align: center; background: #f7f7f7; }
.worriesList li:not(:last-child) { width: 32%; background: #f7f7f7 url("../img/strengths/worries_bg.png") no-repeat 50% 0 / 80%; }
.worriesList .txt { font-size: .9rem; }
.worriesList figure { width: 42%; margin: 0 auto 1rem; }
.worriesList .industry { font-size: 1.1rem; }
.worriesList .ttl { font-size: 1.3rem; color: #2d83bc; }

/*会社案内*/
#company #message figure { margin-bottom: 3rem; }
#company #message .txtArea p { margin: 2rem 0; }
#company #summary .dlTbl dd { padding-left:2em; padding-right:0; }
#company .office { margin-top: 7rem; border-top: 1px solid #ddd; }
#company .office li { padding: 2rem 0; border-bottom: 1px solid #ddd; }
#company .office figure { width: 25%; }
#company .office .address { width: 33%; }
#company .office .gmap { width: 38%; }
#company .office .address .ttl { font-size: 1.15rem; color: #2990d5; }
#company #policy .ttl { color: #2990d5; font-size: 1.15rem; }
#company #policy .ttl:not(:first-child) { margin-top: 2rem; }
.subTtl2 + .day { margin: -6rem 0 6rem; font-size: .9rem; text-align: center; }
#company #chart figure { max-width: 850px; margin: 0 auto; }
#company #qualification .tbl { margin-bottom: 3rem; }
#company #qualification .tbl th { text-align: left; }
#company #qualification .tbl th:not(.kind) { background: #fff; }
#company #qualification .tbl td { width: 20%; text-align: right; }













/*事業内容*/
.consulting.inner { max-width: 1330px; }
.consulting .square { margin: 2rem 0 4rem; padding-left: 0;  }
.consulting .square li { float: left; margin-right: 2rem; }
.consulting .txt2 { margin: 6rem 0 3rem; font-size: 1.1rem; }
.consulting .btnArea li { width: 32%; }
.consulting .btnArea a { width: 100%; font-size: 1.1rem;}
#business .subSec .txtArea { width: 48%; }
#business .subSec figure,
#business .subSec .graphArea { width: 45%; }
/*PFOS PCB*/
.pfos3 .notice,
.pcb2 .notice { font-size: .8rem; color: #666; }
#pfoa { padding-top: 180px; margin-top: -180px; }
.pfoa .lead5 span { display: block; font-size: .6em; font-weight: bold; }
.pfoa .lead4 { margin-top: 3rem;  text-align: left; }

/*水銀廃棄物処理*/
.mercury { padding-bottom: 8rem; background: url("../img/business/bg_mercury.jpg") no-repeat 50% 100% / contain; }
.mercury1 .tbl { margin-top: 2rem; }
.mercury1 .tbl th { font-size: 1.3rem; }
.mercury2 .txtArea { width: 31%!important; }
.mercury2 figure { width: 65%!important; max-width: 700px; }
.links .lead5 { width: 30%; }
.links .linkArea { width: 70%; }
.links .linkArea a { color: #2990d5; }
.links .linkArea a:active, .links .linkArea a:hover { color:#ccc; }
/*産業廃棄物収集運搬*/
.industrialWaste ul { margin-top: 5rem; }
.industrialWaste li { width: 47%;  -webkit-box-shadow: 0 0 9px 0 #ddd; box-shadow: 0 0 9px 0 #ddd; background: #fff;}
.industrialWaste li a { display: block; padding: 2.5rem 2.5rem 1.5rem 2.5rem; font-size: 1.3rem; color: #2990d5; text-align: center; }
.industrialWaste li a figure { margin-bottom: 1.5rem; }
/*取得許可*/
.permission #toku { padding-top: 5rem; margin-top: 4rem; }
.permission .toku { margin-top: 8rem; }
.permission .scrollTbl table { display: block; height: 85vh; overflow: scroll; /*-webkit-overflow-scrolling: touch;*/ border: none; }
.permission .tbl thead { background: #e5f5ff; }
.permission .tbl thead th { position: -webkit-sticky; position: sticky; top: 0; z-index: 1; border-top: none; }
.permission .tbl thead th:not(.left) { table-layout: fixed; width: 50px; }
	@-moz-document url-prefix() { /*Firefoxだけ*/
		.permission .tbl thead th.vertical { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
	}
.permission .tbl thead th:first-child,
.permission .tbl tbody th { position: -webkit-sticky; position: sticky; left: 0; text-align: left!important; background: #fff; }
.permission .tbl thead th:first-child,
.permission .tbl tbody th:first-child { background: #e5f5ff; border-left: none; }
.permission .tbl thead th:first-child { z-index: 2; }
.permission .tbl th,
.permission .tbl td { padding: 15px 8px; vertical-align: top; font-size: .9rem; line-height: 1.2; }
.permission .tbl th:not(.left),
.permission .tbl td:not(:first-child) { text-align: center; }
.permission .tbl td span { display: block; margin-bottom: 3px; }
.permission .tbl td span:not(.red) { color: #2990d5; font-size: 1.2rem; }
.permission .toku .tbl td span:not(.red) { color: #f27d78; }
.permission .tbl th a { text-decoration: underline; }
.permission .tbl th a[target="_blank"]:after { content: none; }

.permission .toku .tbl th,
.permission .toku .tbl td { padding: 15px 9px; }
 



/*保有車両*/
.vehicle .btnList { max-width: 900px; margin: 2.3rem auto 5rem; }
.vehicle .btnList li { width: 48%; }
.vehicle .btnList li a { display: block; color: #fff; text-align: center; padding: 1rem; font-size: 1.2rem; border-color:#d5e8f6; background: #2990d5; }
.vehicle .btnList li a:hover { color: #2990d5; }
.vehicle .btnList li a.btn:before { background: #d5e8f6; }
.vehicleList li { width: 23%; margin-bottom: 4rem; }
.vehicleList li .ttl { margin: 1rem 0 0.6rem; color: #2990d5; line-height: 1.5; }
.vehicleList li .number { margin: 0; font-size: .9rem; }
.vehicleList li .txt { margin: 0; font-size: .85rem; color: #666; }

/*多目的車*/
.multipurpose .feature { margin: 4rem 0; }
.multipurpose .feature .ttl { width:9rem; height: 9rem; padding-top:3rem; font-size: 1.4rem; color: #fff; text-align: center; background: #2990d5; border-radius: 100px; }
.multipurpose .feature ul { width: 60%; margin-left: 2rem; font-size: 1.1rem; }
.multipurpose .image { margin: 3rem 0 2rem; }
/*計量パッカー*/
.packer1 .point { margin: 3rem 0; padding: 3rem 2rem; background: #f7f7f7; }
.packer1 .point figure { width: 40%; }
.packer1 .point ul { width: 54%; margin-left: 6%; font-size: 1.1rem; }
.packer1 .point li:before { font-family: "Font Awesome 5 Free"; content: " \f14a  "; font-weight: bold; color: #11a97c; }
.pointFlow li { position: relative; width: 28%; margin-top: 3rem; text-align: center; }
.pointFlow li:after { content: ""; position: absolute; top: 50%; right: -4.2rem; width: 50px; height: 50px; background: url("../img/business/packer/arrow.png") no-repeat 0 0 / cover; transform: -webkit-translateY(-25px); transform: translateY(-25px); }
.pointFlow li:nth-child(3):after,
.pointFlow li:nth-child(6):after { content: none; }
.pointFlow li img { border-radius: 10px; }
.ttlPacker { position: relative; margin-bottom: 4rem; padding: 0.6rem; font-size: 1.5rem; color: #2d83bc; text-align: center; background: #e5f5ff; }
.ttlPacker:before { position: absolute; top: -60px; left: 2rem; content: ""; width: 153px; height: 163px; }
.packer2 .ttlPacker:before { background: url("../img/business/packer/ill_1_1.png") no-repeat 0 0 / cover; }
.packer3 .ttlPacker:before { background: url("../img/business/packer/ill_2_1.png") no-repeat 0 0 / cover; }
.packer4 .ttlPacker:before { background: url("../img/business/packer/ill_3_1.png") no-repeat 0 0 / cover; }
.packer5 .ttlPacker:before { background: url("../img/business/packer/ill_4_1.png") no-repeat 0 0 / cover; }
.worry .txtArea { width: 65%; padding-top: 2rem; }
.worry .txt { margin: 0 0 5rem; }
.worry .imgArea { width: 28%; }
.worry .imgArea figure { margin-bottom: 1rem; text-align: center; font-size: .9rem; }
.ttlWorry,
.ttlSolution { position: relative; font-size: 1.2rem; font-weight: 500;}
.ttlWorry { color: #2990d5; }
.ttlSolution { color: #11a97c; }
.ttlWorry:before,
.ttlSolution:before { position: absolute; top: -32px; left: 0; content: ""; width: 75px; height: 31px; }
.ttlWorry:before { background: url("../img/business/packer/worry.png") no-repeat 0 0 / cover; }
.ttlSolution:before { background: url("../img/business/packer/solution.png") no-repeat 0 0 / cover; }
.solution { margin-top: 2rem; padding: 2rem 3rem 1.5rem; border: 3px solid #99d2c1; }
.solution .txtArea { width: 80%; padding-top: 2rem; }
.solution figure { width: 14%; padding-top: 1rem; }
.packer4 .ttl { color: #2990d5; font-size: 1.2rem; font-weight: 500; }
.packer4 .txt { margin-top: 0; }
.packer4 .collect { margin-bottom: 3rem; }
.packer5 li:not(:last-child) { margin-bottom: 4rem; }
.packer5 li:nth-child(even) .txtArea { order: 1; }
.packer5 .txtArea { width: 65%; }
.packer5 .txtArea .ttl { color: #2990d5; font-size: 1.2rem; font-weight: 500; }
.packer5 figure { width: 30%; }



.slide_area { width: 100%; max-width: 910px; margin: 0 auto; }
.slide img { width: 100%; max-width: 910px; }

/*.slide_area_small { max-width: 640px; }
.slide_area_small .slide img { max-width: 640px; }*/

.slick-prev:before,
.slick-next:before { color: #333; }
/*.slick_thumb { max-height: 80px; margin-top: 20px; }
/*.slick_thumb .slick-track { transform:unset!important; } 
.slick_thumb li { margin: 3px; }
.slick_thumb img { max-height: 80px; }*/

.slick_thumb { position: relative; padding: 0; display: flex; flex-wrap: wrap; margin-top: 30px;}
.slick_thumb li { position: relative; cursor: pointer; overflow: hidden; width: 13.8%; height: 100%; margin: 0 0.5% 0.5% 0; padding: 0;}
.slick_thumb li:nth-child(7n){ margin-right: 0; }
.slick_thumb li::before { display: block; padding-top: 64%; content: "";}
.slick_thumb li img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%;}
.slick_thumb .current::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; opacity: 0.5; background: #fff;}

.slick-prev, .slick-next { width: 25px!important; height: 60px!important; z-index: 100; }
.slick-prev { left: -35px!important; }
.slick-prev:before { display: block; content: ''; width: 25px; height: 60px; background: url("../img/prev.png") no-repeat 0 0 / contain; }
.slick-next { right: -35px!important; }
.slick-next:before { display: block; content: ''; width: 25px; height: 60px; background: url("../img/next.png") no-repeat 0 0 / contain; }
.slick-prev:before, .slick-next:before { color: transparent!important; }

/*プラント設備メンテナンス*/
#achieve .lead5 { font-size: 1.7rem; }
#achieve .boxGray:not(:last-child) { margin-top: 3rem; }
#achieve .boxGray li { width: 49.5%; }
#machine li { width: 48%; text-align: center; }
#machine li .ttl { margin: .8rem 0 0; font-size: 1.2rem; color: #2990d5; }
#machine li .explan { margin-top: 0; }


/*取り組み*/
.attemptActivity .subSec img { margin: 0 5px 5px 0; }
#attempt #policy .txtArea { width: 48%; }
#attempt #policy figure { width: 45%; }
.sdgs1 .txt { margin-top: 4rem; }
.sdgs2 .boxGray img,
.sdgs4 .boxGray img { width: 20%; }
.sdgs3 .notice { color: #aaa; }
.sdgs4 li:first-child { width: 56%; }
.sdgs4 li:last-child { width: 38.6%; }
.sdgs4 .hyosho figure { display: inline-block; margin-top: 2rem; border: 8px solid #ddd;  }
.sdgs4 .hyosho img { border: 8px solid #aaa;  }
.sdgs4 .hyosho p { margin-top: 0; }
.sdgs5 li:first-child,
.sdgs5 li:nth-child(2) { width: 36%; }
.sdgs5 li:last-child { width: 20.4%; }
.environment #chart .image { padding: 4rem 6%; background: #fff; }

#attempt #activity .sec202210_3 figure:first-child { margin-right: 1%; }
#attempt #activity .subSec { padding-top: 7rem; margin-top: -7rem; }
#attempt #activity #day202309 figure:not(:first-child) { margin-left: 5px; }
#attempt #activity .sheet1 img { width: 200px; }
#attempt #activity #day202403 .img202403 { width: 14.3%; }
#attempt #activity #day202403 .img202403_2 { width: 83%; }



/*採用情報*/
#recruit .txt { margin-bottom: 5rem; }
#recruit .lead5 { margin-bottom: 3rem; }
.recruitList li { width: 48%; }
.recruitList li a { display: block; padding: 1.5rem 0; font-size: 1.5rem; }
#recruit .contactTxt { margin-top: 6rem; text-align: center; }

.mynaviBtn { margin-top: 5rem; text-align: center; }
.mynaviBtn a { display: inline-block; }
.mynaviBtn img { margin: 0 auto; border: 1px solid #94c7f1; }

/*お問い合わせ*/
/* フォーム */
.mw_wp_form { margin: 0 auto 3rem; }
/*.mw_wp_form .narrow { max-width: 800px; }*/
.mw_wp_form .txt { margin-bottom: 3rem; }
.mw_wp_form span.required { padding: 0 4px; font-size:.8em; color:#b22f2f; font-weight: 600; }
.mw_wp_form .dlTbl { padding: 5rem 6%; background: #efefef; }
.mw_wp_form dt, .mw_wp_form dd { padding: 1.7rem 1rem; line-height: 1.4; border: none; }
.mw_wp_form dt { position:relative; font-weight: 500; color: #333; }
.mw_wp_form .ttl dt, .mw_wp_form .ttl dd { padding-top: 5rem; border-bottom: 1px solid #ccc; }
.mw_wp_form .ttl dt { font-weight: 600; }
.mw_wp_form .form_footer { margin-top: 5rem; text-align: center; }
.mw_wp_form input[type="submit"] { width: 30%; min-width: 210px; margin:0 0 1rem; padding: 20px 0; color: #fff; background: #2a90d4; border-radius: 5px; }
.mw_wp_form input:hover[type="submit"] { background: #d5e8f6; color: #2990d5; -webkit-transition:all .3s; transition:all .3s; }
.mw_wp_form input { margin: 8px 0; }
.mw_wp_form input,
.mw_wp_form textarea,
.mw_wp_form select { padding: 6px 8px; border-radius: 0; }


.thanks { padding: 3rem 6%; background: #efefef; }
.thanks .address { margin-top: 3rem }
.thanks + .btnArea { margin-top: 3rem; text-align: center; }
#contact_thanks .entry-content a,
#estimate_thanks .entry-content a { text-decoration: none!important; }


/*サイトマップ*/
.sitemap { width: 100%; }
.sitemap ul { width: 26%; margin-bottom: 3rem; }
.sitemap li:not(.sub) { margin-bottom: 1.5rem; border-bottom: 1px solid rgba(0,119,199,.57); }
.sitemap li,
.sitemap li:not(.sub) a { display: block; color: #0077c7; }
.sitemap li a:hover { color: #ccc; }
.sitemap li.sub a { position: relative; padding-left: .8rem; }
.sitemap li.sub a:before { position: absolute; top: 5px; left: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #0077c7; }
.sitemap li.third { padding-left: 1rem; }

/*プライバシーポリシー*/
.privacy .subTtl2 { margin-bottom: 4rem; }
.privacy ol { margin: 2rem 0 4rem; }
.privacy ol > li { margin: 3em 0; }
.privacy ::marker,
.privacy .ttl { font-size: 1.3rem; font-weight: 500; }
.privacy ol h4 { font-size: 1.1rem; font-weight: 500; }
.privacy ol > li > ul > li { margin: 1em 0; }
.privacy ol > li > ul > li > ul > li { padding-left: 1em; margin: 1em 0; }


/*50th*/
#fiftieth .mainimg { padding: 0 3%; }
#fiftieth .president { width: 40%; margin-bottom:30px; }
#fiftieth .message { padding: 100px 4% 80px 14%; background: url("../img/50th/year.png") no-repeat 0 100px / 10%; }
#fiftieth .message p { margin: 2em 0; }
#fiftieth .message p:first-child { margin: 0 0 2em; }
#fiftieth .message .name { margin: 0!important; font-size: 1.2rem; }
#fiftieth .event { padding-bottom: 0; }
#fiftieth .gallery:not(:last-child) { margin-bottom: 7rem; }
#fiftieth .gallery .lead5 { margin-bottom: .7rem; }
#fiftieth .gallery .day { float: left; margin: 0 0 1.2rem; color: #2d83bc; font-size: 1.1rem; }
#fiftieth .gallery .small { margin: 0 0 1rem; }
#fiftieth .gallery_list li { width: 24%; margin-bottom: 14px; }




/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
	
	#history .dlTbl dt,
	#history .dlTbl dd { border: none;  }
	#history .dlTbl dt { position: relative; text-align: right; border-right:3px solid #d4e9f7; }
	#history .dlTbl dt:before { content: ""; position: absolute; top: 43%; right: -10px; width: 17px; height: 17px; background: #fff; border:3px solid #d4e9f7; border-radius: 10px; }
	
	
 /* フォーム */
  .mw_wp_form > div { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
  .mw_wp_form dt { width:270px; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; }
  .mw_wp_form dd { -webkit-box-flex:1; flex:1; }



}

/* 1024以上(PC) */
@media screen and (min-width: 1024px) {

}




/* ================================================================
  タブレット
=================================================================== */
@media screen and (max-width: 1024px) {
	#contents { padding-top: 5rem;  }
	pageTitleCon { height: 14rem; }
	
	.lead2 { font-size: 2rem; }
	
	.companyList li { width: 49.5%; }
	.service2 { margin-top: 3rem; }
	
	.worries .lead3:before,
	.worries .lead3:after { content: none; }
	.worriesList .txt { font-size: .8rem; }
	
	.multipurpose .lead3 { font-size: 1.4rem; }
	.packer1 .point figure { width: 30%; }
	.packer1 .point ul { width: 64%; }
	.pointFlow li:after { right: -3.5rem; width: 40px; height: 40px; }
	.ttlPacker:before { top: -33px; left: .5rem; width: 93px; height: 100px; }

	.slick-prev { left: -30px!important; }
	.slick-next { right: -30px!important; }
	
	#attempt #activity #day202309 figure:not(:last-child) { width: 24%!important; }
	#attempt #activity #day202309 figure:last-child { width: 48%!important; }
	
	#fiftieth .gallery .day { float: none; }
}

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

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
	#contents { padding-top: 50px; padding-bottom: 60px; }
	#pageTitle { padding-top: 110px; }
	.pageTitleCon { height: 13rem; }
	.pageTitle { padding-top: 1rem; font-size: 1.3em; }
	
	.attempt2 .pageTitleCon { background-position: 78% 0; background-size: cover; }
	.attempt3 .pageTitleCon { background-position: 98% 0; }
	
	.subTtl { font-size: 2em; }
	.subTtl2 { margin-bottom: 2rem; }
	.subTtl2 span { font-size: 1.7rem; }
	.ttlLine { font-size: 1.1rem; }

	.lead1 span { font-size: 1rem; }
	.lead2 { font-size: 1.7rem; }
	.lead3 { font-size: 1.3rem; }
	.lead3:before,
	.lead3:after { content: none; }
	.lead4 { font-size: 1.2rem; }
	.lead5 { font-size: 1.5rem; }
	
	#pan { display: none; }
	
	.pageNav { margin: 1rem 0 3rem; -webkit-justify-content: start; justify-content: start; }
	.pageNav li { width: 50%; margin-bottom: .5rem; }
	.pageNav li:nth-child(odd):not(:first-child) { border-left: 1px solid #888; }
	.pageNav li a { padding: 0 0.5em; }

	.boxGray { padding: 1.5rem 5% 1rem; }
	.boxGray:not(:last-child) { margin-bottom: 1rem; }

	.strengths .txt { font-size: 1rem; }
	.trustBg { height: 15rem; }
	.strengthsBg { height: 16.5rem; background-size: 100%; background-attachment: scroll; }
	.service .txtArea,
	.service figure { width: 100%; order: 0; }
	.service .ttl { font-size: 1.3rem; }
	.future .ttl { margin-bottom: 2rem; font-size: 1.5rem; }
	.companyList li { width: 100%; padding: 0; background: none; border: none; }
	
	.worriesList li { width: 100%!important; }
	.worriesList .txt { font-size: 1rem; }
	
	.consulting .txt2 { text-align: left; }
	.consulting .btnArea li { width: 100%; margin-bottom: 1rem; }
	#business .subSec .txtArea,
	#business .subSec figure,
	#business .subSec .graphArea,
	.links .lead5,
	.links .linkArea{ width: 100%!important; }
	.pfos3 .notice { font-size: .8rem; color: #666; }
	.multipurpose .feature ul { width: 100%; margin-left: 0; margin-top: 2rem; font-size: 1rem; }
	.industrialWaste li a { padding: 1.5rem 1rem 1.5rem 1rem; }
	.vehicle .btnList li { width: 100%; padding: 0.5rem 1rem; }
	.vehicleList li { width: 47%; margin-bottom: 1rem; }
	.packer1 .point { padding: 2rem 1rem; }
	.packer1 .point figure { width: 70%; }
	.packer1 .point ul { width: 100%; margin-top: 1rem; margin-left: 0; font-size: 1rem; }
	.pointFlow li { width: 48%; margin-top: 2rem; }
	.pointFlow li:after { content: none; }
	.ttlPacker { font-size: 1.1rem; padding-left: 7rem; text-align: left; }
	.ttlPacker:before { top: -22px; left: 0.1rem; }
	.worry .txtArea,
	.worry .imgArea,
	.packer5 .txtArea,
	.packer5 figure { width: 100%; padding-top: 0rem; }
	.worry .txt { margin: 0 0 4rem; }
	.worry .imgArea { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;
		justify-content:space-between; -webkit-justify-content:space-between; }
	.worry .imgArea figure { width: 48%; }
	.solution { padding: 2rem 1.5rem 1rem; }
	.solution .txtArea { width: 100%; }
	.solution figure { width: 100%; padding-top: 0rem; padding-left: 70%; }
	.packer5 li:nth-child(even) .txtArea { order: 0; }
	#achieve .boxGray li,
	#machine li { width: 100%; margin-bottom: 1rem; }
	
	.slick_thumb { margin-top: 15px; }
	.slick_thumb li { width: 19.5%; }
	.slick-prev:before,
	.slick-next:before { content: none!important; }

	#company .office { border: none; }
	#company .office figure,
	#company .office .address,
	#company .office .gmap { width: 100%; }
	#company .office .address .ttl { margin-top: 1rem; }
	.subTtl2 + .day { margin: -1rem 0 2rem; }
	#company #qualification .col2 > * { width: 100%; }
	
	#attempt #policy .txt span { width: 100%; padding: 0 0 1rem 0; text-align: center; }
	.sdgs2 .boxGray img,
	.sdgs4 .boxGray img { width: 30%; }
	.sdgs3 li,
	.sdgs4 li,
	.sdgs5 li { width: 100%!important; max-width: 100%; margin-bottom: 1rem; }
	.environment #chart .image { padding: 2rem 6%; }
	#attempt #activity .sec202210_3 figure { width: 49%; }
	#attempt #activity .sheet1 img { width: 100px; }
	#attempt #activity #day202403 .img202403 { width: 28%; }
	#attempt #activity #day202403 .img202403_2 { width: 100%; }


	.mynaviBtn { margin-top: 1rem; }


	.dlTbl div { margin-bottom: 1em; }
	.dlTbl dt { text-align: left; color: #146bbf; border: none; background: #e1f0f9; }
	.dlTbl dd { border: none; }
	.dlTbl dt,
	.dlTbl dd,
	#company #summary .dlTbl dd { width: 100%; padding: 0em 0.5em; }
	/*採用*/
	#recruit .txt { margin-bottom: 3rem; }
	.recruitList li { width: 100%; margin-bottom: 2rem; }
	.innerDl dt, .innerDl dd { padding: 0; color: #333; background: none; }
	.innerDl dt { width: 16%; }
	.innerDl dd { width: 83%; }
	.innerDl dd:before { content: ":　"; }
	
	/* フォーム */
	.mw_wp_form { font-size: 16px; }
	.mw_wp_form .dlTbl { padding: 3rem 3%; }
	.mw_wp_form > div { margin-bottom:15px; }
	.mw_wp_form textarea { width: 100%; }
	.mw_wp_form dt, .mw_wp_form dd { padding: 0 .5em; }
	.mw_wp_form dt { color: #333; background: none; }
	.mw_wp_form .ttl dt { padding-top: 2rem; }
	.mw_wp_form .ttl dd { padding-top: 0; border: none; }



	.sitemap ul { width: 45%; font-size: .8rem; }
	.sitemap li:not(.sub) { margin-bottom: 0.7rem; } 
	
	/*50th*/
	#fiftieth .message { padding: 40px 4% 80px 4%; background-position: 0 40px; background-size: 18%; }
	#fiftieth .gallery:not(:last-child) { margin-bottom: 4rem; }
	#fiftieth .gallery .lead5 { font-size: 1.2rem; }
	#fiftieth .gallery .day { line-height: 1.5; font-size: 1rem; }
	#fiftieth .gallery_list li { width: 49%; margin-bottom: 10px; }

	
	
	
	
	
}

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


}