@charset "utf-8";

/*
  法令参照システム(高圧ガス保安法) 用スタイル
  20260730_1_高圧ガス保安規則 のHTML化データ(cf-common.css + gas.css)を移植したもの。
*/

.cf-title {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  font-weight: 700;
  font-size: clamp(0px, 2.7777777778vw, 40px);
  line-height: 1.4;
  text-align: center;
  color: #00437c;
  position: relative;
}
@media (max-width: 767px) {
  .cf-title {
    margin-bottom: 0;
    font-size: 5.641025641vw;
  }
}
.cf-title span {
  position: relative;
  display: inline-block;
}
.cf-title span::after {
  content: "";
  margin: clamp(0px, 1.7361111111vw, 25px) auto 0;
  display: block;
  width: 100%;
  height: clamp(0px, 0.1388888889vw, 2px);
  background-color: #00a0e9;
}
@media (max-width: 767px) {
  .cf-title span::after {
    margin-top: 2.5641025641vw;
    height: 0.5128205128vw;
  }
}

.cf-member-guide__heading {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  font-size: clamp(0px, 1.6666666667vw, 24px);
  font-weight: 600;
  border-bottom: 1px solid #000;
}
@media (max-width: 767px) {
  .cf-member-guide__heading {
    font-size: 4.1025641026vw;
  }
}
.cf-member-guide__row {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .cf-member-guide__row {
    margin-bottom: 10.2564102564vw;
  }
}
.cf-member-guide__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .cf-member-guide__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5641025641vw;
  }
}
.cf-member-guide__button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.3472222222vw, 5px);
  width: clamp(0px, 27.7777777778vw, 400px);
}
@media (max-width: 767px) {
  .cf-member-guide__button-block {
    width: 76.9230769231vw;
  }
}
.cf-member-guide__button {
  width: 100%;
  height: 80;
  aspect-ratio: 5/1;
}
.cf-member-guide__button.--regist {
  --btn_color: #fff;
  --btn_bg: #e60012;
  --btn_border: 1px solid #e60012;
}
@media (hover: hover) and (pointer: fine) {
  .cf-member-guide__button.--regist:hover {
    --btn_color: #e60012;
    --btn_bg: #fff;
    --btn_border: 1px solid #e60012;
  }
}
.cf-member-guide__button.--login {
  --btn_color: #fff;
  --btn_bg: #00a0e9;
  --btn_border: 1px solid #00a0e9;
}
@media (hover: hover) and (pointer: fine) {
  .cf-member-guide__button.--login:hover {
    --btn_color: #00a0e9;
    --btn_bg: #fff;
    --btn_border: 1px solid #00a0e9;
  }
}
.cf-member-guide__button a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--btn_color);
  background-color: var(--btn_bg);
  border: var(--btn_border);
  border-radius: 5px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (max-width: 767px) {
  .cf-member-guide__button a {
    font-size: 4.1025641026vw;
  }
}
.cf-member-guide__button a::after {
  content: "\e5c8";
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 400;
  color: currentColor;
  position: absolute;
  right: clamp(0px, 1.3888888889vw, 20px);
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}
@media (max-width: 767px) {
  .cf-member-guide__button a::after {
    font-size: 5.1282051282vw;
    right: 2.5641025641vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cf-member-guide__button a:hover::after {
    -webkit-animation: alternate cfMemberGuideArrowMove 0.3s forwards;
    animation: alternate cfMemberGuideArrowMove 0.3s forwards;
  }
}
.cf-member-guide__note {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .cf-member-guide__note {
    font-size: 3.0769230769vw;
  }
}
.cf-member-guide__summary {
  margin: 0 auto;
  width: clamp(0px, 56.9444444444vw, 820px);
}
@media (max-width: 767px) {
  .cf-member-guide__summary {
    width: 100%;
  }
}
.cf-member-guide__banner {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .cf-member-guide__banner {
    margin-bottom: 1.2820512821vw;
  }
}

@-webkit-keyframes cfMemberGuideArrowMove {
  0% {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-50%) translateX(1em);
    transform: translateY(-50%) translateX(1em);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-50%) translateX(-1em);
    transform: translateY(-50%) translateX(-1em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
}

@keyframes cfMemberGuideArrowMove {
  0% {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-50%) translateX(1em);
    transform: translateY(-50%) translateX(1em);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-50%) translateX(-1em);
    transform: translateY(-50%) translateX(-1em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
}

body {
  color: #000;
}

.cmn-pt {
  height: clamp(0px, 13.8888888889vw, 200px);
}
@media (max-width: 767px) {
  .cmn-pt {
    height: 25.641025641vw;
  }
}

#contents {
  margin-bottom: 0;
  padding-bottom: 0;
  max-width: unset;
}

