/* 作成者名: 羽祢田 */
/* common */
.single_container {
  margin-bottom: 7.5rem;
}

.single_wrapper {
  max-width: 108.1rem;
  margin: 0 auto;
}

.link_in_page {
  color: #00A64D;
}

/* single_fv */
.single_fv {
  position: relative;
  /* margin-bottom: 2rem; */
  max-width: 108.1rem;
  margin: 0 auto 2rem;
}

.single_title {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: calc(47 / 28);
  color: rgba(0, 49, 105, 1);
  margin-top: 4.4rem;
  text-align: left;
  overflow-wrap: break-word;
}

.single_title_02 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: calc(36 / 22);
  color: rgba(0, 49, 105, 1);
  margin-top: 3.5rem;
  text-align: left;
  overflow-wrap: break-word;
}

/* .single_title_desc {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  font-size: 1.8rem;
  line-height: calc(36 / 18);
  color: #FFFFFF;
} */
.single_title_filter {
  height: 20rem;
  filter: brightness(50%);
  overflow: hidden;
}

.receive_btn_outer {
  position: absolute;
  bottom: 1.8rem;
  right: 2rem;
  background-color: #00A64D;
  border-radius: 1rem;
}

.receive_btn {
  display: block;
  padding: 1.9rem 2.4rem 2rem;
  color: #FFFFFF;
  font-size: 1.6rem;
  line-height: calc(24 / 16);
}

.page_title_wrap {
  height: auto;
  padding: 2rem;
  min-height: 20rem;
}

/* single_outer */
.post_meta {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: calc(21 / 14);
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}

.single_content_outer {
  display: flex;
}

/* post_contents */
.post_contents {
  max-width: 86rem;
  margin-right: 5rem;
  font-size: 1.8rem;
  line-height: calc(27 / 18);

  h2,
  h3 {
    font-size: 2.0rem;
    font-weight: 600;
    line-height: calc(36 / 24);
    position: relative;
    padding-left: 2.4rem;
    margin-bottom: 2.5rem;
    margin-top: 5.7rem;
  }

  h2::before,
  h3::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0;
    width: 0.5rem;
    height: 3rem;
    background-color: #000000;
  }




}

.post_contents h2,
.post_contents p {
  overflow-wrap: break-word;
}



.wp-block-heading {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: calc(36 / 24);
  position: relative;
  padding-left: 2.4rem;
  margin-bottom: 2.5rem;
}

.wp-block-heading::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #000000;
}

.wp-block-list {
  font-size: 1.8rem;
  line-height: calc(27 / 18);
  list-style: disc;
  margin-left: 1.8rem;
  margin-bottom: 5rem;
}

.post_contents p {
  font-size: 1.6rem;
  line-height: calc(27 / 18);
  margin-top: 1rem;
  margin-bottom: 5rem;
}

.wp-block-image img {
  /* width: 50%; */
  height: 30rem;
  border-radius: 1rem;
  /* margin-bottom: 5rem; */
  /* width: auto; */
  object-fit: contain;
}

.wp-block-image {}

.wp-block-quote p {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: calc(30 / 14);
}

.youtube_wrap {
  max-width: 100%;
  width: 60rem;
  aspect-ratio: 16 /9;
  height: auto;
  margin-bottom: 5rem;





























































  iframe {
    width: 100%;
    height: 100%;
  }
}

.post_contents a {
  color: #00A64D;
}

/* related_posts */
.related_posts {
  max-width: 17rem;
  height: fit-content;
  padding: 3rem 0 2rem 3.95rem;
  border-left: 0.05rem solid #e8a9a9;
  margin-left: auto;
}

.category_posts {
  display: flex;
  flex-direction: column;
  gap: 1.7rem 0;
  /* margin-bottom: 3.7rem; */
  margin-bottom: 0.5rem;
}

.posts_heading {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: calc(22 / 12);
  color: #26A64D;
  background-color: #F1FAF2;
  padding: 0.5rem 0;
  margin-bottom: 2rem;
  text-align: center;
}

.post_box {
  padding: 0 1.5rem;
  display: block;
}

.post_box img {
  width: 10rem;
  height: 10rem;
  border-radius: 1rem;
  margin-bottom: 0.5rem;
  margin: 0 0 0.5rem;
  float: none;
}

.box_heading,
.box_desc {
  font-size: 1.1rem;
  line-height: calc(15 / 11);
  overflow-wrap: break-word;
}

.box_heading {
  font-weight: 600;
  margin-bottom: 0.5em;
}

.archive_btn_outer {
  margin: 0 1.5rem 3rem;
  background-color: #00A64D;
  border-radius: 0.6rem;
}

.archive_btn {
  display: block;
  padding: 0.8rem;
  color: #FFFFFF;
  font-size: 1.1rem;
  line-height: calc(17 /11);
  text-align: center;
}

/* mail_section */
.mail_sec {
  background-color: #FFA700;
  text-align: center;
  padding: 4.6rem 0;
  margin-bottom: 6rem;
}

.mail_info_list {
  display: flex;
  gap: 0 5rem;
  justify-content: center;
  margin-bottom: 4.2rem;
}

