@media only screen and (max-width: 899px) {
  .p-article-inr {
    margin-inline: 20px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-inr {
    width: 820px;
    margin-inline: auto;
  }
}
.p-article-data {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.p-article-date {
  font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 900;
  color: #169974;
}
.p-article-category {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 900;
  color: #169974;
  background: #ceeae2;
  margin-left: 1em;
  border-radius: 100px;
  text-transform: uppercase;
  padding-inline: 1em;
  line-height: 1.6;
}
.p-article-ttl {
  border-bottom: 1px solid #ceeae2;
  font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  color: #169974;
  font-weight: bold;
  padding-bottom: 0.6em;
  position: relative;
}
@media only screen and (max-width: 899px) {
  .p-article-ttl {
    font-size: 21px;
    font-size: 1.3125rem;
    margin-block: 20px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-ttl {
    font-size: 2.6666666667vw;
    margin-block: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-ttl {
    font-size: 32px;
    font-size: 2rem;
    margin-block: 40px;
  }
}
.p-article-ttl:after {
  content: "";
  display: block;
  background: #169974;
  width: 2.5em;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
}
@media print, screen and (min-width: 900px) {
  .p-article-body {
    margin-inline: 20px;
  }
}
@media only screen and (max-width: 899px) {
  .p-article-body > p {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-body > p {
    margin-top: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-body > p {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 899px) {
  .p-article-img {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-img {
    margin-top: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-img {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 899px) {
  .p-article-img:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-img:not(:last-child) {
    margin-bottom: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-img:not(:last-child) {
    margin-bottom: 30px;
  }
}
.p-article-img img {
  width: 100%;
}

.p-article-hl {
  color: #169974;
  font-weight: bold;
  padding-left: 0.8em;
}
@media only screen and (max-width: 899px) {
  .p-article-hl {
    font-size: 18px;
    font-size: 1.125rem;
    border-left: 4px solid #169974;
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-hl {
    font-size: 2.3333333333vw;
    border-left: 6px solid #169974;
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-hl {
    font-size: 28px;
    font-size: 1.75rem;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 899px) {
  .p-article-back {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-back {
    margin-top: 2.5vw;
    margin-inline: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-back {
    margin-top: 40px;
  }
}

.p-article-back-btn {
  position: relative;
  display: inline-block;
  color: #169974;
  font-weight: bold;
}
@media only screen and (max-width: 899px) {
  .p-article-back-btn {
    padding-left: 58px;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-back-btn {
    padding-left: 5.4166666667vw;
    font-size: 1.6666666667vw;
  }
  .p-article-back-btn:hover {
    color: #1cc696;
  }
  .p-article-back-btn:hover:before {
    left: -8px;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-back-btn {
    padding-left: 65px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-article-back-btn:before {
  content: "";
  display: block;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  scale: -1 1;
  transition: left 0.2s, background 0.2s;
}
@media only screen and (max-width: 899px) {
  .p-article-back-btn:before {
    width: 44px;
    height: 22px;
    left: 0;
    background: url(/_assets/_common/img/icon-arrow-green.svg) 50% 50%/9px 7px no-repeat #ceeae2;
  }
}
@media print, screen and (min-width: 900px) {
  .p-article-back-btn:before {
    width: 4.1666666667vw;
    height: 2.0833333333vw;
    left: 0;
    background: url(/_assets/_common/img/icon-arrow-green.svg) 50% 50%/0.8333333333vw 0.6666666667vw no-repeat #ceeae2;
  }
}
@media only screen and (min-width: 1200px) {
  .p-article-back-btn:before {
    width: 50px;
    height: 25px;
    background: url(/_assets/_common/img/icon-arrow-green.svg) 50% 50%/10px 8px no-repeat #ceeae2;
  }
}

.p-contact {
  background: #eef4f3;
}
@media only screen and (max-width: 899px) {
  .p-contact {
    padding: 20px;
    border-radius: 20px;
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact {
    padding: 3.3333333333vw;
    border-radius: 40px;
    margin-top: 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact {
    padding: 40px;
    margin-top: 100px;
  }
}

.p-contact-ttl {
  text-align: center;
  color: #169974;
  font-weight: bold;
}
@media only screen and (max-width: 899px) {
  .p-contact-ttl {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-ttl {
    font-size: 2.3333333333vw;
    margin-bottom: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-ttl {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 30px;
  }
}

@media print, screen and (min-width: 900px) {
  .p-contact-list {
    display: flex;
    gap: 20px;
  }
}
.p-contact-item {
  background: #fff;
}
@media only screen and (max-width: 899px) {
  .p-contact-item {
    border-radius: 10px;
    padding: 20px;
  }
  .p-contact-item:not(:first-child) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-item {
    border-radius: 20px;
    flex: 1 1 100%;
    padding: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-item {
    padding: 30px;
  }
}

.p-contact-hl {
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}
@media only screen and (max-width: 899px) {
  .p-contact-hl {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-hl {
    font-size: 1.3333333333vw;
    margin-bottom: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-hl {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 15px;
  }
}

.p-contact-link {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 899px) {
  .p-contact-link {
    padding: 10px 5px;
    gap: 15px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-link {
    padding: 0.8333333333vw 0.4166666667vw;
    gap: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-link {
    padding: 10px 5px;
    gap: 15px;
  }
}
.p-contact-link:not(:last-child) {
  border-bottom: 1px solid #ceeae2;
}
.p-contact-link dt {
  background: #ceeae2;
  border-radius: 100%;
  display: grid;
  place-content: center;
}
@media only screen and (max-width: 899px) {
  .p-contact-link dt {
    flex: 0 0 30px;
    height: 30px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-link dt {
    flex: 0 0 3.75vw;
    height: 3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-link dt {
    flex: 0 0 45px;
    height: 45px;
  }
}
.p-contact-link dt .material-icons-outlined {
  color: #169974;
}
@media only screen and (max-width: 899px) {
  .p-contact-link dt .material-icons-outlined {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-link dt .material-icons-outlined {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-link dt .material-icons-outlined {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-contact-link dd {
  line-height: 1.4;
  color: #169974;
}
@media only screen and (max-width: 899px) {
  .p-contact-link dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-link dd {
    font-size: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-link dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 899px) {
  .p-contact-btns {
    margin-top: 20px;
    margin-inline: 20px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-contact-btns {
    margin-top: 5vw;
    max-width: 18.3333333333vw;
    margin-inline: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .p-contact-btns {
    margin-top: 60px;
    max-width: 220px;
  }
}

/*# sourceMappingURL=detail.css.map */