@charset "utf-8";h1,h2,h3,h4,p{margin-top:0}.hero{margin-top:80px;display:flex;flex-flow:column;justify-content:center;align-items:center;height:200px;width:100%}.hero p:last-of-type{margin-bottom:0}.hero h1{text-align:center;margin-bottom:5px}.hero p:first-of-type{font-weight:400;font-size:26px;position:relative;width:fit-content;border-bottom:2px solid #999}.hero p:first-of-type:before{content:'';position:absolute;left:9%;bottom:-13px;width:30px;height:2px;transform:rotate(50deg);box-sizing:border-box;background-color:#666}.hero p:first-of-type:after{content:'';position:absolute;left:20%;bottom:-28px;width:8px;height:8px;box-sizing:border-box;border:1px solid #fff;border-radius:50%;background-color:#0070b8}.knowledgegases .hero p:first-of-type{margin-bottom:20px}.hero h1{position:relative}.hero h1 p:last-of-type{font-size:18px;font-weight:400}.hero h1 span.sub{display:inline-block}.hero+.inner-s{width:100%}.breadcrumbs{padding:50px 0 30px}.knowledgegases .hero{background-image:radial-gradient(290px 300px,rgba(208,237,196,.8) 20%,transparent 20%),radial-gradient(200px 200px,rgba(208,237,196,.5) 20%,transparent 20%),radial-gradient(800px 800px,rgba(208,237,196,.6) 20%,transparent 20%),radial-gradient(400px 380px,rgba(208,237,196,.8) 20%,transparent 20%),radial-gradient(750px 750px,rgba(208,237,196,1) 20%,transparent 20%),radial-gradient(100px 100px,rgba(208,237,196,.3) 20%,transparent 20%);background-size:1230px 1280px,463px 256px,1470px 990px,1200px 1700px,1520px 1200px,600px 248px;background-position:-302px -550px,1px 0px,100px 546px,-399px -596px,-178px -250px,160px 184px}.knowledgegases main section{padding-top:0}.knowledgegases h1 span{display:block;font-size:18px}.knowledgegases main ul{flex-wrap:wrap;gap:20px}.knowledgegases main ul li{width:calc(100%/3 - 20px);height:200px;transition:all .3s}.knowledgegases main ul li:hover a{color:#fff;display:block;height:100%;text-shadow:0 0 5px #19a3b8}.knowledgegases main ul li a{text-shadow:0 0 5px #fff;position:relative}.knowledgegases main ul li figure{position:relative;height:100%}.knowledgegases main ul li figure img{position:absolute;top:0;left:0;width:auto;height:200px;object-fit:cover}.knowledgegases main ul li figure img:first-of-type,.knowledgegases main ul li:hover figure img:last-of-type{opacity:1}.knowledgegases main ul li figure img:last-of-type,.knowledgegases main ul li:hover figure img:first-of-type{opacity:0}.knowledgegases main ul li figcaption{position:absolute;text-align:center;font-size:30px;top:0;bottom:0;right:0;left:0;margin:auto;height:max-content;line-height:1.3}.knowledgegases main ul li figcaption span{font-size:24px;display:block;margin-top:10px}.knowledgegases main ul li p{position:absolute;bottom:0;text-align:center;width:100%;background-color:rgba(25,163,184,.8);color:#fff;padding:7px 0 5px;text-shadow:none;margin:0}.introduction dl{margin-bottom:50px}.introduction dl dd{padding-left:5px}dl.colon dt{font-weight:700;margin-bottom:10px}dl.colon dd span{font-weight:700;position:relative;padding:0 25px 0 0}dl.colon dd span:after{content:':';position:absolute;right:7px;top:-2px;font-weight:400}@media screen and (max-width:768px){.hero{height:300px}.knowledgegases main ul{gap:20px;flex-flow:row;flex-wrap:wrap}.knowledgegases main ul li{width:calc(100% / 2 - 20px)}}@media screen and (max-width:599px){.knowledgegases main ul li,.knowledgegases main ul li figure img{width:100%}.knowledgegases main ul li{margin-bottom:50px}}.single-knowledgegases .hero,.knowledgegases-template .hero,.knowledgegases .hero{background-image:radial-gradient(290px 300px,rgba(240,248,255,.8) 20%,transparent 20%),radial-gradient(200px 200px,rgba(240,248,255,.5) 20%,transparent 20%),radial-gradient(800px 800px,rgba(240,248,255,.6) 20%,transparent 20%),radial-gradient(400px 380px,rgba(240,248,255,.8) 20%,transparent 20%),radial-gradient(750px 750px,rgba(240,248,255,1) 20%,transparent 20%),radial-gradient(100px 100px,rgba(240,248,255,.3) 20%,transparent 20%);background-size:1230px 1280px,463px 256px,1470px 990px,1200px 1700px,1520px 1200px,600px 248px;background-position:-302px -550px,1px 0px,100px 546px,-399px -596px,-178px -250px,160px 184px}.introduction{padding:0 0 50px}.introduction p{margin-bottom:30px}.introduction p+h2,.introduction p+h3,.introduction dl+h2,.introduction dl+h3{margin-top:50px}.introduction p:last-of-type{margin-bottom:0}.introduction p,.introduction dd{line-height:1.75}.introduction dt{font-size:18px;font-weight:700;margin-bottom:5px}.introduction h2{font-size:24px;position:relative;padding:0 0 5px;border-bottom:1px solid #0070b8;margin-bottom:40px}.introduction h2:before,.introduction h2:after{position:absolute;top:100%;left:30px;content:'';height:0;width:0;border:10px solid transparent}.introduction h2:before{border-top:15px solid #0070b8}.introduction h2:after{margin-top:-2px;border-top:15px solid #fff}.introduction h3{font-size:20px;position:relative;padding:5px 20px;font-size:20px;display:inline-block;margin-bottom:20px}.introduction h3:before,.introduction h3:after{position:absolute;width:20px;height:20px;content:''}.introduction h3:before{border-left:solid 1px;border-top:solid 1px;top:0;left:0}.introduction h3:after{border-right:solid 1px;border-bottom:solid 1px;bottom:0;right:0}.introduction figure{margin:0 auto 70px;width:80%}.product-info h2{background-color:#0070b8;color:#fff;padding:5px 0 0 10px;position:relative;margin-bottom:50px}.product-info h2:after{position:absolute;content:'';width:100%;height:3px;bottom:-5px;left:0;background-color:#0070b8}.product-info h3{border-bottom:1px solid #0070b8;padding-bottom:5px}.product-info dl.dots{background-color:#f1f1f1;padding:20px;border-radius:10px;box-shadow:2px 2px 3px #ccc}.product-info dl.dots dt{border-bottom:1px solid #ccc}@media screen and (max-width:768px){.introduction{padding:0 20px 50px}}.recommend{background-color:#f5f5f5}.recommend h2{text-align:center}.recommend .inner-s{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.recommend .inner-s>div{max-width:30%;background-color:#fff;box-shadow:0px 2px 2px rgba(10,42,89,.2);display:flex;flex-flow:column;justify-content:space-between}.recommend .inner-s>div>a{padding:3px 5px;display:block}.recommend .inner-s>div>a p{margin-bottom:5px;font-size:14px}.recommend .inner-s>div h3{padding:10px 0 5px 7px;min-height:63px;background-color:#fff;border-right:20px solid #0070b8;position:relative;transition:all .5s;display:flex;flex-flow:column;justify-content:center}.recommend .inner-s>div h3 span{font-size:14px}.recommend .inner-s>div h3:hover{background-color:#0070b8;color:#fff}.recommend .inner-s>div h3:after{position:absolute;content:'';width:8px;height:8px;transform:rotate(45deg);top:50%;right:-11px;border-right:2px solid #fff;border-top:2px solid #fff;margin-top:-4px}.recommend ul li h3 span{font-size:14px;display:block}.recommend .inner-s>div>ul{gap:0;display:flex}.recommend .inner-s>div>ul>li{background-color:#509e2f;color:#fff;width:calc(100%/2);flex-shrink:0;text-align:center;font-size:12px;padding:5px 0;transition:all .3s}.recommend .inner-s>div>ul>li:first-of-type{border-right:1px solid #fff}.recommend .inner-s>div>ul>li:last-of-type{border-left:1px solid #fff}.recommend .inner-s>div>ul>li:hover{background-color:#95bd62}@media screen and (max-width:768px){.recommend .inner-s>div{max-width:100%}.recommend .inner-s>div>a p{margin-bottom:15px}}.blog-list{position:relative;background-image:url(//connect.nissha.com/gassensor/en/wp-content/themes/nissha/inc/gas-knowledge/knowledgegases/../knowledgegases/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(255,174,0,.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}