/* --------------------------------------------------
	section size
-------------------------------------------------- */
/* basic common
---------------------------------------------------------------------------- */
.c-page-header {
  background: url("../images/basic/page_head.jpg") no-repeat center center;
  background-size: cover !important;
}
@media screen and (max-width: 767px) {
  .c-page-header {
    background: url("../images/basic/page_head_sp.jpg") no-repeat center center;
  }
}

@media screen and (max-width: 767px) {
  .c-category-box .c-category-list__items a,
  .c-category-box .c-category-list__items p {
    font-size: 1rem;
  }
}
.p-basic-section .c-title03 {
  padding: 16px 8px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .p-basic-section .c-title03 {
    padding: 0.8rem 0.8rem;
    margin-bottom: 1.6rem;
  }
}
.p-basic-section .post-basic-list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: stretch;
  flex-direction: column;
  gap: 8px 0;
}
@media screen and (max-width: 767px) {
  .p-basic-section .post-basic-list {
    gap: 0.8rem 0;
  }
}
.p-basic-section .post-basic-list__items {
  width: 100%;
  position: relative;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-left: 4px solid #CFC59B;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .p-basic-section .post-basic-list__items {
    border-left: 0.4rem solid #CFC59B;
  }
}
.p-basic-section .post-basic-list__items .post {
  display: block;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
  padding: 16px 40px 16px 18px;
  word-break: break-word;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .p-basic-section .post-basic-list__items .post {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: column;
    min-height: 7.2rem;
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
    padding: 0.8rem 3.4rem 0.8rem 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .p-basic-section .post-basic-list__items .post.c-hover:hover {
    opacity: 1;
    background: #F0ECD9;
  }
}
.p-basic-section .post-basic-list__items:after {
  margin-top: -3px;
  top: 50%;
  right: 24px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: "";
  display: inline-block;
  position: absolute;
  height: 8px;
  width: 8px;
  border-color: #CECDC9;
  transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .p-basic-section .post-basic-list__items:after {
    right: 1.6rem;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    position: absolute;
    height: 0.8rem;
    width: 0.8rem;
    border-color: #CECDC9;
    transform: rotate(-45deg);
  }
}
.p-basic-section + .p-basic-section {
  margin-top: 70px;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-basic-section + .p-basic-section {
    margin-top: 5.2rem;
    padding-top: 2rem;
  }
}
.p-basic-section:nth-of-type(2) {
  margin-top: 28px;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-basic-section:nth-of-type(2) {
    margin-top: 1.2rem;
    padding-top: 2rem;
  }
}
.p-basic-section.p-basic-category18 {
  margin-bottom: 96px;
}
@media screen and (max-width: 767px) {
  .p-basic-section.p-basic-category18 {
    margin-bottom: 7.2rem;
  }
}

/* p-basic-detail-section
---------------------------------------------------------------------------- */
.p-basic-detail-section {
  margin-bottom: 96px;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section {
    margin-bottom: 6.4rem;
  }
}
.p-basic-detail-section .c-title03 {
  padding: 16px 8px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section .c-title03 {
    padding: 0.8rem 0.8rem;
    margin-bottom: 1.6rem;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post h3 {
  position: relative;
  font-size: 2.2rem;
  line-height: 1.4545454545;
  font-weight: 700;
  padding: 0 0 4px 24px;
  margin-bottom: 24px;
  border-left: 8px solid #CFC59B;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post h3 {
    font-size: 1.8rem;
    line-height: 1.5555555556;
    font-weight: 700;
    padding: 0 0 0.2rem 1.6rem;
    margin-bottom: 1.6rem;
    border-left: 0.8rem solid #CFC59B;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post p {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post p {
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
    margin-bottom: 2.4rem;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-basic-detail-section.p-basic-detail-cnts .post a:hover {
    text-decoration: none;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post strong {
  font-weight: 700;
}
.p-basic-detail-section.p-basic-detail-cnts .post em {
  font-style: italic;
}
.p-basic-detail-section.p-basic-detail-cnts .post .wp-block-image {
  margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post .wp-block-image {
    margin-bottom: 2.4rem;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post ul, .p-basic-detail-section.p-basic-detail-cnts .post ol {
  margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post ul, .p-basic-detail-section.p-basic-detail-cnts .post ol {
    margin-bottom: 2.4rem;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post ul li, .p-basic-detail-section.p-basic-detail-cnts .post ol li {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post ul li, .p-basic-detail-section.p-basic-detail-cnts .post ol li {
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post ul li {
  list-style: disc;
  list-style-position: inside;
}
.p-basic-detail-section.p-basic-detail-cnts .post ol li {
  list-style: decimal;
  list-style-position: inside;
}
.p-basic-detail-section.p-basic-detail-cnts .post dl dt, .p-basic-detail-section.p-basic-detail-cnts .post dl dd {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post dl dt, .p-basic-detail-section.p-basic-detail-cnts .post dl dd {
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post .f-marker-y {
  background-image: linear-gradient(transparent 80%, #f8eba9 80%);
}
.p-basic-detail-section.p-basic-detail-cnts .post img {
  width: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post img {
    width: 100%;
    max-width: inherit;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.p-basic-detail-section.p-basic-detail-cnts .post .alignright {
  float: right;
  margin: 8px 0 24px 24px;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post .alignright {
    float: none;
    margin: 0 auto;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post .alignleft {
  float: left;
  margin: 8px 24px 24px 0;
}
@media screen and (max-width: 767px) {
  .p-basic-detail-section.p-basic-detail-cnts .post .alignleft {
    float: none;
    margin: 0 auto;
  }
}
.p-basic-detail-section.p-basic-detail-cnts .post iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}