.section-contents {
  gap: 3.2rem;
  margin-bottom: 6.4rem;
}

.contents.related {
  margin-top: 6.4rem;
  aspect-ratio: auto;
}

.section-contents .left {
  width: calc(20% - 1.6rem);
}

.section-contents .right {
  width: calc(80% - 1.6rem);
  padding: 2.4rem;
  gap: 2.4rem;
  background: transparent;
}

.section-contents .right.wht {
  background: var(--colorWht);
}

.section-contents .right.copBlu {
  background: #EBEDF6;
}

.section-contents.first .detail {
  border-bottom: 1px solid var(--colorGry);
  padding-bottom: 2.4rem;
}

.section-contents .detail {
  gap: 2.4rem;
}

.section-contents .detail .head,
.section-contents .detail .body {
  width: calc(50% - 1.2rem);
}

.section-contents .detail .head.icon {
  width: calc(12% - 2.4rem);
  margin-left: 1.6rem;
}

.section-contents.first .detail .body {
  width: calc(88% - 2.4rem);
}

.section-contents .detail .body.full {
  width: 100%;
}

.section-contents .title {
  font-size: var(--sectionTitleSizeM);
  color: var(--colorPrimary);
  margin-bottom: 0.5em;
}

.section-contents .description {
  font-size: clamp(1.325rem, 1.525vw, 1.525rem);
  line-height: 1.65;
}

#works .post .section-contents .description.main {
  line-height: 2.25;
}

#works .under.post h1 {
  border-bottom: 1px solid var(--colorGry);
  padding-bottom: 1em;
}

#works .under.post .txt .client {
  font-size: clamp(1.325rem, 1.525vw, 1.525rem);
}


.section-contents .description.lede {
  border-bottom: 1px solid var(--colorGry);
  padding-bottom: 2.4rem;
}

.section-contents .left .title {
  border-bottom: 1.5px solid;
  height: max-content;
  padding-bottom: 0.35em;
}

.section-contents .description .txt {
  border: 1px solid var(--colorPrimary);
  margin-top: 1.6rem;
  padding: 1.6rem;
}

.section-contents .description .txt .title {
  margin-bottom: 0;
  font-size: 99%;
}

.section-contents .description .txt .description {
  margin-bottom: 0.75em;
  font-size: 95%;
}

.section-contents .description .txt .description:last-child {
  margin-bottom: 0;
}


#related.section-contents .right {
  gap: 1.6rem;
}

#related.section-contents .box {
  width: calc((100% / 3) - 1.08rem);
}

#related.section-contents .box .titles {
  margin-top: 1.6rem;
}

#related.section-contents .box .titles,
#related.section-contents .box .titles .twrap {
  width: 100%;
}

#related.section-contents .box .titles .twrap .section-lede {
  font-size: var(--linkBtnFontSizeS);
  margin-top: 0.5em;
}

.tags {
  margin-top: 1rem;
}
.under .contents.title .txt .tags{
    margin-top: 0;
  }
.tag {
  padding: 0.3rem 1.5rem;
}

.tags .tag {
  margin: 0;
}

#faq .qa {
  font-size: clamp(1.325rem, 1.525vw, 1.525rem);
  border-bottom: 1px solid var(--colorGry);
  ;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  cursor: pointer;
}

#faq .qa:last-child {
  margin-bottom: 0;
}

#faq .qa .inter {
  margin-right: 0.5em;
  font-size: var(--sectionTitleSizeM);
}

#faq .qa .inter,
#faq .qa p {
  color: var(--colorPrimary);
}

#faq .qa p {
  font-size: var(--sectionTitleSizeM);
}

#faq .linkBtn {
  margin-right: 0;
  background: var(--colorPrimary);
  border-color: var(--colorPrimary);
}

#faq .answer {
  margin-top: 0.5em;
  display: none;
}

#faq .linkBtn .add,
#faq .linkBtn .add::before {
  background: var(--colorWht);
}

#faq .qa a:hover .linkBtn {
  background: var(--colorWht);
}

