.pcNone {

  display: none;

}



.spNone {

  display: block;

}



@media screen and (max-width:640px) {

  .pcNone {

      display: block;

  }



  .spNone {

      display: none !important;

  }

}



@media print, (min-width: 768px) {

  .m-pref__in {

      max-width: 1248px;

      margin: 0 auto;

      padding: 110px 20px 0;

  }

}



.page-emergency {

background-image: url(../common/bgSecond02.gif); }

.page-emergency .pan {

  padding: 5px 1.8% 5px 1.8%; }

.page-emergency #article-area {

  padding: 0 !important; }



@media screen and (min-width: 768px) {

a[href^="tel:"] {

  display: inline-block;

  pointer-events: none; } }

.wrapper-blue {

background-color: #f2fafc;

text-align: center; }

.wrapper-blue .mv {

  padding: 4em 0 3em; }

  .wrapper-blue .mv h1 {

    margin-bottom: 2.2em; }

    .wrapper-blue .mv h1 img {

      margin: 0 auto; }

  .wrapper-blue .mv p {

    color: #5a5a5a;

    font-size: 115%;

    line-height: 1.6; }

.wrapper-blue .emergencyList {

  list-style: none;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 0 5% 1.2em; }

  .wrapper-blue .emergencyList > li {

    border: 1px solid #87badd;

    border-radius: .7em;

    overflow: hidden;

    text-align: left;

    width: 48.5%;

    height: 275px;

    box-sizing: border-box;

    background-color: #fff;

    margin-bottom: 1.6em; }

    .wrapper-blue .emergencyList > li.ls01 {

      background: #fff url(https://www.sekisuiheim-owner.jp/kinki/emergency/img03.png) no-repeat 90% 85%; }

    .wrapper-blue .emergencyList > li.ls02 {

      background: #fff url(https://www.sekisuiheim-owner.jp/kinki/emergency/img04.png) no-repeat 85% 100%; }

    .wrapper-blue .emergencyList > li.ls03 {

      background: #fff url(https://www.sekisuiheim-owner.jp/kinki/emergency/img05.png) no-repeat 90% 85%; }

    .wrapper-blue .emergencyList > li.ls04 {

      background: #fff url(https://www.sekisuiheim-owner.jp/kinki/emergency/img06.png) no-repeat 92% 88%; }

  .wrapper-blue .emergencyList h2 {

    background-color: #dde8f2;

    color: #0068b7;

    border-radius: .4em .4em 0 0;

    font-size: 160%;

    font-weight: bold;

    padding: 1em 0 .9em;

    text-align: center; }

  .wrapper-blue .emergencyList p {

    padding: 1.1em .9em;

    font-size: 105%;

    letter-spacing: -.03em; }

  .wrapper-blue .emergencyList ul {

    list-style: none;

    padding: 0 1.2em;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap; }

    .wrapper-blue .emergencyList ul a {

      color: #0068b7; }

    .wrapper-blue .emergencyList ul li {

      background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/img02.png) no-repeat 0 0.2em;

      padding-left: .8em;

      width: 100%;

      box-sizing: border-box;

      font-weight: bold;

      color: #0068b7;

      font-size: 103%; }

      .wrapper-blue .emergencyList ul li.one {

        width: 48%; }



.wrapper-gray {

background-color: #f6f5ed;

text-align: center;

padding: 4em 32px 3em;

display: flex;

flex-wrap: wrap;

justify-content: space-between; }

.wrapper-gray h2 {

  margin-bottom: 1.4em;

  text-align: center;

  width: 100%; }

  .wrapper-gray h2 img {

    margin: 0 auto; }

.wrapper-gray p {

  width: 578px;

  text-align: left;

  font-size: 105%;

  padding-top: .5em;

  line-height: 1.7; }

.wrapper-gray .inner {

  background-color: #fff;

  border-radius: 1em;

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 455px;

  text-align: left;

  padding: 0 .8em;

  box-sizing: border-box;

  min-height: 89px; }

  .wrapper-gray .inner h3 {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: 105%; }

    .wrapper-gray .inner h3::before {

      content: "";

      display: block;

      width: 42px;

      min-width: 42px;

      height: 46px;

      background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/img08.png);

      margin-top: -.4em;

      margin-right: .5em; }

  .wrapper-gray .inner ul {

    list-style: none;

    display: flex;

    align-items: center;

    flex-direction: column;

    margin-left: .6em; }

    .wrapper-gray .inner ul li {

      color: #16517d;

      margin-bottom: 5px; }

      .wrapper-gray .inner ul li:last-of-type {

        margin-bottom: 0; }

      .wrapper-gray .inner ul li a {

        border-radius: 1em;

        background-color: #dde8f2;

        color: #16517d;

        text-decoration: none;

        font-weight: bold;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        font-size: 105%;

        width: 120px; }

        .wrapper-gray .inner ul li a::before {

          content: "";

          display: inline-block;

          background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/img09.png);

          width: 10px;

          height: 14px;

          margin-right: .3em; }

        .wrapper-gray .inner ul li a:hover {

          opacity: .7; }



.wrapper-bg {

background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/img10.png) no-repeat center center/cover;

text-align: center;

padding: 4em 0 0; }

.wrapper-bg h2 {

  color: #333;

  font-size: 213%;

  font-weight: bold;

  margin-bottom: .8em; }

  .wrapper-bg h2 + p {

    font-size: 113%;

    line-height: 1.6; }

.wrapper-bg .inner {

  display: flex;

  justify-content: space-between;

  padding: 2.5em 10% 1.5em 10%;

  position: relative; }

  .wrapper-bg .inner .check {

    background-color: #fff;

    border-radius: 1em;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 45%;

    height: 162px;

    margin: 1.5em; }

    .wrapper-bg .inner .check h3 {

      font-weight: bold;

      padding: 0 0 1em 0;

      margin-top: -1em; }

    .wrapper-bg .inner .check ul {

      list-style: none;

      text-align: left;

      color: #0068b7;

      padding: 0 .5em; }

      .wrapper-bg .inner .check ul a {

        color: #0068b7; }

      .wrapper-bg .inner .check ul li {

        color: #16517d;

        display: flex;

        align-items: center;

        justify-content: flex-start;

        font-weight: bold;

        letter-spacing: -.03em; }

        .wrapper-bg .inner .check ul li::before {

          content: "";

          display: inline-block;

          background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/img09.png);

          width: 10px;

          height: 14px;

          margin-right: .1em; }

  .wrapper-bg .inner .present {

    position: absolute;

    bottom: 0;

    right: 0; }

    .wrapper-bg .inner .present a:hover {

      opacity: .7; }



.wrapper-white {

background-color: #fff;

text-align: center;

padding: 4em 0 2em; }

.wrapper-white h2 {

  margin-bottom: 1em; }

  .wrapper-white h2 + p {

    font-size: 113%;

    line-height: 1.6; }

.wrapper-white .inner {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  margin-top: 2.5em;

  color: #333; }

.wrapper-white .contact,

.wrapper-white .contact02 {

  border: 1px solid #b6cbdb;

  width: 49%; }

  .wrapper-white .contact h3,

  .wrapper-white .contact02 h3 {

    background-color: #0068b7;

    color: #fff;

    font-weight: bold;

    font-size: 120%;

    display: flex; }

    .wrapper-white .contact h3 span,

    .wrapper-white .contact02 h3 span {

      display: inline-block;

      text-align: center;

      width: 55%;

      padding: .3em 0; }

      .wrapper-white .contact h3 span:first-of-type,

      .wrapper-white .contact02 h3 span:first-of-type {

        width: 45%; }

  .wrapper-white .contact > div,

  .wrapper-white .contact02 > div {

    display: flex;

    justify-content: space-around;

    align-items: flex-start; }

  .wrapper-white .contact .left,

  .wrapper-white .contact .right,

  .wrapper-white .contact02 .left,

  .wrapper-white .contact02 .right {

    height: 153px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    float: none; }

  .wrapper-white .contact .left,

  .wrapper-white .contact02 .left {

    width: 45%;

    border-right: 3px dotted #cce1f1; }

    .wrapper-white .contact .left ul,

    .wrapper-white .contact02 .left ul {

      font-size: 125%;

      display: flex;

      flex-wrap: wrap;

      text-align: left; }

  .wrapper-white .contact .right,

  .wrapper-white .contact02 .right {

    width: 55%; }

.wrapper-white .contact .left {

  padding: 0 1.5em 0 2.5em;

  line-height: 1.6; }

  .wrapper-white .contact .left ul li {

    min-width: 50%; }

.wrapper-white .contact02 .left h4 {

  font-size: 125%;

  font-weight: normal;

  height: 100%;

  width: 40%;

  border-right: 3px dotted #cce1f1;

  display: flex;

  align-items: center;

  justify-content: center; }

.wrapper-white .contact02 .left ul {

  font-size: 125%;

  font-weight: normal;

  display: flex;

  flex-direction: column;

  width: 60%;

  height: 100%;

  text-align: center; }

  .wrapper-white .contact02 .left ul li {

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    height: 50%; }

    .wrapper-white .contact02 .left ul li:first-child {

      border-bottom: 3px dotted #cce1f1; }

.wrapper-white .contact02 .right {

  display: flex;

  flex-direction: column; }

  .wrapper-white .contact02 .right div {

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    height: 50%;

    width: 100%; }

    .wrapper-white .contact02 .right div:first-child {

      border-bottom: 3px dotted #cce1f1; }



@media screen and (max-width: 640px) {

.page-emergency #page {

  padding-bottom: 3.8em; }



.wrapper-blue .mv {

  padding: 2em 4% 1.5em; }

  .wrapper-blue .mv h1 {

    margin-bottom: 1.6em; }

    .wrapper-blue .mv h1 img {

      width: 75%;

      height: auto; }

  .wrapper-blue .mv p {

    font-size: 3.4vw; }

.wrapper-blue .emergencyList {

  display: block;

  padding: 0 5% .5em; }

  .wrapper-blue .emergencyList h2 {

    font-size: 130%;

    padding: .55em; }

  .wrapper-blue .emergencyList > li {

    height: auto;

    background-image: none !important;

    width: 100%;

    padding-bottom: 1em;

    font-size: 85%;

    margin-bottom: 2em; }

  .wrapper-blue .emergencyList p {

    padding: .7em .7em; }

  .wrapper-blue .emergencyList ul {

    padding: 0 .7em; }

    .wrapper-blue .emergencyList ul li {

      background-size: 7px auto;

      background-position: 0 .5em; }

      .wrapper-blue .emergencyList ul li.one {

        width: 50%; }



.wrapper-gray {

  padding: 2.5em 3%; }

  .wrapper-gray h2 img {

    width: 100%;

    height: auto; }

  .wrapper-gray > p {

    padding: 0;

    font-size: 3.3vw;

    text-align: center; }

  .wrapper-gray .inner {

    border-radius: .8em;

    margin-top: 1.5em;

    padding: .7em .2em 1em;

    display: block;

    min-height: inherit; }

    .wrapper-gray .inner h3 {

      justify-content: center;

      text-align: center;

      font-size: 92%;

      margin-bottom: .4em; }

      .wrapper-gray .inner h3::before {

        display: none; }

    .wrapper-gray .inner ul {

      flex-direction: row;

      justify-content: space-between;

      margin-left: 0;

      padding: 0 4%; }

      .wrapper-gray .inner ul li {

        margin-bottom: 0;

        width: 48.5%; }

        .wrapper-gray .inner ul li a {

          width: 100%; }

          .wrapper-gray .inner ul li a::before {

            background-repeat: no-repeat;

            background-position: 50% 50%;

            background-size: 7px auto;

            margin-right: .2em; }



.wrapper-bg {

  background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/img10_sp.png) no-repeat 50% 50%/cover;

  padding-top: 2.5em; }

  .wrapper-bg h2 {

    font-size: 5.1vw; }

    .wrapper-bg h2 + p {

      font-size: 3.6vw; }

  .wrapper-bg .inner {

    display: block;

    margin-top: 1.8em;

    padding: 0; }

    .wrapper-bg .inner .check {

      height: auto;

      margin: 0 4% 1.5em;

      width: 92%;

      padding: 1em;

      box-sizing: border-box; }

      .wrapper-bg .inner .check h3 {

        font-size: 130%;

        margin-top: 0;

        padding-bottom: .5em; }

      .wrapper-bg .inner .check ul {

        font-size: 110%;

        line-height: 1.7; }

        .wrapper-bg .inner .check ul li {

          justify-content: center;

          text-align: center; }

          .wrapper-bg .inner .check ul li::before {

            background-repeat: no-repeat;

            background-position: 0 .15em;

            background-size: 7px auto; }

    .wrapper-bg .inner .present {

      position: static; }

      .wrapper-bg .inner .present img {

        width: 100%;

        height: auto; }



.wrapper-white {

  padding: 2.5em 0 2em; }

  .wrapper-white h2 {

    margin-bottom: .8em; }

    .wrapper-white h2 img {

      width: 62%;

      height: auto;

      margin: 0 auto; }

    .wrapper-white h2 + p {

      font-size: 3.5vw; }

  .wrapper-white .inner {

    display: block;

    padding: 1em 4%;

    margin-top: .7em; }

    .wrapper-white .inner .contact,

    .wrapper-white .inner .contact02 {

      width: 100%; }

      .wrapper-white .inner .contact h3 span,

      .wrapper-white .inner .contact02 h3 span {

        width: 100%;

        padding: .6em 0;

        font-size: 100%; }

      .wrapper-white .inner .contact > div,

      .wrapper-white .inner .contact02 > div {

        display: block; }

      .wrapper-white .inner .contact .left,

      .wrapper-white .inner .contact .right,

      .wrapper-white .inner .contact02 .left,

      .wrapper-white .inner .contact02 .right {

        height: auto;

        width: 100%; }

    .wrapper-white .inner .contact {

      margin-bottom: 1.5em; }

      .wrapper-white .inner .contact .left {

        border-right: none;

        border-bottom: 3px dotted #cce1f1;

        padding: 0; }

        .wrapper-white .inner .contact .left ul {

          font-size: 3.8vw;

          justify-content: center;

          padding: .8em 0; }

          .wrapper-white .inner .contact .left ul li {

            min-width: inherit;

            margin: 0 .5em; }

            .wrapper-white .inner .contact .left ul li:first-of-type {

              margin-left: 0; }

            .wrapper-white .inner .contact .left ul li:last-of-type {

              margin-right: 0; }

      .wrapper-white .inner .contact .right {

        color: #0068b7;

        padding: 1em 10%;

        display: flex; }

        .wrapper-white .inner .contact .right .pcNone {

          margin-right: .8em;

          font-weight: bold;

          width: 22%;

          white-space: nowrap; }

        .wrapper-white .inner .contact .right a {

          width: 78%; }

        .wrapper-white .inner .contact .right img {

          width: 95%; }

    .wrapper-white .inner .contact02 h4 {

      font-size: 3.8vw;

      width: 100%;

      border-right: none; }

    .wrapper-white .inner .contact02 .left {

      border-right: none;

      border-bottom: 3px dotted #cce1f1;

      padding: .75em 0; }

    .wrapper-white .inner .contact02 .right {

      display: flex;

      flex-direction: row; }

      .wrapper-white .inner .contact02 .right div {

        flex-wrap: wrap;

        flex-direction: column;

        padding: .4em 2% 1.5em;

        border-bottom: none;

        width: 50%;

        box-sizing: border-box; }

        .wrapper-white .inner .contact02 .right div:first-of-type {

          border-right: 3px dotted #cce1f1; }

        .wrapper-white .inner .contact02 .right div h5,

        .wrapper-white .inner .contact02 .right div p {

          font-size: 105%;

          font-weight: normal;

          width: 100%; }

        .wrapper-white .inner .contact02 .right div h5 {

          color: #5e5e5e;

          margin-bottom: .3em; }

        .wrapper-white .inner .contact02 .right div p {

          color: #0068b7;

          font-size: 105%;

          margin-bottom: .2em; }

        .wrapper-white .inner .contact02 .right div img {

          height: 5vw;

          width: auto;

          max-width: 100%; }



.floating {

  top: inherit !important;

  bottom: 0 !important;

  left: 0 !important;

  right: inherit !important;

  width: 100% !important;

  height: auto !important;

  background-image: none !important;

  padding: 0 !important; }

  .floating a,

  .floating .pcNone {

    display: block !important;

    width: 100%;

    height: auto; } }

.floating {

width: 174px;

height: 205px;

background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/bnr_floating01.png) no-repeat;

box-sizing: border-box;

padding: 148px 7px 0 7px;

position: fixed;

right: 20px;

top: 110px; }

.floating .close {

  position: absolute;

  left: 100%;

  bottom: 100%;

  width: 23px;

  height: 23px;

  background: url(https://www.sekisuiheim-owner.jp/kinki/emergency/bnr_floating03.png) no-repeat;

  margin: 0 0 -12px -12px;

  cursor: pointer; }

  .floating .close:hover {

    opacity: .7; }

.floating a {

  display: block; }

  .floating a:hover {

    opacity: .7; }



.emergencyForm {

padding-top: 2em;

margin-bottom: 1em; }

.emergencyForm h2 {

  background: #0666b2;

  color: #fff;

  text-align: center;

  padding: .2em 0;

  font-size: 110%; }

.emergencyForm h3 {

  background-color: #f9f9e0;

  font-weight: normal;

  text-align: center;

  color: #4b4b4b;

  font-size: 100%;

  padding: .7em 0; }

.emergencyForm .formCell {

  background-color: #fff;

  border-bottom: 1px solid #dadbdd;

  padding: 1em 0;

  text-align: center; }

  .emergencyForm .formCell:last-of-type {

    border-bottom: none; }

  .emergencyForm .formCell > label {

    margin: 0 1em; }

  .emergencyForm .formCell.part > label {

    display: inline-flex;

    align-items: center;

    justify-content: flex-start; }

    .emergencyForm .formCell.part > label:nth-child(1) {

      margin-right: 16%; }

    .emergencyForm .formCell.part > label:nth-child(2) {

      margin-left: 1em;

      margin-right: 16.5%; }

    .emergencyForm .formCell.part > label input {

      margin-right: .5em; }

  .emergencyForm .formCell.part > div {

    width: 46.3%;

    margin-left: auto;

    text-align: left; }

    .emergencyForm .formCell.part > div .notes {

      line-height: 1.3;

      margin: .5em 0; }

    .emergencyForm .formCell.part > div input[type="text"] {

      width: 88%; }



.emergencyFormImage {

margin-bottom: 3em; }



.fileup {

text-align: center;

padding-bottom: 3em; }



@media screen and (max-width: 640px) {

.emergencyFormImage img {

  width: 100%; }



.emergencyForm {

  padding-top: 1em; }

  .emergencyForm h2 {

    padding: .3em;

    font-size: 105%; }

  .emergencyForm .formCell {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    text-align: left;

    padding: .8em 0; }

    .emergencyForm .formCell.type label:first-of-type {

      margin-bottom: .5em; }

    .emergencyForm .formCell.part > div {

      width: 100%;

      padding-left: 2.4em;

      box-sizing: border-box; }

      .emergencyForm .formCell.part > div input[type="text"] {

        font-size: 95%;

        padding: 2%;

        width: 80%;

        border: 1px solid #ccc;

        background-color: #f9f9f9; }

    .emergencyForm .formCell.part label:first-of-type {

      margin-bottom: 1.5em; } }

.emergency-btn {

  margin-top: 3em;

}



@media screen and (max-width: 520px) {

  .emergency-btn img{

    width: 90%;

  }  

}