.mail_info_list li {
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  border: #FFFFFF 0.1rem solid;
  display: table;
}

.info_text {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: calc(24 / 16);
  color: #FFFFFF;
  display: table-cell;
  vertical-align: middle;
}

.mail_entry {
  display: inline-block;
  width: 64rem;
  height: 10rem;
  border-radius: 1rem;
  background-color: #FFFFFF;
  font-size: 2.8rem;
  font-weight: 600;
  color: #FFA700;
  line-height: calc(100 / 28);
}

.author_name {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: calc(36 / 24);
  border-bottom: 0.1rem solid #707070;
  padding-bottom: 2.25rem;
  margin-bottom: 3.05rem;
}

.post_category,
.post_tag,
.post_number {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: calc(34 / 14);
}

.post_category a,
.post_tag a,
.post_number a {
  color: #00A64D;
}


.download_section_area {
  display: flex;
  /* margin-left: 27rem; */
  width: 74rem;
  justify-content: space-between;
  margin-bottom: 10rem;
}

.download_section_area>.new_case_orange {
  background-color: #FFA700;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 3rem 2rem 3.5rem;
  
  border-radius: 1rem;
  text-align: center;
  width: 45%;
}

.download_section_area>.case_green {
  background-color: #03A64D;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 3rem 2rem 3.5rem;
  border-radius: 1rem;
  text-align: center;
  width: 45%;
}

/* SP */
@media screen and (max-width: 699.98px) {

  /* common */
  .single_container {
    margin-bottom: 3rem;
  }

  .single_wrapper {
    max-width: 35.5rem;
  }

  /* single_fv */
  .single_fv {
    margin-bottom: 12.7rem;
    text-align: center;
    max-width: 35.5rem;
  }

  .single_title {
    width: 100%;
    top: 3.4rem;
    line-height: calc(35 / 28);
    font-size: 2rem;
    padding: 0 1rem;
  }

  .single_title_02 {
  font-size: 1.6rem;
  padding: 0 1rem;
}

  .single_title_desc {
    width: 25.2rem;
    bottom: -0.2rem;
    font-size: 1.4rem;
    line-height: calc(22 / 14);
  }

  .single_title_filter {
    height: 12rem;
  }

  .single_title_filter img {
    transform: scale(3);
  }

  .receive_btn_outer {
    width: 24rem;
    bottom: -11.1rem;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .page_title_wrap {
    margin-bottom: 13rem;
  }

  .main_visual_btn {
    bottom: -2rem;
    left: 50%;
    transform: translate(-50%, 100%);
    width: max-content;
  }

  /* single_outer */
  .post_meta {
    justify-content: right;
    margin-bottom: 2.2rem;
  }

  .single_content_outer {
    flex-direction: column;
  }

  /* post_contents */
  .post_contents {
    max-width: 35.5rem;
    margin-right: 0;
  }

  .wp-block-heading {
    max-width: 21.5rem;
  }

  .wp-block-image img {
    width: 100%;
    height: 22.9rem;
    margin-top: 5rem;
  }

  /* related_posts */
  .related_posts {
    max-width: 35.5rem;
    height: fit-content;
    padding: 4rem 0 4.7rem;
    border-left: none;
    border-top: 0.05rem solid #A0A0A0;
    margin-left: unset;
  }

  .category_posts {
    flex-direction: row;
    gap: 0 2.8rem;
    margin-bottom: 2.7rem;
  }

  .posts_heading {
    padding: 0.5rem 0;
    margin-bottom: 2rem;
  }

  .post_box {
    padding: 0;
    max-width: 10.4rem;
  }

  .box_desc {
    width: 10rem;
  }

  .archive_btn_outer {
    margin: 0 6rem 3rem;
  }

  .archive_btn {
    font-size: 1.6rem;
    padding: 1.6rem;
  }

  /* mail_section */
  .mail_sec {
    padding-top: 5.2rem;
    padding-bottom: 5.0rem;
    margin-bottom: 2rem;
  }

  .mail_info_list {
    gap: 0 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 4.0rem;
  }

  .mail_info_list li {
    width: 17.0rem;
    height: 17.0rem;
  }

  .info_text {
    line-height: calc(30 / 16);
  }

  .mail_entry {
    width: 35.5rem;
  }

  .author_name {
    margin-bottom: 2.05rem;
  }


  .download_section_area {
    display: flex;
    margin-left: 0.5rem;
    width: 35.5rem;
    margin-bottom: 4rem;
  }

  .download_section_area>.new_case_orange {
    background-color: #FFA700;
    color: #fff;
    font-size: 1.35rem;
    font-weight: bold;
    padding: 2.2rem 1rem 2.9rem;
    border-radius: 1rem;
    text-align: center;
    width: 17rem;
  }

  /* .download_section_area>.case_green {
    background-color: #03A64D;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 3rem 6rem 3.5rem;
    border-radius: 1rem;
    text-align: center;
  } */


  .download_section_area>.case_green {
    background-color: #03A64D;
    color: #fff;
    font-size: 1.35rem;
    font-weight: bold;
    padding: 2.2rem 0.7rem 2.9rem;
    border-radius: 1rem;
    text-align: center;
    width: 17rem;
  }

}