@charset "UTF-8";
.contents .main {
  width: 100%;
}

.saigai .lnav__level1__item:hover .lnav__level1__item__link {
  background: #e7380d;
  border-color: #e7380d;
}

.saigai .lnav__level1__item__link::before {
  border-color: #e7380d transparent transparent;
}

.saigai a:hover {
  color: #e8380d;
  opacity: 1;
}

.saigai p a:hover {
  color: #e8380d;
  opacity: 1;
}

/* - - - - - - - - - - - - - - - - - - - - - 
	おしらせ（災害）トップ
- - - - - - - - - - - - - - - - - - - - - */
.box_disaster {
  margin-bottom: 1.5rem;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
}

.box_disaster a {
  color: #404544;
  display: block;
}

.box_disaster dt {
  padding: 2rem;
  font-size: 2rem;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
  background-color: #feebd6;
}

.box_disaster dt .box_img {
  margin-bottom: 1rem;
}

.box_disaster dd {
  padding: 1.5rem;
}

.box_disaster .disaster_lead {
  padding-left: 3rem;
  background: url("/common/img/disaster/icon_disaster01.png") no-repeat 0 3px;
  background-size: 24px 26px;
}

.box_disaster .disaster_attention {
  padding-left: 3rem;
  background: url("/common/img/disaster/icon_disaster02.png") no-repeat 0 3px;
  background-size: 22px;
}

.box_disaster .disaster_attention em {
  color: #e8390d;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.box_disaster .disaster_relation::after {
  content: "";
  clear: both;
  display: block;
}

.box_disaster .disaster_relation strong {
  font-size: 0.9em;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  float: left;
}

.box_disaster .disaster_relation span {
  margin: 0 1rem 1rem 0;
  padding: 0 1rem;
  font-size: 0.9em;
  text-align: center;
  background-color: #feebd6;
  border-radius: 20px;
  float: left;
  display: inline-block;
}

@media print, screen and (min-width: 767.5px) {
  /* @media PC */
  .box_disaster dl {
    display: table;
  }
  .box_disaster dt {
    padding: 0;
    vertical-align: middle;
    border-bottom: none;
    width: 290px;
    display: table-cell;
  }
  .box_disaster dd {
    padding: 2rem 3rem;
    box-sizing: border-box;
    display: table-cell;
  }
  .box_disaster .disaster_relation span {
    width: 130px;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - 
	おしらせ（災害）各ページ
- - - - - - - - - - - - - - - - - - - - - */
.is_pc {
  display: block;
}

.is_sp {
  display: none;
}

.cf::after {
  content: "";
  display: block;
  clear: both;
}

.saigai h3 {
  width: inherit;
}

.saigai .column2 > * {
  width: inherit;
}

.saigai a {
  color: #333;
}

/*
a{

color: inherit;
text-decoration: none;
}


a:hover{
	opacity: 0.7;
}

*/
/*********

contents

********/
/*lnav_吹き出しメニュー*/
.saigai .lnav {
  display: flex;
  margin: 0 -0.57em 40px;
  line-height: 1.4;
}

.saigai .lnav__ttl__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #e8380d;
  color: #333333;
  text-align: center;
  border-radius: 6px;
}

.saigai .lnav__ttl__link::before {
  z-index: 5;
  bottom: -8px;
  content: "";
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #e8380d transparent transparent;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.saigai .lnav__level1__item__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 50px;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-top-color: rgb(210, 210, 210);
  border-right-color: rgb(210, 210, 210);
  border-bottom-color: rgb(210, 210, 210);
  border-left-color: rgb(210, 210, 210);
  color: #404544;
  text-align: center;
  border-radius: 6px;
}

.saigai .lnav__level1__item.lnav__level1__item--mist a {
  border-color: #dcdcdc;
  color: #333333;
  opacity: 1;
}

.saigai .lnav__level1__item.lnav__level1__item--mist a:hover {
  color: #ffffff !important;
}

.saigai .lnav__level1 {
  position: relative;
  flex: 3 1 auto;
  display: flex;
}

.saigai .lnav__level1__item {
  flex: 1 1 auto;
  position: relative;
  margin: 0 0.57em;
  font-size: 16px;
  width: 25%;
}

.saigai .lnav__level1__item--this a {
  background: #e7380d;
  color: #ffffff;
  position: relative;
  min-width: 120px;
  max-width: 100%;
}

.saigai .lnav__level1__item--this a:hover {
  color: #ffffff !important;
}

.saigai .lnav__level1__item--this a::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 8px solid transparent;
  border-top: 8px solid #e7380d;
  visibility: inherit;
  opacity: inherit;
}

.row.content {
  margin-bottom: 8%;
}

.column {
  margin-bottom: 5%;
}

.font_l {
  font-size: 20px;
}

.font_s {
  font-size: 12px;
}

.font_red {
  color: #e7380d;
}

/*mainvisual*/
.mv {
  margin-bottom: 5%;
}

/*アンカーリンク*/
.anc {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  border-top: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  padding: 20px 0;
  margin-bottom: 5%;
}

.anc_inner {
  display: flex;
  justify-content: center;
}

.anc_element {
  border-left: solid 1px #dcdcdc;
  padding: 1% 1.5%;
}

.anc_inner .anc_element:last-of-type {
  border-right: solid 1px #dcdcdc;
}

.anc_element a {
  margin-right: 1vw;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.anc_element a:after {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #e7380d;
  border-right: 2px solid #e7380d;
  transform: rotate(135deg);
  margin-top: 3px;
}

/********



断水ページ




********/
/********

安全上の重要注意事項

********/
/*断水時・復旧後のご注意*/
.dansui .flow_wap {
  display: -ms-flexbox;
  justify-content: space-between;
  display: flex;
}

.dansui .flow_content {
  width: 49%;
  display: flex;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
}

.dansui .flow_content .img {
  width: 50%;
  margin-bottom: 0;
}

.dansui .flow_content .img img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.dansui .flow_content .text {
  width: 50%;
  padding: 10px;
  font-size: 15px;
  border-left: solid 1px #dcdcdc;
}

/********

給湯機器 〜 断水時からご使用まで 〜

********/
.dansui .table_wrap {
  display: table;
}

.dansui .table_cell {
  vertical-align: middle;
  display: table-cell;
}

.dansui .table_cell > img {
  max-width: inherit;
}

.dansui .table_cell.text {
  font-size: 15px;
  padding-left: 1em;
}

.dansui .inline_wap {
  display: -ms-flexbox;
  justify-content: space-between;
  display: flex;
  max-width: 90%;
  margin-left: auto;
  width: 1015px;
}

.dansui .inline_content {
  width: 49%;
}

.dansui .inline_content .img {
  width: 100%;
}

.dansui .inline_content .img img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.dansui .inline_content .box {
  border-radius: 8px;
  background: #fcf1e6;
  font-size: 15px;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.dansui .inline_content .text {
  padding: 10px;
  font-size: 15px;
}

/********

よくあるご質問(断水関連)


********/
.q_list_content {
  border-bottom: dashed 1px #dcdcdc;
}

.q_list_content dl {
  display: table;
  padding: 10px 0;
}

.q_list_content dt,
.q_list_content dd {
  display: table-cell;
  vertical-align: middle;
}

.q_list_content dt {
  padding-right: 10px;
}

/********

その他機器の注意点


********/
#dansui03 .img {
  width: 48%;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
  height: 65px;
  display: table;
  text-align: center;
}

#dansui03 .img:hover {
  background: #e7380d;
}

