@charset "UTF-8";
.p-archiveColumn-sec {
  margin-top: 6.5rem;
  padding-inline: 7.8125%;
}

.p-archiveColumn-sec__inner {
  margin-inline: auto;
  max-width: 1350px;
}

.p-archiveColumn__ttlBox {
  border-bottom: 1px solid var(--main);
  margin-inline: 5.5555555556%;
  padding-bottom: 3.85rem;
  text-align: center;
}

.p-archiveColumn__ttlLogImage {
  aspect-ratio: 281/52;
  margin-inline: auto;
  max-width: 281px;
}

.p-archiveColumn__ttl {
  color: var(--main);
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 1.4545454545;
  margin-top: 0.8rem;
}

.p-archiveColumn__leadText {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  margin-top: 2.7rem;
}

.p-archiveColumn__content {
  margin-top: 6.1rem;
  padding-inline: 5.5555555556%;
}

.p-archiveColumn__contentTtlBox {
  text-align: center;
}

.p-archiveColumn__contentTtl {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4666666667;
}

.p-archiveColumn__contentTtlText {
  color: var(--main);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.45;
  margin-top: 1.4rem;
  text-transform: uppercase;
}

.p-archiveColumn__contentList {
  display: grid;
  margin-top: 3.2rem !important;
  --column: 3;
  gap: 11.3rem 4.25%;
  grid-template-columns: repeat(var(--column), 1fr);
}

.p-archiveColumn__contentItemImage {
  aspect-ratio: 367/214;
}

.p-archiveColumn__contentItemMeta {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 1.3rem;
}

.p-archiveColumn__contentItemTime {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.4210526316;
}

.p-archiveColumn__cat {
  background-color: var(--white);
  border: 1px solid;
  border-radius: 100px;
  line-height: 1.5;
  padding: 0.6rem 1rem 0.8rem;
}

.p-archiveColumn__contentItemTtl {
  font-size: 2rem;
  line-height: 1.6166666667;
  margin-top: 1.7rem;
}

.p-archiveColumn__catBlock {
  background-color: var(--white);
  margin-top: 5.1rem;
  padding-block: 7.4rem;
  padding-inline: 8%;
}

.p-archiveColumn__catBlock__inner {
  margin-inline: auto;
  max-width: 1200px;
}

.p-archiveColumn__catList {
  display: flex;
  gap: 2.5%;
  justify-content: center;
}

.p-archiveColumn__catItem {
  width: 33%;
}

.p-archiveColumn__catItem a {
  background-color: var(--bg);
  padding: 2.7rem 0 3.7rem 10.5263157895%;
  position: relative;
}

.p-archiveColumn__catItemImage {
  aspect-ratio: 150/180;
  bottom: 0;
  position: absolute;
  right: 7.8947368421%;
  width: 39.4736842105%;
}

.p-archiveColumn__catItemTtl {
  align-content: center;
  aspect-ratio: 1;
  background-color: var(--white);
  border: 1px solid var(--main);
  color: var(--main);
  font-size: 3.7rem;
  font-weight: 700;
  line-height: 1.4324324324;
  padding-inline: 10%;
  position: relative;
  text-align: center;
  width: 44.1176470588%;
}

.p-archiveColumn__catItemIcon {
  bottom: 0;
  display: block;
  left: 50%;
  line-height: 1.7rem;
  position: absolute;
  translate: -50% 50%;
  width: 1.7rem;
}

.p-taxonomyColumn__content {
  margin-top: 3.8rem;
}

.p-taxonomyColumn__contentListWrapper {
  background-color: var(--white);
  border-radius: 16px;
  margin-top: 3.9rem;
  padding: 10.2rem 5.5555555556% 7.7rem;
}

.p-taxonomyColumn__contentList {
  margin-top: 0;
}

.p-taxonomyColumn__contentItemTagBox {
  color: var(--main);
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  line-height: 1.3125;
  margin-top: 0.7rem;
}

