@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}body{background:#fff;color:#333;font-family:"Zen Kaku Gothic New",sans-serif}a{color:#009fe8;text-decoration:underline;cursor:pointer;transition:all 0.3s}a:hover{color:#4fc8ff;text-decoration:none}a:focus{outline:none}a:focus,*:focus{outline:none}@media print{* html body{zoom:0.7}}*{box-sizing:border-box;padding:0;margin:0;list-style:none}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:0.75rem}.pc{display:block}.sp{display:none}a[href*="tel:"]{pointer-events:none;cursor:default;text-decoration:none}body{word-break:break-all}.w__1100{width:100%;max-width:1000px;margin:0 auto}.w__900{width:100%;max-width:900px;margin:0 auto}.w__700{width:100%;max-width:600px;margin:0 auto}img{width:100%;height:auto}.msg{font-size:clamp(.56875rem, calc(.1354166667rem + .9027777778vw), .8125rem)}.wrap{display:flex;justify-content:space-between;flex-wrap:wrap}.header{position:fixed;top:0;left:0;width:100%;padding-top:clamp(.4375rem, calc(.1041666667rem + .6944444444vw), .625rem);padding-bottom:clamp(.4375rem, calc(.1041666667rem + .6944444444vw), .625rem);padding-left:clamp(1.3125rem, calc(.3125rem + 2.0833333333vw), 1.875rem);padding-right:clamp(1.3125rem, calc(.3125rem + 2.0833333333vw), 1.875rem);background:#fff;display:flex;align-items:center;justify-content:space-between;z-index:1000}.header .logo{width:clamp(12.25rem, calc(2.9166666667rem + 19.4444444444vw), 17.5rem)}.header .logo a{display:block}.header .logo a:hover{opacity:0.6}.header .logo .visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.header .nav{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.emergency{position:fixed;top:0;left:0;width:100%;z-index:800}.emergency a{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background:#e60c11;padding:5px;text-decoration:none}.emergency a:hover{background:#ff0000}.emergency .label span{display:inline-block;color:#fff;font-size:clamp(.7875rem, calc(.1875rem + 1.25vw), 1.125rem);font-weight:500;border-radius:100vh;padding:3px 15px;background:#ff0007}.emergency .date{color:#fff;padding:0 15px;font-weight:500;font-size:clamp(.74375rem, calc(.1770833333rem + 1.1805555556vw), 1.0625rem)}.emergency .txt{color:#fff;font-weight:600;font-size:clamp(.7rem, calc(.1666666667rem + 1.1111111111vw), 1rem)}.gnav{padding-top:clamp(.35rem, calc(.0833333333rem + .5555555556vw), .5rem);padding-bottom:clamp(.35rem, calc(.0833333333rem + .5555555556vw), .5rem)}.gnav ul{display:flex;align-items:center}.gnav ul li{margin-right:clamp(.13125rem, calc(.03125rem + .2083333333vw), .1875rem)}.gnav ul li a{text-decoration:none;color:#333;font-weight:500;font-size:clamp(.65625rem, calc(.15625rem + 1.0416666667vw), .9375rem);line-height:1;padding:2px 6px 3px 6px;border-radius:7px}.gnav ul li a:hover{background:#7dccf3;color:#fff}.gnav ul li a.on{background:#7dccf3;color:#fff}.bnav ul{display:flex;align-items:center}.bnav ul li{margin-left:clamp(.30625rem, calc(.0729166667rem + .4861111111vw), .4375rem)}.bnav ul li a{text-decoration:none;display:block;border-radius:100vh;padding:10px 13px 10px 13px;line-height:1;font-weight:700;font-size:clamp(.65625rem, calc(.15625rem + 1.0416666667vw), .9375rem)}.bnav ul li:nth-child(1) a{background:#ffe350;color:#333}.bnav ul li:nth-child(1) a:hover{background:#7dccf3;color:#fff}.bnav ul li:nth-child(1) a.on{background:#7dccf3;color:#fff}.bnav ul li:nth-child(2) a{background:#ffb400;color:#333}.bnav ul li:nth-child(2) a:hover{background:#0082f0;color:#fff}.bnav ul li:nth-child(2) a.on{background:#0082f0;color:#fff}.bnav ul li:nth-child(3) a{background:#ff6a00;color:#fff}.bnav ul li:nth-child(3) a:hover{background:#193bca}.bnav ul li:nth-child(3) a.on{background:#193bca}.bnav ul li:nth-child(4) a{background:#e60c11;color:#fff}.bnav ul li:nth-child(4) a:hover{background:#193bca}.bnav ul li:nth-child(4) a.on{background:#193bca}.home .hvisual{position:relative;margin-bottom:clamp(4.375rem, calc(1.0416666667rem + 6.9444444444vw), 6.25rem)}.home .hvisual .obj{position:absolute;z-index:10;width:calc(80% - 30px);top:0;left:calc(10% + 15px)}.home .hvisual .obj .catch{position:absolute;top:50%;right:5%;transform:translate(0, -50%);width:30%}.home .hvisual .obj .catch .item{opacity:0;transform:translate(0, 30px);transition:1s}.home .hvisual .obj .catch .item.on{opacity:1;transform:translate(0, 0)}.home .hvisual .obj .txt{position:absolute;bottom:7%;left:5%;color:#fff;font-size:clamp(.7875rem, calc(.1875rem + 1.25vw), 1.125rem);line-height:2.5;letter-spacing:0.1em;font-weight:500;opacity:0;transform:translate(0, 50px);transition:1s}.home .hvisual .obj .txt.on{opacity:1;transform:translate(0, 0)}.home .hvisual .sldier .slider__item{margin:0 15px}.home .hvisual .sldier .slick-arrow{position:absolute;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border:none;cursor:pointer;transition:0.3s;background:none;text-indent:-10000px;width:80px;height:100px;top:50%;transform:translate(0, -50%);z-index:10}.home .hvisual .sldier .slick-arrow:hover{opacity:0.6}.home .hvisual .sldier .slick-prev{background:url(../images/slider_prev.webp) no-repeat center center;background-size:100%;left:7.7%}.home .hvisual .sldier .slick-next{background:url(../images/slider_next.webp) no-repeat center center;background-size:100%;right:7.4%}.home .hvisual .sldier .slick-dots{position:absolute;width:100%;bottom:-40px;left:0;display:flex;justify-content:center}.home .hvisual .sldier .slick-dots li{margin:0 8px;width:12px;height:12px}.home .hvisual .sldier .slick-dots li button{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border:none;cursor:pointer;transition:0.3s;text-indent:-10000px;width:12px;height:12px;background:#c9caca;border-radius:100vh}.home .hvisual .sldier .slick-dots li.slick-active button{background:#009fe8}.home .hvisual .slider__btn{z-index:10;position:absolute;bottom:-50px;left:70%;text-align:right;width:clamp(8.75rem, calc(2.0833333333rem + 13.8888888889vw), 12.5rem)}.home .hvisual .slider__btn button{display:block;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border:none;cursor:pointer;transition:0.3s;background:none;border:1px solid #009fe8;border-radius:100vh;background:url(../images/icon_stop.webp) no-repeat 7px center;background-size:22px;font-size:clamp(.6125rem, calc(.1458333333rem + .9722222222vw), .875rem);text-indent:20px;font-weight:500;color:#009fe8;padding:7px}.home .hvisual .slider__btn button:hover{background:url(../images/icon_stop.webp) no-repeat 7px center rgba(0,159,232,0.2);background-size:22px}.home .hvisual .slider__btn button.on{background:url(../images/icon_play.webp) no-repeat 7px center;background-size:22px}.home .hvisual .slider__btn button.on:hover{background:url(../images/icon_play.webp) no-repeat 7px center rgba(0,159,232,0.2);background-size:22px}.home .hnav{width:100%;padding-bottom:clamp(7.875rem, calc(1.875rem + 12.5vw), 11.25rem);padding-left:clamp(2.1875rem, calc(.5208333333rem + 3.4722222222vw), 3.125rem);padding-right:clamp(2.1875rem, calc(.5208333333rem + 3.4722222222vw), 3.125rem)}.home .hnav h2{padding-top:clamp(.4375rem, calc(.1041666667rem + .6944444444vw), .625rem);padding-bottom:clamp(.4375rem, calc(.1041666667rem + .6944444444vw), .625rem);margin-bottom:clamp(2.1875rem, calc(.5208333333rem + 3.4722222222vw), 3.125rem);font-size:clamp(.9625rem, calc(.2291666667rem + 1.5277777778vw), 1.375rem);letter-spacing:0.1em;font-weight:700;color:#333;text-align:center;background:#cde6f5}.home .hnav a{display:block;border-radius:20px;overflow:hidden;position:relative}.home .hnav a .label{width:100%;position:absolute;bottom:14%;left:0;font-size:clamp(.74375rem, calc(.1770833333rem + 1.1805555556vw), 1.0625rem);line-height:1.3;font-weight:700;text-align:center;color:#333}.home .hnav .first{width:79%;margin-bottom:clamp(3.5rem, calc(.8333333333rem + 5.5555555556vw), 5rem)}.home .hnav .first ul{display:flex;justify-content:space-between;flex-wrap:wrap}.home .hnav .first ul li{width:22.8%}.home .hnav .first ul li:nth-child(1) a{background:url(../images/hnav_company.webp) no-repeat center center #cde6f5;background-size:100%}.home .hnav .first ul li:nth-child(1) a:hover{transform:scale(1.1);background:url(../images/hnav_company.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .first ul li:nth-child(2) a{background:url(../images/hnav_business.webp) no-repeat center center #cde6f5;background-size:100%}.home .hnav .first ul li:nth-child(2) a:hover{transform:scale(1.1);background:url(../images/hnav_business.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .first ul li:nth-child(3) a{background:url(../images/hnav_about_gas.webp) no-repeat center center #cde6f5;background-size:100%}.home .hnav .first ul li:nth-child(3) a:hover{transform:scale(1.1);background:url(../images/hnav_about_gas.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .first ul li:nth-child(4) a{background:url(../images/hnav_environment.webp) no-repeat center center #cde6f5;background-size:100%}.home .hnav .first ul li:nth-child(4) a:hover{transform:scale(1.1);background:url(../images/hnav_environment.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .second{width:18%}.home .hnav .second ul{display:flex;justify-content:space-between;flex-wrap:wrap}.home .hnav .second ul li{width:100%}.home .hnav .second ul li a{background:url(../images/hnav_recruit.webp) no-repeat center center #cde6f5;background-size:100%}.home .hnav .second ul li a:hover{transform:scale(1.1);background:url(../images/hnav_recruit.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .third{width:79%}.home .hnav .third h2{background:#a5cbec}.home .hnav .third ul{display:flex;justify-content:space-between;flex-wrap:wrap}.home .hnav .third ul li{width:22.8%}.home .hnav .third ul li:nth-child(1) a{background:url(../images/hnav_factory_tour.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .third ul li:nth-child(1) a:hover{transform:scale(1.1);background:url(../images/hnav_factory_tour_on.webp) no-repeat center center #ffe350;background-size:100%}.home .hnav .third ul li:nth-child(2) a{background:url(../images/hnav_contact.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .third ul li:nth-child(2) a:hover{transform:scale(1.1);background:url(../images/hnav_contact_on.webp) no-repeat center center #ffb400;background-size:100%}.home .hnav .third ul li:nth-child(3) a{background:url(../images/hnav_contactgas.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .third ul li:nth-child(3) a .label{bottom:8%}.home .hnav .third ul li:nth-child(3) a:hover{transform:scale(1.1);background:url(../images/hnav_contactgas_on.webp) no-repeat center center #ff6a00;background-size:100%}.home .hnav .third ul li:nth-child(3) a:hover .label{color:#fff;transition:0.3s}.home .hnav .third ul li:nth-child(4) a{background:url(../images/hnav_for_contractors.webp) no-repeat center center #a5cbec;background-size:100%}.home .hnav .third ul li:nth-child(4) a:hover{transform:scale(1.1);background:url(../images/hnav_for_contractors_on.webp) no-repeat center center #e60c11;background-size:100%}.home .hnav .third ul li:nth-child(4) a:hover .label{color:#fff;transition:0.3s}.home .hnav .fourth{width:18%;background:url(../images/hnav_illust.webp) no-repeat center bottom;background-size:80%}.footer{width:100%;background:#e3f1f9;padding-top:100px;padding-bottom:clamp(1.75rem, calc(.4166666667rem + 2.7777777778vw), 2.5rem);padding-left:clamp(2.1875rem, calc(.5208333333rem + 3.4722222222vw), 3.125rem);padding-right:clamp(2.1875rem, calc(.5208333333rem + 3.4722222222vw), 3.125rem);position:relative}.footer::after{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%, 0);width:100%;height:156px;background:url(../images/footer_illust.svg) no-repeat center center;background-size:auto 100%}.footer .footer__inner{width:100%;max-width:1180px;margin:0 auto}.footer .wrap{align-items:center;margin-bottom:clamp(2.1875rem, calc(.5208333333rem + 3.4722222222vw), 3.125rem)}.footer .box{width:30%}.footer .box .logo{width:clamp(14.4375rem, calc(3.4375rem + 22.9166666667vw), 20.625rem);margin-bottom:clamp(1.09375rem, calc(.2604166667rem + 1.7361111111vw), 1.5625rem)}.footer .box .logo a{display:block}.footer .box .logo a:hover{opacity:0.6}.footer .box .addr{font-size:clamp(.7rem, calc(.1666666667rem + 1.1111111111vw), 1rem);line-height:2;letter-spacing:0.05em;font-weight:500}.footer .fnav{width:70%;display:flex;justify-content:flex-end;flex-wrap:wrap}.footer .fnav ul{margin-left:clamp(1.75rem, calc(.4166666667rem + 2.7777777778vw), 2.5rem)}.footer .fnav ul li{margin-top:clamp(.2625rem, calc(.0625rem + .4166666667vw), .375rem);margin-bottom:clamp(.2625rem, calc(.0625rem + .4166666667vw), .375rem)}.footer .fnav ul li a{text-decoration:none;font-size:clamp(.7rem, calc(.1666666667rem + 1.1111111111vw), 1rem);font-weight:500;color:#333}.footer .fnav ul li a:hover{color:#009fe8}.footer .copy{text-align:center;font-size:clamp(.56875rem, calc(.1354166667rem + .9027777778vw), .8125rem);font-weight:500;letter-spacing:0.05em}.fade{transform:translateY(50px);opacity:0}.fade__on{transform:translateY(0);opacity:1;transition:1s}.menubar{position:fixed;z-index:2000;right:-1px;top:0;display:block;margin:0;padding:0;display:none}.menubar .menubar__trigger{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border:none;cursor:pointer;transition:0.3s;margin:0;padding:0;display:inline-block;transition:all 0.3s;position:relative;width:60px;height:60px;background:#fff}.menubar .menubar__trigger span{display:inline-block;transition:all 0.4s;box-sizing:border-box;position:absolute;left:25%;width:50%;height:2px;background-color:#009fe8}.menubar .menubar__trigger span:nth-of-type(1){top:19px}.menubar .menubar__trigger span:nth-of-type(2){top:29px}.menubar .menubar__trigger span:nth-of-type(3){top:39px}.menubar .menubar__trigger.active span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}.menubar .menubar__trigger.active span:nth-of-type(2){opacity:0}.menubar .menubar__trigger.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}@media only screen and (max-width: 769px){.pc{display:none}.sp{display:block}a[href*="tel:"]{pointer-events:auto;cursor:pointer;text-decoration:underline}.msg{font-size:clamp(.625rem, calc(0rem + 3.3333333333vw), 1.6rem)}.header{padding-top:clamp(.4807692308rem, calc(0rem + 2.5641025641vw), 1.2307692308rem);padding-bottom:clamp(.4807692308rem, calc(0rem + 2.5641025641vw), 1.2307692308rem);padding-left:clamp(.4807692308rem, calc(0rem + 2.5641025641vw), 1.2307692308rem);padding-right:clamp(.4807692308rem, calc(0rem + 2.5641025641vw), 1.2307692308rem)}.header .logo{width:50%}.header .nav{flex:none;display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;padding:10% 8%}.emergency a{padding:8px 0}.emergency .label span{font-size:clamp(.7211538462rem, calc(0rem + 3.8461538462vw), 1.8461538462rem);padding:2px 13px}.emergency .date{padding:0 10px;font-size:clamp(.7211538462rem, calc(0rem + 3.8461538462vw), 1.8461538462rem)}.emergency .txt{width:100%;font-size:clamp(.6730769231rem, calc(0rem + 3.5897435897vw), 1.7230769231rem);text-align:center;padding:5px 0 0 0}.gnav{padding:0;margin-bottom:5%}.gnav ul{flex-wrap:wrap}.gnav ul li{width:100%;margin:0 0 3% 0}.gnav ul li a{font-size:clamp(.8173076923rem, calc(0rem + 4.358974359vw), 2.0923076923rem);line-height:1;padding:2px 6px 3px 6px;border-radius:7px}.bnav ul{flex-wrap:wrap}.bnav ul li{width:100%;margin:0 0 4% 0}.bnav ul li a{padding:17px 10px 17px 30px;line-height:1;font-size:clamp(.8653846154rem, calc(0rem + 4.6153846154vw), 2.2153846154rem)}.home .hvisual{margin-bottom:clamp(4.3269230769rem, calc(0rem + 23.0769230769vw), 11.0769230769rem)}.home .hvisual .obj{width:calc(80% - 30px);top:0;left:calc(10% + 15px)}.home .hvisual .obj .catch{top:50%;right:5%;transform:translate(0, -50%);width:30%}.home .hvisual .obj .catch .item{opacity:0;transform:translate(0, 30px);transition:1s}.home .hvisual .obj .catch .item.on{opacity:1;transform:translate(0, 0)}.home .hvisual .obj .txt{bottom:7%;left:5%;font-size:clamp(.8653846154rem, calc(0rem + 4.6153846154vw), 2.2153846154rem);line-height:2.5;letter-spacing:0.1em;transform:translate(0, 50px)}.home .hvisual .sldier .slider__item{margin:0 2.5px}.home .hvisual .sldier .slick-arrow{width:40px;height:50px}.home .hvisual .sldier .slick-prev{left:2%}.home .hvisual .sldier .slick-next{right:2%}.home .hvisual .sldier .slick-dots{bottom:-20px}.home .hvisual .sldier .slick-dots li{margin:0 4px;width:8px;height:8px}.home .hvisual .sldier .slick-dots li button{width:8px;height:8px}.home .hvisual .slider__btn{bottom:-65px;left:50%;transform:translate(-50%, 0);width:clamp(8.6538461538rem, calc(0rem + 46.1538461538vw), 22.1538461538rem)}.home .hvisual .slider__btn button{font-size:clamp(.5769230769rem, calc(0rem + 3.0769230769vw), 1.4769230769rem);padding:7px 0}.home .hnav{padding-bottom:clamp(4.8076923077rem, calc(0rem + 25.641025641vw), 12.3076923077rem);padding-left:clamp(.9615384615rem, calc(0rem + 5.1282051282vw), 2.4615384615rem);padding-right:clamp(.9615384615rem, calc(0rem + 5.1282051282vw), 2.4615384615rem)}.home .hnav h2{padding-top:clamp(.4807692308rem, calc(0rem + 2.5641025641vw), 1.2307692308rem);padding-bottom:clamp(.4807692308rem, calc(0rem + 2.5641025641vw), 1.2307692308rem);margin-bottom:clamp(.9615384615rem, calc(0rem + 5.1282051282vw), 2.4615384615rem);font-size:clamp(.8173076923rem, calc(0rem + 4.358974359vw), 2.0923076923rem);letter-spacing:0}.home .hnav a{border-radius:10px}.home .hnav a .label{width:100%;bottom:11%;left:0;font-size:clamp(.6730769231rem, calc(0rem + 3.5897435897vw), 1.7230769231rem)}.home .hnav .first{width:100%;margin-bottom:clamp(.9615384615rem, calc(0rem + 5.1282051282vw), 2.4615384615rem)}.home .hnav .first ul li{width:48%;margin-bottom:4%}.home .hnav .second{width:48%;margin-bottom:0}.home .hnav .second ul li a{background:url(../images/hnav_recruit.webp) no-repeat center center #cde6f5;background-size:100%}.home .hnav .third{width:100%;margin-bottom:clamp(.9615384615rem, calc(0rem + 5.1282051282vw), 2.4615384615rem)}.home .hnav .third ul li{width:48%;margin-bottom:4%}.home .hnav .fourth{width:48%;background:url(../images/hnav_illust.webp) no-repeat center bottom;background-size:60%}.footer{padding-top:50px;padding-bottom:clamp(1.9230769231rem, calc(0rem + 10.2564102564vw), 4.9230769231rem);padding-left:clamp(.9615384615rem, calc(0rem + 5.1282051282vw), 2.4615384615rem);padding-right:clamp(.9615384615rem, calc(0rem + 5.1282051282vw), 2.4615384615rem)}.footer::after{top:-40px;height:70px}.footer .wrap{margin-bottom:clamp(1.4423076923rem, calc(0rem + 7.6923076923vw), 3.6923076923rem)}.footer .box{width:100%}.footer .box .logo{width:70%;margin:0 auto;margin-bottom:clamp(1.2019230769rem, calc(0rem + 6.4102564103vw), 3.0769230769rem)}.footer .box .addr{font-size:clamp(.6730769231rem, calc(0rem + 3.5897435897vw), 1.7230769231rem);line-height:2;text-align:center}.footer .fnav{display:none}.footer .copy{font-size:clamp(.625rem, calc(0rem + 3.3333333333vw), 1.6rem)}.menubar{display:block}}
/*# sourceMappingURL=style.css.map */