#dansui03 .img a {
  padding: 20px 0;
  display: table-cell;
  padding-right: 3vw;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  color: #333333;
  font-size: 17px;
}

#dansui03 .img a:hover {
  color: #ffffff;
}

#dansui03 .img a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #e7380d;
  border-right: 2px solid #e7380d;
  transform: rotate(45deg);
  margin-top: 9px;
}

#dansui03 .img:hover a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: 9px;
}

/********

その他 緊急時・災害時


********/
.other_kinkyu {
  display: flex;
  justify-content: space-between;
  margin: 2% auto;
}

.other_kinkyu p {
  width: 48%;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
  display: table;
  text-align: center;
  background-color: #e7380d;
  margin-bottom: 0;
}

.other_kinkyu p:hover {
  background: #f07355;
}

.other_kinkyu p a {
  padding: 2% 0;
  justify-content: center;
  display: flex;
  padding-right: 3vw;
  position: relative;
}

.other_kinkyu p a span {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  margin-left: 15px;
}

.other_kinkyu p a.jishin span {
  height: 50px;
  line-height: 50px;
  background: url("/common/img/disaster/common/icon_jishin.png") no-repeat left center;
  background-size: 47px 41px;
  padding-left: 62px;
  display: inline-block;
}

/*.other_kinkyu p a.jishin img{
	height: 41px;
	width: auto;
}*/
.other_kinkyu p a.teiden span {
  height: 50px;
  line-height: 50px;
  background: url("/common/img/disaster/common/icon_teiden.png") no-repeat left center;
  background-size: 54px 32px;
  padding-left: 69px;
  display: inline-block;
}

/*
.other_kinkyu p a.teiden img{
	height: 32px;
	width: auto;
}*/
.other_kinkyu p a.teiden::before {
  /*
  margin-top: 10px;*/
}

/*.other_kinkyu p a.dansui{
	margin-top: 5px;
}*/
/*.other_kinkyu p a.dansui::before{

	margin-top: 12px;
}*/
/*

.other_kinkyu p a.dansui img{
	height: 36px;
	width: auto;
}*/
.other_kinkyu p a.dansui span {
  height: 50px;
  line-height: 50px;
  background: url("/common/img/disaster/common/icon_dansui.png") no-repeat left center;
  background-size: 36px 44px;
  padding-left: 49px;
  display: inline-block;
}

.other_kinkyu p a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  margin-right: 3vw;
  margin-top: 20px;
}

.other_kinkyu.bnt3 p {
  width: 32%;
}

/********

お問い合わせ窓口


********/
.contact_area {
  display: flex;
  justify-content: space-between;
  margin: 2% auto;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
  padding: 3%;
}

.contact_area .contact-center__phone {
  max-width: 456px;
  width: 100%;
  margin: 0 10px;
}

.contact_area .contact-center__phone a {
  color: #e8380d;
}

.contact_area .contact-center__phone .contact-center__phone__mobile a {
  color: #404544;
}

.contact_area > .img,
.contact_area > .box {
  width: 49%;
  padding: 0;
}

/*
.contact_area > .img{
	text-align: center;
}
.contact_area > .box .img{
	text-align: center;
}*/
.contact_area > .box .text {
  margin: 5% auto;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  text-align: center;
}

.contact_area .img {
  width: 75%;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
  height: 65px;
  display: table;
  text-align: center;
  margin: auto;
}

.contact_area .img:hover {
  background: #e7380d;
}

.contact_area .img a {
  padding: 20px 0;
  display: table-cell;
  padding-right: 2vw;
  font-weight: bold;
  color: #333333;
  font-size: 16px;
}

.contact_area .img a:hover {
  color: #ffffff !important;
}

.contact_area .img a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #e7380d;
  border-right: 2px solid #e7380d;
  transform: rotate(45deg);
  margin-top: 9px;
}

.contact_area .img:hover a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: 9px;
}

/********



地震ページ




********/
.jishin .mv {
  margin-bottom: 10px;
}

.jishin .top_description {
  margin-bottom: 30px;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

img {
  max-width: 100%;
}

.jishin .ttl03 img {
  padding-right: 6px;
}

/********

安全上の重要注意事項

********/
.jishin .sub_title {
  display: block;
  width: 100%;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  font-size: 17px;
}

.jishin .inline_wap {
  display: -ms-flexbox;
  justify-content: space-between;
  display: flex;
  max-width: 100%;
  margin-left: auto;
}

.jishin #jishin01 .inline_content {
  width: 32%;
}

.jishin .inline_content .img {
  width: 100%;
}

.jishin .inline_content .img img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.jishin .inline_content .txt {
  font-size: 15px;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.jishin ul.cercle li:before {
  content: "●";
  width: 4px;
  height: 4px;
  padding-right: 5px;
  margin-bottom: 20px;
}

.jishin ul.cercle span {
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.jishin .kaki_genkin {
  display: -ms-flexbox;
  justify-content: space-between;
  display: flex;
  max-width: 100%;
  margin: 20px auto;
}

.jishin .kaki_genkin .box_left {
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  /* padding: 7px 10px; */
  /* min-width: 165px; */
  /* max-width: 100%; */
  width: 17%;
  /* color: #555; */
  /* font-size: 16px; */
  background: #ced7ee;
}

.jishin .kaki_genkin .box_left::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -33px;
  border: 30px solid transparent;
  border-left: 30px solid #ced7ee;
}

.jishin .kaki_genkin .box_left .img {
  left: 50%;
  position: absolute;
  top: 50%;
}

.jishin .kaki_genkin .box_left .img img {
  transform: translate(-50%, -50%);
}

.jishin .kaki_genkin .box-right {
  width: 77%;
  display: -ms-flexbox;
  justify-content: space-between;
  display: flex;
  max-width: 100%;
  margin-left: auto;
}

.jishin .kaki_genkin .box-right .img {
  width: 18%;
  margin-bottom: 0;
}

/********

地震が収まってからご使用まで

********/
.jishin #jishin02 .inline_content {
  width: 48%;
}

.jishin #jishin02 .ttl03 img {
  padding-right: 12px;
  padding-bottom: 3px;
  box-sizing: content-box;
}

.jishin .jishin_inner {
  margin: 45px auto;
}

.jishin .error_ex_wrap {
  margin-bottom: 20px;
}

