@charset "UTF-8";
/* リセットcss */
@import url(https://unpkg.com/ress/dist/ress.min.css);
/* Google Fonts */
@import url(https://fonts.googleapis.com);
@import url(https://fonts.gstatic.com);
@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap);
/*
color-swatch ========================================*/
/*
breakpoint ==========================================================================*/
/*
font ========================================*/
/* Zen Old Mincho */
/* Zen Kaku Gothic */
/*
all ==========================================================================*/
.column__mv {
  display: flex;
  align-items: center;
  height: 507px;
  background-image: url(../img/column/PC_FV.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1024px) {
  .column__mv {
    height: 45vw;
  }
}
@media screen and (max-width: 550px) {
  .column__mv {
    height: 334px;
    background-image: url(../img/column/SP_FV.jpg);
  }
}
.column__mv h1,
.column__mv p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  color: #084b72;
  font-size: 3.125rem;
  letter-spacing: 0.075em;
  text-shadow: 0 0 7px rgb(255, 255, 255), 0 0 20px rgb(255, 255, 255), 0 0 25px rgb(255, 255, 255), 0 0 30px rgb(255, 255, 255);
  transform: translateY(0.75rem);
}
@media screen and (max-width: 1024px) {
  .column__mv h1,
  .column__mv p {
    font-size: clamp(2.5rem, 7.8vw, 3.125rem);
  }
}
@media screen and (max-width: 768px) {
  .column__mv h1,
  .column__mv p {
    font-size: clamp(1.75rem, 7.625vw, 2.5rem);
  }
}
@media screen and (max-width: 550px) {
  .column__mv h1,
  .column__mv p {
    text-align: center;
    font-size: clamp(1rem, 7.75vw, 1.25rem);
    transform: translateY(0.5rem);
  }
}
.column__mv h1 span,
.column__mv p span {
  display: inline-block;
  width: 97px;
  height: 80px;
  background-image: url(../img/column/logo_small.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(0.25rem);
}
@media screen and (max-width: 1024px) {
  .column__mv h1 span,
  .column__mv p span {
    width: 10vw;
    height: 8.5vw;
  }
}
@media screen and (max-width: 550px) {
  .column__mv h1 span,
  .column__mv p span {
    width: 39px;
    height: 33px;
  }
}
.column__list {
  padding-block: 2rem 1.875rem;
}
@media screen and (max-width: 1024px) {
  .column__list {
    padding-block: 5% 7%;
  }
}
@media screen and (max-width: 768px) {
  .column__list {
    padding-block: 7vw 10vw;
  }
}
@media screen and (max-width: 550px) {
  .column__list {
    padding-block: 7vw 0;
  }
}
.column__list h2 {
  text-align: center;
  font-size: 1.75rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  color: #084b72;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1200px) {
  .column__list h2 {
    margin-bottom: 7%;
  }
}
@media screen and (max-width: 1024px) {
  .column__list h2 {
    font-size: clamp(1.25rem, 4.75vw, 1.75rem);
  }
}
@media screen and (max-width: 768px) {
  .column__list h2 {
    margin-bottom: 7.5%;
  }
}
@media screen and (max-width: 550px) {
  .column__list h2 {
    font-size: clamp(0.75rem, 5.5vw, 1.25rem);
    margin-bottom: 10%;
  }
}
.column__list--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 1rem;
  align-items: stretch;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 768px) {
  .column__list--flex {
    flex-direction: column;
    gap: 11vw 0;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 550px) {
  .column__list--flex {
    margin-bottom: 11vw;
  }
}
.column__list--flex:nth-of-type(2) {
  margin-bottom: 2rem;
}
@media screen and (max-width: 550px) {
  .column__list--flex:nth-of-type(2) {
    margin-bottom: 7vw;
  }
}
.column__list--flex .item {
  position: relative;
  display: flex;
  width: calc((100% - 1rem) / 2);
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
}
@media screen and (max-width: 768px) {
  .column__list--flex .item {
    width: 100%;
  }
}
.column__list--flex .item .date {
  position: absolute;
  padding: 1.5px 14px;
  top: 0;
  right: 0;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 0.875rem;
  color: #fff;
  background: linear-gradient(to bottom, #094A71, #07293C);
  transform: translateY(-100%);
}
@media screen and (max-width: 1200px) {
  .column__list--flex .item .date {
    font-size: clamp(0.5rem, 1.5vw, 0.875rem);
  }
}
@media screen and (max-width: 768px) {
  .column__list--flex .item .date {
    font-size: clamp(0.55rem, 3.375vw, 0.875rem);
  }
}
.column__list--flex .item .left {
  position: relative;
  width: 36.5%;
}
@media screen and (max-width: 1024px) {
  .column__list--flex .item .left {
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .column__list--flex .item .left {
    width: 41.9%;
  }
}
@media screen and (max-width: 550px) {
  .column__list--flex .item .left {
    width: 45%;
  }
}
.column__list--flex .item .left img {
  height: auto;
  vertical-align: middle;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.column__list--flex .item .left p {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 80px;
  height: 80px;
  background: #f12805;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  clip-path: polygon(0 0, 0 100%, 100% 0); /* 左上が直角の三角形 */
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4)); /* 三角形に影 */
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .column__list--flex .item .left p {
    width: 65px;
    height: 65px;
  }
}
@media screen and (max-width: 768px) {
  .column__list--flex .item .left p {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 550px) {
  .column__list--flex .item .left p {
    width: 65px;
    height: 65px;
  }
}
.column__list--flex .item .left p::before {
  content: "NEW";
  position: absolute;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  top: 40%;
  left: 7%;
  transform: rotate(-45deg); /* 斜辺と平行（約45°） */
  transform-origin: left top;
  font-size: 0.65rem;
  font-weight: bold;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  .column__list--flex .item .left p::before {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .column__list--flex .item .left p::before {
    font-size: 0.65rem;
  }
}
@media screen and (max-width: 550px) {
  .column__list--flex .item .left p::before {
    font-size: 0.5rem;
  }
}
.column__list--flex .item .right {
  width: 63.5%;
  padding: 3% 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .column__list--flex .item .right {
    width: 58.1%;
    padding: 3% 3.5vw;
  }
}
.column__list--flex .item .right__content h4 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 3%;
}
@media screen and (max-width: 1200px) {
  .column__list--flex .item .right__content h4 {
    font-size: clamp(0.55rem, 2vw, 0.75rem);
  }
}
@media screen and (max-width: 768px) {
  .column__list--flex .item .right__content h4 {
    font-size: clamp(0.55rem, 3.125vw, 1rem);
  }
}
.column__list--flex .item .right__content .lead {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 0.55rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1200px) {
  .column__list--flex .item .right__content .lead {
    font-size: clamp(0.45rem, 1.125vw, 0.55rem);
  }
}
@media screen and (max-width: 768px) {
  .column__list--flex .item .right__content .lead {
    font-size: clamp(0.45rem, 2.35vw, 0.75rem);
  }
}
.column__single {
  padding-block: 2rem 1.875rem;
}
@media screen and (max-width: 1024px) {
  .column__single {
    padding-block: 5% 7%;
  }
}
@media screen and (max-width: 768px) {
  .column__single {
    padding-block: 7vw 10vw;
  }
}
@media screen and (max-width: 550px) {
  .column__single {
    padding-block: 7vw 0;
  }
}
.column__single .toc {
  position: relative;
  padding: 4.5rem 4.5rem 2.5rem;
  background-color: #fff;
  margin-top: 3.25rem;
  margin-bottom: 2.5rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-size: 1.05rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
}
@media screen and (max-width: 1200px) {
  .column__single .toc {
    padding: 8vw 8vw 6vw;
    font-size: clamp(0.5rem, 3vw, 1.05rem);
  }
}
@media screen and (max-width: 550px) {
  .column__single .toc {
    margin-top: 15%;
    margin-bottom: 10%;
    padding: 10vw 8vw 6vw;
  }
}
.column__single .toc__title {
  position: absolute;
  top: -1.25rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-size: 1.875rem;
  color: #084b72;
}
@media screen and (max-width: 1200px) {
  .column__single .toc__title {
    font-size: clamp(1.05rem, 7vw, 1.875rem);
  }
}
@media screen and (max-width: 768px) {
  .column__single .toc__title {
    top: -5vw;
  }
}
.column__single .toc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.column__single .toc ul li {
  margin-bottom: 0.4rem;
}
.column__single .toc ul li.toc-sub {
  margin-left: 1.25rem;
  font-size: 0.9em;
}
@media screen and (max-width: 1200px) {
  .column__single .toc ul li.toc-sub {
    font-size: 1em;
  }
}
.column__single .toc ul li a {
  color: #084b72;
}
.column__single--date {
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 550px) {
  .column__single--date {
    flex-direction: column;
    gap: 0.125rem;
  }
}
.column__single--date .disclosure,
.column__single--date .update {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-size: 0.75rem;
  margin-top: 0;
}
@media screen and (max-width: 550px) {
  .column__single--date .disclosure,
  .column__single--date .update {
    font-size: 0.6rem;
    text-align: right;
  }
}
.column__single .underSecTtl {
  text-align: center;
  font-size: clamp(1.5rem, 3vw, 1.75rem);
}
@media screen and (max-width: 1200px) {
  .column__single .underSecTtl {
    font-size: clamp(1.125rem, 3.475vw, 1.75rem);
  }
}
@media screen and (max-width: 768px) {
  .column__single .underSecTtl {
    font-size: clamp(0.875rem, 5.5vw, 1.75rem);
  }
}
.column__single .underSecTtl .sp-show {
  display: none;
}
@media screen and (max-width: 768px) {
  .column__single .underSecTtl .sp-show {
    display: block;
  }
}
.column__single .heading-number {
  display: none;
}
.column__single h2 {
  font-size: 1.325rem;
  padding-inline: 1rem;
  border-left: solid 3px #084b72;
  color: #084b72;
  margin-top: 3rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .column__single h2 {
    font-size: clamp(0.95rem, 4.15vw, 1.325rem);
    padding-inline: 4%;
  }
}
@media screen and (max-width: 550px) {
  .column__single h2 {
    margin-top: 10%;
  }
}
.column__single h3 {
  color: #084b72;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-size: 0.95rem;
  padding-block: 0.35rem;
  border: solid 1px #084b72;
  margin-top: 1.25rem;
  display: inline-block;
  min-width: 470px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .column__single h3 {
    min-width: unset;
    padding-inline: 9%;
    font-size: clamp(0.7rem, 4vw, 0.95rem);
  }
}
@media screen and (max-width: 550px) {
  .column__single h3 {
    padding-inline: 0;
    width: 100%;
  }
}
.column__single p {
  font-size: 0.9125rem;
  margin-top: 1.5rem;
  line-height: 1.55;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .column__single p {
    font-size: clamp(0.575rem, 2.825vw, 0.9125rem);
  }
}
@media screen and (max-width: 550px) {
  .column__single p {
    margin-top: 5%;
  }
}
.column__single img {
  display: block;
  max-width: 800px;
  margin-inline: auto;
  margin-bottom: 0.5rem;
}
.column__single ul li,
.column__single ol li {
  list-style-position: inside;
  font-size: 0.9125rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .column__single ul li,
  .column__single ol li {
    font-size: clamp(0.575rem, 2.825vw, 0.9125rem);
  }
}
.column__single .kanren {
  display: flex;
  align-items: stretch;
  margin-top: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
}
@media screen and (max-width: 550px) {
  .column__single .kanren {
    margin-top: 15%;
    margin-bottom: 5%;
    display: block;
    position: relative;
  }
}
.column__single .kanren p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  line-height: 1;
}
.column__single .kanren p:nth-of-type(1) {
  width: 20.9%;
  background-color: #084b72;
  color: #fff;
  font-size: 1.25rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  padding-block: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .column__single .kanren p:nth-of-type(1) {
    padding-block: 3.5%;
    font-size: clamp(0.75rem, 3vw, 1.25rem);
  }
}
@media screen and (max-width: 550px) {
  .column__single .kanren p:nth-of-type(1) {
    padding-block: 0.35rem;
    padding-inline: 1rem;
    position: absolute;
    top: -17%;
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
  }
}
.column__single .kanren p:nth-of-type(2) {
  position: relative;
  width: 79.1%;
  background-color: #fff;
  padding-inline: 1.5rem;
}
@media screen and (max-width: 550px) {
  .column__single .kanren p:nth-of-type(2) {
    width: 100%;
    padding-inline: 4%;
    padding-block: 11% 6%;
  }
}
.column__single .kanren p:nth-of-type(2)::after {
  position: absolute;
  top: -40px;
  right: -32px;
  width: 102px;
  height: 123px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../img/column/column_kanren_bg.png);
  content: "";
}
@media screen and (max-width: 1200px) {
  .column__single .kanren p:nth-of-type(2)::after {
    right: 0;
    top: -63%;
  }
}
@media screen and (max-width: 1024px) {
  .column__single .kanren p:nth-of-type(2)::after {
    width: 10vw;
    height: 11vw;
  }
}
@media screen and (max-width: 550px) {
  .column__single .kanren p:nth-of-type(2)::after {
    width: 18vw;
    height: 19vw;
    top: -42%;
  }
}
.column__single .kanren p:nth-of-type(2) a {
  font-size: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .column__single .kanren p:nth-of-type(2) a {
    font-size: clamp(0.8rem, 3vw, 1.25rem);
  }
}
.column__single .singleCta {
  margin-bottom: 0;
  margin-top: 3rem;
}
@media screen and (max-width: 550px) {
  .column__single .singleCta {
    margin-top: 7%;
  }
}/*# sourceMappingURL=column.css.map */