@charset "UTF-8";

.mt20 { margin-top: 20px!important;}

.mb20 { margin-bottom: 20px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}

.break_pc {
	display:block!important;
}
@media screen and (max-width: 768px) {
	.break_pc {
		display:none!important;
	}
}

/*スマホ用改行指定*/
.break_sp {
	display:none!important;
}
@media screen and (max-width: 768px) {
	.break_sp {
		display:block!important;
	}
}

.l-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    /*flex-direction: column;*/
    background: #d3d3d3;
    padding: 0;
    margin: 0 auto;
    max-width: 1440px;
    height: 650px;
  }
  
  /* 非表示 */
  .l-mv-inner {
    display: none;
    /* display: flex; */
    justify-content: center;
    flex-direction: row;
    padding: 3rem 1rem;
    margin: 0 auto;
    max-width: 1440px;
  }
  @media screen and (max-width: 1024px) {
    .l-mv-inner {
      display: none;
      /* display: flex; */
      flex-direction: column;
      row-gap: 3rem;
    }
  }
  @media screen and (max-width: 768px) {
    .l-mv-inner {
      padding: 3rem 0 0;
    }
  }
  
  /* 左側 */
  .l-tx-main-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 1rem;
    width: 66.6666666667%;
  }
  @media screen and (max-width: 768px) {
    .l-tx-main-inner {
      width: 100%;
      /* padding: 5% 1rem; */
    }
  }
  
  /* 右側 */
  .l-tx-side-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 6% 1rem 1rem 1rem;
    width: 33.3333333333%;
	background: #f8f8f8;
  }
  @media screen and (max-width: 768px) {
    .l-tx-side-inner {
      width: 100%;
      padding: 5% 1rem;
    }
  }
  
  .l-tx-main-mv-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 3rem 0;
    margin: 0 auto;
    width: 100%;
    /* max-width: 1440px; */
  }
  @media screen and (max-width: 1024px) {
    .l-tx-main-mv-inner {
      padding: 0;
      display: flex;
      flex-direction: column;
      row-gap: 3rem;
    }
  }
  @media screen and (max-width: 768px) {
    .l-tx-main-mv-inner {
      padding: 1rem 0;
    }
  }
  
  .l-page-inner {
    display: none;
    /* display: flex; */
    justify-content: center;
    flex-direction: row;
    padding: 3rem 1rem;
    margin: 0 auto;
    max-width: 1440px;
  }
  @media screen and (max-width: 1024px) {
    .l-page-inner {
      display: none;
      /* display: flex; */
      flex-direction: column;
      row-gap: 3rem;
    }
  }
  @media screen and (max-width: 768px) {
    .l-page-inner {
      padding: 3rem 0 0;
    }
  }
  
  .l-pt-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    max-width: 1260px;
    margin: 0 auto;
    padding: 3% 0;
  }
  
  .l-sum-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 5% 3% 3%;
    max-width: 1440px;
    margin: 0 auto 3%;
    background-color: #e6f4fa;
    border-radius: 0.5rem;
  }
  
  .l-rel-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 1rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    .l-rel-inner {
      width: 100%;
      /* padding: 5% 1rem; */
    }
  }
  
  .l-cta-inner {
    width: 100%;
    padding: 1rem;
    margin: 0 auto;
    /* background-color: #fff; */
    background-color: #f0f8ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 1.5rem;
    /* padding-top: 12rem; */
    padding-top: 27rem;
    /* margin-top: 50%; */
    margin-top: 3%;
  }
  @media screen and (max-width: 450px) {
    .l-cta-inner {
      /* padding-top: 8rem; */
      padding-top: 17rem;
    }
  }

  .b-mv {
    width: 100%;
  }
  .b-mv__big {
    width: 50%;
  }
  @media screen and (max-width: 1024px) {
    .b-mv__big {
      width: 100%;
      height: 350px;
    }
  }
  .b-mv__big--img {
    width: 100%;
    /* object-fit: cover;
    object-position: center; */
  }
  @media screen and (max-width: 450px) {
    .b-mv__big--img {
      height: auto;
    }
  }
  .b-mv__wrap {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 0 0 3%;
  }
  @media screen and (max-width: 1024px) {
    .b-mv__wrap {
      width: 95%;
      padding: 3%;
      margin: 0 auto;
      background-color: rgba(255, 255, 255, 0.9);
    }
  }
  .b-mv__wrap--link {
    padding: 1rem;
    text-decoration: none;
  }
  .b-mv__wrap--ttl {
    font-size: calc(1.8rem + 0.1vw);
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.5em;
  }
  @media screen and (max-width: 768px) {
    .b-mv__wrap--ttl {
      text-align: center;
      line-height: 1.5em;
    }
  }
  @media screen and (max-width: 450px) {
    .b-mv__wrap--ttl {
      font-size: calc(1.5rem + 0.1vw);
    }
  }
  .b-mv__wrap--ttl br {
    display: block;
  }
  @media screen and (max-width: 1024px) {
    .b-mv__wrap--ttl br {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    .b-mv__wrap--ttl br {
      display: block;
    }
  }
  .b-mv__wrap--heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3% 0;
  }
  .b-mv__wrap--sub {
    text-align: left;
    padding: 3% 0;
    font-size: calc(1rem + 0.1vw);
    line-height: 1.8em;
    width: 100%;
  }
  @media screen and (max-width: 450px) {
    .b-mv__wrap--sub {
      padding: 5% 3%;
      text-align: left;
    }
  }
  
  .b-tx-main-mv {
    width: 100%;
  }
  .b-tx-main-mv__big {
    width: 100%;
    /* width: calc( 100% / 2 ); */
    /* @include mq(lg) {
        width: 100%;
        height: 350px;
    } */
  }
  .b-tx-main-mv__big--img {
    width: 100%;
    /* object-fit: cover;
    object-position: center; */
  }
  @media screen and (max-width: 450px) {
    .b-tx-main-mv__big--img {
      height: auto;
    }
  }
  .b-tx-main-mv__wrap {
    width: 100%;
    /* width: calc( 100% / 2 ); */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    /* padding: 0 0 0 3%; */
  }
  @media screen and (max-width: 1024px) {
    .b-tx-main-mv__wrap {
      /* width: 95%; */
      padding: 3% 0;
      margin: 0 auto;
      background-color: rgba(255, 255, 255, 0.9);
    }
  }
  .b-tx-main-mv__wrap--ttl {
    font-size: calc(1.5rem + 0.1vw);
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    padding: 0 0 1.5rem;
    border-bottom: 1px solid #231815;
  }
  @media screen and (max-width: 768px) {
    .b-tx-main-mv__wrap--ttl {
      /* text-align: center; */
      line-height: 1.5em;
    }
  }
  @media screen and (max-width: 450px) {
    .b-tx-main-mv__wrap--ttl {
      font-size: calc(1.3rem + 0.1vw);
      text-align: justify;
    }
  }
  .b-tx-main-mv__wrap--ttl br {
    display: none;
  }
  @media screen and (max-width: 1024px) {
    .b-tx-main-mv__wrap--ttl br {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    .b-tx-main-mv__wrap--ttl br {
      display: none;
    }
  }
  .b-tx-main-mv__wrap--heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3% 0;
  }
  .b-tx-main-mv__wrap--sub {
    /* text-align: left; */
	text-align: justify;
    padding: 3% 0;
    font-size: calc(1rem + 0.1vw);
    line-height: 1.8em;
    width: 100%;
  }
  @media screen and (max-width: 450px) {
    .b-tx-main-mv__wrap--sub {
      padding: 5% 3%;
      text-align: left;
    }
  }
  
  .b-page-mv {
    width: 100%;
  }
  .b-page-mv__big {
    width: 50%;
  }
  @media screen and (max-width: 1024px) {
    .b-page-mv__big {
      width: 100%;
      height: 350px;
    }
  }
  .b-page-mv__big--img {
    width: 100%;
    /* object-fit: cover; */
    /* object-position: 0; */
  }
  @media screen and (max-width: 450px) {
    .b-page-mv__big--img {
      height: auto;
    }
  }
  .b-page-mv__wrap {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 0 0 3%;
  }
  @media screen and (max-width: 1024px) {
    .b-page-mv__wrap {
      width: 95%;
      padding: 3%;
      margin: 0 auto;
      background-color: rgba(255, 255, 255, 0.9);
    }
  }
  .b-page-mv__wrap--ttl {
    font-size: calc(1.8rem + 0.3vw);
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.5em;
  }
  @media screen and (max-width: 768px) {
    .b-page-mv__wrap--ttl {
      text-align: center;
      line-height: 1.5em;
    }
  }
  @media screen and (max-width: 450px) {
    .b-page-mv__wrap--ttl {
      font-size: calc(1.5rem + 0.1vw);
    }
  }
  .b-page-mv__wrap--ttl br {
    display: block;
  }
  @media screen and (max-width: 1024px) {
    .b-page-mv__wrap--ttl br {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    .b-page-mv__wrap--ttl br {
      display: block;
    }
  }
  .b-page-mv__wrap--heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3% 0;
  }
  .b-page-mv__wrap--sub {
    text-align: left;
    padding: 3% 0;
    font-size: calc(1rem + 0.1vw);
    line-height: 1.8em;
    width: 100%;
  }
  @media screen and (max-width: 450px) {
    .b-page-mv__wrap--sub {
      padding: 5% 3%;
      text-align: left;
    }
  }
  
  .b-post {
    width: 100%;
  }

  /* h2 */

  .b-post__ttl {
    /* width: 100%;
    font-size: calc(1.5rem + 0.1vw);
    border-bottom: 1px solid #000;
    padding: 5% 3% 3% 3%;
    letter-spacing: 0.15em; */
	  
	width: 100%;
    font-size: calc(1.5rem + 0.1vw);
    position: relative !important;
    padding: 0.5em !important;
    background: #308fce !important;
    color: #fff !important;
    line-height: 1.5em !important;
    margin: 15px 0 15px 0 !important;
	border: none;  
  }
  .b-post__ttl::before {
    position: absolute !important;
    content: '' !important;
    top: 100% !important;
    left: 0 !important;
    border: none !important;
    border-bottom: solid 15px transparent !important;
    border-right: solid 20px rgb(140, 140, 140) !important;
}










  @media screen and (max-width: 768px) {
    .b-post__ttl {
      text-align: center;
      line-height: 1.5em;
    }
  }
  @media screen and (max-width: 450px) {
    .b-post__ttl {
      text-align: left;
      font-size: calc(1.1rem + 0.1vw);
      padding: 3% 0;
    }
  }
  .b-post__ttl br {
    display: none;
  }
  @media screen and (max-width: 768px) {
    .b-post__ttl br {
      display: block;
    }
  }
  .b-post__img {
    max-width: 1440px;
    /* height: 650px; */
    object-fit: cover;
    object-position: center;
    padding: 3% 0;
  }
  @media screen and (max-width: 450px) {
    .b-post__img {
      padding: 5% 0;
    }
  }
  .b-post__sub {
    /* text-align: left; */
	text-align: justify;
    padding: 1rem 0;
    font-size: calc(1rem + 0.1vw);
    line-height: 1.8em;
    width: 100%;
    padding: 3% 0;
  }
  @media screen and (max-width: 450px) {
    .b-post__sub {
      padding: 5% 0;
    }
  }
  
  .b-cta {
    position: relative;
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; */
    /* row-gap: 2rem; */
    width: 100%;
    height: auto;
    background-color: var(--cta);
    /* padding: 6% 3% 3% 3%; */
    padding: 2%;
  }
  @media screen and (max-width: 450px) {
    .b-cta {
      /* padding: 1rem; */
      padding: 0.5rem;
      height: auto;
      margin: 1rem 0;
    }
  }
  .b-cta__ttl {
    font-size: calc(1.3rem - 0.1vw);
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    /* row-gap: 1rem; */
    line-height: 1.5em;
    text-align: center;
  }
  @media screen and (max-width: 450px) {
    .b-cta__ttl {
      font-size: calc(1.1rem - 0.1vw);
      line-height: 1.4em;
    }
  }
  .b-cta__ttl br {
    display: none;
  }
  @media screen and (max-width: 635px) {
    .b-cta__ttl br {
      display: block;
    }
  }
  .b-cta__bnr--img {
    position: absolute;
    /* top: 32%; */
    /* top: 30.7%; */
    top: 30.2%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 8%;
    width: 100%;
  }
  @media screen and (max-width: 450px) {
    .b-cta__bnr--img {
      top: 23.0%;
    }
  }
  .b-cta__point-area {
    position: relative;
    background-color: #fff;
    border: 1px solid #231815;
    margin: 0 auto;
    padding: 3rem 1rem 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2rem;
  }
  .b-cta__point-area--heading {
    font-size: calc(0.8rem - 0.1vw);
    font-weight: bold;
    color: #231815;
    background-color: #fff;
    width: 120px;
    height: 40px;
    position: absolute;
    top: -8%;
    /* left: 50%;
    right: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.3em;
    font-family: "Inter", sans-serif;
  }
  @media screen and (max-width: 450px) {
    .b-cta__point-area--heading {
      top: -5%;
    }
  }
  .b-cta__point-area--item {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1rem;
    width: 100%;
  }
  @media screen and (max-width: 450px) {
    .b-cta__point-area--item {
      flex-direction: column;
      row-gap: 1rem;
    }
  }
  .b-cta__point-area--item--desc {
    color: #231815;
    font-size: calc(0.8rem + 0.1vw);
    letter-spacing: 0.05em;
    width: 80%;
  }
  @media screen and (max-width: 450px) {
    .b-cta__point-area--item--desc {
      width: 100%;
    }
  }
  
  .b-relation {
    width: 100%;
  }
  .b-relation__ttl {
    border-bottom: 1px solid #231815;
    text-align: center;
    padding: 1.5rem 0;
    width: 100%;
  }
  @media screen and (max-width: 450px) {
    .b-relation__ttl {
      border: none;
    }
  }
  .b-relation__ttl--line {
    font-size: calc(1.5rem - 0.3vw);
  }
  @media screen and (max-width: 768px) {
    .b-relation__ttl--line {
      width: 50%;
    }
  }
  @media screen and (max-width: 450px) {
    .b-relation__ttl--line {
      width: 100%;
      border-radius: 8px;
    }
  }
  
  .b-summary {
    width: 100%;
  }
  .b-summary__ttl {
    border-bottom: 1px solid #231815;
    text-align: left;
    padding: 1.5rem 0 1.5rem 3%;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    .b-summary__ttl {
      text-align: center;
    }
  }
  @media screen and (max-width: 450px) {
    .b-summary__ttl {
      border: none;
    }
  }
  .b-summary__ttl--line {
    font-size: calc(1.5rem - 0.1vw);
  }
  @media screen and (max-width: 768px) {
    .b-summary__ttl--line {
      width: 50%;
    }
  }
  @media screen and (max-width: 450px) {
    .b-summary__ttl--line {
      width: 100%;
      border-radius: 8px;
    }
  }
  .b-summary__desc {
    text-align: left;
    padding: 1rem 0;
    font-size: calc(1rem + 0.1vw);
    line-height: 1.8em;
    width: 100%;
    padding: 3% 0;
  }
  @media screen and (max-width: 450px) {
    .b-summary__desc {
      padding: 5% 0;
    }
  }
  
  .b-topix {
    width: 100%;
    max-width: 960px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    .b-topix {
      flex-direction: column;
    }
  }
  .b-topix__ttl {
    width: 100%;
    height: 66px;
    border-bottom: 3px solid var(--topix-color-1);
    border-radius: 8px 0 0 0;
  }
  @media screen and (max-width: 450px) {
    .b-topix__ttl {
      border: none;
    }
  }
  .b-topix__ttl--line {
    font-size: calc(1.5rem - 0.3vw);
    height: 66px;
    width: 33.3333333333%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0;
    color: var(--topix-color-1);
    border: 3px solid var(--topix-color-1);
    border-left: 16px solid var(--topix-color-1);
    border-radius: 8px 8px 0 0;
    background: #fff;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .b-topix__ttl--line {
      width: 50%;
    }
  }
  @media screen and (max-width: 450px) {
    .b-topix__ttl--line {
      width: 100%;
      border-radius: 8px;
    }
  }
  
  .b-topix-side {
    width: 100%;
  }
  .b-topix-side__ttl {
    border-top: 1px solid var(--cta);
    border-bottom: 1px solid var(--cta);
    text-align: center;
    padding: 1.5rem 0;
	background-color: aliceblue;
  }
  @media screen and (max-width: 450px) {
    .b-topix-side__ttl {
      border: none;
    }
  }
  .b-topix-side__ttl--line {
    font-size: calc(1.5rem - 0.3vw);
	color: var(--cta);
  }
  @media screen and (max-width: 768px) {
    .b-topix-side__ttl--line {
      width: 50%;
    }
  }
  @media screen and (max-width: 450px) {
    .b-topix-side__ttl--line {
      width: 100%;
      border-radius: 8px;
    }
  }

  .b-topix-start {
    display: block;
	margin-top: 30px;
  }

  .c-floating-bnr__btn {
    padding: 1rem 1rem;
    text-decoration: none;
    border-radius: 8px;
    border: 2px solid var(--btn-line);
    color: #fff;
    background-color: var(--btn);
    /*--水平方向 垂直方向 影のぼかし 色--*/
    box-shadow: 0.3em 0.3em 0 rgba(0, 0, 0, 0.3), inset 0.3em 0.3em 0 rgb(255, 255, 255);
  }
  .c-floating-bnr__btn:hover {
    /* margin-top: 2px; */
    /* opacity: 0.8; */
    /*--水平方向 垂直方向 影のぼかし 色--*/
    box-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 0.3), inset 0.3em 0.3em 0 rgb(255, 255, 255);
    transform: scale(0.99, 0.99) translateY(2px);
  }
  @media screen and (max-width: 768px) {
    .c-floating-bnr__btn {
      width: 55.5555555556%;
      padding: 1rem 5%;
    }
  }
  @media screen and (max-width: 450px) {
    .c-floating-bnr__btn {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .c-floating-bnr__btn--link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    .c-floating-bnr__btn--link {
      gap: 0.5rem;
	  width: 100%;
    }
  }
  .c-floating-bnr__btn--link:hover {
    opacity: 1;
  }
  .c-floating-bnr__btn--link--text {
    font-size: calc(1.6rem - 0.1vw);
    font-weight: bold;
    color: #fff;
  }
  @media screen and (max-width: 768px) {
    .c-floating-bnr__btn--link--text {
      font-size: calc(1.3rem - 0.1vw);
    }
  }
  
  .c-footer__head--btn {
    width: 33.3333333333%;
    font-size: calc(1rem - 0.3vw);
    padding: 0 1.5rem;
    border-left: 1px solid #000;
  }
  @media screen and (max-width: 768px) {
    .c-footer__head--btn {
      width: 100%;
      font-size: calc(1.3rem - 0.3vw);
      border-top: 1px solid #000;
      border-left: none;
      padding: 2rem 1.5rem;
    }
  }
  @media screen and (max-width: 635px) {
    .c-footer__head--btn {
      font-size: calc(1rem - 0.3vw);
      padding: 2rem 0rem;
    }
  }
  
  .c-cta__btn {
    padding: 1.5rem 1rem;
    /* width: 83.3333333333%; */
    width: 100%;
    text-decoration: none;
    border-radius: 8px;
    border: 2px solid var(--btn-line);
    color: #fff;
    background-color: var(--btn);
    /*--水平方向 垂直方向 影のぼかし 色--*/
    box-shadow: 0.5em 0.5em 0 rgba(0, 0, 0, 0.3), inset 0.5em 0.5em 0 rgb(255, 255, 255);
    margin: 0 auto;
	text-align: center;
  }
  @media screen and (max-width: 768px) {
    .c-cta__btn {
      width: 80%;
    }
  }
  @media screen and (max-width: 450px) {
    .c-cta__btn {
      width: 100%;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0.3em 0.3em 0 rgba(0, 0, 0, 0.3), inset 0.3em 0.3em 0 rgb(255, 255, 255);
    }
  }
  .c-cta__btn:hover {
    /* margin-top: 2px; */
    /* opacity: 0.8; */
    /*--水平方向 垂直方向 影のぼかし 色--*/
    box-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 0.3), inset 0.5em 0.5em 0 rgb(255, 255, 255);
    /*transform: scale(0.99, 0.99) translateY(2px);*/
	transition: 1s;
  	-webkit-transform: rotateX(360deg);
  	transform: rotateX(360deg);  
  }
  @media screen and (max-width: 450px) {
    .c-cta__btn:hover {
      box-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 0.3), inset 0.3em 0.3em 0 rgb(255, 255, 255);
    }
  }
  .c-cta__btn--link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
	width: 100%;  
  }
  .c-cta__btn--link:hover {
    opacity: 1;
  }
  .c-cta__btn--link--text {
    /* font-size: calc(1.8rem + 0.1vw); */
    font-size: calc(1.5rem + 0.1vw);
    font-weight: bold;
    /* letter-spacing: 0.05em; */
    text-align: center;
    line-height: 1.3em;
    color: #fff;
  }
  @media screen and (max-width: 1024px) {
    .c-cta__btn--link--text {
      font-size: calc(1.5rem - 0.1vw);
    }
  }
  @media screen and (max-width: 450px) {
    .c-cta__btn--link--text {
      /* font-size: calc(1.2rem - 0.1vw); */
      font-size: calc(1.1rem - 0.1vw);
    }
  }
  .c-cta__btn--link--text br {
    display: none;
  }
  @media screen and (max-width: 635px) {
    .c-cta__btn--link--text br {
      display: block;
    }
  }
  @media screen and (max-width: 450px) {
    .c-cta__btn--link--text br {
      display: none;
    }
  }
  
  /* slideボタン 非表示 */
  .c-cta-slide__btn {
    width: 45.4545454545%;
    color: #231815;
    background: var(--topix-color-1);
    border: solid 3px #231815;
    border-radius: 200px;
    font-size: calc(1.8rem + 0.1vw);
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 4% 3%;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (max-width: 768px) {
    .c-cta-slide__btn {
      width: 50%;
      font-size: calc(1.3rem + 0.1vw);
      padding: 4%;
    }
  }
  @media screen and (max-width: 450px) {
    .c-cta-slide__btn {
      width: 100%;
    }
  }
  .c-cta-slide__btn::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #231815;
    transition: transform ease 0.3s;
    transform-origin: 100% 50%;
    transform: scaleX(0);
  }
  .c-cta-slide__btn:hover {
    color: var(--topix-color-1);
  }
  .c-cta-slide__btn:hover::before {
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }
  .c-cta-slide__btn--link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  @media screen and (max-width: 768px) {
    .c-cta-slide__btn--link {
      gap: 0.5rem;
    }
  }
  
  .c-cta-slide__btn:hover .c-cta-slide__btn--link {
    color: var(--topix-color-1);
  }

  .c-itemicon-arrow {
    fill: #d3d3d3;
  }
  
  .c-svg-tel {
    display: block;
    margin: 0 auto;
    fill: #fff;
  }
  
  .c-svg-mail {
    display: inline-block;
    margin: 0 0 0 0.5em;
    fill: #fff;
  }
  
  .c-svg-floating {
    display: inline-block;
    margin: 0;
    fill: #fff;
	margin-left: 0.5rem;
  }
  
  .c-svg-slide-floating {
    display: inline-block;
    margin: 0;
    fill: #231815;
  }
  
  .c-cta-slide__btn:hover .c-svg-slide-floating {
    fill: var(--topix-color-1);
  }
  
  .c-svg-circle {
    display: inline-block;
    margin: 0;
    transform: rotate(-90deg);
    fill: #fff;
  }
  
  .c-svg-arrow {
    display: inline-block;
    margin: 0;
    transform: rotate(45deg);
  }
  
  .c-svg-cta {
    display: inline-block;
    margin: 0;
    transform: rotate(90deg);
    fill: #fff;
  }
  
  .c-svg-fcta {
    display: inline-block;
    margin: 0;
    transform: none;
    fill: #fff;
  }
  @media screen and (max-width: 768px) {
    .c-svg-fcta {
      transform: rotate(90deg);
    }
  }
  @media screen and (max-width: 450px) {
    .c-svg-fcta {
      display: none;
    }
  }
  
  .e-floating-bnr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    /* column-gap: 1.5rem; */
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-color: #fff;
    background: rgba(151, 151, 151, 0.9);
    z-index: 10;
    border-top: 1px solid #231815;
  }
  @media screen and (max-width: 768px) {
    .e-floating-bnr {
      flex-direction: column;
      row-gap: 0;
      padding: 1rem;
      height: auto;
    }
  }
  @media screen and (max-width: 450px) {
    .e-floating-bnr {
      flex-direction: column;
      row-gap: 5px;
      padding: 0.5rem;
      height: auto;
    }
  }
  .e-floating-bnr__ttl {
    font-size: calc(1.3rem - 0.1vw);
    font-weight: bold;
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    color: #fff;
  }
  @media screen and (max-width: 768px) {
    .e-floating-bnr__ttl {
      font-size: calc(1.1rem - 0.1vw);
      flex-direction: column;
      row-gap: 0;
      text-align: right;
      line-height: 1.5em;
    }
  }
  @media screen and (max-width: 450px) {
    .e-floating-bnr__ttl {
      font-size: calc(0.9rem - 0.1vw);
      flex-direction: column;
      row-gap: 0;
      text-align: center;
      letter-spacing: 0.15em;
    }
  }
  .e-floating-bnr__ttl br {
    display: none;
  }
  @media screen and (max-width: 450px) {
    .e-floating-bnr__ttl br {
      display: none;
    }
  }
  
  .e-fnav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1.5rem 0;
    border-bottom: 1px solid #000;
    gap: 0.8rem;
    font-size: calc(0.9rem - 0.1vw);
  }
  @media screen and (max-width: 768px) {
    .e-fnav {
      padding: 2rem 0;
      font-size: calc(1rem - 0.3vw);
    }
  }
  @media screen and (max-width: 450px) {
    .e-fnav {
      padding: 3rem 0;
      font-size: calc(1.1rem - 0.3vw);
    }
  }
  .e-fnav__list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3em;
    line-height: 2.5em;
    letter-spacing: 0.15em;
  }
  @media screen and (max-width: 768px) {
    .e-fnav__list {
      /* justify-content: inherit; */
      line-height: 1.5em;
      gap: 2em;
    }
  }
  @media screen and (max-width: 450px) {
    .e-fnav__list {
      gap: 1.5em;
    }
  }
  .e-fnav__item {
    display: flex;
    align-items: center;
  }
  .e-fnav__item--link {
    display: flex;
    align-items: center;
    gap: 0;
  }
  
  .e-article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 0;
    list-style: none;
	width: 100%;  
  }
  @media screen and (max-width: 768px) {
    .e-article {
      gap: 0.5rem;
      padding: 1.5rem 3%;
    }
  }
  @media screen and (max-width: 450px) {
    .e-article {
      padding: 1.5rem 0;
    }
  }
  .e-article__card {
    width: 48.5436893204%;
    padding-bottom: 1.5rem;
  }
  @media screen and (max-width: 1440px) {
    .e-article__card {
      width: 47%;
      row-gap: 1rem;
    }
  }
  @media screen and (max-width: 768px) {
    .e-article__card {
      width: 48.5436893204%;
      row-gap: 2rem;
      padding-bottom: 0;
    }
  }
  .e-article__card--link {
    /*padding: 1rem;*/
    text-decoration: none;
  }
  .e-article__card--head {
    overflow: hidden;
    width: 100%;
    /*padding-bottom: 5%;*/
    /* @include mq(xl) {
        height: 427px;
    }
    @include mq(md) {
        height: 427px;
    }
    @include mq(xs) {
        height: auto;
    } */
  }
  .e-article__card--head--thum {
    position: relative;
  }
  .e-article__card--head--thum--img {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    width: 100%;
    height: 176px;
    object-fit: cover;
    transition-duration: 0.8s;
  }
  @media screen and (max-width: 1024px) {
    .e-article__card--head--thum--img {
      height: 198px;
    }
  }
  @media screen and (max-width: 768px) {
    .e-article__card--head--thum--img {
      height: auto;
    }
  }
  .e-article__card--head--thum--img:hover {
    transform: scale(0.9);
    border-radius: 1rem;
  }
  .e-article__card--body {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
  }
  .e-article__card--body--heading {
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 1rem;
  }
  .e-article__card--body--heading--subttl {
    font-size: calc(1rem - 0.1vw);
    padding: 0.3rem;
    border: 1px solid #000;
  }
  .e-article__card--body--heading--day {
    font-size: calc(1rem - 0.1vw);
  }
  .e-article__card--body--mainttl {
    font-size: calc(1.0rem - 0.1vw);
    font-weight: bold;
  }

  @media screen and (max-width: 768px) {
    .e-article__card--body--mainttl {
      font-size: calc(0.8rem - 0.1vw);
    }
  }



  .e-article__card--body--desc {
    font-size: calc(1rem - 0.1vw);
    line-height: 1.8em;
  }
  .e-article__card--body--icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1rem;
  }
  .e-article__card--body--icon--keyword {
    /* width: calc( 2em * 2.7 ); */
    height: 30px;
    line-height: 30px;
    font-size: calc(0.7rem - 0.1vw);
    padding: 0 0.5rem;
    color: var(--topix-color-1);
    border: 1px solid var(--topix-color-1);
  }
  
  .e-article-side {
    padding: 1rem 0;
    list-style: none;
  }
  @media screen and (max-width: 768px) {
    .e-article-side {
      gap: 2rem;
      padding: 1.5rem 3%;
    }
  }
  @media screen and (max-width: 450px) {
    .e-article-side {
      padding: 1.5rem 0;
    }
  }
  .e-article-side__card {
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px dashed #ccc;
    /* @include mq(xl) {
        width: 47%;
        row-gap: 1rem;
    }  */
  }
  .e-article-side__card:last-child {
    /* border-bottom: 1px solid var(--cta); */
	border-bottom: 1px dashed #ccc;  
  }
  .e-article-side__card.bnr_area {
	border-bottom: none; 
  }


  @media screen and (max-width: 768px) {
    .e-article-side__card {
      width: 100%;
      row-gap: 2rem;
    }
  }
  .e-article-side__card--link {
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
    padding: 1rem 0;
    text-decoration: none;
  }
  @media screen and (max-width: 1024px) {
    .e-article-side__card--link {
      flex-direction: column;
      row-gap: 1rem;
    }
  }
  @media screen and (max-width: 768px) {
    .e-article-side__card--link {
      flex-direction: row;
      column-gap: 1rem;
      padding: 0;
    }
  }
  .e-article-side__card--head {
    overflow: hidden;
    width: 50%;
    /* padding-bottom: 5%; */
    /* @include mq(md) {
        height: 427px;
    }
    @include mq(xs) {
        height: auto;
    } */
  }
  @media screen and (max-width: 1024px) {
    .e-article-side__card--head {
      width: 100%;
    }
  }
  .e-article-side__card--head--thum {
    position: relative;
    text-align: center;
  }
  .e-article-side__card--head--thum--img {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    width: 200px;
    /* height: 200px; */
    object-fit: cover;
    transition-duration: 0.8s;
  }
  /* .e-article-side__card--head--thum--img:hover {
    transform: scale(0.9);
    border-radius: 1rem;
  } */
  @media screen and (max-width: 768px) {
    .e-article-side__card--head--thum--img {
      width: 100%;
    }
  }
  @media screen and (max-width: 450px) {
    .e-article-side__card--head--thum--img {
      width: 200px;
    }
  }
  .e-article-side__card--body {
    width: 50%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    row-gap: 1rem;
    /* &--mainttl {
        font-size: calc( 1.1rem - .1vw );
        font-weight: bold;
    } */
    /* &--icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 1rem;
        &--keyword {
            width: calc( 2em * 2.7 );
            height: 35px;
            line-height: 35px;
            font-size: calc( 1.1rem - .1vw );
            padding: 0 1.5rem;
            color: var( --topix-color-1 );
            border: 1px solid var( --topix-color-1 );
        }
    } */
  }
  @media screen and (max-width: 1024px) {
    .e-article-side__card--body {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .e-article-side__card--body {
      justify-content: space-around;
    }
  }
  .e-article-side__card--body--heading {
    width: 100%;
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; */
    /* &--subttl {
        font-size: calc( 1rem - .1vw );
        padding: 0.3rem;
        border: 1px solid $black;
    } */
  }
  .e-article-side__card--body--heading--day {
    font-size: calc(1rem - 0.1vw);
    text-align: right;
  }
  .e-article-side__card--body--desc {
    font-size: calc(1rem - 0.1vw);
    line-height: 1.8em;
  }
  .e-article-side__card--cat-link {
    padding: 1rem 0;
    text-decoration: none;
  }
  .e-article-side__card--cat-link--name {
    padding-left: 1rem;
    text-align: left;
  }
  .e-article-side__card--bnr-link {
    padding: 1rem 0;
    text-decoration: none;
  }
  .e-article-side__card--bnr-link--thum {
    width: 100%;
  }
  
  .e-article-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 0;
	width: 100%;  
  }
  @media screen and (max-width: 768px) {
    .e-article-page {
      gap: 2rem;
      padding: 1.5rem 3%;
    }
  }
  @media screen and (max-width: 450px) {
    .e-article-page {
      padding: 1.5rem 0;
    }
  }
  .e-article-page__card {
    width: 48.5436893204%;
    padding-bottom: 2rem;
  }
  @media screen and (max-width: 1440px) {
    .e-article-page__card {
      width: 47%;
      row-gap: 1rem;
    }
  }
  @media screen and (max-width: 768px) {
    .e-article-page__card {
      width: 100%;
      row-gap: 2rem;
      padding-bottom: 0;
    }
  }
  .e-article-page__card--link {
    padding: 1rem;
    text-decoration: none;
  }
  .e-article-page__card--head {
    overflow: hidden;
    width: 100%;
    padding-bottom: 5%;
    /* @include mq(xs) {
        height: auto;
    } */
  }
  .e-article-page__card--head--thum {
    position: relative;
  }
  .e-article-page__card--head--thum--img {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    width: 100%;
    height: 176px;
    object-fit: cover;
    transition-duration: 0.8s;
  }
  @media screen and (max-width: 1024px) {
    .e-article-page__card--head--thum--img {
      height: 198px;
    }
  }
  @media screen and (max-width: 768px) {
    .e-article-page__card--head--thum--img {
      height: auto;
    }
  }
  .e-article-page__card--head--thum--img:hover {
    transform: scale(0.9);
    border-radius: 1rem;
  }
  .e-article-page__card--body {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
  }
  .e-article-page__card--body--heading {
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 1rem;
  }
  .e-article-page__card--body--heading--subttl {
    font-size: calc(1rem - 0.1vw);
    padding: 0.3rem;
    border: 1px solid #000;
  }
  .e-article-page__card--body--heading--day {
    font-size: calc(1rem - 0.1vw);
  }
  .e-article-page__card--body--mainttl {
    font-size: calc(1.1rem - 0.1vw);
    font-weight: bold;
  }
  .e-article-page__card--body--desc {
    font-size: calc(1rem - 0.1vw);
    line-height: 1.8em;
  }
  .e-article-page__card--body--icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1rem;
  }
  .e-article-page__card--body--icon--keyword {
    /* width: calc( 2em * 2.7 ); */
    height: 35px;
    line-height: 35px;
    font-size: calc(1.1rem - 0.1vw);
    padding: 0 1.5rem;
    color: var(--topix-color-1);
    border: 1px solid var(--topix-color-1);
  }
  
  /* TOPもっと読み込むボタン */
  .e-art-readmore {
    padding: 1rem 0;
  }
  
  .e-art-readmore__check {
    display: none;
  }
  
  .e-art-readmore__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66.6666666667%;
    height: 60px;
    margin: 0 auto;
    background-color: #fff;
    color: #231815;
    font-size: calc(1rem + 0.1vw);
    border: 1px solid #231815;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    .e-art-readmore__label {
      width: 100%;
      font-size: calc(1.3rem + 0.1vw);
    }
  }
  @media screen and (max-width: 450px) {
    .e-art-readmore__label {
      height: 60px;
    }
  }
  
  .e-art-readmore__content {
    height: 0px; /* 高さの初期値 */
    padding: 0;
    transition: 0.8s;
    overflow: hidden;
  }
  
  .e-art-readmore__label:before {
    content: "もっと読み込む";
  }
  
  .e-art-readmore__check:checked ~ .e-art-readmore__label:before {
    content: "閉じる";
  }
  
  .e-art-readmore__check:checked ~ .e-art-readmore__content {
    height: auto;
    padding: 15px 0;
  }
  
  /* pageもっと読み込むボタン */
  .e-art-page-readmore {
    padding: 1rem 0;
  }
  
  .e-art-page-readmore__check {
    display: none;
  }
  
  .e-art-page-readmore__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66.6666666667%;
    height: 60px;
    margin: 0 auto;
    background-color: #fff;
    color: #231815;
    font-size: calc(1rem + 0.1vw);
    border: 1px solid #231815;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    .e-art-page-readmore__label {
      width: 100%;
      font-size: calc(1.3rem + 0.1vw);
    }
  }
  @media screen and (max-width: 450px) {
    .e-art-page-readmore__label {
      height: 60px;
    }
  }
  
  .e-art-page-readmore__content {
    height: 0px; /* 高さの初期値 */
    padding: 0;
    transition: 0.8s;
    overflow: hidden;
  }
  
  .e-art-page-readmore__label:before {
    content: "もっと読み込む";
  }
  
  .e-art-page-readmore__check:checked ~ .e-art-page-readmore__label:before {
    content: "閉じる";
  }
  
  .e-art-page-readmore__check:checked ~ .e-art-page-readmore__content {
    height: auto;
    padding: 15px 0;
  }
  
  .e-accordion--pc {
    width: 100%;
    display: grid;
    /* grid-template-columns: 22% 22% 22% 22%; */
	grid-template-columns: 18% 18% 18% 18% 18%;
    justify-content: center;
    padding: 2.5rem 0;
    gap: 5rem 2rem;
  }
  @media screen and (max-width: 768px) {
    .e-accordion--pc {
      display: none;
    }
  }
  
  .e-accordion {
    display: none;
  }
  @media screen and (max-width: 768px) {
    .e-accordion {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 3rem;
    }
  }
  @media screen and (max-width: 450px) {
    .e-accordion {
      gap: 0.5rem;
    }
  }
  .e-accordion__inner {
    position: relative;
  }
  
  .e-accordion__toggle {
    display: none;
  }
  
  .e-accordion__label {
    width: 100%;
    display: block;
    cursor: pointer;
  }
  
  .e-accordion__label::before, .e-accordion__label::after {
    display: none;
    position: absolute;
    content: "";
    width: 3px;
    height: 0.75em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 2.5rem;
    background-color: #d3d3d3;
    transition: all 0.3s;
  }
  @media screen and (max-width: 768px) {
    .e-accordion__label::before, .e-accordion__label::after {
      display: block;
    }
  }
  
  .e-accordion__label::after {
    transform: rotate(90deg);
  }
  
  .e-accordion__label, .e-accordion__content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
    box-sizing: border-box;
  }
  
  .e-accordion__content {
    max-height: 0;
    overflow: hidden;
  }
  
  .e-accordion__toggle:checked + .e-accordion__label + .e-accordion__content {
    max-height: 500px;
    transition: all 1.5s;
  }
  
  .e-accordion__toggle:checked + .e-accordion__label::before {
    transform: rotate(90deg) !important;
  }
  
  .bc-pc {
    display: block;
    /*    @include mq(md) {
        display: none;
       } */
  }
  
  .bc-sp {
    display: none;
    /* @include mq(md) {
     display: flex;
     align-items: center;
     justify-content: center;
    } */
  }
  
  .e-breadcrumb {
    width: 100%;
    background-color: #fff;
    /* background-color: var( --main-color ); */
    padding: 1% 0;
    margin: 0 auto;
    border-bottom: 1px solid #231815;
  }
  @media screen and (max-width: 450px) {
    .e-breadcrumb {
      padding: 3.5% 0;
    }
  }
  .e-breadcrumb__list {
    width: 100%;
    max-width: 960px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    column-gap: 0.5rem;
    margin: 0 auto;
    padding: 0 0 0 3%;
  }
  .e-breadcrumb__list::-webkit-scrollbar {
    display: none;
  }
  @media screen and (max-width: 768px) {
    .e-breadcrumb__list {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      row-gap: 0.5rem;
    }
  }
  @media screen and (max-width: 450px) {
    .e-breadcrumb__list {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      column-gap: 1rem;
      overflow-x: scroll; /*横にはみ出した要素をスクロールする*/
      white-space: nowrap; /*自動改行しないようにする*/
    }
  }
  .e-breadcrumb__list--item {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 0.5rem;
  }
  .e-breadcrumb__list--item::after {
    content: ">";
    display: inline-block;
    padding: 0 0.5em;
  }
  @media screen and (max-width: 1440px) {
    .e-breadcrumb__list--item::after {
      padding: 0;
    }
  }
  .e-breadcrumb__list--item:last-child::after {
    content: "";
  }
  .e-breadcrumb__list--item--link {
    font-size: calc(0.9rem - 0.15vw);
    font-weight: 400;
    letter-spacing: 0.15em;
    user-select: none;
  }
  @media screen and (max-width: 1024px) {
    .e-breadcrumb__list--item--link {
      font-size: calc(0.75rem - 0.1vw);
    }
  }
  @media screen and (max-width: 768px) {
    .e-breadcrumb__list--item--link {
      font-size: calc(0.6rem - 0.1vw);
    }
  }
  @media screen and (max-width: 450px) {
    .e-breadcrumb__list--item--link {
      font-size: calc(0.7rem - 0.1vw);
    }
  }
  
  .e-breadcrumb-sp {
    max-width: 1440px;
    padding: 8% 3% 3%;
  }
  .e-breadcrumb-sp__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 0.5rem;
  }
  .e-breadcrumb-sp__list--item::after {
    content: ">";
    display: inline-block;
    padding: 0 0.5em;
  }
  .e-breadcrumb-sp__list--item:last-child::after {
    content: "";
  }
  .e-breadcrumb-sp__list--item--link {
    font-size: calc(0.9rem - 0.1vw);
    font-weight: 400;
    letter-spacing: 0.15em;
  }
  
  .e-icon {
    width: calc(70px - 1.1vw);
    height: calc(70px - 1.1vw);
    border-radius: 200px;
    border: 1px solid #231815;
    background-color: #fff;
    /* background-color: var( --icon-color );  */
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-size: calc(0.8rem - 0.1vw);
    z-index: 3;
  }
  @media screen and (max-width: 1024px) {
    .e-icon {
      width: calc(60px - 1.1vw);
      height: calc(60px - 1.1vw);
    }
  }
  @media screen and (max-width: 768px) {
    .e-icon {
      width: calc(50px - 0.3vw);
      height: calc(50px - 0.3vw);
    }
  }
  @media screen and (max-width: 450px) {
    .e-icon {
      width: calc(40px - 0.3vw);
      height: calc(40px - 0.3vw);
    }
  }
  
  .e-icon-card {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5rem;
    width: calc(70px - 2.1vw);
    height: calc(70px - 2.1vw);
    border-radius: 200px;
    border: 1px solid #231815;
    background-color: #fff;
    /* background-color: var( --icon-color );  */
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-size: calc(0.8rem - 0.1vw);
    z-index: 3;
  }
  @media screen and (max-width: 1024px) {
    .e-icon-card {
      width: calc(60px - 1.1vw);
      height: calc(60px - 1.1vw);
    }
  }
  @media screen and (max-width: 768px) {
    .e-icon-card {
      width: calc(50px - 0.3vw);
      height: calc(50px - 0.3vw);
    }
  }
  @media screen and (max-width: 450px) {
    .e-icon-card {
      width: calc(40px - 0.3vw);
      height: calc(40px - 0.3vw);
    }
  }
  
  .e-icon-card-side {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5rem;
    width: 50px;
    height: 50px;
    border-radius: 200px;
    border: 1px solid #231815;
    background-color: #fff;
    /* background-color: var( --icon-color );  */
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-size: calc(0.8rem - 0.1vw);
    z-index: 3;
  }
  
  .e-icon-cta {
    width: 30%;
    padding: 0;
  }
  @media screen and (max-width: 1024px) {
    .e-icon-cta {
      width: 50%;
      padding: 0;
    }
  }




