@charset "UTF-8";
/* CSS Document */
html,
body {overflow: visible;}
.billboard-style-01::after {background: url("../img/column/column_mv01_img01_pc.webp") no-repeat center/cover;}
#contentsWrap {padding: 7em 0;}
#columnWrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#main {width: 72%;}
#sideColumn {width: 24%;}
.block-column-01 .container:nth-child(2) > ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em -3em;}
.block-column-01 .container:nth-child(2) > ul > li {width: calc(33.33% - 2em);margin: 0 1em 1.5em;border-radius: 1em;border: 1px solid #d3d3d3;overflow: hidden;}
.block-column-01 .container:nth-child(2) > ul > li > a figure {width: 100%;padding-top: 55%;position: relative;overflow: hidden;}
.block-column-01 .container:nth-child(2) > ul > li.noImage > a figure {background: #f8f8f8;}
.block-column-01 .container:nth-child(2) > ul > li.noImage > a figure::after {content: '';width: 60%;height: 3em;background: url("../img/common/logo03_pc.webp") no-repeat center/contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.block-column-01 .container:nth-child(2) > ul > li > a figure img {width: 102%;height: 102%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}
.block-column-01 .container:nth-child(2) > ul > li > a {display: block;}
.block-column-01 .container:nth-child(2) > ul > li > a > div {padding: 1em;background: #fff;}
.block-column-01 .container:nth-child(2) > ul > li > a > div > p:nth-of-type(1) {color: var(--color-01);font-size: 87.5%;}
.block-column-01 .container:nth-child(2) > ul > li > a > div > p:nth-of-type(2) {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 112.5%;font-weight: 600;min-height: 3em;overflow: hidden;}
.block-column-01 .container:nth-child(2) > ul > li > a > div > p:nth-of-type(3) {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;font-size: 87.5%;line-height: 2;margin-top: 0.5em;overflow: hidden;}
.block-column-01 .container:nth-child(2) #category-list {padding: 0 1em 1em;}
.block-column-01 .container:nth-child(2) #category-list li a {font-size: 68.75%;}
.block-column-02 .container:nth-child(1) {margin-top: 5em;}
.block-column-02 .container:nth-child(1) > div {padding: 2em 3em 2em 16em;background: #eff3f5;position: relative;}
.block-column-02 .container:nth-child(1) > div::after {display: block;content: '';width: 10em;height: 10em;padding: 2em;border-radius: 50%;background: #fff url("../img/common/logo05_pc.webp") no-repeat center/60%;position: absolute;top: 50%;left: 3em;z-index: 100;transform: translateY(-50%);}
.block-column-02 .container:nth-child(1) > div p:nth-child(1) {font-size: 112.5%;}
.block-column-02 .container:nth-child(1) > div p:nth-child(2) {font-size: 125%;font-weight: 600;margin-top: 0.25em;}
.block-column-02 .container:nth-child(1) > div p:nth-child(3) {font-size: 87.5%;line-height: 1.75;margin-top: 1em;}
.block-column-02 .container:nth-child(1) > div a {display: block;color: #034293;font-size: 87.5%;padding: 0.5em 0 0.5em 1em;width: 6em;position: relative;}
.block-column-02 .container:nth-child(1) > div a::before {display: inline-block;content: '';width: 0.5em;height: 0.5em;border-right: 1px solid #034293;border-bottom: 1px solid #034293;position: absolute;top: 47%;left: -2px;transform: translateY(-50%) rotate(-45deg);}
.block-column-02 .container:nth-child(1) > div a span {display: inline-block;line-height: 1.7;border-bottom: 1px solid #034293;}
@media only screen and (max-width: 1400px) {
  .block-column-01 .container:nth-child(2) > ul > li a > div {padding: 1em 1.5em;}
}
@media only screen and (max-width: 1200px) {
  #contentsWrap {padding: 5em 0;}
  .block-column-01 .container:nth-child(2) > ul {margin: 0 -1em -2em;}
  .block-column-01 .container:nth-child(2) > ul > li {width: calc(50% - 2em);margin: 0 1em 1.5em;}
  .block-column-01 .container:nth-child(2) > ul > li > a > div {padding: 1em 1.5em;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #contentsWrap {padding: 3em 0 4em;}
  #main,
  #sideColumn {width: 100%;}
  #sideColumn {margin-top: 4em;padding: 0;}
  .block-column-01 .container:nth-child(2) > ul {margin: 0 -1em -2em;}
  .block-column-01 .container:nth-child(2) > ul > li {width: calc(100% - 2em);margin-bottom: 2em;}
  .block-column-02 .container:nth-child(1) {margin-top: 3em;}
  .block-column-02 .container:nth-child(1) > div {padding: calc(5vw + 12em) 5vw 5vw;}
  .block-column-02 .container:nth-child(1) > div::after {margin: 0 auto;top: calc(5vw + 0.5em);left: 0;right: 0;transform: none;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}