.infoTopItem h5 {
  padding-bottom: 10px;
}

.infoTopItem p {
  padding-bottom: 35px;
}

.infoTopItem .LineButton {
  width: 50%;
  margin: auto;
}

.infoLineButton {
  width: 50%;
  height: auto;
  padding: 10px;
  color: #FFF;
  background-color: #6CAD43;
  border: 0px;
  font-size: 1rem;
}

.infoInstagramButton {
  width: 50%;
  height: auto;
  padding: 10px;
  color: #FFF;
  background-color: #a4a4a4;
  border: 0px;
  letter-spacing: 5px;
  font-size: 1rem;
}

.infoInstagramButton:hover {
  letter-spacing: 5.3px;
}

.infoInstagramButton img {
  width: 80%;
}

.infoLineButton,
.infoInstagramButton {
  margin: 10px auto;
}

.LineBlock h5 {
  padding-bottom: 10px;
}

.infoEndImg {
  background-image: url("../img/info/SPout01.jpg");
  /* 背景画像を設定 */
  background-position: center;
  /* 背景画像の位置を中央に設定 */
}


/*==================================================
タブレット画面
==================================================*/
@media screen and (min-width:750px)and (max-width:959px) {
  .infoLineButton {
    width: 30%;
    padding: 15px 0;
  }

  .infoInstagramButton {
    width: 30%;
    padding: 15px 0;
    letter-spacing: 5px;
  }

  .infoInstagramButton:hover {
    letter-spacing: 5.3px;
  }

  .infoMap {
    width: 80%;
    margin: auto;
  }
}

/*==================================================
パソコン画面
==================================================*/
@media screen and (min-width:960px)and (max-width:1499px) {
  .infoLineButton {
    width: 50%;
    padding: 15px 0;
  }

  .infoInstagramButton {
    width: 50%;
    padding: 15px 0;
    letter-spacing: 5px;
  }

  .infoInstagramButton:hover {
    letter-spacing: 5.3px;
  }

  .infoFlex {
    width: 90%;
    height: auto;
    margin: auto;
    display: flex;
  }

  .infoTop {
    width: 80%;
    display: block;
  }

  .infoMap {
    width: 100%;
    height: 450px;
    margin: auto;
  }

  .infoPCbackground {
    position: relative;
    width: 100%;
    height: 80svh;
    background-size: cover;
    /* 背景画像を要素全体にフィットさせる */
    object-fit: cover;
    /* 画像を要素全体にフィットさせる */
    background-image: url("../img/info/PCout01.jpg");
    /* 背景画像を設定 */
    background-position: center;
    /* 背景画像の位置を中央に設定 */
  }

  .infoPCbackground::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: 0.2;
  }

  .infoBackgroundBlock {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    /* 上から50%の位置に設定 */
    left: 50%;
    /* 左から50%の位置に設定 */
    transform: translate(-50%, -50%);
    /* 要素を中央に配置 */
  }

  .infoBackgroundBlock h5,
  .infoBackgroundBlock p {
    color: #FFF;
  }

  .infoBackgroundBlock .bottomSpace {
    padding-bottom: 0px;
  }

  .PChidden {
    content-visibility: hidden;
  }
}

/*==================================================
パソコン大画面
==================================================*/
@media screen and (min-width:1500px) {
  .infoLineButton {
    width: 50%;
    padding: 15px 0;
  }

  .infoInstagramButton {
    width: 50%;
    padding: 15px 0;
    letter-spacing: 5px;
  }

  .infoInstagramButton:hover {
    letter-spacing: 5.3px;
  }

  .infoFlex {
    width: 60%;
    height: auto;
    margin: auto;
    display: flex;
  }

  .infoTop {
    width: 80%;
    display: block;
  }

  .infoMap {
    width: 100%;
    height: 450px;
    margin: auto;
  }

  .infoPCbackground {
    position: relative;
    width: 100%;
    height: 80svh;
    background-size: cover;
    /* 背景画像を要素全体にフィットさせる */
    object-fit: cover;
    /* 画像を要素全体にフィットさせる */
    background-image: url("../img/info/PCout01.jpg");
    /* 背景画像を設定 */
    background-position: center;
    /* 背景画像の位置を中央に設定 */
  }

  .infoPCbackground::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: 0.2;
  }

  .infoBackgroundBlock {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    /* 上から50%の位置に設定 */
    left: 50%;
    /* 左から50%の位置に設定 */
    transform: translate(-50%, -50%);
    /* 要素を中央に配置 */
  }

  .infoBackgroundBlock h5,
  .infoBackgroundBlock p {
    color: #FFF;
  }

  .infoBackgroundBlock .bottomSpace {
    padding-bottom: 0px;
  }

  .PChidden {
    content-visibility: hidden;
  }
}