.footer {
  margin-top: 0;
}

@media (max-width: 767px) {
    .cf-gas__content {
        padding: 10.2564102564vw 0;
    }
}
.cf-gas {
  padding-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .cf-gas {
    padding-bottom: 10.2564102564vw;
  }
  .club-index-login .cf-gas {
    padding-bottom: 0;
  }
}
.cf-gas__alert {
  padding: clamp(0px, 1.3888888889vw, 20px);
  background-color: #f5f5f5;
  border-radius: clamp(0px, 0.6944444444vw, 10px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .cf-gas__alert {
    padding: 5.1282051282vw;
    font-size: 3.5897435897vw;
    border-radius: 2.5641025641vw;
  }
}
.cf-gas.--inner {
  --bigCategory_arrowTransform: rotate(90deg);
}
@media (max-width: 767px) {
  .cf-gas.--inner .container {
    padding: 0;
  }
}

.cf-gas-searchBox {
  padding: clamp(0px, 2.0833333333vw, 30px) clamp(0px, 2.7777777778vw, 40px) clamp(0px, 2.7777777778vw, 40px);
  background-color: #E1F6FF;
  border-radius: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .cf-gas-searchBox {
    padding: 5.1282051282vw;
    border-radius: 2.5641025641vw;
  }
}
.cf-gas-searchBox__header {
  margin-bottom: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 1.3888888889vw, 20px);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .cf-gas-searchBox__header {
    margin-bottom: 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0;
  }
}
.cf-gas-searchBox__heading {
  font-size: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 700;
  color: #00437c;
}
@media (max-width: 767px) {
  .cf-gas-searchBox__heading {
    font-size: 4.1025641026vw;
  }
}
.cf-gas-searchBox__text {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .cf-gas-searchBox__text {
    font-size: 3.0769230769vw;
  }
}