.jishin .error_ex_tt {
  font-size: 16px;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.jishin .error_ex_tt span {
  color: #e7380d;
}

.jishin .error_ex {
  display: flex;
  border: solid 2px #e7380d;
  border-radius: 8px;
  padding: 18px 0;
  justify-content: center;
}

.jishin .error_ex > p {
  display: table-cell;
  margin: 0 1% 0;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.jishin .cercle_text:before {
  content: "●";
  width: 4px;
  height: 4px;
  padding-right: 5px;
  margin-bottom: 20px;
}

.jishin .jishin_inner p a {
  color: #3399cc;
  text-decoration: underline;
}

.jishin .cercle_text span {
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.caution {
  background: #fef7ef;
  padding: 2%;
}

.caution .title {
  font-size: 16px;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.jishin #flow .box--accordion__ttl {
  background: #f6f6f6;
}

.jishin #flow .box--accordion__body {
  background: #f6f6f6;
  padding: 0 10px 10px 10px;
}

.jishin #flow {
  margin: 30px auto;
}

/********



停電ページ




********/
.teiden .ttl03 img {
  padding-right: 6px;
}

/********

安全上の重要注意事項

********/
.teiden .text_description {
  margin-bottom: 45px;
}

.teiden .text_description ul li.title {
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  font-size: 17px;
}

.teiden .text_description ul li.title span {
  color: #e7380d;
}

.teiden .text_description ul {
  margin-bottom: 20px;
}

.teiden .flow_wap {
  display: -ms-flexbox;
  justify-content: space-between;
  display: flex;
}

.teiden .flow_content {
  width: 49%;
  display: flex;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
}

.teiden .flow_content .img {
  width: 50%;
  margin-bottom: 0;
}

.teiden .flow_content .img img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.teiden .flow_content .text {
  width: 50%;
  padding: 10px;
  font-size: 15px;
}

.teiden .flow_content .ttl03 {
  width: 100%;
}

/********

給湯機器 〜 停電時からご使用まで 〜

********/
.teiden .table_inline {
  display: flex;
  justify-content: space-between;
}

.teiden .table_wrap {
  display: table;
  width: 48%;
}

.teiden .table_wrap a {
  color: #3399cc;
  text-decoration: underline;
}

.teiden .table_cell {
  vertical-align: middle;
  display: table-cell;
}

.teiden .table_cell > img {
  max-width: inherit;
}

.teiden .table_cell.text {
  font-size: 15px;
  padding-left: 1em;
}

.teiden #teiden02 .jishin_inner .table_inline {
  margin-bottom: 5%;
}

/********

その他注意点

********/
.teiden .other_cution {
  display: flex;
  justify-content: space-between;
}

.teiden .other_cution .img {
  width: 35%;
}

.teiden .other_cution .text {
  margin-left: 2%;
  width: 860px;
}

.teiden .other_cution .text .title {
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  font-size: 18px;
}

.teiden .other_cution .text .main {
  width: 100%;
}

.teiden .other_cution .text .main a {
  color: #3399cc;
  text-decoration: underline;
}

.teiden .other_cution .text .main span {
  color: #e8390d;
}

#teiden04 .img {
  width: 48%;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
  height: 65px;
  display: table;
  text-align: center;
}

#teiden04 .img:hover {
  background: #e8380d;
}

#teiden04 .img a {
  padding: 20px 0;
  display: table-cell;
  padding-right: 3vw;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  color: #333333;
  font-size: 17px;
}

#teiden04 .img a:hover {
  color: #ffffff;
}

#teiden04 .img a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #e7380d;
  border-right: 2px solid #e7380d;
  transform: rotate(45deg);
  margin-top: 9px;
}

#teiden04 .img:hover a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: 9px;
}

/********

台風

********/
.taihu .red {
  color: #e7380d;
}

.taihu .fw {
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.taihu .ttl03 {
  font-size: 22px;
}

.taihu .anc .wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.taihu .anc .border_r {
  border-right: solid 1px #dcdcdc;
}

.taihu .anc .anc_inner .anc_element {
  padding: 1% 1.7%;
}

.taihu .anc .anc_inner .anc_element:nth-of-type(1) {
  width: 19%;
}

.taihu .anc .anc_inner .anc_element:nth-of-type(2) {
  width: 37%;
}

.taihu .anc .anc_inner .anc_element:nth-of-type(3) {
  width: 44%;
}

/*
.taihu .anc .anc_inner .anc_element:last-of-type {
    margin-top: 30px;
}
*/
.taihu .table_inline {
  display: flex;
  justify-content: space-between;
}

.taihu .table_wrap {
  display: table;
  width: 48%;
}

.taihu .table_wrap a {
  color: #3399cc;
  text-decoration: underline;
}

.taihu .table_cell {
  vertical-align: middle;
  display: table-cell;
}

.taihu .table_cell > img {
  max-width: inherit;
}

.taihu .table_cell.text {
  font-size: 15px;
  padding-left: 1em;
}

.taihu #taihu02 .jishin_inner .table_inline {
  margin-bottom: 5%;
}

.taihu .text_description {
  margin-bottom: 45px;
}

.taihu .text_description ul li.title {
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  font-size: 17px;
}

.taihu .text_description ul li.title span {
  color: #e7380d;
}

.taihu .text_description ul {
  margin-bottom: 20px;
}

.taihu .flow_wap {
  display: -ms-flexbox;
  justify-content: space-between;
  display: flex;
}

.taihu .flow_content {
  width: 49%;
  min-height: 260px;
  display: flex;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
}

.taihu .flow_content .img {
  width: 56%;
  margin-bottom: 0;
}

.taihu .flow_content:nth-of-type(1) .img {
  background: url(/common/img/disaster/taihu/taihu_flow_img1.png) no-repeat center right;
  background-size: cover;
}

.taihu .flow_content:nth-of-type(2) .img {
  background: url(/common/img/disaster/taihu/taihu_flow_img2.png) no-repeat center center;
  background-size: cover;
}

.taihu.flow_content .img img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.taihu .flow_content .text {
  width: 50%;
  padding: 20px;
  font-size: 15px;
}

.taihu .flow_content .ttl03 {
  width: 100%;
  font-size: 22px;
  margin-bottom: 17px;
}

/********

給湯機器 〜 台風（強風）が予測される場合の準備 〜

********/
.taihu .taihu_inline_box {
  display: flex;
  justify-content: space-between;
}

.taihu .taihu_inline_box .taihu_inline_box_content {
  width: 48.8%;
  text-align: center;
}

.taihu #taihu02 .taihu_inline_box .taihu_inline_box_content .img {
  width: 546px;
  height: 260px;
  max-height: 260px;
  border: solid 1px rgb(220, 220, 220);
  border-radius: 8px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.taihu #taihu02 .taihu_inline_box .taihu_inline_box_content .img img {
  vertical-align: middle;
  margin: auto;
}

.taihu .taihu_inline_box .taihu_inline_box_content .text {
  font-size: 15px;
}

/********

給湯機器 〜 台風（強風）が予測される場合の準備 〜

********/
.taihu #taihu03 .taihu_inline_box {
  margin-bottom: 4%;
}

