@charset "UTF-8";

.page_single-mv {
  position: relative;
  height: 240px;
  background: 95% 95% / cover no-repeat;
  padding-top: 6.4rem;
}

@media (max-width:1023px) {
  .page_single-mv {
    padding-top: 9.6rem;
  }
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  .page_single-mv {
    height: 200px;
    padding-top: 7.6rem
  }
}

.page_single-mv:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 95;
  width: 100%;
  height: 100%;
  top: 0
}

.page_single-mv-title {
  z-index: 100;
  position: relative
}

.page_single-mv-title-sub {
  width: 80px;
  margin: 0 auto;
  margin-bottom: 0.4rem
}

.page_single-mv-title-sub img {
  width: 100%
}

.page_single-mv-title-main {
  width: 130px;
  margin: 0 auto
}

.page_single-mv-title-main img {
  width: 100%
}

article .article-body .attachment-full {
  width: 100%;
  margin: 1.6rem 0 3.2rem 0
}

article .article-body a {
  font-size: 1.8rem
}

article .article-body p {
  font-size: 1.8rem
}

article .article-body .pf0,
article .article-body p {
  line-height: 2;
  letter-spacing: 0.04em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 500
}

article .article-body .cf0,
article .article-body .cf1,
article .article-body .cf2 {
  font-family: inherit;
  font-weight: 600;
  letter-spacing: 0.04em
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body p {
    font-size: 1.6rem
  }
}

article .article-body_title {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin-bottom: 1rem
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body_title {
    font-size: 2rem
  }
}

article .article-body_time {
  color: red;
  font-size: 1.4rem;
  margin-bottom: 3rem
}

article .article-body h1 {
  font-size: 3.2rem;
  background: #fcb2c6;
  border-bottom: solid 3px #f9688f;
  padding: 0.7rem 1rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
  color: white
}

article .article-body h2 {
  font-size: 2.5rem;
  color: #fff;
  background: #f9688f;
  padding: 0.7rem 1rem;
  margin-top: 5rem;
  margin-bottom: 2rem
}

@media only screen and (min-width:481px) and (max-width:769px) {
  article .article-body h2 {
    font-size: 3rem
  }
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body h2 {
    font-size: 2.3rem
  }
}

article .article-body h3 {
  font-size: 2.3rem;
  color: #f9688f;
  padding: 0.5rem 1rem;
  margin-top: 5rem;
  margin-bottom: 2rem;
  border-bottom: 3px solid #f9688f
}

@media only screen and (min-width:481px) and (max-width:769px) {
  article .article-body h3 {
    font-size: 2.6rem
  }
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body h3 {
    font-size: 1.8rem
  }
}

article .article-body h4 {
  font-size: 2.3rem;
  color: #f9688f;
  padding: 0.5rem 1rem;
  margin-top: 5rem;
  margin-bottom: 2rem;
  border-bottom: 3px dotted #f9688f
}

@media only screen and (min-width:481px) and (max-width:769px) {
  article .article-body h4 {
    font-size: 2rem
  }
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body h4 {
    font-size: 1.6rem
  }
}

article .article-body h5 {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 5rem;
  margin-bottom: 2rem;
  color: #f9688f;
  border-left: solid 5px #f9688f;
  padding-left: 1rem
}

@media only screen and (min-width:481px) and (max-width:769px) {
  article .article-body h5 {
    font-size: 1.8rem
  }
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body h5 {
    font-size: 1.4rem
  }
}

article .article-body h6 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 5rem;
  margin-bottom: 2rem;
  color: #f9688f
}

@media only screen and (min-width:481px) and (max-width:769px) {
  article .article-body h6 {
    font-size: 1.6rem
  }
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body h6 {
    font-size: 1.4rem
  }
}

article .article-body ol,
article .article-body ul {
  margin: 5rem 0
}

article .article-body li {
  list-style: none
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body li {
    font-size: 1.4rem
  }
}

article .article-body li:before {
  content: "●";
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.4rem;
  color: #f9688f
}

article .article-body table td {
  font-size: 1.4rem;
  border: thin solid #f9688f
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
  article .article-body table td {
    font-size: 1.2rem
  }
}

article .article-body strong {
  font-weight: 700;
}