@charset "utf-8";
/* 
--------------------------------------------------
キービジュアル
--------------------------------------------------
*/
.top--keyvis--wrap {
  width: 92%;
  height: 140vw;
  margin: 0 auto;
  background-image: url(../img/top/top--keyvis--sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.top--keyvis--wrap h1 {
  color: transparent;
}
@media screen and (min-width: 560px) {
  .top--keyvis--wrap {
    width: 98%;
    height: 99vw;
    background-image: url(../img/top/top--keyvis--tab.png);
  }
}
@media screen and (min-width: 1000px) {
  .top--keyvis--wrap {
    width: 100%;
    height: 995px;
    background-image: url(../img/top/top--keyvis.png);
    background-size: 1920px auto;
    background-position: center;
  }
}
/* 
--------------------------------------------------
メインコンテンツ
--------------------------------------------------
*/
.cmn--content--wrap {
  padding: 10vw 0;
  text-align: center;
}
.cmn--content--wrap p {
  line-height: 1.75;
  margin-bottom: 10vw;
}
.cmn--content--wrap h2 {
  font-size: 6vw;
  color: #186cae;
  line-height: 1.5;
  margin-bottom: 5vw;
}
.cmn--content--wrap img {
  margin-bottom: 10vw;
}
.top--content--01 p,
.top--content--04 img {
  margin-bottom: 0;
}
@media screen and (min-width: 560px) {
  .cmn--content--wrap {
    text-align: left;
    padding: 0;
  }
  .cmn--content--wrap h2 {
    font-size: 4vw;
    margin-left: 1vw;
    margin-bottom: 0;
  }
  .cmn--content--wrap img {
    margin-bottom: 0;
    width: 33.3%;
  }
  .cmn--content--wrap p {
    font-size: 1.7vw;
    margin-bottom: 0;
    margin-left: 1vw;
  }
  .cmn--content--inner {
    display: flex;
    align-items: center;
    height: 33vw;
  }

  /* 神奈川県簡易宿泊業生活衛生同業組合とは？ */
  .top--content--01 {
    background-image: url(../img/top/top---about--tab.svg);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .top--content--01 .cmn--content--inner:nth-child(2) {
    width: 66.6%;
    margin: 0;
    margin-left: auto;
  }
  /* カンシュクとは？ */
  .top--content--02 .cmn--content--inner:nth-child(2) img {
    margin-left: auto;
  }
  /* 交通の利便は抜群、観光でも商用にも便利。 */
  .top--content--04 .cmn--content--inner img {
    margin-left: auto;
  }
  .top--content--05 {
    height: 33vw;
    max-height: 333px;
  }
}

@media screen and (min-width: 1000px) {
  .cmn--content--wrap h2 {
    font-size: 36px;
    margin-left: 50px;
    letter-spacing: 3px;
  }
  .cmn--content--wrap img {
    width: 333px;
  }
  .cmn--content--wrap p {
    font-size: 14px;
    margin-left: 50px;
  }
  .cmn--content--inner {
    height: 333px;
  }

  /* 神奈川県簡易宿泊業生活衛生同業組合とは？ */
  .top--content--01 {
    background-image: url(../img/top/top---about.svg);
    background-size: 1920px 666px;
    background-position: center;
  }
  .top--content--01 .cmn--content--inner:nth-child(2) {
    width: 1000px;
    padding-left: 333px;
    margin: 0 auto;
  }
  /* カンシュクとは？ */
  .top--content--02 .cmn--content--inner:nth-child(2) img {
    margin-left: auto;
  }
}