/* 記事ページタイトル下　カテゴリ・更新日 */

.under_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 25px;
}

.under_ttl .cat_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 10px;
  margin-right: 20px !important;
}

.under_ttl .cat_wrap li .cat_link {
    font-size: 11px;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
    color: var(--topix-color-1);
    border: 1px solid var(--topix-color-1);
}

.under_ttl .date_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.under_ttl .date_wrap li {
  font-size: 14px;
  color: #333;
  padding-left: 20px;
  position: relative;
}

.under_ttl .date_wrap li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.under_ttl .date_wrap li.posted_date::before {
  background: url(../img/icon_clock.svg) 0 0/cover no-repeat;
}

.under_ttl .date_wrap li.updated_date::before {
  background: url(../img/icon_pencil.svg) 0 0/cover no-repeat;
}


/* 記事ページタイトル下　カテゴリ・更新日 ２ */
.under_ttl2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px 0 15px;
}

@media screen and (max-width: 768px) {
  .under_ttl2 { margin: 10px 0 5px; }
}

.under_ttl2 .cat_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 10px;
  margin-right: 20px !important;
}

.under_ttl2 .cat_wrap li .cat_link {
    font-size: 11px;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
    color: var(--topix-color-1);
    border: 1px solid var(--topix-color-1);
}

