@charset "UTF-8";
/* 緊急連絡先
================================================== */
.emergency__inner {
  padding-top: 17.33334vw;
  padding-bottom: 22.93334vw;
}
@media print, screen and (min-width: 751px) {
  .emergency__inner {
    padding-top: 68px;
    padding-bottom: 142px;
  }
}

.emergency .kv {
  background-image: url(/img/cmn/kv_sp.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
}
@media print, screen and (min-width: 751px) {
  .emergency .kv {
    background-image: url(/img/cmn/kv_pc.png);
  }
}


/* 共通
-------------------------------------------------- */
/* セクション */
.sec {
  margin-top: 14.93334vw;
}
@media print, screen and (min-width: 751px) {
  .sec {
    margin-top: 56px;
  }
}

@media print, screen and (min-width: 751px) {
  .sec__inner {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: min(14.70589vw, 150px);
    padding-left: 18.75%;
  }
}

/* 見出し */
.sec__ttl {
  background-image: url('/img/emergency/line_01_sp.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
  color: #000;
  display: flex;
  font-size: 6.4vw;
  align-items: center;
  justify-content: center;
  gap: 0 4.53334vw;
  font-weight: 700;
  line-height: 1.41667;
  letter-spacing: .03em;
  margin: 0 0 6.4vw 0;
  padding-bottom: 4.26667vw;
  padding-left: 8.53334vw;
}
@media print, screen and (min-width: 751px) {
  .sec__ttl {
    background-image: url('/img/emergency/line_01_pc.png');
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: .05em;
    margin-bottom: 34px;
    padding-bottom: 11px;
    padding: 0 0 11px 0;
  }
}

.sec__ttl::before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  height: 26.152vw;
  width: 26.152vw;
}
@media print, screen and (min-width: 751px) {
  .sec__ttl::before {
    content: none;
  }
}

.sec__ttl span {
  display: inline-block;
  margin: 0 auto 0 0;
  width: fit-content;
}

/* テキスト共通 */
.txt {
  color: #000;
  font-size: 4.8vw;
  line-height: 1.66667;
  letter-spacing: .03em;
}
@media print, screen and (min-width: 751px) {
  .txt {
    color: #000;
    font-size: 1.8rem;
    line-height: 1.72223;
    letter-spacing: initial;
  }
}

.txt + .img {
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .txt + .img {
    margin-top: 24px;
  }
}

/* コールセンター */
.callCenter {
  background-color: #FAFAFA;
}

.callCenter__inner {
  margin: 0 auto;
  padding: 3.73334vw 0 4.26667vw;
  width: 64.8vw;
}

@media print, screen and (min-width: 751px) {
  .callCenter__inner {
    padding: 18px 0 21px;
    width: min(55.09804vw, 562px);
  }
}

.callCenter__ttl {
  color: #000;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.66667;
  margin-bottom: 1.3334vw;
  letter-spacing: .03em;
}
@media print, screen and (min-width: 751px) {
  .callCenter__ttl {
    font-size: 1.8rem;
    line-height: 1.44447;
    margin-bottom: 10px;
  }
}

.callCenter__tel a {
  color: #1A1C80;
  font-size: 8.8vw;
  font-weight: 700;
  line-height: 1.33334;
  letter-spacing: .02em;
}
@media print, screen and (min-width: 751px) {
  .callCenter__tel a {
    font-size: 3.3rem;
  }
}

.callCenter__txt {
  font-size: 4.8vw;
  line-height: 1.66667;
  letter-spacing: .03em;
  margin-top: 1.6vw;
}
@media print, screen and (min-width: 751px) {
  .callCenter__txt {
    font-size: 1.8rem;
    line-height: 1.44445;
    margin-top: 16px;
  }
}

.callCenter__txt a {
  color: #1A1C80;
}

/* 動画 */
.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.video + .video {
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .video + .video {
    margin-top: 24px;
  }
}

.video iframe {
  height: 100%;
  width: 100%;
}

.video__ttl {
  font-size: 4.26667vw;
  letter-spacing: .05em;
  line-height: 1.5;
  margin-bottom: 2.93334vw;
}
@media print, screen and (min-width: 751px) {
  .video__ttl {
    font-size: 1.8rem;
    line-height: 1.44445;
    margin-bottom: 11px;
  }
}

/* スライド部分共通 */
.contentsWrap {
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .contentsWrap {
    margin-top: 24px;
  }
}

.slideBtn {
  background-color: #F1F0EC;
  border-radius: 1.6vw;
  color: #2E2E2E;
  cursor: pointer;
  font-size: 4.26667vw;
  font-weight: 700;
  line-height: 1;
  padding: 5.6vw 10.66667vw 5.33334vw 5.86667vw;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .slideBtn {
    border-radius: 6px;
    font-size: 1.8rem;
    padding: 26px 60px 26px 21px;
    position: relative;
  }
}

.slideBtn::before,
.slideBtn::after {
  content: '';
  border-top: .53334vw solid #000;
  width: 5.33334vw;
  position: absolute;
  top: 50%;
  right: 3.2vw;
  transform: translateY(-50%);
}
@media print, screen and (min-width: 751px) {
  .slideBtn::before,
  .slideBtn::after {
    border-top: 2px solid #000;
    width: 20px;
    right: 24px;
  }
}

.slideBtn::after {
  transform: translateY(-50%) rotate(-90deg);
}

.slideBtn.is-active::after {
  transform: translateY(-50%) rotate(0);
  transition: .6s;
}

.slideWrap {
  padding: 0 5.06667vw;

  display: none;

}
@media print, screen and (min-width: 751px) {
  .slideWrap {
    padding: 0 16px;
  }
}

.slideWrap__inner {
  padding-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .slideWrap__inner {
    padding-top: 23px;
  }
}


/* ガス漏れや災害時のご連絡
-------------------------------------------------- */
.tel {
  margin-top: 0;
}

.tel__ttl {
  background-image: url('/img/emergency/icon_tel.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 18.66667vw;
  color: #000;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1.26;
  letter-spacing: .03em;
  margin: 0 auto 9.33334vw 3.2vw;
  padding-left: 18.66667vw;
  width: fit-content;
}
@media print, screen and (min-width: 751px) {
  .tel__ttl {
    background-size: 70px;
    font-size: 2.4rem;
    line-height: 1.45834;
    margin: 0 auto 20px;
    padding: 17.5px 0 17.5px 70px;
  }
}

.tel .callCenter {
  margin: 0 auto;
  width: 79.2vw;
}
@media print, screen and (min-width: 751px) {
  .tel .callCenter {
    width: 81.25%;
  }
}
/* @media print, screen and (min-width: 751px) {
  .tel .callCenter__inner {
    
  }
} */


/* LPガスが出ないとき
-------------------------------------------------- */
@media print, screen and (min-width: 751px) {
  .lpGas .sec__inner {
    background-image: url('/img/emergency/icon_01_pc.png');
  }
}

.lpGas .sec__ttl::before {
  background-image: url('/img/emergency/icon_01_sp.png');
}

/* リスト */
.lpGas__list {
  display: flex;
  flex-direction: column;
  gap: 6.4vw 0;
}
@media print, screen and (min-width: 751px) {
  .lpGas__list {
    gap: 16px 0;
  }
}

.lpGas__list .txt {
  padding-left: 9.866667vw;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .lpGas__list .txt {
    padding-left: 20px;
  }
}

.lpGas__list .txt::before {
  content: '';
  background-color: #000;
  height: 2.93334vw;
  width: 2.93334vw;
  position: absolute;
  top: 2.93334vw;
  left: 3.46667vw;
}
@media print, screen and (min-width: 751px) {
  .lpGas__list .txt::before {
    height: 11px;
    width: 11px;
    top: 11px;
    left: 0;
  }
}

/* 注記 */
.lpGas__list .note {
  color: #000;
  font-size: 3.73334vw;
  line-height: 1.428572;
  padding-left: 2.93334vw;
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .lpGas__list .note {
    font-size: 1.4rem;
    padding-left: 0;
    margin-top: 16px;
  }
}

.lpGas__list > li:nth-child(2) ul {
  padding-left: 9.86667vw;
}
@media print, screen and (min-width: 751px) {
  .lpGas__list > li:nth-child(2) ul {
    padding-left: 20px;
  }
}

.lpGas__list + .txt {
  padding-left: 3.2vw;
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .lpGas__list + .txt {
    padding-left: 0;
    margin-top: 16px;
  }
}

.lpGas .callCenter {
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .lpGas .callCenter {
    margin-top: 16px;
  }
}


/* 警報器がなったら
-------------------------------------------------- */
@media print, screen and (min-width: 751px) {
  .alert .sec__inner {
    background-image: url('/img/emergency/icon_02_pc.png');
  }
}

.alert .sec__ttl::before {
  background-image: url('/img/emergency/icon_02_sp.png');
}


/* ガス臭いとき
-------------------------------------------------- */
@media print, screen and (min-width: 751px) {
  .smell .sec__inner {
    background-image: url('/img/emergency/icon_03_pc.png');
  }
}
.smell  .sec__ttl::before {
  background-image: url('/img/emergency/icon_03_sp.png');
}

.smell .callCenter {
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .smell .callCenter {
    margin-top: 25px;
  }
}


/* 地震・火事・洪水が起きたら
-------------------------------------------------- */
@media print, screen and (min-width: 751px) {
  .disaster  .sec__inner {
    background-image: url('/img/emergency/icon_04_pc.png');
  }
}
.disaster  .sec__ttl::before {
  background-image: url('/img/emergency/icon_04_sp.png');
}

.disaster .txt {
  color: #2E2E2E;
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 751px) {
  .disaster .txt {
    margin-top: 24px;
  }
}


/* その他お問い合わせ
-------------------------------------------------- */
.other {
  margin-top: 20.26667vw;
}
@media print, screen and (min-width: 751px) {
  .other {
    margin-top: 86px;
  }
}

/* @media print, screen and (min-width: 751px) {
  .other__inner {
    padding-left: 18.75%;
  }
} */

.other__ttl {
  color: #1A1D80;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1.45834;
  text-align: center;
  margin-bottom: 9.6vw;
}
@media print, screen and (min-width: 751px) {
  .other__ttl {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
}

.other__btn a {
  display: block;
  margin: 0 auto;
  width: 78.93334vw;
}
@media print, screen and (min-width: 751px) {
  .other__btn a {
    width: 410px;
  }

  .other__btn a:hover {
    opacity: .6;
  }
}