.contents section {
  margin-top: clamp(3rem, 3.90625vw, 6rem);
}
.contents section .box {
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .contents section#profilearea .box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 76px;
  }
}
@media (min-width: 1024px) {
  .contents section#profilearea .profile {
    max-width: 282px;
  }
}
.contents section#profilearea .profile p {
  margin-top: clamp(4.5rem, 5.859375vw, 5.8rem);
  font-size: clamp(1.4rem, 1.8229166667vw, 1.6rem);
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  position: relative;
}
.contents section#profilearea .profile p::before {
  content: "";
  display: block;
  border-bottom: solid clamp(0.95rem, 1.2369791667vw, 1.1rem) #00a73c;
  border-left: solid clamp(1.2rem, 1.5625vw, 1.4rem) transparent;
  border-right: solid clamp(1.2rem, 1.5625vw, 1.4rem) transparent;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .contents section#profilearea .profile p::before {
    top: -30px;
  }
}
.contents section#profilearea .profile_img {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  width: 47.0666666667vw;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .contents section#profilearea .profile_img {
    width: 100%;
  }
}
.contents section#profilearea .contentslist {
  margin-top: 24px;
  width: 100%;
}
@media (min-width: 1024px) {
  .contents section#profilearea .contentslist {
    margin-top: 0;
    max-width: 634px;
  }
}
.contents section#profilearea .contentslist > ul li {
  border-top: solid 1px #dadad9;
  font-size: clamp(1.4rem, 1.8229166667vw, 1.6rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contents section#profilearea .contentslist > ul li:nth-last-of-type(1) {
  border-bottom: solid 1px #dadad9;
}
.contents section#profilearea .contentslist > ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-block: 10px;
  padding-inline: clamp(1.4rem, 1.8229166667vw, 2.4rem);
  color: #38525b;
}
@media (min-width: 1024px) {
  .contents section#profilearea .contentslist > ul li a:hover {
    background-color: #f2fbf5;
    transition: 0.3s;
  }
}
.contents section#profilearea .contentslist > ul li a span {
  display: block;
}
.contents section .backnumber {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px;
}
@media (min-width: 1024px) {
  .contents section .backnumber {
    gap: 35px;
  }
}
.contents section .backnumber > li {
  width: 100%;
}
@media (min-width: 1024px) {
  .contents section .backnumber > li {
    width: calc((100% - 70px) / 3);
  }
}
.contents section .backnumber > li a {
  display: block;
  padding-block: clamp(1.5rem, 1.953125vw, 1.6rem);
  padding-inline: clamp(2rem, 2.6041666667vw, 3.4rem);
  border: solid 1px #dadad9;
  border-radius: clamp(0.75rem, 0.9765625vw, 1rem);
  position: relative;
  color: #38525b;
}
.contents section .backnumber > li a::after {
  content: "";
  display: block;
  border-left: solid clamp(0.95rem, 1.2369791667vw, 1.1rem) #00a73c;
  border-top: solid clamp(1.2rem, 1.5625vw, 1.4rem) transparent;
  border-bottom: solid clamp(1.2rem, 1.5625vw, 1.4rem) transparent;
  position: absolute;
  top: 50%;
  right: clamp(2.4rem, 3.125vw, 2.7rem);
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .contents section .backnumber > li a:hover {
    background-color: #f2fbf5;
    transition: 0.3s;
  }
}
.contents section .backnumber > li a strong {
  font-size: clamp(1.8rem, 2.34375vw, 2.6rem);
  font-weight: bold;
}
.contents section .backnumber > li a strong span {
  display: block;
  font-size: clamp(1.4rem, 1.8229166667vw, 1.6rem);
  font-weight: normal;
}

.contents .youtube_box p {
  margin-block: clamp(2rem, 2.6041666667vw, 2.8rem);
  text-align: center;
}
.contents .youtube_box .youtube {
  width: min(100%, 570px);
  margin-left: auto;
  margin-right: auto;
}
.contents .youtube_box .youtube iframe {
  aspect-ratio: 57/32;
  width: 100% !important;
  height: auto !important;
}