html {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.sp {
  display: none;
}
a:hover {
  cursor: pointer;
}
/* -----content1--CONTENTS-- */
.readmore {
  padding: 100px 0 100px 14%;
  display: flex;
  background-color: #5fb080;
}
.readmore p {
  margin-top: 15px;
  margin-right: 10px;
  font-size: 1.2rem;
  color: #fff;
}
.readmore p::before {
  content: url(img/書き出しパーツ2/アセット\ 8.png);
  vertical-align: middle;
  padding-right: 10px;
  padding-left: 20px;
}
.readmore a {
  display: block;
}
.readmore a img {
  width: 80%;
}

/* -----content2--ABOUT-- */
.map {
  background-color: #eae8e0;
  position: relative;
  height: 500px;
}
iframe {
  width: 68%;
  height: 450px;
  margin: 0 auto;
  position: absolute;
  top: 20px;
  left: 25%;
}

/* -----content3--CONTACT-- */
.content3 {
  text-align: center;
  width: 88%;
  margin: 5% auto;
}
p.contact {
  /* font-family: Yu Gothic, 游ゴシック; */
  font-size: 4rem;
  font-weight: bolder;
  text-align: center;
  margin-top: 3rem;
}
p.center {
  text-align: center;
  margin-bottom: 3rem;
}
.content3 a {
  display: inline-block;
  background-color: #5fb080;
  color: #fff;
  /* text-align: center; */
  text-decoration: none;
  border-radius: 10px;
  padding: 20px 100px;
  margin: 0 auto;
}
.content3 a p:nth-child(2) {
  font-size: 2rem;
  width: 100%;
  font-family: IBM Plex Sans JP;
}
.content3 a p:nth-child(2)::after {
  content: url(img/書き出しパーツ2/アセット9.png);
  vertical-align: middle;
  padding-left: 15px;
}

/* -----content4--SCHEDULE-- */
.content4 {
  border-color: #5fb080;
}

/* PC用のCSSはメディアクエリの外に記述する */

@media screen and (max-width: 840px) {
  /* 959px以下に適用されるCSS（タブレット用） */
  /* 480px以下に適用されるCSS（スマホ用） */
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /* -----content1--CONTENTS-- */
  .readmore {
    padding: 10px 0 10px 5%;
    display: block;
    background-color: #5fb080;
  }
  .readmore p {
    font-size: 1rem;
  }
  .readmore p::before {
    padding-right: 10px;
    padding-left: 15%;
  }
  .readmore a {
    width: 60%;
    margin-left: 16%;
  }
  /* -----content2--ABOUT-- */
  .map {
    background-color: #eae8e0;
    position: relative;
    height: 200px;
  }
  iframe {
    width: 72%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 21%;
  }

  /* -----content3--CONTACT-- */
  p.contact {
    font-size: 1rem;
    font-weight: bolder;
    text-align: center;
    margin-top: 3rem;
  }

  p.center {
    font-size: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .content3 a p:first-child {
    font-size: 0.2rem;
  }

  .content3 a p:nth-child(2) {
    font-size: 0.8rem;
  }
  .contacturl a {
    display: block;
    width: 80%;
  }
  .contacturl a img {
    margin: 0 40px;
    padding-bottom: 20px;
  }
}