.cf-gas-keywordSearch {
  background-color: #fff;
  border-radius: clamp(0px, 0.3472222222vw, 5px);
  padding: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch {
    border-radius: 1.2820512821vw;
    padding: 0;
  }
}
.cf-gas-keywordSearch__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
}
.cf-gas-keywordSearch__cate {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: clamp(0px, 13.8888888889vw, 200px);
  height: clamp(0px, 2.7777777778vw, 40px);
  padding: 0 clamp(0px, 0.6944444444vw, 10px) 0 clamp(0px, 0.3472222222vw, 5px);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch__cate {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 3.8461538462vw 5.1282051282vw;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .cf-gas-keywordSearch__cate select {
    font-size: 4.6153846154vw;
  }
}
.cf-gas-keywordSearch__select {
  width: 100%;
  height: 100%;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  color: #000;
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpolygon points='5,7 0,0 10,0' fill='%23000000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: clamp(0px, 0.6944444444vw, 10px) auto;
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch__select {
    font-size: 4.1025641026vw;
    background-size: 2.5641025641vw auto;
  }
}
.cf-gas-keywordSearch__word {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  min-width: 1px;
  height: clamp(0px, 2.7777777778vw, 40px);
  padding: 0 clamp(0px, 1.3888888889vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch__word {
    height: 10.2564102564vw;
    padding: 3.8461538462vw 0 3.8461538462vw 5.1282051282vw;
  }
}
.cf-gas-keywordSearch__inputText {
  width: 100%;
  height: 100%;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  color: #000;
  border: none;
  outline: none;
  background: transparent;
}
.cf-gas-keywordSearch__inputText::-webkit-input-placeholder {
  color: #999;
}
.cf-gas-keywordSearch__inputText::-moz-placeholder {
  color: #999;
}
.cf-gas-keywordSearch__inputText:-ms-input-placeholder {
  color: #999;
}
.cf-gas-keywordSearch__inputText::-ms-input-placeholder {
  color: #999;
}
.cf-gas-keywordSearch__inputText::placeholder {
  color: #999;
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch__inputText {
    font-size: 4.1025641026vw;
  }
}
.cf-gas-keywordSearch__btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: clamp(0px, 4.8611111111vw, 70px);
  height: clamp(0px, 2.7777777778vw, 40px);
  background-color: #00437c;
  border-radius: clamp(0px, 0.3472222222vw, 5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch__btn {
    width: 17.9487179487vw;
    height: 10.2564102564vw;
    border-radius: 1.2820512821vw;
    margin: 3.8461538462vw 5.1282051282vw 3.8461538462vw 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-keywordSearch__btn:hover {
    background-color: #00a0e9;
  }
}
.cf-gas-keywordSearch__submit {
  width: 100%;
  height: 100%;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 700;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 1.4;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .cf-gas-keywordSearch__submit {
    font-size: 3.5897435897vw;
  }
}

.cf-gas-bigCategory {
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--bigCategory_columns, repeat(2, 1fr));
  grid-template-columns: var(--bigCategory_columns, repeat(2, 1fr));
  -webkit-column-gap: var(--bigCategory_colGap, clamp(0px, 0.6944444444vw, 10px));
  -moz-column-gap: var(--bigCategory_colGap, clamp(0px, 0.6944444444vw, 10px));
  column-gap: var(--bigCategory_colGap, clamp(0px, 0.6944444444vw, 10px));
  row-gap: var(--bigCategory_rowGap, clamp(0px, 0.6944444444vw, 10px));
}
@media (max-width: 767px) {
  .cf-gas-bigCategory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5641025641vw;
  }
}
.cf-gas-bigCategory__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--bigCategory_btnGap, clamp(0px, 0.6944444444vw, 10px));
  height: var(--bigCategory_height, clamp(0px, 5.5555555556vw, 80px));
  padding: var(--bigCategory_padding, 0 clamp(0px, 1.3888888889vw, 20px));
  background-color: #fff;
  border: var(--bigCategory_border, none);
  border-radius: clamp(0px, 0.3472222222vw, 5px);
  font-size: var(--bigCategory_fz, clamp(0px, 1.1111111111vw, 16px));
  font-weight: 500;
  color: #000;
  line-height: 1.4;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 767px) {
  .cf-gas-bigCategory__btn a {
    height: var(--bigCategory_height, 15.3846153846vw);
    padding: var(--bigCategory_padding, 0 5.1282051282vw);
    gap: var(--bigCategory_btnGap, 2.5641025641vw);
    border-radius: 1.2820512821vw;
    font-size: var(--bigCategory_fz, 3.5897435897vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-bigCategory__btn a:hover {
    background-color: #00a0e9;
    color: #fff;
  }
  .cf-gas-bigCategory__btn a:hover::before {
    color: #fff;
  }
}
.cf-gas-bigCategory__btn a::before {
  content: "arrow_forward";
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.3888888889vw, 20px);
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  color: #00a0e9;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1;
  -webkit-transform: var(--bigCategory_arrowTransform);
  transform: var(--bigCategory_arrowTransform);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (max-width: 767px) {
  .cf-gas-bigCategory__btn a::before {
    font-size: 5.1282051282vw;
  }
}
.cf-gas-bigCategory__btn a br {
  display: var(--bigCategory_br, none);
}
.cf-gas-bigCategory__btn.is-current a {
  background-color: #00437c;
  color: #fff;
  font-weight: 700;
}
.cf-gas-bigCategory__btn.is-current a::before {
  color: #fff;
}

.cf-gas-top {
  margin: 0 auto;
  max-width: clamp(0px, 69.4444444444vw, 1000px);
}
@media (max-width: 767px) {
  .cf-gas-top {
    max-width: 100%;
  }
}
.cf-gas-top__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .cf-gas-top__inner {
    gap: 5.1282051282vw;
  }
}

.cf-gas-refine {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .cf-gas-refine {
    margin-bottom: 10.2564102564vw;
    background-color: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
}
.cf-gas-refine__heading {
  display: none;
}
@media (max-width: 767px) {
  .cf-gas-refine__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 4.1025641026vw;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    margin: 0;
    padding: 5.1282051282vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .cf-gas-refine__heading::after {
    content: "search";
    font-family: "Material Symbols Outlined";
    font-size: 6.1538461538vw;
    color: #000;
    line-height: 1;
  }
}
.cf-gas-refine__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 0.6944444444vw, 10px) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .cf-gas-refine__inner {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 6.6666666667vw;
    padding: 0 5.1282051282vw 5.1282051282vw;
  }
}
@media (max-width: 767px) {
  .cf-gas-refine.is-open .cf-gas-refine__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cf-gas-refine__cate {
  --bigCategory_columns: repeat(4, 1fr);
  --bigCategory_colGap: clamp(0px, 0.3472222222vw, 5px);
  --bigCategory_rowGap: clamp(0px, 0.6944444444vw, 10px);
  --bigCategory_height: 100%;
  --bigCategory_padding: clamp(0px, 0.3472222222vw, 5px);
  --bigCategory_btnGap: clamp(0px, 0.3472222222vw, 5px);
  --bigCategory_fz: clamp(0px, 0.9722222222vw, 14px);
  --bigCategory_border: 1px solid rgba(0, 0, 0, 0.1);
  --bigCategory_br: block;
}
@media (max-width: 767px) {
  .cf-gas-refine__cate {
    --bigCategory_height: 15.3846153846vw;
    --bigCategory_padding: 5.1282051282vw;
    --bigCategory_btnGap: 2.5641025641vw;
    --bigCategory_fz: 3.5897435897vw;
    --bigCategory_br: none;
  }
}
.cf-gas-refine__keyword {
  padding: clamp(0px, 0.6944444444vw, 10px);
  background-color: #E1F6FF;
  border-radius: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .cf-gas-refine__keyword {
    padding: 2.5641025641vw;
    border-radius: 2.5641025641vw;
  }
}

.cf-gas-dd {
  --isLink_color: #000;
  --isLink_afterColor: #00a0e9;
  --isSelect_bg: #E1F6FF;
  --isSelect_fontWeight: 700;
  --isSelect_afterColor: #000;
  --isCurrent_bg: #00a0e9;
  --isCurrent_color: #fff;
  --isCurrent_fontWeight: 700;
  --isCurrent_afterColor: #fff;
}
@media (max-width: 767px) {
  .cf-gas-dd {
    --isLink_color: #000;
    --isLink_afterColor: #00a0e9;
    --isSelect_bg: #fff;
    --isSelect_fontWeight: 400;
    --isSelect_afterColor: #00437c;
    --isCurrent_bg: transparent;
    --isCurrent_color: #00437c;
    --isCurrent_fontWeight: 700;
    --isCurrent_afterColor: #00437c;
  }
}
.cf-gas-dd__lead {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
}
.cf-gas-dd__lead p {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .cf-gas-dd__lead {
    margin-bottom: 10.2564102564vw;
    padding: 0 5.1282051282vw;
  }
  .cf-gas-dd__lead p {
    font-size: 3.5897435897vw;
  }
}
.cf-gas-dd__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 0.2083333333vw, 3px) 1fr clamp(0px, 0.2083333333vw, 3px) 1fr clamp(0px, 0.2083333333vw, 3px) 1fr clamp(0px, 0.2083333333vw, 3px) 1fr clamp(0px, 0.2083333333vw, 3px) 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(0px, 0.2083333333vw, 3px);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .cf-gas-dd__inner {
    display: block;
    overflow-x: visible;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.cf-gas-dd__layer {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  min-width: clamp(0px, 9.0277777778vw, 130px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.2083333333vw, 3px);
}
@media (max-width: 767px) {
  .cf-gas-dd__layer {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-width: unset;
    display: block;
  }
}
.cf-gas-dd__layer > .cf-gas-dd__layer {
  display: none;
}
@media (max-width: 767px) {
  .cf-gas-dd__layer > .cf-gas-dd__layer {
    display: block;
  }
}
@media (max-width: 767px) {
  .cf-gas-dd__inner > .cf-gas-dd__layer:not(:first-child) {
    display: none;
  }
}
.cf-gas-dd__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: clamp(0px, 6.9444444444vw, 100px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: clamp(0px, 0.2083333333vw, 3px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
  line-height: 1.4;
  color: #000;
  position: relative;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cf-gas-dd__item a {
  padding: 0 clamp(0px, 1.0416666667vw, 15px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  line-height: 1.4;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.cf-gas-dd__item a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
@media (max-width: 767px) {
  .cf-gas-dd__item a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
    white-space: normal;
    overflow: hidden;
  }
}
.cf-gas-dd__item:not(.is-link):not(.is-empty)::after {
  content: "arrow_right";
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.6666666667vw, 24px);
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
  color: rgba(0, 0, 0, 0.5);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1;
}
.cf-gas-dd__item.is-select {
  background-color: var(--isSelect_bg);
}
.cf-gas-dd__item.is-select a {
  font-weight: var(--isSelect_fontWeight);
}
.cf-gas-dd__item.is-select:not(.is-empty)::after {
  color: var(--isSelect_afterColor);
}
.cf-gas-dd__item.is-link a {
  color: var(--isLink_color);
}
.cf-gas-dd__item.is-current {
  background-color: var(--isCurrent_bg);
}
.cf-gas-dd__item.is-current a {
  color: var(--isCurrent_color);
  font-weight: var(--isCurrent_fontWeight);
}
.cf-gas-dd__item.is-empty {
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(to bottom right, transparent calc(50% - 0.5px), rgba(0, 0, 0, 0.05) calc(50% - 0.5px), rgba(0, 0, 0, 0.05) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-dd__item:not(.is-current):not(.is-empty):hover {
    border: 1px solid #00a0e9;
    color: #00a0e9;
    --isLink_color: #00a0e9;
  }
  .cf-gas-dd__item:not(.is-current):not(.is-empty):hover::after {
    color: #00a0e9;
  }
}
@media (max-width: 767px) {
  .cf-gas-dd__item {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    font-size: 3.5897435897vw;
    padding-top: 3.8461538462vw;
    padding-right: 5.1282051282vw;
    padding-bottom: 3.8461538462vw;
    padding-left: 5.1282051282vw;
  }
  .cf-gas-dd__item:not(.is-link):not(.is-empty)::after {
    content: "add";
    font-family: "Material Symbols Outlined";
    font-size: 5.641025641vw;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
    margin-left: auto;
  }
  .cf-gas-dd__item.is-select:not(.is-empty)::after {
    content: "remove";
  }
  .cf-gas-dd__item.is-link::after {
    content: "arrow_circle_right";
    font-family: "Material Symbols Outlined";
    font-size: 5.1282051282vw;
    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
    color: var(--isLink_afterColor);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
    margin-left: auto;
  }
  .cf-gas-dd__item.is-select::after {
    color: var(--isSelect_afterColor);
  }
  .cf-gas-dd__item.is-current::after {
    color: var(--isCurrent_afterColor);
  }
}
@media (max-width: 767px) {
  .cf-gas-dd .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__item {
    padding-left: 10.2564102564vw;
    border-top-color: rgba(0, 0, 0, 0.05);
  }
  .cf-gas-dd .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__item {
    padding-left: 15.3846153846vw;
    border-top-color: rgba(0, 0, 0, 0.05);
  }
  .cf-gas-dd .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__item {
    padding-left: 20.5128205128vw;
    border-top-color: rgba(0, 0, 0, 0.05);
  }
  .cf-gas-dd .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__item {
    padding-left: 25.641025641vw;
    border-top-color: rgba(0, 0, 0, 0.05);
  }
  .cf-gas-dd .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__layer > .cf-gas-dd__item {
    padding-left: 30.7692307692vw;
    border-top-color: rgba(0, 0, 0, 0.05);
  }
}

.cf-gas-detail {
  margin-top: clamp(0px, 5.5555555556vw, 80px);
  line-height: 1.4;
  display: none;
}
.cf-gas-detail.is-show {
  display: block;
}
@media (max-width: 767px) {
  .cf-gas-detail {
    margin-top: 0;
  }
}
.cf-gas-detail__back {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .cf-gas-detail__back {
    margin-bottom: 10.2564102564vw;
    background-color: #f5f5f5;
  }
}
.cf-gas-detail__back p {
  margin: 0;
  line-height: 1;
}
.cf-gas-detail__back a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.3472222222vw, 5px);
  font-weight: 600;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  color: #606060;
  text-decoration: none;
}
@media (max-width: 767px) {
  .cf-gas-detail__back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2820512821vw;
    font-size: 3.5897435897vw;
    padding: 7.6923076923vw 5.1282051282vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-detail__back a:hover {
    color: #00a0e9;
  }
}
.cf-gas-detail__back a::before {
  content: "arrow_circle_up";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-size: clamp(0px, 1.3888888889vw, 20px);
  color: currentColor;
  line-height: 1;
}
@media (max-width: 767px) {
  .cf-gas-detail__back a::before {
    font-size: 5.1282051282vw;
  }
}
.cf-gas-detail__title {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  font-size: clamp(0px, 2.2222222222vw, 32px);
  font-weight: 700;
  color: #00437c;
}
@media (max-width: 767px) {
  .cf-gas-detail__title {
    margin-bottom: 10.2564102564vw;
    font-size: 6.1538461538vw;
  }
}
.cf-gas-detail__subHeading {
  padding-bottom: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 600;
  border-bottom: 1px solid #000;
}
@media (max-width: 767px) {
  .cf-gas-detail__subHeading {
    padding-bottom: 5.1282051282vw;
  }
}
@media (max-width: 767px) {
  .cf-gas-detail__inner {
    padding: 0 5.1282051282vw;
  }
}
.cf-gas-detail__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 2.7777777778vw, 40px) clamp(0px, 20.8333333333vw, 300px);
  grid-template-columns: 1fr clamp(0px, 20.8333333333vw, 300px);
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .cf-gas-detail__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10.2564102564vw;
    font-size: 3.5897435897vw;
  }
}
.cf-gas-detail__text {
  padding-left: clamp(0px, 2.7777777778vw, 40px);
  line-height: 1.4;
  white-space: pre-line;
}
@media (max-width: 767px) {
  .cf-gas-detail__text {
    padding-left: 10.2564102564vw;
  }
}
.cf-gas-detail__side {
  padding-left: clamp(0px, 2.7777777778vw, 40px);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .cf-gas-detail__side {
    padding-left: 0;
    border-left: none;
  }
}
.cf-gas-detail__relation li {
  height: clamp(0px, 5.5555555556vw, 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 160, 233, 0.3);
  position: relative;
  color: #00a0e9;
  text-align: left;
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-detail__relation li:hover::after {
    -webkit-animation: alternate arrowMove 0.3s forwards;
    animation: alternate arrowMove 0.3s forwards;
  }
}
@media (max-width: 767px) {
  .cf-gas-detail__relation li {
    height: 15.3846153846vw;
  }
}
.cf-gas-detail__relation li::after {
  content: "arrow_forward";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 20;
  font-size: clamp(0px, 1.3888888889vw, 20px);
  color: currentColor;
  line-height: 1;
}
@media (max-width: 767px) {
  .cf-gas-detail__relation li::after {
    font-size: 5.1282051282vw;
  }
}
.cf-gas-detail__relation li a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  min-width: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: start;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  color: currentColor;
  text-align: left;
}
.cf-gas-detail__relation li a::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
@media (max-width: 767px) {
  .cf-gas-detail__relation li a {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

@media (max-width: 767px) {
  .cf-gas-result {
    padding: 0 5.1282051282vw;
  }
}
.cf-gas-result__block {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: clamp(0px, 2.7777777778vw, 40px) 0;
}
@media (max-width: 767px) {
  .cf-gas-result__block {
    padding: 7.6923076923vw 0;
  }
}
.cf-gas-result__no {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
  color: #606060;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .cf-gas-result__no {
    margin-bottom: 2.5641025641vw;
    font-size: 3.0769230769vw;
  }
}
.cf-gas-result__title {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .cf-gas-result__title {
    margin-bottom: 5.1282051282vw;
    font-size: 3.5897435897vw;
  }
}
.cf-gas-result__title a {
  color: #00a0e9;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-result__title a:hover {
    text-decoration: underline;
  }
}
.cf-gas-result__text {
  font-size: clamp(0px, 1.1111111111vw, 16px);
  color: #000;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cf-gas-result__text {
    font-size: 3.5897435897vw;
    -webkit-line-clamp: 4;
  }
}
.cf-gas-result__pagination {
  margin-top: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .cf-gas-result__pagination {
    margin-top: 10.2564102564vw;
  }
}
.cf-gas-result__empty {
  margin-top: 4em;
  text-align: center;
}