#faq .qa a:hover .linkBtn .add,
#faq .qa a:hover .linkBtn .add::before {
  background: var(--colorPrimary);
}

#faq .on .linkBtn {
  background: var(--colorWht);
}

#faq .on .linkBtn .add,
#faq .on .linkBtn .add::before {
  background: var(--colorPrimary);
}

#download .right .title {
  color: var(--colorBlk);
  margin-bottom: 0;
}

#download .title span {
  font-size: 75%;
}

#download .title span:last-child{
  margin-left: 1em;
}

#download .title .material-symbols-rounded {
  color: var(--colorPrimary);
  font-size: var(--h1FontSize);
  margin-right: 0.25em;
}

#download a {
  border-bottom: 1px solid var(--colorGry);
  ;
  padding-bottom: 2.5em;
  margin-bottom: 2.5em;
  cursor: pointer;

}

#download a .tag {
  height: max-content;
  background: var(--colorPrimary);
  border-color: var(--colorPrimary);
  color: var(--colorWht);
  transition: all 0.4s;
  margin: 0;
}

#download a .tag .material-symbols-rounded {
  font-weight: 200;
}

#download.section-contents .right {
  gap: 0;
}

#download a:hover .tag {
  background: var(--colorWht);
  color: var(--colorPrimary);
}

.related .coverWrapTxt {
  background: var(--colorPrimary);
  border-radius: var(--roundSQ);
  overflow: hidden;
}

.related .coverWrapTxt picture {
  width: 65%;
  aspect-ratio: 16 / 9;
}

.related .coverWrapTxt picture img {
  height: 100%;
  object-fit: cover;
}

.related .coverWrapTxt .titles {
  width: 35%;
  padding: 3.2rem;
  margin-bottom: 0;
  color: var(--colorWht);
}

.related .coverWrapTxt .titles .section-subtitle {
  color: var(--colorWht);
}

.related .coverWrapTxt .linkBtn.abs {
  bottom: 1.6rem;
  right: 1.6rem;
}

#service #menu .m4 .head{
height: 100%;
}
#service #menu .m4 .head img{
      height: 100%;
    object-fit: cover;
}

@media (912px >=width) {
  .section-contents:last-of-type,
  #works .section-contents.third{
    margin-bottom: 0;
  }
  .related .section-title{
    flex-direction: row;
  }

  .section-contents,
  .section-contents .detail {
    flex-flow: column;
    gap: 1.6rem;
  }

  .section-contents .left,
  .section-contents .right,
  .section-contents .detail .head,
  .section-contents .detail .body,
  #related.section-contents .box {
    width: 100%;
  }

  .section-contents .left {
    justify-content: center;
  }

  .section-contents .left .title br{
    display: none;
  }

  .section-contents .right {
    padding: 1.6rem;
  }

  .section-contents .detail .head.icon {
    width: 20%;
    margin-left: 0;
  }

  #works .section-contents.first .detail{
            align-items: center;
  }
  #works .section-contents .detail .head.icon{
        width: 30%;
  }

  .section-contents.first .detail .body {
    width: calc(100% - 1.6rem);
  }

  .section-contents.first .detail .body .title {
    text-align: center;
    line-height: 1.5;
  }

  .section-contents.first .detail .body .tags li {
    justify-content: center;
  }

  #feature.section-contents .detail {
    flex-direction: column-reverse;
  }

  #download a {
    flex-flow: column;
    gap: 1.6rem;
  }

  #download .right .detail:last-of-type a {
    border: none;
    margin-bottom: 0;
  }

  #download .right .title {
    justify-content: center;
    gap: 0.25em 0;
  }

  #download .title span {
    width: 100%;
    text-align: center;
  }

  #download .title .material-symbols-rounded {
    width: auto;
  }
  .related .coverWrapTxt picture,
  .related .coverWrapTxt .titles{
    width: 100%;
  }
  .related .coverWrapTxt .titles{
    padding: 1.6rem;
  }
  .related .coverWrapTxt .titles .section-lede{
    width: calc(100% - 6rem);
  }
  #service.under.post h1.h2{
    margin-bottom: 0;
  }
}