.taihu #taihu03 .taihu_inline_box .taihu_inline_box_content .img {
  width: 546px;
  height: 260px;
  max-height: 260px;
  border: solid 1px rgb(220, 220, 220);
  border-radius: 8px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.taihu #taihu03 .taihu_inline_box .taihu_inline_box_content .img img {
  vertical-align: middle;
  margin: auto;
}

.taihu #taihu03 .taihu_inline_box.cont1 .taihu_inline_box_content:nth-of-type(2) .text {
  text-align: left;
  font-size: 14px;
  margin-bottom: 20px;
}

.taihu .btn1 {
  width: 75%;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
  height: 65px;
  display: table;
  text-align: center;
  margin: auto;
}

.taihu .btn1:hover {
  background: #e7380d;
}

.taihu .btn1 a {
  padding: 20px 0;
  display: table-cell;
  padding-right: 2vw;
  color: #333333;
  font-size: 16px;
}

.taihu .btn1 a:hover {
  color: #ffffff !important;
}

.taihu .btn1 a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #e7380d;
  border-right: 2px solid #e7380d;
  transform: rotate(45deg);
  margin-top: 9px;
}

.taihu .btn1:hover a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: 9px;
}

.taihu #taihu03 .taihu_inline_box.cont1 .taihu_inline_box_content .img,
.taihu #taihu03 .taihu_inline_box.cont2 .taihu_inline_box_content .img {
  width: 546px;
  height: 260px;
  max-height: 260px;
  border: solid 1px rgb(220, 220, 220);
  border-radius: 8px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.taihu #taihu03 .taihu_inline_box.cont2 .taihu_inline_box_content:nth-of-type(2) .img {
  vertical-align: bottom;
}

.taihu #taihu03 .taihu_inline_box.cont2 .taihu_inline_box_content .img img {
  vertical-align: middle;
  margin: auto;
}

.taihu #taihu03 .cont3 {
  margin-bottom: 5%;
}

.taihu #taihu03 .cont3 h3 {
  border-left: 3px solid #f39b86;
}

.taihu #taihu03 .cont3 .ttl03 {
  border-left: 0;
  margin-bottom: 20px;
  padding-left: 0;
}

.taihu #taihu03 .cont3 .ttl03 span {
  width: 80px;
  display: inline-block;
  text-align: center;
}

.taihu #taihu03 .cont3 .ttl03 img {
  padding-bottom: 3px;
  box-sizing: content-box;
}

.taihu .error_ex_wrap {
  margin-bottom: 20px;
  margin-top: 25px;
}

.taihu .error_ex_tt {
  font-size: 16px;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.taihu .error_ex_tt span {
  color: #e7380d;
}

.taihu .error_ex {
  display: flex;
  border: solid 2px #e7380d;
  border-radius: 8px;
  padding: 18px 0;
  justify-content: center;
}

.taihu .error_ex > p {
  display: table-cell;
  margin: 0 1% 0;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.taihu .link_under a {
  color: #e7380d;
  text-decoration: underline;
}

/********

その他注意点

********/
.taihu .other_cution {
  display: flex;
  justify-content: space-between;
}

.taihu .other_cution .img {
  width: 35%;
}

.taihu .other_cution .text {
  margin-left: 2%;
  width: 860px;
}

.taihu .other_cution .text .title {
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  font-size: 18px;
}

.taihu .other_cution .text .main {
  width: 100%;
}

.taihu .other_cution .text .main a {
  color: #3399cc;
  text-decoration: underline;
}

.taihu .other_cution .text .main span {
  color: #e8390d;
}

#taihu04 .img {
  width: 48%;
  border: solid 1px #dcdcdc;
  border-radius: 8px;
  height: 65px;
  display: table;
  text-align: center;
}

#taihu04 .img:hover {
  background: #e8380d;
}

#taihu04 .img a {
  padding: 20px 0;
  display: table-cell;
  padding-right: 3vw;
  font-weight: bold;
  font-family: "TBUDゴシック B", "TBUDGothic B";
  color: #333333;
  font-size: 17px;
}

#taihu04 .img a:hover {
  color: #ffffff;
}

#taihu04 .img a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #e7380d;
  border-right: 2px solid #e7380d;
  transform: rotate(45deg);
  margin-top: 9px;
}

#taihu04 .img:hover a::before {
  float: right;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: 9px;
}

.other_kinkyu p a.taihu span {
  height: 50px;
  line-height: 50px;
  background: url("/common/img/disaster/common/icon_taihu.png") no-repeat left center;
  background-size: 52px 45px;
  padding-left: 65px;
  display: inline-block;
}