.cf-gas-backBtn {
  margin-inline: auto;
  margin-top: clamp(0px, 5.5555555556vw, 80px);
  width: clamp(0px, 20.1388888889vw, 290px);
  height: clamp(0px, 3.4722222222vw, 50px);
}
@media (max-width: 767px) {
  .cf-gas-backBtn {
    margin-top: 10.2564102564vw;
    width: 51.2820512821vw;
    height: 10.2564102564vw;
  }
}
.cf-gas-backBtn a::after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  right: unset;
  left: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .cf-gas-backBtn a::after {
    left: 2.5641025641vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-backBtn a:hover::after {
    -webkit-animation: alternate arrowMoveReverse 0.3s forwards;
    animation: alternate arrowMoveReverse 0.3s forwards;
  }
}

@-webkit-keyframes arrowMove {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(1em);
    transform: translateX(1em);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateX(-1em);
    transform: translateX(-1em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes arrowMove {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(1em);
    transform: translateX(1em);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateX(-1em);
    transform: translateX(-1em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowMoveReverse {
  0% {
    -webkit-transform: translateX(0) scale(-1, 1);
    transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-1em) scale(-1, 1);
    transform: translateX(-1em) scale(-1, 1);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateX(1em) scale(-1, 1);
    transform: translateX(1em) scale(-1, 1);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scale(-1, 1);
    transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
}
@keyframes arrowMoveReverse {
  0% {
    -webkit-transform: translateX(0) scale(-1, 1);
    transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-1em) scale(-1, 1);
    transform: translateX(-1em) scale(-1, 1);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateX(1em) scale(-1, 1);
    transform: translateX(1em) scale(-1, 1);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scale(-1, 1);
    transform: translateX(0) scale(-1, 1);
    opacity: 1;
  }
}
.cf-gas-result-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
  font-family: "Montserrat", serif;
  line-height: 1;
}
@media (max-width: 767px) {
  .cf-gas-result-pagination {
    gap: 2.5641025641vw;
  }
}
.cf-gas-result-pagination__arrow {
  width: clamp(0px, 2.0833333333vw, 30px);
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  cursor: pointer;
}
@media (max-width: 767px) {
  .cf-gas-result-pagination__arrow {
    width: 7.6923076923vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-result-pagination__arrow:hover {
    color: #00a0e9;
  }
}
.cf-gas-result-pagination__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .cf-gas-result-pagination__ul {
    gap: 2.5641025641vw;
  }
}
.cf-gas-result-pagination__item {
  width: clamp(0px, 2.0833333333vw, 30px);
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  font-weight: 500;
  cursor: pointer;
}
.cf-gas-result-pagination__item a {
  color: currentColor;
  text-decoration: none;
}
@media (max-width: 767px) {
  .cf-gas-result-pagination__item {
    width: 7.6923076923vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cf-gas-result-pagination__item:hover {
    color: #00a0e9;
  }
}
.cf-gas-result-pagination__item.is-current {
  color: #00a0e9;
  cursor: default;
}
.cf-gas-result-pagination__item.--empty {
  color: #ccc;
  cursor: default;
}

.ttlBg_wrap,
.breadCrumb_wrap {
  display: none;
}

.cf-gas__contact {
    padding: clamp(0px, 5.5555555556vw, 80px) 0 0;
}
@media (max-width: 767px) {
    .cf-gas__contact {
        padding: 10.2564102564vw 5.1282051282vw 0;
    }
    .cf-gas__contact.cf-gas__contact-top {
        padding: 10.2564102564vw 0 0;
    }
}