.p-taxonomyColumn__contentItemTtl {
  margin-top: 1.3rem;
}

.p-taxonomyColumn__contentLoadMore {
  border-top: 1px solid var(--main);
  margin-top: 6.4rem;
  padding-top: 5.7rem;
  text-align: center;
}
.p-taxonomyColumn__contentLoadMore .load-more-button {
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 1.8rem;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.4444444444;
  line-height: inherit;
  margin-inline: auto;
  padding-left: 3.8rem;
  position: relative;
  vertical-align: middle;
  width: -moz-fit-content;
  width: fit-content;
}
.p-taxonomyColumn__contentLoadMore .load-more-button::before {
  aspect-ratio: 1;
  background-image: url(../../images/common/arrow-bgYellow.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 1.7rem;
}

.p-taxonomyColumn__catBlock {
  background-color: var(--bg);
  margin-top: 0;
}

.p-taxonomyColumn__catItem a {
  background-color: var(--white);
}

.p-singleColumn-content {
  margin-top: 9.4rem;
  padding-inline: var(--pi);
}

.p-singleColumn-content__inner {
  margin-inline: auto;
  max-width: 933px;
}

.p-singleColumn__topBlock {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-singleColumn__metaBox {
  align-items: center;
  display: flex;
  gap: 2.7rem;
}

.p-singleColumn__time {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.4210526316;
}

.p-singleColumn__catBox {
  align-items: center;
  display: flex;
  gap: 1.3rem;
}

.p-singleColumn__cat {
  background-color: var(--white);
  border: 1px solid;
  border-radius: 100px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.6rem 1rem 0.8rem;
}

.p-singleColumn__snsBpx {
  display: flex;
  gap: 2.2rem;
}

.p-singleColumn__sns {
  aspect-ratio: 1;
  width: 2.1rem;
}

.p-singleColumn__tagBlock {
  color: var(--main);
  display: flex;
  gap: 1em;
  margin-top: 1.6rem;
}

.p-singleColumn__ttl {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1.3888888889;
  margin-top: 2.3rem;
}

.p-singleColumn__thumbnail {
  aspect-ratio: 933/544;
  margin-top: 7rem;
}

.p-singleColumn__lead {
  line-height: 1.875;
  margin-inline: auto;
  margin-top: 5rem;
  width: 92.1757770632%;
}

.p-singleColumn__toc {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  display: grid;
  gap: 4.5177045177%;
  grid-template-columns: 4.8rem 1fr;
  margin-top: 4rem;
  padding: 3.8rem 6.1093247588%;
}

.p-singleColumn__tocList {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.p-singleColumn__tocItem a {
  font-weight: 500;
  line-height: 1.75;
  position: relative;
  text-decoration: underline;
  width: -moz-fit-content;
  width: fit-content;
}
.p-singleColumn__tocItem a::before {
  content: "・";
}

.p-singleColumn__tocItem--sub a {
  padding-left: 1em;
}
.p-singleColumn__tocItem--sub a::before {
  content: "- ";
}

.p-singleColumn__tocTtl {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4583333333;
}

.p-singleColumn__content {
  margin-top: 9.2rem;
}
.p-singleColumn__content img {
  height: auto;
  margin-top: 3.5rem;
  width: auto;
}
.p-singleColumn__content p {
  font-size: 1.8rem;
  line-height: 1.8333333333;
  margin-top: 2.6rem;
}
.p-singleColumn__content ul, .p-singleColumn__content ol {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.8rem;
}
.p-singleColumn__content li {
  font-size: 1.8rem;
  line-height: 1.8333333333;
  padding-left: 1em;
  position: relative;
}
.p-singleColumn__content li::before {
  aspect-ratio: 1;
  background-color: var(--main);
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 1.2rem;
  width: 1.2rem;
}
.p-singleColumn__content .liquid-speech-balloon-text p {
  margin-top: 0;
}
.p-singleColumn__content h2:not(:first-child) {
  margin-top: 8.6rem;
}
.p-singleColumn__content h2 {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4444444444;
  padding-bottom: 1.4rem;
  position: relative;
}
.p-singleColumn__content h2::before {
  background-color: var(--main);
  bottom: 0;
  content: "";
  display: block;
  height: 0.7rem;
  left: 0;
  position: absolute;
  width: 100%;
}
.p-singleColumn__content h3 {
  color: var(--main);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4583333333;
  margin-top: 3.5rem;
}
.p-singleColumn__content .bold {
  font-weight: 700;
}
.p-singleColumn__content table {
  margin-top: 2rem;
}
.p-singleColumn__content table th, .p-singleColumn__content table td {
  border: 1px solid var(--text-color);
  vertical-align: middle;
}
.p-singleColumn__content table p {
  margin-top: 0;
}
.p-singleColumn__content table th {
  background-color: var(--main);
  color: var(--white);
  text-align: center;
}
.p-singleColumn__content table td {
  padding-left: 0.5em;
}
.p-singleColumn__content a {
  color: var(--main);
  display: inline-block;
  padding-left: 1em;
  position: relative;
}
.p-singleColumn__content a::before {
  aspect-ratio: 1;
  background-image: url(../../images/column/linkicon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 60%;
  translate: 0 -50%;
  width: 0.8em;
}
.p-singleColumn__content a::after {
  background-color: var(--main);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.p-singleColumn__content .wp-block-media-text__media img {
  width: 100%;
}
.p-singleColumn__content .liquid-speech-balloon-avatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  width: 110px;
}
.p-singleColumn__content .liquid-speech-balloon-avatar::after {
  display: none;
}
.p-singleColumn__content blockquote {
  background-color: var(--white);
  border: 2px solid;
  margin-top: 2.6rem;
  padding: 1.5em;
}
.p-singleColumn__content blockquote h2, .p-singleColumn__content blockquote h3 {
  margin-top: 0;
}
.p-singleColumn__content .wp-block-image {
  margin-inline: auto;
  width: 90%;
}
.p-singleColumn__content .wp-block-embed__wrapper iframe {
  display: block;
  margin-inline: auto;
}

.p-singleColumn__summary {
  border: 1px solid;
  margin-top: 9.7rem;
  padding: 4.7rem 10.5037513398% 6.4rem;
}
.p-singleColumn__summary h3 {
  color: var(--main);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4583333333;
  margin-top: 1.8rem;
}
.p-singleColumn__summary .bold {
  font-weight: 700;
}
.p-singleColumn__summary li {
  padding-left: 0.5em;
  position: relative;
}
.p-singleColumn__summary ul {
  margin-block: 1em;
}
.p-singleColumn__summary ul li::before {
  content: "・";
}
.p-singleColumn__summary ol {
  counter-reset: item;
  margin-block: 1em;
}
.p-singleColumn__summary ol li::before {
  content: counter(item) ".";
  counter-increment: item;
}
.p-singleColumn__summary a {
  color: var(--main);
  display: inline;
  text-decoration: underline;
}
.p-singleColumn__summary img {
  width: auto;
}

.p-singleColumn__summaryTtl {
  font-size: 2.4rem;
  font-weight: 700;
}

.p-singleColumn__summaryContent {
  line-height: 2;
  margin-top: 2.2rem;
}

.p-singleColumn__tagBlock--bottom {
  justify-content: right;
  margin-top: 2.7rem;
  padding-right: 5.5rem;
}

.p-singleColumn__otherPost {
  margin-inline: auto;
  margin-top: 6.4rem;
  max-width: 1300px;
  padding-inline: var(--pi);
  position: relative;
}
.p-singleColumn__otherPost .nav-links {
  display: flex;
  justify-content: space-between;
}
.p-singleColumn__otherPost a {
  align-content: center;
  background-color: var(--white);
  border: 1px solid;
  border-radius: 100px;
  height: 4.8rem;
  text-align: center;
  width: 17rem;
}
.p-singleColumn__otherPost .nav-previous a {
  padding-left: 2rem;
  position: relative;
}
.p-singleColumn__otherPost .nav-previous a::before {
  aspect-ratio: 7/11;
  background-image: url(../../images/column/btn-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  left: 2.9rem;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 0.7rem;
}
.p-singleColumn__otherPost .nav-next a {
  padding-right: 2rem;
  position: relative;
}
.p-singleColumn__otherPost .nav-next a::before {
  aspect-ratio: 7/11;
  background-image: url(../../images/column/btn-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  right: 2.9rem;
  rotate: 180deg;
  top: 50%;
  translate: 0 -50%;
  width: 0.7rem;
}

.p-singleColumn__otherPostToArchive {
  left: 50%;
  position: absolute;
  top: 50%;
  translate: -50% -50%;
}

.p-singleColumn__relatedBlock {
  margin-top: 4rem;
}

.p-singleColumn__relatedSecTtl {
  font-size: 2rem;
}

.p-singleColumn__relatedTtl {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 1.4rem;
}

.p-singleColumn__relatedListContainer {
  display: grid;
  --column: 3;
  gap: 2.8rem;
  grid-template-columns: repeat(var(--column), 1fr);
  margin-top: 2.8rem;
}

.p-singleColumn__relatedThumb img {
  height: auto;
}

.p-singleColumn__otherBlock {
  margin-top: 3rem;
}
.p-singleColumn__otherBlock h3 {
  color: var(--main);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4583333333;
  margin-top: 1.8rem;
}
.p-singleColumn__otherBlock .bold {
  font-weight: 700;
}
.p-singleColumn__otherBlock li {
  padding-left: 0.5em;
  position: relative;
}
.p-singleColumn__otherBlock ul {
  margin-block: 1em;
}
.p-singleColumn__otherBlock ul li::before {
  content: "・";
}
.p-singleColumn__otherBlock ol {
  counter-reset: item;
  margin-block: 1em;
}
.p-singleColumn__otherBlock ol li::before {
  content: counter(item) ".";
  counter-increment: item;
}
.p-singleColumn__otherBlock a {
  color: var(--main);
  display: inline;
  text-decoration: underline;
}
.p-singleColumn__otherBlock img {
  width: auto;
}

.p-singleColumn-cta {
  margin-top: 13rem;
}

.wp-block-media-text > .wp-block-media-text__content {
  padding: 0 8% 0 0;
}

@media (max-width: 1360px){
  .p-archiveColumn__catItemTtl {
    font-size: max(2.5vw, 20px);
  }
}

@media (max-width: 1280px){
  .p-archiveColumn__ttl {
    font-size: max(2.578125vw, 26px);
  }
  .p-archiveColumn__leadText {
    font-size: max(1.40625vw, 16px);
    margin-top: max(2.109375vw, 18px);
  }
  .p-archiveColumn__content {
    margin-top: max(4.765625vw, 40px);
    padding-inline: 2.3703703704%;
  }
  .p-archiveColumn__contentTtl {
    font-size: max(2.34375vw, 22px);
  }
  .p-archiveColumn__contentTtlText {
    font-size: max(1.5625vw, 16px);
    margin-top: max(1.09375vw, 8px);
  }
  .p-archiveColumn__catBlock {
    padding-block: max(5vw, 28px);
  }
}

@media (max-width: 1200px){
  .p-singleColumn-content {
    margin-top: max(7.8333333333vw, 32px);
  }
  .p-singleColumn__ttl {
    font-size: max(3.8333333333vw, 28px);
  }
  .p-singleColumn__thumbnail {
    margin-top: max(5.8333333333vw, 40px);
  }
  .p-singleColumn__lead {
    margin-top: max(4.1666666667vw, 30px);
  }
  .p-singleColumn__toc {
    margin-top: max(3.3333333333vw, 24px);
    padding: max(3.1666666667vw, 28px) 6.1093247588%;
  }
  .p-singleColumn__tocTtl {
    font-size: max(2vw, 18px);
  }
  .p-singleColumn__content {
    margin-top: max(7.6666666667vw, 60px);
  }
  .p-singleColumn__content img {
    margin-top: max(2.9166666667vw, 20px);
  }
  .p-singleColumn__content p {
    margin-top: max(2.1666666667vw, 16px);
  }
  .p-singleColumn__content h2:not(:first-child) {
    margin-top: max(7.1666666667vw, 80px);
  }
  .p-singleColumn__content h2 {
    font-size: max(3vw, 24px);
    line-height: 1.4444444444;
  }
  .p-singleColumn__content h2::before {
    height: 0.4rem;
  }
  .p-singleColumn__content h3 {
    font-size: max(2vw, 18px);
  }
  .p-singleColumn__summary {
    margin-top: max(8.0833333333vw, 80px);
    padding: max(3.9166666667vw, 28px) 4.2872454448% max(5.3333333333vw, 32px);
  }
  .p-singleColumn__summary h3 {
    font-size: max(1.6666666667vw, 16px);
  }
  .p-singleColumn__summaryTtl {
    font-size: max(2vw, 18px);
  }
  .p-singleColumn__otherBlock h3 {
    font-size: max(1.6666666667vw, 16px);
  }
}

@media (max-width: 1024px){
  .p-archiveColumn__contentList {
    --column: 2;
    gap: 5rem 4.25%;
  }
}

@media (max-width: 768px){
  .p-archiveColumn-sec {
    margin-top: 3.8rem;
    padding-inline: var(--pi);
  }
  .p-singleColumn__time {
    font-size: 1.6rem;
  }
  .p-singleColumn__content table {
    margin-top: 1.6rem;
  }
  .p-singleColumn__content .liquid-speech-balloon-wrap {
    flex-direction: column;
    gap: 20px;
  }
  .p-singleColumn__content .liquid-speech-balloon-text {
    margin-left: 0;
    padding: 14px 22px;
  }
  .p-singleColumn__content .liquid-speech-balloon-arrow {
    left: 36px;
    rotate: 90deg;
    top: 0;
    translate: 0 -100%;
  }
  .p-singleColumn__content .liquid-speech-balloon-avatar {
    height: 80px;
  }
  .p-singleColumn__otherPost {
    margin-top: 0;
  }
  .p-singleColumn__otherPost a {
    font-size: 1.5rem;
    height: 3.6rem;
    width: 14rem;
  }
  .p-singleColumn__otherPost .nav-previous a {
    padding-left: 1.4rem;
  }
  .p-singleColumn__otherPost .nav-previous a::before {
    left: 1.4rem;
  }
  .p-singleColumn__otherPost .nav-next a {
    padding-right: 1.4rem;
  }
  .p-singleColumn__otherPost .nav-next a::before {
    right: 1.4rem;
  }
  .p-singleColumn__otherPostToArchive {
    top: 100%;
    translate: -50% 100%;
  }
  .p-singleColumn__relatedListContainer {
    --column: 2;
    gap: 2rem;
  }
}

@media (max-width: 666px){
  .p-archiveColumn__contentList {
    --column: 1;
    gap: 4.4rem;
  }
  .p-archiveColumn__catList {
    flex-direction: column;
    gap: 3.6rem;
    margin-inline: auto;
    max-width: 380px;
  }
  .p-archiveColumn__catItem {
    width: 100%;
  }
  .p-archiveColumn__catItemTtl {
    font-size: 2.4rem;
  }
  .p-singleColumn__topBlock {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.6rem;
  }
  .p-singleColumn__tagBlock {
    margin-top: 2.6rem;
  }
}

@media (max-width: 480px){
  .p-singleColumn__content .wp-block-image {
    width: 100%;
  }
  .p-singleColumn__relatedListContainer {
    --column: 1;
    gap: 2.4rem;
  }
}
/*# sourceMappingURL=../maps/project/column.css.map */