.other_kinkyu p a.cold_wave span {
  height: 50px;
  line-height: 50px;
  background: url("/common/img/disaster/common/icon_cold_wave.png") no-repeat left center;
  background-size: 52px 45px;
  padding-left: 65px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  /*common*/
  .is_sp {
    display: block;
  }
  .is_pc {
    display: none;
  }
  img {
    max-width: 100%;
  }
  /*lnav_吹き出しメニュー*/
  .saigai .lnav__level1 {
    width: 100%;
  }
  .saigai .lnav__level1__item {
    flex: inherit;
    position: relative;
    margin: 0 0;
    font-size: 16px;
    max-width: 100%;
    margin-right: 5px;
  }
  .saigai .lnav__level1 .lnav__level1__item:last-of-type {
    margin-right: 0;
  }
  .saigai .lnav__level1__item--this a {
    background: #e7380d;
    color: #ffffff;
    position: relative;
    min-width: inherit;
    max-width: 100%;
  }
  .row.content {
    margin-bottom: 15%;
  }
  /*mainvisual*/
  .mv {
    margin-bottom: 13%;
  }
  /*アンカーリンク*/
  .anc {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    border-top: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc;
    padding: 20px 0 5px;
    margin-bottom: 13%;
  }
  .anc_inner {
    flex-wrap: wrap;
  }
  .anc_element {
    width: 49%;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5%;
    height: 40px;
    display: table;
  }
  .anc_element:nth-of-type(2) {
    border-right: solid 1px #dcdcdc;
  }
  .anc_element a {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
  }
  .anc_element a span {
    font-size: 12px;
  }
  .anc_element a:after {
    float: inherit;
    margin: auto;
    margin-top: 5%;
  }
  /********

  安全上の重要注意事項

  ********/
  /*断水時・復旧後のご注意*/
  .dansui .flow_wap {
    display: block;
  }
  .dansui .flow_content {
    width: 100%;
    display: block;
    border: 0;
    border-radius: 8px;
    margin-bottom: 5%;
  }
  .dansui .flow_content .img {
    width: inherit;
    border: solid 1px #dcdcdc;
    border-radius: 8px;
  }
  .dansui .flow_content .img img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  .dansui .flow_content .text {
    width: 100%;
    border-left: 0;
  }
  /********

  給湯機器 〜 断水時からご使用まで 〜

  ********/
  .dansui .table_wrap {
    display: table;
  }
  .dansui .table_cell {
    vertical-align: middle;
    display: table-cell;
  }
  .dansui .table_cell > img {
    max-width: 90px;
    width: 90px;
  }
  .dansui .table_cell.text {
    font-size: 15px;
    padding-left: 1em;
  }
  .dansui .inline_wap {
    display: block;
    max-width: 100%;
    margin: auto;
    width: 1015px;
  }
  .dansui .inline_content {
    width: 100%;
    margin: 3% auto 5%;
  }
  .dansui .inline_content .img {
    width: 100%;
  }
  .dansui .inline_content .img img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  .dansui .inline_content .box {
    border-radius: 8px;
    background: #fcf1e6;
    font-size: 15px;
    text-align: center;
    padding: 20px;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .dansui .inline_content .text {
    padding: 10px;
    font-size: 15px;
  }
  /********

  その他機器の注意点


  ********/
  #dansui03 .img {
    width: 100%;
  }
  /********

  その他 緊急時・災害時


  ********/
  .other_kinkyu {
    display: flex;
    justify-content: space-between;
    margin: 2% auto;
  }
  .other_kinkyu p {
    width: 48%;
    border: solid 1px #dcdcdc;
    border-radius: 8px;
    display: table;
    text-align: center;
    background-color: #e7380d;
  }
  .other_kinkyu.bnt3 p {
    width: 100%;
  }
  .other_kinkyu p a {
    padding: 10px 0;
    justify-content: center;
    display: flex;
    padding-right: 3vw;
    position: relative;
  }
  .other_kinkyu p a span {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    margin-left: 5px;
  }
  .other_kinkyu p a.jishin span {
    height: 25px;
    line-height: 25px;
    background: url("/common/img/disaster/common/icon_jishin.png") no-repeat left center;
    background-size: 23.5px 20.5px;
    padding-left: 33.5px;
    display: inline-block;
  }
  .other_kinkyu p a.taihu span {
    height: 25px;
    line-height: 25px;
    background: url(/common/img/disaster/common/icon_taihu.png) no-repeat left center;
    background-size: 26px 22.5px;
    padding-left: 32.5px;
    display: inline-block;
  }
  /*.other_kinkyu p a.jishin img{
  	height: 41px;
  	width: auto;
  }*/
  .other_kinkyu p a.teiden span {
    height: 25px;
    line-height: 25px;
    background: url("/common/img/disaster/common/icon_teiden.png") no-repeat left center;
    background-size: 27px 16px;
    padding-left: 37px;
    display: inline-block;
  }
  /*
  .other_kinkyu p a.teiden img{
  	height: 32px;
  	width: auto;
  }*/
  .other_kinkyu p a.teiden::before {
    /*
    margin-top: 10px;*/
  }
  /*.other_kinkyu p a.dansui{
  	margin-top: 5px;
  }*/
  /*.other_kinkyu p a.dansui::before{

  	margin-top: 12px;
  }*/
  /*

  .other_kinkyu p a.dansui img{
  	height: 36px;
  	width: auto;
  }*/
  .other_kinkyu p a.dansui span {
    height: 25px;
    line-height: 25px;
    background: url("/common/img/disaster/common/icon_dansui.png") no-repeat left center;
    background-size: 18px 22px;
    padding-left: 28px;
    display: inline-block;
  }
  .other_kinkyu p a::before {
    float: right;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    margin-right: 3vw;
    margin-top: 7px;
  }
  .other_kinkyu.bnt3 {
    display: block;
  }
  /********

  よくあるご質問(断水関連)


  ********/
  .q_list_content {
    border-bottom: dashed 1px #dcdcdc;
  }
  .q_list_content dl {
    display: table;
    padding: 10px 0;
  }
  .q_list_content dd a {
    line-height: 1.4;
  }
  .q_list_content dt {
    width: 30px;
    padding-right: 10px;
  }
  /********

  お問い合わせ窓口


  ********/
  .contact_area {
    display: block;
    justify-content: space-between;
    margin: 2% auto;
    border: solid 1px #dcdcdc;
    border-radius: 8px;
    padding: 15px;
  }
  .contact_area > .img,
  .contact_area > .box {
    width: 100%;
  }
  .contact_area > .img {
    text-align: center;
  }
  .contact_area > .box .img {
    text-align: center;
  }
  .contact_area > .box .text {
    margin: 5% auto;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    text-align: inherit;
  }
  .contact_area .contact-center__phone {
    margin: 0 auto;
  }
  .contact_area .box .img {
    width: 100%;
  }
  .contact_area .img a {
    padding-right: 3vw;
  }
  /********



  地震ページ




  ********/
  .jishin .mv {
    margin-bottom: 10px;
  }
  .jishin .top_description {
    margin-bottom: 30px;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  img {
    max-width: 100%;
  }
  /********

  安全上の重要注意事項

  ********/
  .jishin #jishin01 .inline_content {
    width: 100%;
  }
  .jishin .sub_title {
    display: block;
    width: 100%;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    font-size: 17px;
  }
  .jishin .inline_wap {
    display: block;
  }
  .jishin .inline_content {
    width: 100%;
    margin-bottom: 10%;
  }
  .jishin .inline_content .img {
    width: 100%;
  }
  .jishin .inline_content .img img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  .jishin .inline_content .txt {
    font-size: 15px;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .jishin ul.cercle li:before {
    content: "●";
    width: 4px;
    height: 4px;
    padding-right: 5px;
    margin-bottom: 20px;
  }
  .jishin ul.cercle span {
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .jishin .kaki_genkin {
    display: block;
    max-width: 100%;
    margin: 20px auto;
  }
  .jishin .kaki_genkin .box_left {
    position: relative;
    display: inline-block;
    margin: 0 10px 40px 0;
    /* padding: 7px 10px; */
    /* min-width: 165px; */
    /* max-width: 100%; */
    width: 80%;
    /* color: #555; */
    /* font-size: 16px; */
    background: #ced7ee;
    height: 90px;
    right: -8vw;
  }
  .jishin .kaki_genkin .box_left::before {
    content: "";
    position: absolute;
    top: 12vw;
    left: 36vw;
    margin-top: 0;
    border-top: 30px solid #ced7ee;
    border-left: 0;
    transform: rotate(225deg);
  }
  .jishin .kaki_genkin .box_left .img {
    width: 55px;
  }
  .jishin .kaki_genkin .box_left .img img {
    transform: translate(-50%, -50%);
  }
  .jishin .kaki_genkin .box-right {
    width: 100%;
    display: -ms-flexbox;
    justify-content: space-between;
    display: flex;
    max-width: 100%;
    margin: auto;
  }
  .jishin .kaki_genkin .box-right .img {
    width: 18%;
    margin-bottom: 0;
  }
  /********

  地震が収まってからご使用まで

  ********/
  .jishin #jishin02 .inline_content {
    width: 100%;
  }
  .jishin #jishin02 .ttl03 img {
    padding-right: 12px;
    padding-bottom: 3px;
    box-sizing: content-box;
  }
  .jishin .jishin_inner {
    margin: 45px auto;
  }
  .jishin .error_ex_wrap {
    margin-bottom: 20px;
  }
  .jishin .error_ex_tt {
    font-size: 16px;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .jishin .error_ex_tt span {
    color: #e7380d;
  }
  .jishin .error_ex {
    flex-wrap: wrap;
    margin: auto;
    padding: 18px;
  }
  .jishin #jishin02 .jishin_inner:first-of-type .error_ex {
    justify-content: start;
  }
  .jishin #jishin02 .jishin_inner:nth-of-type(2) .error_ex {
    justify-content: center;
  }
  .jishin .cercle_text:before {
    content: "●";
    width: 4px;
    height: 4px;
    padding-right: 5px;
    margin-bottom: 20px;
  }
  .jishin #jishin02 .jishin_inner p a {
    color: #3399cc;
    text-decoration: underline;
  }
  .jishin .cercle_text span {
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .caution {
    background: #fef7ef;
    padding: 2%;
  }
  .caution .title {
    font-size: 16px;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .jishin #flow .box--accordion__ttl {
    background: #f6f6f6;
  }
  .jishin #flow .box--accordion__body {
    background: #f6f6f6;
    padding: 0 10px 10px 10px;
  }
  /********



  停電ページ




  ********/
  .teiden .ttl03 img {
    padding-right: 6px;
  }
  /********

  安全上の重要注意事項

  ********/
  .teiden .text_description {
    margin-bottom: 45px;
  }
  .teiden .text_description ul li.title {
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    font-size: 17px;
  }
  .teiden .text_description ul li.title span {
    color: #e7380d;
  }
  .teiden .text_description ul {
    margin-bottom: 20px;
  }
  .teiden .flow_wap {
    display: block;
  }
  .teiden .flow_content {
    width: 100%;
    display: block;
    margin-bottom: 5%;
  }
  .teiden .flow_content .img {
    width: 100%;
    border: 0;
    border-radius: 8px;
  }
  .teiden .flow_content .img img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  .teiden .flow_content .text {
    width: 100%;
    padding: 10px;
    font-size: 15px;
  }
  .teiden .flow_content .ttl03 {
    width: 100%;
  }
  /********

  給湯機器 〜 停電時からご使用まで 〜

  ********/
  .teiden .table_inline {
    display: block;
  }
  .teiden .table_wrap {
    width: 100%;
    margin-bottom: 5%;
  }
  .teiden .table_wrap a {
    color: #3399cc;
    text-decoration: underline;
  }
  .teiden .table_cell {
    vertical-align: middle;
    display: table-cell;
  }
  .teiden .table_cell > img {
    max-width: inherit;
  }
  .teiden .table_cell.text {
    font-size: 15px;
    padding-left: 1em;
  }
  .teiden #teiden02 .jishin_inner .table_inline {
    margin-bottom: 10%;
  }
  /********

  その他注意点

  ********/
  .teiden .other_cution {
    display: block;
    margin-bottom: 5%;
  }
  .teiden .other_cution .img {
    width: 100%;
  }
  .teiden .other_cution .text {
    margin-left: 0;
    width: 100%;
  }
  .teiden .other_cution .text .title {
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    font-size: 18px;
  }
  .teiden .other_cution .text .main {
    width: 100%;
  }
  .teiden .other_cution .text .main a {
    color: #3399cc;
    text-decoration: underline;
  }
  .teiden .other_cution .text .main span {
    color: #e8390d;
  }
  #teiden04 .img {
    width: 100%;
  }
  #teiden04 .img a {
    padding: 20px 0;
    display: table-cell;
    padding-right: 3vw;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    color: #333333;
    font-size: 17px;
  }
  #teiden04 .img a::before {
    float: right;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e7380d;
    border-right: 2px solid #e7380d;
    transform: rotate(45deg);
    margin-top: 9px;
  }
  /********

  台風

  ********/
  .taihu .red {
    color: #e7380d;
  }
  .taihu .fw {
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .taihu .ttl03 {
    font-size: 18px;
  }
  .taihu .anc .wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: inherit;
    padding-top: 0;
  }
  .taihu .anc .border_r {
    border-right: solid 1px #dcdcdc;
  }
  .taihu .anc .anc_inner .anc_element {
    padding: 1% 1.7%;
    height: 100px;
  }
  .taihu .anc .anc_inner .anc_element:nth-of-type(1) {
    width: 50%;
  }
  .taihu .anc .anc_inner .anc_element:nth-of-type(2) {
    width: 50%;
  }
  .taihu .anc .anc_inner .anc_element:nth-of-type(3) {
    width: 50%;
  }
  /*
  .taihu .anc .anc_inner .anc_element:last-of-type {
      margin-top: 30px;
  }
  */
  .taihu .table_inline {
    display: flex;
    justify-content: space-between;
  }
  .taihu .table_wrap {
    display: table;
    width: 48%;
  }
  .taihu .table_wrap a {
    color: #3399cc;
    text-decoration: underline;
  }
  .taihu .table_cell {
    vertical-align: middle;
    display: table-cell;
  }
  .taihu .table_cell > img {
    max-width: inherit;
  }
  .taihu .table_cell.text {
    font-size: 15px;
    padding-left: 1em;
  }
  .taihu #taihu02 .jishin_inner .table_inline {
    margin-bottom: 5%;
  }
  .taihu .text_description {
    margin-bottom: 45px;
  }
  .taihu .text_description ul li.title {
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    font-size: 17px;
  }
  .taihu .text_description ul li.title span {
    color: #e7380d;
  }
  .taihu .text_description ul {
    margin-bottom: 20px;
  }
  .taihu .flow_wap {
    display: block;
  }
  .taihu .flow_content {
    width: 100%;
    min-height: 260px;
    display: -ms-flexbox;
    display: block;
    border: solid 1px #dcdcdc;
    border-radius: 8px;
    margin-bottom: 5%;
  }
  .taihu .flow_content .img {
    width: 56%;
    margin-bottom: 0;
  }
  .taihu .flow_content:nth-of-type(1) .img {
    background: url(/common/img/disaster/taihu/taihu_flow_img1.png) no-repeat center right;
    background-size: cover;
    width: 100%;
    height: 300px;
    border-radius: 8px;
  }
  .taihu .flow_content:nth-of-type(2) .img {
    background: url(/common/img/disaster/taihu/taihu_flow_img2.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 300px;
    border-radius: 8px;
  }
  .taihu.flow_content .img img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  .taihu .flow_content .text {
    width: 100%;
    padding: 10px;
    font-size: 15px;
  }
  .taihu .flow_content .ttl03 {
    width: 100%;
    font-size: 18px;
    margin-bottom: 17px;
  }
  /********

  給湯機器 〜 台風（強風）が予測される場合の準備 〜

  ********/
  .taihu .taihu_inline_box {
    display: block;
  }
  .taihu .taihu_inline_box .taihu_inline_box_content {
    width: 100%;
    text-align: left;
    margin-bottom: 8%;
  }
  .taihu #taihu02 .taihu_inline_box .taihu_inline_box_content .img {
    width: 546px;
    height: 260px;
    max-height: 260px;
    border: solid 1px rgb(220, 220, 220);
    border-radius: 8px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .taihu #taihu02 .taihu_inline_box .taihu_inline_box_content .img img {
    vertical-align: middle;
    margin: auto;
  }
  .taihu #taihu02 .taihu_inline_box .taihu_inline_box_content:nth-of-type(2) .img img {
    max-width: 90%;
    height: auto;
  }
  .taihu .taihu_inline_box .taihu_inline_box_content .text {
    font-size: 15px;
  }
  /********

  給湯機器 〜 台風（強風）が予測される場合の準備 〜

  ********/
  .taihu #taihu03 .taihu_inline_box {
    margin-bottom: 4%;
  }
  .taihu #taihu03 .taihu_inline_box .taihu_inline_box_content .img {
    width: 546px;
    height: 260px;
    max-height: 260px;
    border: solid 1px rgb(220, 220, 220);
    border-radius: 8px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .taihu #taihu03 .taihu_inline_box .taihu_inline_box_content .img img {
    vertical-align: middle;
    margin: auto;
    max-width: 90%;
    height: auto;
  }
  .taihu #taihu03 .taihu_inline_box.cont1 .taihu_inline_box_content:nth-of-type(2) .text {
    text-align: left;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .taihu .btn1 {
    width: 75%;
    border: solid 1px #dcdcdc;
    border-radius: 8px;
    height: 65px;
    display: table;
    text-align: center;
    margin: auto;
  }
  .taihu .btn1:hover {
    background: #e7380d;
  }
  .taihu .btn1 a {
    padding: 20px 0;
    display: table-cell;
    padding-right: 2vw;
    color: #333333;
    font-size: 16px;
  }
  .taihu .btn1 a:hover {
    color: #ffffff !important;
  }
  .taihu .btn1 a::before {
    float: right;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e7380d;
    border-right: 2px solid #e7380d;
    transform: rotate(45deg);
    margin-top: 9px;
  }
  .taihu .btn1:hover a::before {
    float: right;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: 9px;
  }
  .taihu #taihu03 .taihu_inline_box.cont1 .taihu_inline_box_content .img,
  .taihu #taihu03 .taihu_inline_box.cont2 .taihu_inline_box_content .img {
    width: 546px;
    height: 260px;
    max-height: 260px;
    border: solid 1px rgb(220, 220, 220);
    border-radius: 8px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .taihu #taihu03 .taihu_inline_box.cont2 .taihu_inline_box_content:nth-of-type(2) .img {
    vertical-align: bottom;
  }
  .taihu #taihu03 .taihu_inline_box.cont2 .taihu_inline_box_content .img img {
    vertical-align: middle;
    margin: auto;
    max-width: 90%;
    height: auto;
  }
  .taihu #taihu03 .cont3 {
    margin-bottom: 5%;
  }
  .taihu #taihu03 .cont3 h3 {
    border-left: 3px solid #f39b86;
  }
  .taihu #taihu03 .cont3 .ttl03 {
    border-left: 0;
    margin-bottom: 20px;
    padding-left: 0;
  }
  .taihu #taihu03 .cont3 .ttl03 span {
    width: 80px;
    display: inline-block;
    text-align: center;
  }
  .taihu #taihu03 .cont3 .ttl03 img {
    padding-bottom: 3px;
    box-sizing: content-box;
  }
  .taihu .error_ex_wrap {
    margin-bottom: 20px;
    margin-top: 25px;
  }
  .taihu .error_ex_tt {
    font-size: 16px;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .taihu .error_ex_tt span {
    color: #e7380d;
  }
  .taihu .error_ex {
    display: flex;
    border: solid 2px #e7380d;
    border-radius: 8px;
    padding: 18px 0;
    justify-content: center;
  }
  .taihu .error_ex > p {
    display: table-cell;
    margin: 0 1% 0;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
  }
  .taihu .link_under a {
    color: #e7380d;
    text-decoration: underline;
  }
  /********

  その他注意点

  ********/
  .taihu .other_cution {
    display: flex;
    justify-content: space-between;
  }
  .taihu .other_cution .img {
    width: 35%;
  }
  .taihu .other_cution .text {
    margin-left: 2%;
    width: 860px;
  }
  .taihu .other_cution .text .title {
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    font-size: 18px;
  }
  .taihu .other_cution .text .main {
    width: 100%;
  }
  .taihu .other_cution .text .main a {
    color: #3399cc;
    text-decoration: underline;
  }
  .taihu .other_cution .text .main span {
    color: #e8390d;
  }
  #taihu04 .img {
    width: 48%;
    border: solid 1px #dcdcdc;
    border-radius: 8px;
    height: 65px;
    display: table;
    text-align: center;
  }
  #taihu04 .img:hover {
    background: #e8380d;
  }
  #taihu04 .img a {
    padding: 20px 0;
    display: table-cell;
    padding-right: 3vw;
    font-weight: bold;
    font-family: "TBUDゴシック B", "TBUDGothic B";
    color: #333333;
    font-size: 17px;
  }
  #taihu04 .img a:hover {
    color: #ffffff;
  }
  #taihu04 .img a::before {
    float: right;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e7380d;
    border-right: 2px solid #e7380d;
    transform: rotate(45deg);
    margin-top: 9px;
  }
  #taihu04 .img:hover a::before {
    float: right;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: 9px;
  }
  /*その他 緊急時・災害時*/
  .other_kinkyu {
    display: block;
  }
  .other_kinkyu p {
    width: 100%;
  }
}
/* =========================== */
/* add 2023.11.22　cold_wave renew */
/* =========================== */
@media print, screen and (min-width: 767.5px) {
  .cold_wave .row {
    margin-bottom: 60px;
  }
  .cold_wave .row:last-child {
    margin-bottom: 0;
  }
  .cold_wave .column {
    margin-bottom: auto;
  }
}
.cold_wave .u-bgc-orange {
  background-color: #fdead6 !important;
}
.cold_wave .u-bgc-silver {
  background-color: #f6f6f6 !important;
}
.cold_wave .list--disc li {
  padding-left: 1.2em;
  position: relative;
}
.cold_wave .list--disc li::before {
  content: "";
  background-color: #404544;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 0.5em;
  left: 2px;
  display: inline-block;
}
.cold_wave .btn--movie {
  margin: 0;
  padding: 10px;
  text-align: left;
  border-color: #e8380d;
  max-width: 540px;
  justify-content: flex-start;
}
.cold_wave .btn--movie:hover {
  background: #fff;
  opacity: 0.75;
}
.cold_wave .btn--movie:hover .u-font-red {
  color: #e8380d !important;
}
.cold_wave .btn--movie a {
  color: #404544;
  width: 100%;
  display: block;
}
.cold_wave .btn--movie a:hover {
  opacity: 1;
}
.cold_wave .btn--movie:hover a {
  color: #404544;
}
.cold_wave .btn--movie .txt p {
  line-height: 2;
}
.cold_wave .btn--movie .txt span::before {
  content: "";
  vertical-align: middle;
  background: url("/aftersupport/assets/icon_video.png") no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 26px;
  display: inline-block;
}
.cold_wave .box--attention {
  padding: 20px 20px 20px 80px;
  background: url("/aftersupport/assets/icon_att_gray.png") no-repeat 20px center;
  position: relative;
}
.cold_wave .anchor_menu {
  margin-top: -2rem;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.cold_wave .anchor_menu ul li {
  padding: 2rem 3.5rem;
  position: relative;
}
.cold_wave .anchor_menu ul li:last-child::after {
  content: "";
  margin: auto;
  background-color: #dcdcdc;
  width: 1px;
  height: 25px;
  position: absolute;
  top: 0;
  right: -1rem;
  bottom: 0;
  display: inline-block;
}
.cold_wave .anchor_menu ul li span {
  margin: auto;
  padding: 0.7rem 0.7rem 0.7rem 1rem;
  color: #fff;
  font-size: 0.9em;
  line-height: 1;
  letter-spacing: 0.5em;
  text-align: center;
  background-color: #e8380d;
  border-radius: 5px;
  width: 80px;
  position: absolute;
  top: -1.5rem;
  left: 0;
  right: 0;
  display: inline-block;
}
.cold_wave .anchor_menu ul li span::after {
  content: "";
  margin: auto;
  background: #e8380d;
  width: 10px;
  height: 8.6602540378px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  display: inline-block;
}
.cold_wave .anchor_menu ul a .icon-fix-right {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translate(0, -50%);
}
.cold_wave .anchor_menu ul a::before {
  content: "";
  margin: auto;
  background-color: #dcdcdc;
  width: 1px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 1rem;
  bottom: 0;
  display: inline-block;
}
.cold_wave .cold_wave01 .flow-wap {
  margin-right: 0;
  margin-left: 0;
}
.cold_wave .cold_wave01 .flow-wap > * {
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
}
.cold_wave .cold_wave01 .flow-wap .flow-content > * {
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}
.cold_wave .cold_wave01 .flow-wap .flow-content .img {
  border-right: 1px solid #dcdcdc;
  width: 52.2%;
  background-repeat: no-repeat;
  background-position: center center;
}
.cold_wave .cold_wave01 .flow-wap .flow-content:nth-of-type(1) .img {
  background-image: url(/aftersupport/assets/cold_wave_flow_img1.png);
  background-size: 85% auto;
}
.cold_wave .cold_wave01 .flow-wap .flow-content:nth-of-type(2) .img {
  background-image: url(/aftersupport/assets/cold_wave_flow_img2.png);
  background-size: 100% auto;
  background-size: cover;
}
.cold_wave .cold_wave01 .flow-wap .flow-content:nth-of-type(3) .img {
  background-image: url(/aftersupport/assets/cold_wave_flow_img3.png);
  background-position: center bottom;
  background-size: 95% auto;
}
.cold_wave .cold_wave01 .flow-wap .flow-content:nth-of-type(4) .img {
  background-image: url("/aftersupport/assets/cold_wave_flow_img4.png");
  background-size: cover;
}
.cold_wave .cold_wave01 .flow-wap .flow-content .text {
  padding: 20px;
}
.cold_wave .cold_wave01 .flow-wap .caution-txt {
  margin-left: auto;
  width: calc((100% - 41px) / 2);
}
.cold_wave .cold_wave03 .ttl02 span {
  margin-right: 1rem;
  padding: 0.7rem 1rem 0.7rem 1.7rem;
  color: #fff;
  font-size: 0.75em;
  line-height: 1;
  letter-spacing: 0.5em;
  background-color: #e8380d;
  border-radius: 5px;
  display: inline-block;
}
.cold_wave .cold_wave03 .box--attention::after {
  content: "";
  background: url("/aftersupport/assets/cold_wave_flow_img22.png") no-repeat 0 0;
  background-size: contain;
  width: 144px;
  height: 158px;
  position: absolute;
  bottom: 0;
  right: 3.5%;
  display: inline-block;
}
.cold_wave .cold_wave03 .case1 > .ttl03,
.cold_wave .cold_wave03 .case2 > .ttl03,
.cold_wave .cold_wave03 .case3 > .ttl03 {
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position: 15px center;
}
.cold_wave .cold_wave03 .case1 > .ttl03 {
  background-image: url("/aftersupport/assets/num1.png");
}
.cold_wave .cold_wave03 .case2 > .ttl03 {
  background-image: url("/aftersupport/assets/num2.png");
}
.cold_wave .cold_wave03 .case3 > .ttl03 {
  background-image: url("/aftersupport/assets/num3.png");
}
.cold_wave .cold_wave03 .case1 .column2 {
  margin-right: 0;
  margin-left: 0;
}
.cold_wave .cold_wave03 .case1 .box--border-gray:first-of-type > * {
  margin: 0;
}
.cold_wave .cold_wave03 .case1 .box--border-gray:first-of-type > div:first-child {
  padding: 30px;
  border-right: 1px solid #dcdcdc;
}
.cold_wave .cold_wave03 .case1 .box--border-gray:first-of-type > div:last-child {
  padding: 30px;
}

@media screen and (max-width: 767.499px) {
  .cold_wave .row {
    margin-bottom: 60px;
  }
  .cold_wave .row:last-child {
    margin-bottom: 0;
  }
  .cold_wave .column {
    margin-bottom: auto;
  }
  .cold_wave .btn--movie {
    text-align: center;
  }
  .cold_wave .btn--movie .txt {
    margin-top: 1rem;
  }
  .cold_wave .box--attention {
    padding: 70px 20px 20px 20px;
    background-position: center 20px;
  }
  .cold_wave .anchor_menu ul {
    padding: 1rem 0;
  }
  .cold_wave .anchor_menu ul li {
    padding: 1rem 2.5rem;
  }
  .cold_wave .anchor_menu ul li:has(> span) {
    padding-left: 9.5rem;
  }
  .cold_wave .anchor_menu ul li:last-child::after {
    display: none;
  }
  .cold_wave .anchor_menu ul li span {
    font-size: 0.8em;
    width: 60px;
    top: 1rem;
    left: 2.5rem;
    right: auto;
  }
  .cold_wave .anchor_menu ul li span::after {
    display: none;
  }
  .cold_wave .anchor_menu ul a .icon-fix-right {
    right: 2.5rem;
  }
  .cold_wave .anchor_menu ul a::before {
    display: none;
  }
  .cold_wave .cold_wave01 .flow-wap .flow-content .img {
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    height: 285px;
  }
  .cold_wave .cold_wave01 .flow-wap .flow-content:nth-of-type(3) {
    margin-bottom: 25px !important;
  }
  .cold_wave .cold_wave01 .flow-wap .caution-txt {
    margin-left: 0;
    width: 100%;
  }
  .cold_wave .cold_wave03 .box--attention::after {
    display: none;
  }
  .cold_wave .cold_wave03 .case1 .box--border-gray:first-of-type > div:first-child {
    padding: 15px;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
  }
  .cold_wave .cold_wave03 .case1 .box--border-gray:first-of-type > div:last-child {
    padding: 15px;
  }
}