.relation-box .ref_news {
  background-color: #EDFDF6; }

.relation-box .ref_person {
  background-color: #EFF8FF; }

.flex-relation-box {
  padding: 30px 20px 40px 20px; }
  @media all and (min-width: 768px) {
    .flex-relation-box {
      padding: 50px 0 60px 0; } }
  @media all and (min-width: 1024px) {
    .flex-relation-box {
      padding: 60px 0 120px 0; } }
  @media all and (min-width: 1266px) {
    .flex-relation-box {
      padding-top: clamp(3.75rem, calc(-2.15rem + 7.46vw), 7.5rem);
      padding-bottom: clamp(7.5rem, calc(-1.36rem + 11.19vw), 13.125rem); } }
  @media all and (max-width: 767px) {
    .flex-relation-box.personal .image {
      margin-bottom: 1.875rem; } }
  .flex-relation-box h3 {
    margin-bottom: 1.25rem; }
    @media all and (min-width: 1266px) {
      .flex-relation-box h3 {
        margin-bottom: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
  .flex-relation-box .box {
    display: flex; }
    @media all and (max-width: 767px) {
      .flex-relation-box .box {
        flex-direction: column; } }
    .flex-relation-box .box .image {
      flex: 1; }
      @media all and (min-width: 768px) {
        .flex-relation-box .box .image {
          width: 41.6666666667%;
          margin-right: 8.333333333%; } }
      .flex-relation-box .box .image img {
        width: 100%;
        height: auto; }
    @media all and (max-width: 767px) {
      .flex-relation-box .box.news .image {
        margin-bottom: 1.875rem; } }
    .flex-relation-box .box .meta {
      flex: 1; }
      .flex-relation-box .box .meta p {
        margin-bottom: 0; }
      @media all and (min-width: 768px) {
        .flex-relation-box .box .meta {
          width: 50%; } }
      .flex-relation-box .box .meta .category {
        margin-bottom: .4375rem; }
        @media all and (min-width: 1560px) {
          .flex-relation-box .box .meta .category {
            margin-bottom: .9375rem; } }
      .flex-relation-box .box .meta .btn-row {
        margin: 1.875rem 0 1.875rem 2px; }
        @media all and (min-width: 768px) {
          .flex-relation-box .box .meta .btn-row {
            margin-top: 2.5rem;
            margin-bottom: 2.5rem; } }
        @media all and (min-width: 1266px) {
          .flex-relation-box .box .meta .btn-row {
            margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem);
            margin-bottom: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }
      .flex-relation-box .box .meta .contact-row.first {
        margin-top: 2rem; }
      .flex-relation-box .box .meta .contact-row span {
        padding-right: 7px; }
      .flex-relation-box .box .meta .contact-row a:hover {
        color: var(--green); }
  .flex-relation-box .font-head {
    color: var(--green);
    margin-bottom: .875rem; }
    @media all and (min-width: 768px) {
      .flex-relation-box .font-head {
        margin-bottom: 1.25rem; } }
    @media all and (min-width: 1266px) {
      .flex-relation-box .font-head {
        margin-bottom: 1.875rem; } }
  .flex-relation-box .text-content .font-subline, .flex-relation-box .text-content a {
    color: var(--light_blue); }
  .flex-relation-box .swiper-button-prev:after,
  .flex-relation-box .swiper-button-next:after {
    content: ""; }
  .flex-relation-box .swiper-button-prev {
    rotate: -180deg;
    left: 0; }
  .flex-relation-box .swiper-button-next {
    right: 0; }
  .flex-relation-box .paging {
    gap: 5px;
    position: relative;
    margin-top: .625rem; }
    .flex-relation-box .paging.outerbox {
      display: flex; }
      @media all and (min-width: 768px) {
        .flex-relation-box .paging.outerbox {
          display: none; } }
    .flex-relation-box .paging.imagebox {
      display: none; }
      @media all and (min-width: 768px) {
        .flex-relation-box .paging.imagebox {
          display: flex; } }
    @media all and (min-width: 1266px) {
      .flex-relation-box .paging {
        margin-top: 1.25rem;
        gap: 20px; } }
    .flex-relation-box .paging .swiper-button-prev, .flex-relation-box .paging .swiper-button-next {
      position: relative;
      margin-top: 0;
      height: auto; }
      .flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
        width: 17px; }
        .flex-relation-box .paging .swiper-button-prev svg .st0, .flex-relation-box .paging .swiper-button-next svg .st0 {
          fill: var(--light_blue); }
        @media all and (min-width: 1266px) {
          .flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
            width: 30px; } }
      .flex-relation-box .paging .swiper-button-prev:hover .st0, .flex-relation-box .paging .swiper-button-next:hover .st0 {
        fill: var(--green); }

/*# sourceMappingURL=extendedlink.css.map */