.under_ttl2 .date_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.under_ttl2 .date_wrap li {
  font-size: 14px;
  color: #333;
  padding-left: 20px;
  position: relative;
}

.under_ttl2 .date_wrap li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.under_ttl2 .date_wrap li.posted_date::before {
  background: url(../img/icon_clock.svg) 0 0/cover no-repeat;
}

.under_ttl2 .date_wrap li.updated_date::before {
  background: url(../img/icon_pencil.svg) 0 0/cover no-repeat;
}

.waku_blue { border: solid 2px #bde0ff; background: #fffce7; padding: 1em; width: 100%!important; }
.waku_blue_white { border: solid 2px #bde0ff; background: #fff; padding: 1em; }



/* ページネーション本体 */

.pagination {
  max-width: 960px;
  width: 100%;
  margin: 0 auto 60px;
}

@media screen and (max-width: 768px) {
  .pagination {
    margin: 0 auto 50px;
  }
}

.pagination .page_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination .page_list li {
  margin-right: 5px;
}

.pagination .page_list li:last-child {
  margin-right: 0;
  margin-left: 5px;
}

.pagination .page_list .num a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}

.pagination .page_list .num.active a {
  background: #2A6CB6;
  color: #fff;
}

.pagination .page_list .back02 {
  margin-left: 5px;
  margin-right: 10px;
}

.pagination .page_list .next01 {
  margin-left: 5px;
  margin-right: 5px;
}

.pagination .page_list a {
  font-size: 16px;
  color: #2A6CB6;
  text-decoration: none;
}

.pagination{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;margin:20px 0;}
.pagination p{margin:0 5px 0 0;padding:0!important;}
.pagination p:last-child{margin-right:0;}
.pagination p a,.pagination p button{background-position:50% 50%;background-repeat:no-repeat;line-height:1.2em;text-indent:-9000px;}
.pagination p button{box-shadow:none;border:none;padding:0;min-width:0;background-color:transparent;cursor:pointer;}
.pagination p button::-moz-focus-inner{border:none;}
.pagination p.first-page a,.pagination p.first-page button{background-image:url(../img/pagination-fitst.svg);}
.pagination p.prev-page a,.pagination p.prev-page button{background-image:url(../img/pagination-prev.svg);}
.pagination p.next-page a,.pagination p.next-page button{background-image:url(../img/pagination-next.svg);}
.pagination p.end-page a,.pagination p.end-page button{background-image:url(../img/pagination-end.svg);}
.pagination p.disabled a,.pagination p.disabled button{opacity:.3;cursor:default;}
.pagination ol,.pagination ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin:0!important;padding:0!important;letter-spacing:-.4em;}
.pagination ol li,.pagination ul li{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin:0 5px 0 0!important;list-style:none;}
.pagination ol li a,.pagination p button,.pagination ul li a{display:block;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:5px 8px;background-color:#fff;line-height:1.2em;letter-spacing:0;text-align:center;color:#3289c7;}
.pagination ol li.current a,.pagination ul li.current a{-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(0,0,0,.2);margin-top:0px;border-color:#1b6ca6;padding-bottom:3px;background-color:#3289c7;color:#fff;cursor:text;}
.pagination p.disabled button{opacity:.3;}