.spOnly{display:block}
.pcOnly{display:none}
.main-content ul+.img{margin-top:3.75em}
.main-content p+ol,.main-content p+ul,.main-content ul+p{margin-top:1.75em}
.mtauto{margin-top:auto}
.mt30{margin-top:30px!important}
.mt24{margin-top:24px!important}
.mt40{margin-top:40px!important}
.mt10{margin-top:10px!important}
.bold{font-weight:700}
.tal{text-align:left!important;display:inline-block}
.tac{text-align:center!important}
.margin-midiam{margin-top:60px!important}
.margin-mini{margin-top:30px!important}
.margin-top-mini{margin-top:10px!important}
.margin-top-mini+.margin-top-mini{margin-top:15px}
.margin-l1em{margin-left:1em}
.visible{visibility:hidden}
.modal{margin-top:22px}
.modal+.modal{margin-top:0}
.modal .modal-title{position:relative;padding:24px 16px 24px 18px;font-size:108%;background-color:#333;border:1px solid #919191;color:#fff;cursor:pointer}
.modal .modal-title .toggle_btn{position:absolute;top:50%;right:18px;transform:translateY(-50%);background:#fff;display:block;width:24px;height:24px;text-indent:100%;white-space:nowrap;overflow:hidden}
.modal .modal-title .toggle_btn:after,.modal .modal-title .toggle_btn:before{display:block;content:'';background-color:#333;position:absolute;width:14px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
.modal .modal-title .toggle_btn:before{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.modal .modal-title.is-active .toggle_btn:before{transform:translate(-50%,-50%) rotate(0)}
.modal .modal-inner{max-height:0;line-height:0;visibility:hidden;transform:translateZ(0);transition:.4s;overflow:hidden}
.modal .modal-inner.is-open{line-height:1.5;visibility:visible;padding-top:22px;padding-bottom:60px;max-height:9999px;transition:.5s}
.modal .modal-inner__title:not(:first-child){margin-top:65px!important}
.modal+.news-link{margin-top:25px}
.col-wrap{width:100%!important}
.col-wrap+.heading{margin-top:50px}
.col-wrap.flex{display:flex;flex-wrap:wrap}
.col-item--4col{align-items:stretch;width:calc((100% - 40px)/ 2)!important;margin-top:0!important}
.col-item--4col:not(:first-child){margin-left:20px!important}
.card{display:flex;flex-direction:column}
.card__img{margin-bottom:18px}
.card__title{margin-top:15px;margin-bottom:8px;font-size:110%}
.card__text{margin-bottom:16px}
.card__btn{margin-top:auto!important}
.margin-bottom-mini{margin-bottom:10px!important}
.news-link>li{padding:20px 0;border-bottom:1px solid #bfbfbf}
.news-link>li>a{position:relative;display:inline-block}
.news-link>li>a:not([href$=".pdf"]){padding-left:1em}
.news-link>li>a:not([href$=".pdf"]):before{position:absolute;left:0;display:block;width:7px;height:12px;background:url(/corporate/common/img/icon_arrow_right.png) center center/auto 100% no-repeat;transform:translateY(-50%);content:''}
.news-link>li>a[href$=".pdf"]{padding-left:1.625em}
.news-link>li>a[href$=".pdf"] .icon-pdf{position:absolute;left:0;display:block;width:1em;transform:translateY(-50%)}
.news-link>li>a .icon-blank{vertical-align:0}
.news-link+.gray-box__title{margin-top:60px}
.gray-box__title span.mini{font-weight:400;font-size:.7em}
.gray-box__title span.mini.posi{position:absolute;top:-30px;left:50%;transform:translateX(-50%)}
.gray-box__title.mini{position:relative;margin-top:20px}
.title--bold{margin-top:30px;font-size:100%}
.title+.list{margin-top:10px;margin-left:20px}
.heading--bold{font-size:115%!important;font-weight:700}
.main-content .table,p+.heading--bold{margin-top:30px}
.table-scroll{max-width:999px;width:100%}
.table-head{border-bottom:none}
.table-head .table th{border-bottom:none!important}
.table-head+.table-scroll .table{margin-top:0}
.table{width:100%;border-collapse:collapse;border-bottom:none!important}
.table.table-white td{background-color:#fff}
.table thead{width:100%}
.table td,.table th{border:1px solid silver;padding:20px 12px 20px 16px}
.table td.parenthese,.table th.parenthese{padding:20px 14px 20px 7px}
.table th{background-color:#25897a;color:#fff}
.table td{background-color:#f5f5f5}
.table td.green{background-color:#9be3cd}
.table td.lightGreen{background-color:#ecffec}
.table td.red{background-color:#ffe2dc}
.table td.blue{background-color:#e1f3f4}
.table td.yellow{background-color:#f5f5d0}
.anker-box{margin-top:100px;padding-top:100px;border-top:1px solid #d9d9d9}
.list-anker{display:flex;justify-content:center;align-items:center;width:100%}
.list-anker li{max-width:330px;width:33.33%;padding:15px 0;text-align:center}
.list-anker li span.ankericon{position:relative;padding-left:25px}
.list-anker li span.ankericon:before{position:absolute;content:"";width:12px;height:15px;left:0;top:50%;background-image:url(/corporate/sustainability/environment/common/img/cursor.svg);background-repeat:no-repeat;background-size:contain;background-position-y:center;transform:translateY(-50%)}
.list-anker li+li{border-left:1px solid #ddd}
.list-anker li.maw400{min-width:450px}
.white-box{margin-top:20px;padding:46px 60px;background-color:#fff;border:1px solid #b3b3b3}
p+.title-bold{margin-top:32px}
.title-bold{margin-top:46px}
.title-bold+.img{margin-top:30px}
.title-bold+p,.title-bold+ul{margin-top:8px}
.title-bold--mini{margin-top:24px}
.title-bold--mini+ul{margin-top:16px}
.heading+.title-bold{margin-top:28px;margin-bottom:26px}
.col-unit+.heading{margin-top:50px}
.border-box-wrap--green .border-box{background-color:#f4fcf2;border:1px solid #a8baa8!important}
.main-content .button.button--lq.button-green.button--default{border:2px solid #0f4c00;color:#0f4c00}
.text-right{text-align:right}
.text-center{text-emphasis:circle;text-emphasis:initial}
.tab{border-bottom:1px solid #222;margin-bottom:40px}
.tab__box{margin-left:60px;margin-right:60px;display:flex;justify-content:center;cursor:pointer}
.tab__title{max-width:440px;width:50%;padding:20px 0;text-align:center;border:1px solid #4d4d4d;border-bottom:none;color:#333}
.tab__title+.tab__title{border-left:none}
.tab__title.is-active{background-color:#c00;color:#fff;font-weight:700}
.tab-area__box{display:none}
.tab-area__box.is-show{display:block!important}
.tab-area__box.is-show section{margin-top:100px}
.main-content .note--long{padding-left:6.25em}
.main-content .note--longL{padding-left:14em}
.main-content .note--longl{padding-left:12em}
.main-content .note--longl a.arr-default:after{top:.8em;width:8px!important;height:8px!important}
.main-content .note--long8{padding-left:8em}
.main-content .note--long8 a.arr-default:after{top:.8em;width:8px!important;height:8px!important}
.main-content .note--longM{padding-left:7em}
/*241203 iplanet追記分*/
.main-content .note--longS{padding-left:4.5em}
.position{position:relative!important}
.border-box-glay{padding:50px 60px;border:1px solid #b3b3b3}
.img{max-width:800px;width:100%;margin-right:auto;margin-left:auto}
.img.maw480{max-width:480px}
.img.maw558{max-width:558px}
.img.maw600{max-width:600px}
.img.maw1000{max-width:1000px}
.img.maw1000 img{max-width:none;width:100%}
.img.mawwnone{max-width:100%}
.img.mawwnone img{padding:20px}
.img.maw880{max-width:880px}
.img.maw880 img{max-width:none;width:100%}
.main-content .heading--secondary span.box{display:inline-block;padding:4px 12px;margin-right:10px;background-color:#333;color:#fff;font-size:80%}
.main-content .heading--secondary.textindent2 span{padding:4px 12px;margin-right:10px;background-color:#333;color:#fff;font-size:80%}
.main-content .list--disc li sup{font-size:50%;margin-top:10px}
.mainProducts{padding:30px 0}
.mainProducts:first-of-type{padding-top:6px}
.mainProducts+.mainProducts{border-top:1px solid #bfbfbf}
.mainProducts__title{font-size:113%}
.mainProducts__text{margin-top:10px}
.clearfix{display:flex}
.modal_title .caption{font-size:90%}
.main-content .img__border>img{border:1px solid #bfbfbf}
.sizMedium{margin-left:auto;margin-right:auto}
.border-box__title{position:relative}
.border-box__title .new{position:absolute;top:50%;color:#fff;background-color:#cc0100;font-size:55%;padding:4px 10px;margin-left:16px;transform:translateY(-50%)}
@media print,screen and (min-width:768px){
.content-mainvisual--environment{background-image:url(/corporate/sustainability/environment/common/img/main_visual.jpg)}
.content-mainvisual--environmentLower{background-image:url(/corporate/sustainability/environment/common/img/main_visualEnvironment.jpg)}
.spOnly{display:none}
.pcOnly{display:block}
.mt70{margin-top:45px!important}
.flex{display:flex;align-items:center;justify-content:center}
.margin-bottom2{padding-bottom:2em!important}
.main-content .section+.section.margin-top-80{margin-top:80px}
.modal{margin-top:50px}
.modal .modal-title{font-size:115%;padding:20px 20px 20px 40px}
.modal .modal-title .toggle_btn{width:28px;height:28px}
.modal .modal-title .toggle_btn:after,.modal .modal-title .toggle_btn:before{width:16px;height:2px}
.modal .modal-inner{line-height:1.5}
.modal .modal-inner.is-open{padding-top:44px}
.modal+.news-link{margin-top:30px}
.col-wrap.flex{flex-wrap:nowrap}
.col-item--3col{align-items:stretch;width:calc((100% - 60px)/ 3)!important}
.col-item--3col:not(:first-child){margin-top:0!important;margin-left:30px!important}
.col-item--3col:nth-child(3n+1){margin-left:0!important}
.col-item--3col:nth-child(n+4){margin-top:40px!important}
.col-item--3col:nth-child(3n){margin-left:0;margin-top:0}
.col-item--3col+.col-item--3col{margin-top:0}
.col-wrap.box .col-item.col-item--3col{width:calc((100% - 40px)/ 3)!important}
.col-wrap.box .col-item.col-item--3col:not(:first-child){margin-left:20px!important}
.col-wrap.box .col-item.col-item--3col:nth-child(3n+1){margin-left:0!important}
.col-wrap.box .col-item.col-item--3col:nth-child(n+4){margin-top:20px!important}
.card__img{margin-bottom:22px}
.card__title{font-size:115%;margin-bottom:12px;margin-top:25px}
.card__text{margin-bottom:24px}
.news-link>li>a:not([href$=".pdf"]):before,.news-link>li>a[href$=".pdf"] .icon-pdf{top:.875em}
.list-anker{border-left:1px solid #ddd;border-right:1px solid #ddd}
.list-anker li.w50p{max-width:none;width:50%}
.list-anker li.w20p{width:30%}
.list-anker li.w25p{width:25%}
.list-anker li.w28p{width:28%}
.list-anker li.w36p{width:36%;max-width:380px}
.title-bold.margin-midiam{margin-top:50px!important}
.main-content .button.button--lq.button-green.button--default:hover{color:#fff;background-color:#0f4c00}
.main-content .border-box__link>.button{max-width:207px}
.main-content .note--long8 a,.main-content .note--longl a{margin-left:10px;padding-left:14px}
.main-content .heading--secondary.textindentLong{display:flex;align-items:center}
.main-content .heading--secondary.textindentLong span{flex-shrink:0}
.sizMedium{width:500px!important}
.maw60p{width:215%}
}
@media print,screen and (max-width:767px){
.content-mainvisual--environment{background-image:url(/corporate/sustainability/environment/common/img/main_visual_sp.jpg)}
.content-mainvisual--environmentLower{background-image:url(/corporate/sustainability/environment/common/img/main_visualEnvironment_sp.jpg)}
.mt30{margin-top:20px!important}
.mt40{margin-top:24px!important}
.margin-midiam{margin-top:36px!important}
.margin-top-mini{margin-top:10px!important}
.col-item--4col{align-items:stretch;width:calc((50% - 10px))!important}
.col-item--4col:not(:first-child){margin-top:0!important;margin-left:20px!important}
.col-item--4col:nth-child(2n+1){margin-left:0!important}
.col-item--4col:nth-child(n+3){margin-top:20px!important}
.margin-bottom-mini{margin-bottom:0}
.news-link>li>a:not([href$=".pdf"]):before,.news-link>li>a[href$=".pdf"] .icon-pdf{top:.75em}
.news-link+.gray-box__title{margin-top:40px}
.gray-box__title{position:relative}
.gray-box__title span.mini{position:absolute;left:50%;transform:translateX(-50%)}
.table-scroll{overflow:auto;white-space:nowrap}
.table td,.table th{padding:14px 10px}
.anker-box{padding-top:20px;margin-top:50px}
.anker-box>.tab{padding-top:30px}
.list-anker{flex-direction:column}
.list-anker li{max-width:none;width:100%;text-align:left}
.list-anker li+li{border-left:none;border-top:1px solid #ddd}
.white-box{padding:30px 20px 20px}
.tab{margin-bottom:10px}
.tab__box{margin-left:20px;margin-right:20px}
.border-box-glay{padding:30px 19px 25px}
.main-content .heading--secondary span.box{margin-bottom:4px;padding:4px 10px}
.main-content .heading--secondary.textindent2{display:flex;align-items:center}
.main-content .heading--secondary.textindent2 span{padding:4px 10px;width:45px!important;flex-shrink:0}
.maw310{max-width:310px;width:100%;margin-left:auto;margin-right:auto}
.border-box__title .new{font-size:67%;margin-left:10px;padding:3px 8px}
}
@media screen and (min-width:768px) and (max-width:862px){
.margin-bottom2-tab{padding-bottom:2em!important}
}
@media screen and (min-width:650px) and (max-width:768px){
.main-content .note--longl a.arr-default .spOnly{display:none}
}
@media screen and (min-width:500px) and (max-width:768px){
.main-content .note--long8 a.arr-default .spOnly{display:none}
}