@media (hover: hover) and (pointer: fine){#header-links li:not(:last-child):hover p{background-position:0 100%}}#header-links li:not(:last-child) p{color:transparent!important;background:linear-gradient(to right,#6a7079 50%,#333 50%) 100%;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;transition:background-position .3s}#header-links li:last-child a{cursor:pointer}#header-links li:last-child a p{color:transparent;background:linear-gradient(to right,#b3000f 50%,#e60014 50%) 100%;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;transition:background-position .3s}#header-links li:last-child a p:before{content:"";mask:url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1482_4698)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%200C13.9706%200%2018%204.02944%2018%209C18%2013.9706%2013.9706%2018%209%2018C4.02944%2018%200%2013.9706%200%209C0%204.02944%204.02944%200%209%200ZM7.97431%206.15671L8.29364%2010.308H9.70608L10.0254%206.15671L10.0991%204.20386H7.90061L7.97431%206.15671ZM8.06028%2013.4031C8.30592%2013.6651%208.61707%2013.7962%208.99372%2013.7962C9.37856%2013.7962%209.6897%2013.6651%209.92716%2013.4031C10.1728%2013.1329%2010.2956%2012.8095%2010.2956%2012.4328C10.2956%2012.048%2010.1728%2011.7287%209.92716%2011.4748C9.6897%2011.2128%209.37856%2011.0818%208.99372%2011.0818C8.61707%2011.0818%208.30592%2011.2128%208.06028%2011.4748C7.82283%2011.7287%207.7041%2012.048%207.7041%2012.4328C7.7041%2012.8095%207.82283%2013.1329%208.06028%2013.4031Z%22%20fill%3D%22%23E60014%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1482_4698%22%3E%0A%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;width:18px;height:18px;margin-right:5px;background-color:#e60014;transition:background-color .3s}@media (hover: hover) and (pointer: fine){#header-links li:last-child a:hover p{background-position:0 100%}#header-links li:last-child a:hover p:before{background-color:#b3000f}}@media (hover: hover) and (pointer: fine){#sub-links a{cursor:pointer}}@media (hover: hover) and (pointer: fine){a:has(img[alt=right-arrow]):hover img[alt=right-arrow],button:has(img[alt=right-arrow]):hover img[alt=right-arrow]{animation:right-arrow .55s cubic-bezier(.55,0,.35,1) forwards}@keyframes right-arrow{0%{translate:0rem 0;opacity:1}50%{translate:1rem 0;opacity:0}51%{translate:-1rem 0}to{translate:0rem 0;opacity:1}}}@media (hover: hover) and (pointer: fine){a:has(img[alt=right-top-arrow]):hover img[alt=right-top-arrow],button:has(img[alt=right-top-arrow]):hover img[alt=right-top-arrow]{animation:right-top-arrow .55s cubic-bezier(.55,0,.35,1) forwards}@keyframes right-top-arrow{0%{translate:0rem 0rem;opacity:1}50%{translate:.8rem -.7rem;opacity:0}51%{translate:-.8rem .7rem}to{translate:0rem 0rem;opacity:1}}}@media (hover: hover) and (pointer: fine){a:has(img[alt=left-arrow]):hover img[alt=left-arrow],button:has(img[alt=left-arrow]):hover img[alt=left-arrow]{animation:left-arrow .55s cubic-bezier(.55,0,.35,1) forwards}@keyframes left-arrow{0%{translate:0rem 0;opacity:1}50%{translate:-1rem 0;opacity:0}51%{translate:1rem 0}to{translate:0rem 0;opacity:1}}}@media (hover: hover) and (pointer: fine){a:has(img[alt=down-arrow]):not(._boolean):hover img[alt=down-arrow],button:has(img[alt=down-arrow]):hover img[alt=down-arrow]{animation:down-arrow .55s cubic-bezier(.55,0,.35,1) forwards}@keyframes down-arrow{0%{translate:0 0rem;opacity:1}50%{translate:0 .7rem;opacity:0}51%{translate:0 -.7rem}to{translate:0 0rem;opacity:1}}}a._boolean{cursor:default}@media screen and (min-width: 840px){#side-navigation-citygas a.is-current div{background-color:#18b094}#side-navigation-citygas a.is-current p{color:#18b094;background:transparent}}@media screen and (min-width: 840px){#side-navigation-citygas a p{color:transparent;background:linear-gradient(to right,#18b094 50%,#333 50%) 100%;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;transition:background-position .3s,color .3s}}@media (hover: hover) and (pointer: fine){#side-navigation-citygas a:hover p{color:transparent;background-position:0 100%}#side-navigation-citygas a:hover div{background-color:#18b094}}@media (hover: hover) and (pointer: fine){#side-navigation-citygas a.is-current:hover p{color:#18b094;background:none}#side-navigation-citygas a.is-current:hover div{background-color:#18b094}}@media screen and (min-width: 840px){#side-navigation-lpgas a.is-current div{background-color:#18b094}#side-navigation-lpgas a.is-current p{color:#18b094;background:transparent}}@media screen and (min-width: 840px){#side-navigation-lpgas a p{color:transparent;background:linear-gradient(to right,#18b094 50%,#333 50%) 100%;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;transition:background-position .3s,color .3s}}@media (hover: hover) and (pointer: fine){#side-navigation-lpgas a:hover p{color:transparent;background-position:0 100%}#side-navigation-lpgas a:hover div{background-color:#18b094}}@media (hover: hover) and (pointer: fine){#side-navigation-lpgas a.is-current:hover p{color:#18b094;background:none}#side-navigation-lpgas a.is-current:hover div{background-color:#18b094}}@media screen and (min-width: 840px){#side-navigation-emergencies a.is-current div{background-color:#e60014}#side-navigation-emergencies a.is-current p{color:#e60014;background:transparent}}@media screen and (min-width: 840px){#side-navigation-emergencies a p{color:transparent;background:linear-gradient(to right,#e60014 50%,#333 50%) 100%;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;transition:background-position .3s,color .3s}}@media (hover: hover) and (pointer: fine){#side-navigation-emergencies a:hover p{color:transparent;background-position:0 100%}#side-navigation-emergencies a:hover div{background-color:#e60014}}@media (hover: hover) and (pointer: fine){#side-navigation-emergencies a.is-current:hover p{color:#e60014;background:none}#side-navigation-emergencies a.is-current:hover div{background-color:#e60014}}#osaka-gas p span{font-family:inherit}@media (hover: hover) and (pointer: fine){#news-navigation a{transition:color .3s,background-color .3s}#news-navigation a:hover{color:#fff;background-color:#333}}@media (hover: hover) and (pointer: fine){#more-button p{transition:color .3s}#more-button:hover p{color:#979ca3}}form[name=form-customer] input[type=radio]{position:relative;width:20px;height:20px;border:1px solid #18b094;background-color:#fff;border-radius:50%;vertical-align:-2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}form[name=form-customer] input[type=radio]:checked:before{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:linear-gradient(94.76deg,#09b892 10.69%,#009780 93.13%)}form[name=form-customer] label:has(input[type=radio]:checked){background:linear-gradient(94.76deg,#09b892 10.69%,#009780 93.13%)}form[name=form-customer] label:has(input[type=radio]:checked) span{color:#fff;font-weight:700}form[name=form-customer] #checkbox-green{cursor:pointer}form[name=form-customer] #checkbox-green input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;position:relative;cursor:pointer;background-color:#fff;border-radius:4px;width:18px;height:18px}form[name=form-customer] #checkbox-green input[type=checkbox]:before{position:absolute;content:"";width:18px;height:18px;background:#fff;border:solid 1px #18b094;border-radius:3px}form[name=form-customer] #checkbox-green input[type=checkbox]:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:10px;border-right:2px solid #18b094;border-bottom:2px solid #18b094;transform:rotate(45deg);opacity:0}form[name=form-customer] #checkbox-green input[type=checkbox]:checked:after{opacity:1}form[name=form-business] input[type=radio]{position:relative;width:20px;height:20px;border:1px solid #228fb3;background-color:#fff;border-radius:50%;vertical-align:-2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}form[name=form-business] input[type=radio]:checked:before{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:linear-gradient(92.89deg,#00a1d6 3.54%,#0082ad 99.38%)}form[name=form-business] label:has(input[type=radio]:checked){background:linear-gradient(92.89deg,#00a1d6 3.54%,#0082ad 99.38%)}form[name=form-business] label:has(input[type=radio]:checked) span{color:#fff;font-weight:700}form[name=form-business] #checkbox-blue{cursor:pointer}form[name=form-business] #checkbox-blue input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;position:relative;cursor:pointer;background-color:#fff;border-radius:4px;width:18px;height:18px}form[name=form-business] #checkbox-blue input[type=checkbox]:before{position:absolute;content:"";width:18px;height:18px;background:#fff;border:solid 1px #228fb3;border-radius:3px}form[name=form-business] #checkbox-blue input[type=checkbox]:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:10px;border-right:2px solid #228fb3;border-bottom:2px solid #228fb3;transform:rotate(45deg);opacity:0}form[name=form-business] #checkbox-blue input[type=checkbox]:checked:after{opacity:1}