@charset "utf-8";h1,h2,h3,h4,p{margin-top:0}.hero{height:200px;text-align:center;width:100%;display:flex;flex-flow:column;justify-content:center;background-image:url(//connect.nissha.com/gassensor/wp-content/themes/nissha/inc/gas-knowledge/knowledgerefrigerant/../knowledgerefrigerant/images/top.svg);background-repeat:no-repeat;background-position:center;background-size:contain;margin-top:80px}.hero p:last-of-type{margin-bottom:0}main section:first-of-type{padding-top:0}.knowledgerefrigerant main ul{gap:20px;flex-wrap:wrap;justify-content:space-between}.knowledgerefrigerant main ul:after{content:'';display:block;width:32%;height:0}.knowledgerefrigerant main ul li{width:calc(100%/3 - 20px);transition:all .3s;min-height:200px;position:relative;display:block;box-shadow:inset 0 0 5px #ccc}.knowledgerefrigerant main ul li:before,.knowledgerefrigerant main ul li:after{content:'';position:absolute;width:0;height:2px;background:linear-gradient(#00cbd4,#0031d4);transition:all .2s linear;transition-delay:.2s}.knowledgerefrigerant main ul li:before{right:0;top:0}.knowledgerefrigerant main ul li:after{left:0;bottom:0}.knowledgerefrigerant main ul li a{display:block;width:100%;height:100%}.knowledgerefrigerant main ul li a:before,.knowledgerefrigerant main ul li a:after{content:"";position:absolute;width:2px;height:0;background:linear-gradient(#00cbd4,#0031d4);transition:all .2s linear}.knowledgerefrigerant main ul li a:before{left:0;top:0}.knowledgerefrigerant main ul li a:after{right:0;bottom:0}.knowledgerefrigerant main ul li:hover:before,.knowledgerefrigerant main ul li:hover:after{width:100%}.knowledgerefrigerant main ul li:hover a:before,.knowledgerefrigerant main ul li:hover a:after{height:100%}.knowledgerefrigerant main ul li figure{position:relative;height:100%}.knowledgerefrigerant main ul li figure img{transition:all .3s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.knowledgerefrigerant main ul li figure img:first-of-type,.knowledgerefrigerant main ul li:hover figure img:last-of-type{opacity:1}.knowledgerefrigerant main ul li:hover figure img:first-of-type,.knowledgerefrigerant main ul li figure img:last-of-type{opacity:0}.knowledgerefrigerant main ul li figcaption{font-size:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:100%}.knowledgerefrigerant main ul li figcaption span{display:block;width:100%;padding:5px;font-size:20px;text-shadow:0 0 2px #fff}.knowledgerefrigerant-template .hero{margin-top:80px}.knowledgerefrigerant-template h2{border-bottom:2px solid #0070b8;padding-bottom:3px}.knowledgerefrigerant-template h3{border-bottom:1px solid #0070b8;padding-bottom:3px}.knowledgerefrigerant-template .features,.knowledgerefrigerant-template-default .features{background-color:#f3f3f2;padding:30px;margin-bottom:50px;box-shadow:0 0 3px #f3f3f2}.knowledgerefrigerant-template .features h2,.knowledgerefrigerant-template-default .features h2,.introduction h3{border:none}.knowledgerefrigerant-template .features h2,.knowledgerefrigerant-template-default .features h2{margin-bottom:3px}.knowledgerefrigerant-template .features dl.flex,.knowledgerefrigerant-template-default .features dl.flex{flex-wrap:wrap;margin-bottom:0;gap:5px}.knowledgerefrigerant-template .features dl.flex dt,.knowledgerefrigerant-template .features dl.flex dd,.knowledgerefrigerant-template-default .features dl.flex dt,.knowledgerefrigerant-template-default .features dl.flex dd{line-height:1;margin:0;padding:0 10px;background-color:#fff;box-shadow:inset 0 0 3px #ccc;display:flex;align-items:center;min-height:40px}.knowledgerefrigerant-template .features dl.flex dt,.knowledgerefrigerant-template-default .features dl.flex dt{width:30%;line-height:1.5;padding:5px 10px}.knowledgerefrigerant-template .features dl.flex dd,.knowledgerefrigerant-template-default .features dl.flex dd{width:69%}.knowledgerefrigerant-template dl,.knowledgerefrigerant-template-default dl{margin-bottom:50px}.knowledgerefrigerant-template dl dd,.knowledgerefrigerant-template-default dd{padding-left:5px}.knowledgerefrigerant-template dl.colon dt{font-weight:700;margin-bottom:10px;padding-left:0}.knowledgerefrigerant-template dl.colon dt span,.knowledgerefrigerant-template dl.colon dd span{font-weight:700;position:relative;padding:0 25px 0 0}.knowledgerefrigerant-template dl.colon dd span:after,.knowledgerefrigerant-template dl.colon dt span:after{content:':';position:absolute;right:10px;top:0;font-weight:400}.knowledgerefrigerant-template dl.colon dd{padding-left:0}@media screen and (max-width:768px){.hero{height:300px}dl.flex dt,dl.flex dd{width:100%}.knowledgerefrigerant main ul{flex-flow:row;flex-wrap:wrap}.knowledgerefrigerant main ul li{width:calc(100% / 2 - 20px)}}@media screen and (max-width:599px){.knowledgerefrigerant main ul li{width:100%}}p{line-height:1.7;margin-bottom:50px}table{width:800px;margin-bottom:50px;table-layout:fixed}table th,table td{padding:7px 10px 3px;text-align:center}table th{width:calc(100%/3);background-color:#0070b8;color:#fff}table td{background-color:rgba(0,112,184,.1)}@media screen and (max-width:768px){table{width:100%}}.introduction{background-color:rgba(0,112,184,.1);padding:100px 30px}.introduction h2{border-left:5px solid #0070b8;border-bottom:none;display:inline-block;padding:9px 30px 3px 10px}.introduction p{margin-bottom:30px}.introduction dl{margin-bottom:30px}.introduction dt,.introduction dd{padding-left:0!important}.detail>div{border-radius:5px 5px 0 0;background-color:#fff;text-align:center;position:relative}.detail>div a{display:block;padding:22px 0 18px;position:relative;z-index:1;background-image:url(//connect.nissha.com/gassensor/wp-content/themes/nissha/inc/gas-knowledge/knowledgerefrigerant/../knowledgerefrigerant/images/refrigerant01.png),url(//connect.nissha.com/gassensor/wp-content/themes/nissha/inc/gas-knowledge/knowledgerefrigerant/../knowledgerefrigerant/images/refrigerant02.png);background-position:left 20px center,right 20px center;background-repeat:no-repeat;transition:all .2s;background-size:70px}.detail>div:after{content:'';position:absolute;z-index:0;bottom:0;left:0;width:0;height:100%;background:#0070b8;transition:all .5s;opacity:0;border-radius:5px 5px 0 0}.detail>div:hover:after{width:100%;opacity:1}.detail>div:hover{color:#fff}.detail ul li{width:calc(100%/2);text-align:center;min-height:40px;background-color:#fff;position:relative}.detail ul li:first-of-type{border-radius:0 0 0 5px;background:#ed7623}.detail ul li:last-of-type{border-radius:0 0 5px;background:#509e2f}.detail ul li a{display:flex;height:100%;z-index:1;position:relative;align-items:center;justify-content:center;color:#fff}.detail ul li:after{content:'';position:absolute;z-index:0;bottom:0;left:0;width:0;height:100%;transition:all .5s;background-color:#fff}.detail ul li:first-of-type:after{border-radius:0 0 0 5px}.detail ul li:last-of-type:after{border-radius:0 0 5px}.detail ul li:hover a{color:#fff}.detail ul li:hover:after{width:100%;opacity:1;background-color:#0070b8}@media screen and (max-width:768px){.detail ul.flex{flex-flow:row}.detail>div a{background-position:left 5px center,right 5px center}.footer-cta ul li h3{margin-top:10px}}@media screen and (max-width:599px){.footer-cta{padding:0}.footer-cta ul li h3{margin-top:0}.footer-cta ul li{height:100px}.footer-cta ul li:first-of-type{padding-right:0}.footer-cta ul li:last-of-type{padding-left:0}}.blog-list{position:relative;background-image:url(//connect.nissha.com/gassensor/wp-content/themes/nissha/inc/gas-knowledge/knowledgerefrigerant/../knowledgerefrigerant/images/blog-bg.webp);background-repeat:no-repeat;background-position:center;background-size:cover;padding:120px 0 100px}.blog-list .inner-s{padding:30px 50px 20px;background-color:#fff;border-radius:30px;box-shadow:inset 0 0 5px rgba(0,0,0,.3);position:relative;z-index:1;opacity:.9}.blog-list:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,112,184,.3);z-index:0}.blog-list h2{text-align:center;text-shadow:0 0 3px rgba(255,255,255,.5);position:relative;z-index:1}.blog-list h2 span{position:relative;text-align:center;display:block;width:fit-content;padding:0 2rem;margin:0 auto 5px;font-weight:400}.blog-list h2 span:after,.blog-list h2 span:before{content:'';position:absolute;width:1px;height:20px;background:#333;bottom:8px}.blog-list h2 span:before{transform:rotate(-40deg);left:10px}.blog-list h2 span:after{transform:rotate(40deg);right:10px}.blog-list ul li{box-shadow:inset 0px 5px 5px -5px rgba(0,0,0,.3);padding:12px 10px 5px;transition:all .3s}.blog-list ul li:hover{background-color:#f1f1f1}