h2{ font-size: 12px; font-weight: normal;}
dl,dt,dd{ margin: 0; padding: 0;}
.margin-b-20{ margin-bottom: 20px !important;}
.case-studies-page-bt{ display: none !important;}
.case-studies-h1{ color: #289404; font-size: 16px; margin-top: 110px; text-align: center;}
.case-studies-title-01{ display: block; margin: 20px auto;}
.case-studies-maine{ margin: 0 auto 50px; width: 900px;}
.case-studies-head-content-01{ margin-bottom: 30px; padding: 0 10px 10px; width: calc(100% - 20px);}
.case-studies-head-content-01:after,.case-studies-list-01:after,.case-studies-breadcrumb-area:after,.case-studies-search-area:after,.search-checkbox-area dl dd ul:after,.case-studies-pagination-area:after,.case-studies-list-one-contents-area:after,.case-studies-download-area:after,.case-studies-number-area:after,.case-studies-industry-icon-area:after,.case-studies-category-item-area:after,.case-studies-paging-area div ul:after,.case-studies-page-head-title-area:after,.case-studies-download-right:after,.case-studies-page-contents-01 dd:after,.photo-list:after,.point-list:after{ clear: both; content: ""; display: block;}
.case-studies-head-content-01 li{ float: left;}
.case-studies-head-content-01 li:last-child{ width: calc(100% - 200px);}
.case-studies-head-content-01 li div.truck,.case-studies-head-content-01 li:last-child p:first-child span.numeral{ background-image: url("/module/img/case-studies/case-studies-photo-01.png"); background-repeat: no-repeat;}
.case-studies-head-content-01 li div.truck{ background-position: center 0; height: 130px; margin-top: 12px; width: 200px;}
.case-studies-head-content-01 li:last-child p:first-child{ font-size: 30px; font-weight: bold; line-height: 34px;}
.case-studies-head-content-01 li:last-child p:first-child span{ margin: 0 2px;}
.case-studies-head-content-01 li:last-child p:first-child span:first-child{ margin: 0 0 0 4px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral{ display: inline-block; height: 40px; margin-bottom: -3px; width: 24px;}
.case-studies-head-content-01 li:last-child p:first-child span.zero{ background-position: 0 -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.one{ background-position: -30px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.two{ background-position: -60px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.three{ background-position: -90px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.four{ background-position: -120px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.five{ background-position: -150px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.six{ background-position: -180px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.seven{ background-position: -210px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.eight{ background-position: -240px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.nine{ background-position: -270px -140px;}

.case-studies-head-content-01 li:last-child p:first-child span.numeral-0.numeral{ background-position: 0 -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-1.numeral{ background-position: -30px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-2.numeral{ background-position: -60px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-3.numeral{ background-position: -90px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-4.numeral{ background-position: -120px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-5.numeral{ background-position: -150px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-6.numeral{ background-position: -180px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-7.numeral{ background-position: -210px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-8.numeral{ background-position: -240px -140px;}
.case-studies-head-content-01 li:last-child p:first-child span.numeral-9.numeral{ background-position: -270px -140px;}

.case-studies-head-content-01 li:last-child p:first-child span.case{ font-size: 22px; font-weight: normal;}
.case-studies-head-content-01 li:last-child p:last-child{ font-size: 15px; font-weight: normal; line-height: 24px;}
.case-studies-head-content-01 li:last-child p:last-child span{ color: #ff0000;}
.case-studies-band-01{ background-color: #6a90c4; color: #ffffff; font-size: 16px; font-weight: bold; padding: 4px 10px 4px 34px; position: relative;}
.case-studies-band-01.second{ background-color: #eca516;}
.case-studies-band-01.third{ background-color: #dd606b;}
.case-studies-download-pdf-bt-01:before,.case-studies-band-01:before,.expansion-download-area li div.expansion:before,.expansion-download-area li a:before,.pop-up-area .close,.pop-up-area .download,.all-download:after,.case-studies-search-area li:nth-child(3) button,.search-category-result-bt-01:after,.popup-search-area .close,.case-studies-download-area li a:before,.case-studies-left-lump-download-area .icon,.case-studies-left-lump-download-area .list ul li:hover:before,.case-studies-left-lump-download-area a.lump-download:after,.case-studies-page-contents-01 dt .title:before,.case-studies-left-lump-download-area .list ul li.case-studies-left-lump-download-area-hovered::before,.case-studies-download-right ul li p:after,.all-release-bt span::before{ background-image: url("/module/img/case-studies/case-studies-icon-01.png?=20190628"); background-repeat: no-repeat; content: "";}
.case-studies-band-01:before{ background-position: center 0; height: 16px; left: 10px; position: absolute; top: calc(50% - 10px); width: 18px;}
.case-studies-list-01{ padding-top: 20px; width: 100%;}
.case-studies-list-01 li{ float: left; margin: 0 12.5px 60px; width: 200px;}
.case-studies-title-number{ font-size: 14px; font-weight: bold; line-height: 20px; padding-left: 44px; position: relative;}
.case-studies-title-number:before{ background-image: url("/module/img/case-studies/case-studies-number-icon-01.png"); background-repeat: no-repeat; content: ""; height: 42px; left: 0; position: absolute; top: -2px; width: 38px;}
li#no1 p.case-studies-title-number:before{ background-position: center 0;}
li#no2 p.case-studies-title-number:before{ background-position: center -50px;}
li#no3 p.case-studies-title-number:before{ background-position: center -100px;}
li#no4 p.case-studies-title-number:before{ background-position: center -150px;}
li#no5 p.case-studies-title-number:before{ background-position: center -200px;}
li#no6 p.case-studies-title-number:before{ background-position: center -250px;}
li#no7 p.case-studies-title-number:before{ background-position: center -300px;}
li#no8 p.case-studies-title-number:before{ background-position: center -350px;}
li#no9 p.case-studies-title-number:before{ background-position: center -400px;}
li#no10 p.case-studies-title-number:before{ background-position: center -450px;}
li#no11 p.case-studies-title-number:before{ background-position: center -500px;}
li#no12 p.case-studies-title-number:before{ background-position: center -550px;}
li#no13 p.case-studies-title-number:before{ background-position: center -600px;}
li#no14 p.case-studies-title-number:before{ background-position: center -650px;}
li#no15 p.case-studies-title-number:before{ background-position: center -700px;}
li#no16 p.case-studies-title-number:before{ background-position: center -750px;}
li#no17 p.case-studies-title-number:before{ background-position: center -800px;}
li#no18 p.case-studies-title-number:before{ background-position: center -850px;}
li#no19 p.case-studies-title-number:before{ background-position: center -900px;}
li#no20 p.case-studies-title-number:before{ background-position: center -950px;}
li#no21 p.case-studies-title-number:before{ background-position: center -1000px;}
li#no22 p.case-studies-title-number:before{ background-position: center -1050px;}
li#no23 p.case-studies-title-number:before{ background-position: center -1100px;}
li#no24 p.case-studies-title-number:before{ background-position: center -1150px;}
li#no25 p.case-studies-title-number:before{ background-position: center -1200px;}
li#no26 p.case-studies-title-number:before{ background-position: center -1250px;}
li#no27 p.case-studies-title-number:before{ background-position: center -1300px;}
li#no28 p.case-studies-title-number:before{ background-position: center -1350px;}
li#no29 p.case-studies-title-number:before{ background-position: center -1400px;}
li#no30 p.case-studies-title-number:before{ background-position: center -1450px;}
li#no31 p.case-studies-title-number:before{ background-position: center -1500px;}
li#no32 p.case-studies-title-number:before{ background-position: center -1550px;}
li#no33 p.case-studies-title-number:before{ background-position: center -1600px;}
li#no34 p.case-studies-title-number:before{ background-position: center -1650px;}
.case-studies-image-photo{ background-image: url("/module/img/case-studies/case-studies-photo-02.png"); background-repeat: no-repeat; cursor: pointer; height: 280px; margin: 0 0 10px; text-indent: -9999px; width: 200px;}
li#no1 div.case-studies-image-photo{ background-position: -5px 0;}
li#no2 div.case-studies-image-photo{ background-position: -215px 0;}
li#no3 div.case-studies-image-photo{ background-position: -425px 0;}
li#no4 div.case-studies-image-photo{ background-position: -635px 0;}
li#no5 div.case-studies-image-photo{ background-position: -845px 0;}
li#no6 div.case-studies-image-photo{ background-position: -5px -280px;}
li#no7 div.case-studies-image-photo{ background-position: -215px -280px;}
li#no8 div.case-studies-image-photo{ background-position: -425px -280px;}
li#no9 div.case-studies-image-photo{ background-position: -635px -280px;}
li#no10 div.case-studies-image-photo{ background-position: -845px -280px;}
li#no11 div.case-studies-image-photo{ background-position: -5px -560px;}
li#no12 div.case-studies-image-photo{ background-position: -215px -560px;}
li#no13 div.case-studies-image-photo{ background-position: -425px -560px;}
li#no14 div.case-studies-image-photo{ background-position: -635px -560px;}
li#no15 div.case-studies-image-photo{ background-position: -845px -560px;}
li#no16 div.case-studies-image-photo{ background-position: -5px -840px;}
li#no17 div.case-studies-image-photo{ background-position: -215px -840px;}
li#no18 div.case-studies-image-photo{ background-position: -425px -840px;}
li#no19 div.case-studies-image-photo{ background-position: -635px -840px;}
li#no20 div.case-studies-image-photo{ background-position: -845px -840px;}
li#no21 div.case-studies-image-photo{ background-position: -5px -1120px;}
li#no22 div.case-studies-image-photo{ background-position: -215px -1120px;}
li#no23 div.case-studies-image-photo{ background-position: -425px -1120px;}
li#no24 div.case-studies-image-photo{ background-position: -635px -1120px;}
li#no25 div.case-studies-image-photo{ background-position: -845px -1120px;}
li#no26 div.case-studies-image-photo{ background-position: -5px -1400px;}
li#no27 div.case-studies-image-photo{ background-position: -215px -1400px;}
li#no28 div.case-studies-image-photo{ background-position: -425px -1400px;}
li#no29 div.case-studies-image-photo{ background-position: -635px -1400px;}
li#no30 div.case-studies-image-photo{ background-position: -845px -1400px;}
li#no31 div.case-studies-image-photo{ background-position: -5px -1680px;}
li#no32 div.case-studies-image-photo{ background-position: -215px -1680px;}
li#no33 div.case-studies-image-photo{ background-position: -425px -1680px;}
li#no34 div.case-studies-image-photo{ background-position: -635px -1680px;}
.expansion-download-area{ border-left: 1px solid #595959; border-right: 1px solid #595959; display: table; table-layout: fixed;}
.expansion-download-area li{ display: table-cell; float: none; margin: 0;}
.expansion-download-area li:first-child{ border-right: 1px solid #595959; width: 70px;}
.expansion-download-area li:last-child{ width: 130px;}
.expansion-download-area li:hover{ background-color: #d5eace;}
.expansion-download-area li div.expansion,.expansion-download-area li a{ font-size: 14px; font-weight: bold; padding: 6px 0; position: relative; text-align: center;}
.expansion-download-area li div.expansion{ color: #595959; cursor: pointer; padding-left: 24px;}
.expansion-download-area li div.expansion:before{ background-position: center -40px; height: 18px; left: 6px; position: absolute; top: 4px; width: 20px;}
.expansion-download-area li a{ color: #595959; display: block; padding-left: 26px;}
.expansion-download-area li a:before{ background-position: center -80px; height: 16px; left: 6px; position: absolute; top: 4px; width: 20px;}
.expansion-download-area li a:hover{ text-decoration: none;}

.case-studies-disposal-icon-area{ margin-top: 10px; width: 100%;}
.case-studies-disposal-icon-area:after{ clear: both; content: ""; display: block;}
.case-studies-disposal-icon-area li{ font-size: 10px; font-weight: bold; line-height: 24px; margin: 0 6px 0 0; padding-left: 24px; position: relative; width: auto;}
.case-studies-disposal-icon-area li:last-child{ margin: 0;}
.case-studies-disposal-icon-area li.case-studies-disposal-icon-1{ color: #6a90c4;}
.case-studies-disposal-icon-area li.case-studies-disposal-icon-2{ color: #ff8900;}
.case-studies-disposal-icon-area li.case-studies-disposal-icon-3{ color: #dd606b;}
.case-studies-disposal-icon-area li:before{ content: ""; display: block; height: 22px; left: 0; position: absolute; top: 0; width: 22px;}
.case-studies-disposal-icon-area li.case-studies-disposal-icon-1:before{ background-image: url("/module/img/case-studies/case-studies-disposal-icon-01.png");}
.case-studies-disposal-icon-area li.case-studies-disposal-icon-2:before{ background-image: url("/module/img/case-studies/case-studies-disposal-icon-02.png");}
.case-studies-disposal-icon-area li.case-studies-disposal-icon-3:before{ background-image: url("/module/img/case-studies/case-studies-disposal-icon-03.png");}
.case-studies-disposal-icon-area li.icon-1-1:before{ background-position: center 0;}
.case-studies-disposal-icon-area li.icon-1-2:before{ background-position: center -30px;}
.case-studies-disposal-icon-area li.icon-1-3:before{ background-position: center -30px;}
.case-studies-disposal-icon-area li.icon-1-4{ padding-left: 10px;}
.case-studies-disposal-icon-area li.icon-1-4:before{ background-position: center -60px; width: 8px;}
.case-studies-disposal-icon-area li.icon-1-5{ padding-left: 16px;}
.case-studies-disposal-icon-area li.icon-1-5:before{ background-position: center -90px; width: 14px;}
.case-studies-disposal-icon-area li.icon-1-6{ padding-left: 12px;}
.case-studies-disposal-icon-area li.icon-1-6:before{ background-position: center -120px; width: 10px;}
.case-studies-disposal-icon-area li.icon-1-7{ padding-left: 20px;}
.case-studies-disposal-icon-area li.icon-1-7:before{ background-position: center -150px; width: 18px;}
.case-studies-disposal-icon-area li.icon-1-8{ padding-left: 20px;}
.case-studies-disposal-icon-area li.icon-1-8:before{ background-position: center -180px; width: 18px;}
.case-studies-disposal-icon-area li.icon-1-9{ padding-left: 16px;}
.case-studies-disposal-icon-area li.icon-1-9:before{ background-position: center -210px; width: 14px;}
.case-studies-disposal-icon-area li.icon-1-10:before{ background-position: center -240px;}

.case-studies-disposal-icon-area li.icon-2-1:before{ background-position: center 0;}
.case-studies-disposal-icon-area li.icon-2-2:before{ background-position: center -30px;}
.case-studies-disposal-icon-area li.icon-2-3:before{ background-position: center -60px;}
.case-studies-disposal-icon-area li.icon-2-4:before{ background-position: center -90px;}
.case-studies-disposal-icon-area li.icon-2-5:before{ background-position: center -120px;}
.case-studies-disposal-icon-area li.icon-2-6:before{ background-position: center -150px;}
.case-studies-disposal-icon-area li.icon-2-7:before{ background-position: center -180px;}
.case-studies-disposal-icon-area li.icon-2-8:before{ background-position: center -210px;}
.case-studies-disposal-icon-area li.icon-2-9:before{ background-position: center -240px;}
.case-studies-disposal-icon-area li.icon-2-10:before{ background-position: center -270px;}
.case-studies-disposal-icon-area li.icon-2-11:before{ background-position: center -300px;}

.case-studies-disposal-icon-area li.icon-3-1:before{ background-position: center 0;}
.case-studies-disposal-icon-area li.icon-3-2:before{ background-position: center 0;}
.case-studies-disposal-icon-area li.icon-3-3:before{ background-position: center -30px;}
.case-studies-disposal-icon-area li.icon-3-4:before{ background-position: center -60px;}

.center{ text-align: center;}
.right{ text-align: right;}
.all-download{ background-color: #289404; border-radius: 8px !important; box-shadow: 0 2px 3px #adadad; color: #ffffff !important; display: inline-block; font-size: 22px; font-weight: bold; margin-bottom: 60px; padding: 10px 60px 10px 20px; position: relative; text-align: center;}
.all-download:after{ background-position: center -260px; height: 30px; position: absolute; right: 20px; top: calc(50% - 15px); width: 30px;}
.all-download:hover{ opacity: 0.4; text-decoration: none;}
.all-download span{ display: block; font-size: 12px; font-weight: normal; margin-top: 6px;}

/* ポップアップ */
.darkening{ background-color: rgba(0,0,0,0.6); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 101;}
.pop-up-area{ background-color: #ffffff; display: none; height: 92vh; left: calc(50% - 310px); position: fixed; top: 4vh; width: 620px; z-index: 102;}
.pop-up-area .photo-area{ height: calc(100% - 40px); margin: 20px auto; overflow-y: scroll;}
.pop-up-area .close{ background-position: center -130px; cursor: pointer; height: 38px; position: absolute; right: -50px; text-indent: -9999px; top: 0; width: 38px;}
.pop-up-area .close:hover,.pop-up-area .download:hover{ opacity: 0.4;}
.pop-up-area .download{ background-position: center -200px; display: block; height: 38px; position: absolute; right: -50px; top: 50px; text-indent: -9999px; width: 38px;}
.pop-up-area .download:before{ display: none;}

.case-studies-breadcrumb-area li{ color: #289404; float: left; font-size: 13px;}
.case-studies-breadcrumb-area li:not(:last-child):after{ content: "＞"; font-size: 14px; margin: 0 10px; vertical-align: middle;}
.case-studies-breadcrumb-area li a{ text-decoration: underline;}
.case-studies-breadcrumb-area li h2{ font-weight: bold;}

.case-studies-download-pdf-bt-01{ color: #454545 !important; cursor: pointer; display: inline-block; font-size: 12px; letter-spacing: 1px; margin-bottom: 20px; position: relative;}
.case-studies-download-pdf-bt-01:hover{ opacity: .6; text-decoration: none;}
.case-studies-download-pdf-bt-01:before{ background-position: center -810px; height: 26px; left: -34px; position: absolute; top: calc(50% - 13px); width: 26px;}
.case-studies-search-area{ background-color: #3b3b3b; border-radius: 8px; border-bottom: 3px solid #1a1a1a; border-top: 3px solid #868686; color: #ffffff; margin: 10px auto; padding: 9px 15px 0 15px;}
.case-studies-search-area li{ float: left; margin: 0 10px 10px 0;}
.case-studies-search-area .popup-search-area-bt{ background-image: url("../images/case-menu-bt-01.png"); background-position: center 0; cursor: pointer; height: 40px; text-indent: -9999px; width: 160px;}
.case-studies-search-area .popup-search-area-bt:hover{ background-position: center -40px;}
.case-studies-search-area li button:hover{ opacity: .4;}
.case-studies-search-area li:nth-child(2){ width: calc(100% - 218px);}
.case-studies-search-area li:nth-child(2) input{ height: 34px; margin: 3px 0 3px; padding: 0 27px 0 7px; width: 100%;}
.case-studies-search-area li:nth-child(3){ margin: 3px 0 10px 0;}
.case-studies-search-area li:nth-child(3) button{ background-color: #ff7004; background-position: center -316px; display: inline-block; height: 34px; vertical-align: middle; width: 38px;}
.case-studies-search-area li:last-child{ margin: 0;}
.case-studies-search-area li:first-child p{ float: right; font-size: 10px; line-height: 14px; width: 240px;}

.popup-search-area{ background-color: #ffffff; display: none; height: 90%; left: calc(50% - 400px); position: fixed; top: 5%; width: 800px; z-index: 102;}
.popup-search-area .close{ background-position: center -130px; cursor: pointer; height: 38px; position: absolute; right: -50px; text-indent: -9999px; top: 0; width: 38px;}
.popup-search-area .close:hover{ opacity: 0.6;}
.search-checkbox-area{ height: calc(100% - 148px); margin: 16px 0; overflow-y: scroll; padding-left: 20px;}
.search-checkbox-area dl dt{ border-bottom: 1px solid #000000; margin: 30px auto 6px; padding-bottom: 6px;}
.search-checkbox-area dl dt p{ font-size: 16px; font-weight: bold; line-height: inherit; letter-spacing: 0;}
.search-checkbox-area dl dd ul li{ float: left; width: 50%;}
.search-checkbox-area dl dd ul li p{ font-size: 14px;}

.checkbox-core{ display: none;}
.checkbox-02{ cursor: pointer; padding-left: 30px; position:relative;}
.checkbox-02::before{ background-color: #ffffff; border: 1px solid #999; border-radius: 4px; content: ""; display: block; height: 18px; left: 0; position: absolute; top: calc(50% - 10px); width: 18px;}
.checkbox-core:checked + .checkbox-01,.checkbox-core:checked ~ .checkbox-02{ color: #289404;}
.checkbox-core:checked + .checkbox-02::after{ border-bottom: 4px solid #ff0000; border-right: 3px solid #ff0000; content: ""; display: block; height: 16px; left: 6px; position: absolute; top: -4px; transform: rotate(40deg); width: 7px;}

.search-number-erea{ font-size: 14px; font-weight: bold; line-height: 22px; text-align: center;}
.search-number-erea span{ color: #ff0000; font-size: 26px; padding: 0 10px;}

.search-category-result-bt-01{ background-color: #3ca637; border-radius: 6px; border-bottom: 4px solid #346e32; border-left: 4px solid #85c782; border-right: 4px solid #256722;  border-top: 4px solid #94cd92; color: #ffffff !important; cursor: pointer; display: block; font-size: 18px; font-weight: bold; margin: 10px auto; padding: 16px 20px; position: relative; text-align: center; text-decoration: underline !important; width: 300px;}
.search-category-result-bt-01:hover,.case-studies-list-one-contents-area dd .title-link:hover,.checkedTag span:hover{ opacity: 0.6;}
.search-category-result-bt-01:after{ background-position: center -430px; height: 18px; position: absolute; right: 18px; top: calc(50% - 9px); width: 18px;}

.case-studies-pagination-area{ border-bottom: 1px solid #b0b0b0; margin: 14px auto 20px; padding-bottom: 10px; width: 100%;}
.case-studies-pagination-area.down{ border-bottom: none; margin: -10px auto 40px;}
.case-studies-pagination-area li{ float: right; font-size: 12px; font-weight: bold; margin-left: 10px;}
.case-studies-pagination-area li select{ border: 2px solid #009f00; border-radius: 4px; height: 26px; font-size: 14px; padding: 0 6px; vertical-align: initial;}
.case-studies-pagination-area li:first-child{ float: left; margin-left: 0;}
.case-studies-pagination-area li:first-child p{ font-size: 14px; font-weight: bold; line-height: 18px; margin-top: 6px;}
.case-studies-pagination-area li:first-child p span{ color: #ff0000; font-size: 20px; padding: 0 6px;}

.case-studies-list-one-contents-area{ border-bottom: 1px solid #b0b0b0; margin-bottom: 20px; padding-bottom: 20px;}
.case-studies-list-one-contents-area dt{ float: left; margin-right: 20px; width: 240px;}
.case-studies-list-one-contents-area dd{ float: left; width: calc(100% - 260px);}
.case-studies-list-one-contents-area dd .title-link{ color: #289404; display: inline-block; font-size: 20px; font-weight: bold; margin: -6px auto 12px; text-decoration: underline;}
.case-studies-list-one-contents-area dd .text-body-title{ font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 4px;}
.case-studies-list-one-contents-area dd .text-body{ font-size: 14px; line-height: 20px; height: 62px; overflow: hidden;}
.case-studies-list-one-contents-area dd .text-body span{ font-weight: bold;}

.case-studies-download-area{ margin-top: 10px;}
.case-studies-download-area li{ margin-bottom: 20px;}
.case-studies-download-area.inline-block li{ display: inline-block;}
.case-studies-download-area.inline-block li:last-child{ margin-left: 20px;}
.case-studies-download-area li a{ color: #454545; cursor: pointer; display: inline-block; font-size: 12px; letter-spacing: 0; padding-left: 34px; position: relative;}
.case-studies-download-area li a:hover{ opacity: .4; text-decoration: none;}
.case-studies-download-area li a:before{ height: 26px; width: 26px; left: 0; position: absolute; top: calc(50% - 13px);}
.case-studies-download-area li a.download-one:before{ background-position: center -810px;}
.case-studies-download-area li a.download-later:before{ background-position: center -870px;}
.case-studies-download-area li a.download-later.checked{ color: #ff0000;}
.case-studies-download-area li a.download-later.checked:before{ background-position: center -930px;}

.case-studies-number-area li{ float: left; height: 28px; line-height: 28px;}
.case-studies-number-area li:first-child{ background-color: #000000; border: 1px solid #000000; color: #ffffff; font-size: 12px; padding: 0 10px;}
.case-studies-number-area li:last-child{ border: 1px solid #000000; font-size: 16px; font-weight: bold; padding: 0 10px;}

.case-studies-industry-icon-area{ margin: 10px auto;}
.case-studies-industry-icon-area li{ background-color: #868686; border-radius: 4px; color: #ffffff; float: left; font-size: 12px; font-weight: bold; margin: 0 10px 10px 0; padding: 8px 10px 8px 10px; position: relative;}
/* .case-studies-industry-icon-area li{ background-color: #868686; border-radius: 4px; color: #ffffff; float: left; font-size: 12px; font-weight: bold; margin: 0 10px 10px 0; padding: 8px 10px 8px 40px; position: relative;} */
/* .case-studies-industry-icon-area li:before{ background-image: url("/module/img/case-studies/case-studies-disposal-icon-04.png"); background-repeat: no-repeat; content: ""; height: 20px; left: 10px; position: absolute; top: calc(50% - 10px); width: 20px;} */
.case-studies-industry-icon-1{ background-color: #0000ff !important;}
.case-studies-industry-icon-1:before{ background-position: center 3px;}
.case-studies-industry-icon-2{ background-color: #850494 !important;}
.case-studies-industry-icon-2:before{ background-position: center -40px;}
.case-studies-industry-icon-3{ background-color: #ff4600 !important;}
.case-studies-industry-icon-3:before{ background-position: center -80px;}
.case-studies-industry-icon-4{ background-color: #ff0000 !important;}
.case-studies-industry-icon-4:before{ background-position: center -120px;}
.case-studies-industry-icon-5{ background-color: #bd0000 !important;}
.case-studies-industry-icon-5:before{ background-position: center -160px;}
.case-studies-industry-icon-6{ background-color: #006849 !important;}
.case-studies-industry-icon-6:before{ background-position: center -200px;}
.case-studies-industry-icon-7{ background-color: #634304 !important;}
.case-studies-industry-icon-7:before{ background-position: center -238px;}
.case-studies-industry-icon-8{ background-color: #ae00ff !important;}
.case-studies-industry-icon-8:before{ background-position: center -120px;}
.case-studies-industry-icon-9{ background-color: #008b00 !important;}
.case-studies-industry-icon-9:before{ background-position: center -280px;}
.case-studies-industry-icon-10{ background-color: #c66f12 !important;}
.case-studies-industry-icon-10:before{ background-position: center -320px;}

.case-studies-category-item-area{ margin-top: 10px;}
.case-studies-category,.case-studies-item{ float: left; font-size: 12px; letter-spacing: 0; margin-bottom: 10px;}
.case-studies-category li{ float: left; margin-right: 10px; padding: 4px 0;}
.case-studies-item li{ float: left; margin-right: 10px; padding: 4px 0 4px 30px; position: relative;}
.case-studies-category li:first-child,.case-studies-item li:first-child{ margin-right: 4px; padding: 0;}
/* .case-studies-item li:before{ background-image: url("/module/img/case-studies/case-studies-disposal-icon-05.png"); background-repeat: no-repeat; content: ""; height: 24px; left: 0; position: absolute; top: calc(50% - 12px); width: 24px;} */
.case-studies-item li:first-child:before{ background-image: initial;}
.case-studies-item li.case-studies-item-1:before{ background-position: center 0;}
.case-studies-item li.case-studies-item-2:before{ background-position: center -30px;}
.case-studies-item li.case-studies-item-3{  padding: 4px 0 4px 16px;}
.case-studies-item li.case-studies-item-3:before{ background-position: center -60px; width: 10px;}
.case-studies-item li.case-studies-item-4{  padding: 4px 0 4px 22px;}
.case-studies-item li.case-studies-item-4:before{ background-position: center -90px; width: 16px;}
.case-studies-item li.case-studies-item-5:before{ background-position: center -120px;}
.case-studies-item li.case-studies-item-6:before{ background-position: center -150px;}
.case-studies-item li.case-studies-item-7:before{ background-position: center -180px;}
.case-studies-item li.case-studies-item-8:before{ background-position: center -210px;}
.case-studies-item li.case-studies-item-9:before{ background-position: center -240px;}
.case-studies-item li.case-studies-item-10:before{ background-position: center -270px;}
.case-studies-item li.case-studies-item-11:before{ background-position: center -301px;}
.case-studies-item li.case-studies-item-12:before{ background-position: center -330px;}
.case-studies-item li.case-studies-item-13:before{ background-position: center -360px;}
.case-studies-item li.case-studies-item-14:before{ background-position: center -390px;}
.case-studies-item li.case-studies-item-15:before{ background-position: center -420px;}
.case-studies-item li.case-studies-item-16:before{ background-position: center -450px;}
.case-studies-item li.case-studies-item-17:before{ background-position: center -480px;}
.case-studies-item li.case-studies-item-18:before{ background-position: center -510px;}
.case-studies-item li.case-studies-item-19:before{ background-position: center -540px;}
.case-studies-item li.case-studies-item-20:before{ background-position: center -570px;}
.case-studies-item li.case-studies-item-21:before{ background-position: center -600px;}
.case-studies-item li.case-studies-item-22:before{ background-position: center -630px;}
.case-studies-item li.case-studies-item-23:before{ background-position: center -660px;}
.case-studies-item li.case-studies-item-24:before{ background-position: center -690px;}
.case-studies-item li.case-studies-item-25:before{ background-position: center -720px;}
.case-studies-item li.case-studies-item-26:before{ background-position: center -750px;}
.case-studies-item li.case-studies-item-27:before{ background-position: center -780px;}
.case-studies-item li.case-studies-item-28:before{ background-position: center -810px;}
.case-studies-item li.case-studies-item-29:before{ background-position: center -810px;}
.case-studies-item li.case-studies-item-30:before{ background-position: center -840px;}
.case-studies-item li.case-studies-item-31:before{ background-position: center -870px;}
.case-studies-item li.case-studies-item-32:before{ background-position: center -900px;}
.case-studies-item li.case-studies-item-33:before{ background-position: center -930px;}
.case-studies-item li.case-studies-item-34:before{ background-position: center -960px;}
.case-studies-item li.case-studies-item-35:before{ background-position: center -990px;}
.case-studies-item li.case-studies-item-36:before{ background-position: center -1020px;}
.case-studies-item li.case-studies-item-37:before{ background-position: center -1050px;}
.gray-arrow{ background-color: #3d3d3d; color: #ffffff; font-size: 10px; margin-right: 14px; padding: 4px 0 4px 6px; position: relative;}
.gray-arrow:after{ border-bottom: solid 9px transparent; border-right: solid 12px transparent; border-left: solid 12px #3d3d3d; border-top: solid 9px transparent; content: ""; height: 0; position: absolute; right: -24px; top: 0; width: 0;}

.case-studies-paging-area{ text-align: center;}
.case-studies-paging-area div{ border-radius: 4px; border: 1px solid #898989; display: inline-block; padding: 10px 16px; text-align: center;}
.case-studies-paging-area div a{ color: #289404; cursor: pointer; display: inline-block; font-size: 12px; line-height: 16px;}
.case-studies-paging-area div a:hover{ opacity: 0.6; text-decoration: none;}
.case-studies-paging-area div a.no-good{ color: #000000; cursor: default; opacity: 0.4; pointer-events: none;}
.case-studies-paging-area div ul{ display: inline-block; margin: 0 20px;}
.case-studies-paging-area div ul li{ float: left; margin: 0 5px;}
.case-studies-paging-area div ul li a{ background-color: #289404; color: #ffffff; cursor: pointer; display: block; font-size: 14px; height: 30px; line-height: 30px; text-align: center; width: 30px;}
.case-studies-paging-area div ul li a:hover,.case-studies-paging-area .case-studies-paging-bt:hover,.case-studies-left-lump-download-area .list ul li a:hover,.case-studies-left-lump-download-area .list ul li a.case-studies-left-lump-download-area-hovered,.case-studies-left-lump-download-area a.lump-download:hover{ opacity: .4; text-decoration: none;}
.case-studies-paging-area div ul li a.selected{ background-color: #b5b5b5; color: #000000; pointer-events: none;}
.case-studies-paging-area div ul li a.selected:hover{ opacity: 1;}
.case-studies-paging-area .case-studies-paging-bt{ background-color: #289404; border-radius: 6px; box-shadow: 2px 3px 4px #adadad; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; margin-left: 10px; padding: 13px 20px; position: relative; text-align: center;}
.case-studies-paging-area .case-studies-paging-bt span{ display: block; font-size: 12px; margin-top: 4px;}

.case-studies-left-lump-download-area{ height: calc(100% - 120px); left: 20px; position: fixed; top: 100px; width: 140px; z-index: 10;}
.case-studies-left-lump-download-area .icon{ background-color: #454545; background-position: center -563px; border-radius: 50%; height: 60px; margin: 0 auto; position: relative; width: 60px;}
.case-studies-left-lump-download-area .icon span{ background-color: #d20000; border-radius: 50%; color: #ffffff; font-size: 10px; font-weight: bold; height: 24px; line-height: 25px; position: absolute; right: 0; text-align: center; top: 0; width: 24px;}
.case-studies-left-lump-download-area .list{ background-color: #454545; max-height: calc(100% - 57px); margin-top: 4px; padding: 10px;}
.case-studies-left-lump-download-area .list > div{ max-height: calc(100vh - 530px); overflow-y: auto;}
.case-studies-left-lump-download-area .list ul{ width: 100%;}
.case-studies-left-lump-download-area .list ul li{ margin-bottom: 10px; position: relative;}
.case-studies-left-lump-download-area .list ul li a{ background-color: #ffffff; color: #289404; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 39px; line-height: 17px; overflow: hidden; padding: 4px 6px;}
.case-studies-left-lump-download-area .list ul li:hover:before, .case-studies-left-lump-download-area .list ul li.case-studies-left-lump-download-area-hovered::before{ background-position: center -705px; height: 30px; left: calc(50% - 15px); pointer-events: none; position: absolute; top: calc(50% - 15px); width: 30px; z-index: 1;}
.case-studies-left-lump-download-area a.lump-download{ background: -webkit-linear-gradient(top,#efefef,#d3d3d3 100%); background: linear-gradient(top,#efefef,#d3d3d3 100%); border-top: 2px solid #454545; cursor: pointer; display: block; height: 40px; position: relative; text-indent: -9999px;}
.case-studies-left-lump-download-area a.lump-download.no-download{ cursor: default; opacity: .4;}
.case-studies-left-lump-download-area a.lump-download:after{ background-position: center -637px; height: 30px; left: calc(50% - 15px); position: absolute; top: calc(50% - 15px); width: 30px;}

.case-studies-page-maine{ margin-top: 110px;}
.case-studies-page-head-title-area{ border-radius: 10px; border: 2px solid #9c9c9c; margin-top: 10px; padding: 20px 20px 10px;}
.case-studies-page-head-title-area ul{ float: left;}
.case-studies-page-head-title-area p.head-title{ clear: both; color: #289404; font-size: 30px; font-weight: bold; line-height: 40px; margin: 16px 0 10px;}
.case-studies-page-head-title-area .case-studies-industry-icon-area{ margin: 0 auto 0 20px;}
.case-studies-download-right.border-top{ border-top: 1px solid #9c9c9c; padding-top: 2px;}
.case-studies-download-right ul{ float: right; margin-bottom: 20px;}
.case-studies-download-right ul li p{ font-size: 14px; font-weight: bold; line-height: 24px; margin-right: 10px; padding-right: 10px; position: relative;}
.case-studies-download-right ul li p:after{ background-position: center -770px; height: 10px; position: absolute; right: 0; top: calc(50% - 6px); width: 10px;}
.case-studies-download-right ul li p span{ color: #289404;}
.case-studies-download-center.border-top{ border-bottom: 1px solid #9c9c9c; border-top: 1px solid #9c9c9c; margin-bottom: 40px; padding: 2px 0;}
.case-studies-download-center ul{ text-align: center;}
.case-studies-download-center ul li:first-child{ display: block; margin-bottom: 10px;}
.case-studies-download-center ul li:last-child{ margin-left: 20px;}
.case-studies-download-center ul li p{ font-size: 14px; font-weight: bold; line-height: 24px; padding-right: 10px; text-align: center;}
.case-studies-download-center ul li p span{ color: #289404;}


.case-studies-page-maine-photo-area{ margin-bottom: 20px;}
.case-studies-page-maine-photo-area span{ display: block; height: 400px; margin: 20px auto 10px; width: 600px;}
.case-studies-page-maine-photo-area span img{ display: block;}
.no-photo{ background-color: #eaeaea; background-image: url("/module/img/case-studies/no-photo.png"); background-position: center; background-repeat: no-repeat;}


.case-studies-page-text-01{ font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 30px; text-align: center;}
.case-studies-page-contents-01{ margin-bottom: 50px; width: 100%;}
.case-studies-page-contents-01 dt .title{ background-color: #289404; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 14px; padding: 10px 10px 10px 30px; position: relative;}
.case-studies-page-contents-01 dt .title:before{ background-position: center 0; background-size: 220%; content: ""; height: 12px; left: 10px; position: absolute; top: calc(50% - 6px); width: 12px;}
.case-studies-page-contents-01 dd .text-01{ font-size: 14px; line-height: 24px;}
.case-studies-page-contents-01 dd .title{ border-bottom: 1px solid #289404; color: #289404; font-size: 20px; font-weight: bold; line-height: 28px; margin-bottom: 20px; padding-bottom: 10px;}
.case-studies-page-contents-01 dd .title span{ display: block; min-height: 28px; width: calc(100% - 314px);}
.case-studies-page-contents-01 dd .photo-list{ display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; float: right; margin: -14px 0 0 20px; width: 295px;}
.case-studies-page-contents-01 dd .photo-list li{ float: left; margin-bottom: 20px; width: 140px;}
.case-studies-page-contents-01 dd .photo-list li:first-child{ width: 295px;}
.case-studies-page-contents-01 dd .photo-list li:nth-child(even){ margin-right: 15px;}
.case-studies-page-contents-01 dd .photo-list li span{ background-size: 80%; display: block;}
.case-studies-page-contents-01 dd .photo-list li:first-child span{ background-size: auto; display: block;}
.case-studies-page-contents-01 dd .photo-list li span img{ display: block;}
.case-studies-page-contents-01 dd .photo-list li .caption{ color: #289404; font-size: 14px; font-weight: bold; line-height: 18px; margin-top: 6px;}

.searchFrame{ position: relative; display: inline-block; }
.inputBox{ padding-right: 20px; width:120px; }
.searchFrame .clearButton{
	width: 28px;
	height: 34px;
	position: absolute;
	right: 0;
	top: 3px;
	background: url("/module/img/case-studies/clear.png") no-repeat center center;
	cursor: pointer;	
}
.checkedTag span{
	background: url("/module/img/case-studies/clear-white.png") no-repeat;
	background-position: center right 8px;
	background-color: #a2a2a2;
	border-radius: 4px;
	color: #ffffff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0 10px 10px 0;
	padding: 8px 30px 8px 8px;
	position: relative;
	cursor: pointer;
	
}

.point-list{ width: 100%;}
.point-list li{ float: left; margin-right: 12px; width: calc( 25% - 9px);}
.point-list li:last-child{ margin-right: 0;}
.point-list li p{ border: 1px solid #289404; border-radius: 16px; box-shadow: 0 4px 0 #289404; font-size: 14px; line-height: 18px; padding: 6px 4px; text-align: center;}

.none-download-area{ border: 2px dashed #a6a6a6; color: #a6a6a6; font-size: 10px; line-height: 14px; font-weight: bold; margin-bottom: 10px; text-align: center; padding: 3.5px 0;}
.none-download-area.none{ display: none !important;}
.all-release-bt{ background-color: #ff0000; color: #ffffff; cursor: pointer; display: none; font-size: 11px; font-weight: bold; margin-bottom: 10px; padding: 3px 0; text-align: center;}
.all-release-bt:hover{ background-color: #a20000; color: #ffff00;}
.all-release-bt span{ padding-left: 17px; position: relative;}
.all-release-bt span::before{ background-position: center -1000px; content: ""; display: inline-block; height: 15px; left: 0; position: absolute; top: calc(50% - 7.5px); width: 12px;}
.all-release-bt:hover span::before{ background-position: center -1060px;}

.total-replace-form-bt-area{ margin: 50px auto 100px;}
.total-replace-form-bt-area li{ margin: 0 auto; width: 778px;}
.total-replace-form-bt-area li a,.total-replace-form-bt-area li p{ background-image: url("/module/img/lp-common/total-replace-form-bt-01.png?update=20191212-01"); background-repeat: no-repeat; text-indent: -9999px;}
.total-replace-form-bt-area li a{ background-position: center 0; display: block; height: 70px;}
.total-replace-form-bt-area li p{ background-position: center -110px; height: 70px; margin-top: 10px;}

/* 事例 : ディレクトリリンク */
section.detail-to-service { text-align: center; font-weight: bold; }
section.detail-to-service p.text { text-align: center; margin-bottom: 10px; }
section.detail-to-service a { font-size: 20px; text-decoration: underline; }
section.detail-to-service a:hover { opacity: 0.4; }