@charset "UTF-8";
/*
 * これは自動生成されたファイルです。このファイルを直接編集しないでください。
 * THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 */
/*
 * これは自動生成されたファイルです。このファイルを直接編集しないでください。
 * THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 */
/*
* これは自動生成されたファイルです。このファイルを直接編集しないでください。
* THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
*/
.l-mainContent-blog .pageHeader {
  background-color: #E9F4FF;
  padding: 3.5rem 0;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}
.l-mainContent-blog .pageHeader:before {
  content: "";
  width: 30%;
  min-height: 250%;
  z-index: 100;
  background: url(../images/mainVisual.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  opacity: 0.3;
}
.l-mainContent-blog h2.h2-heading {
  color: #213343;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}
.l-mainContent-blog .column-list-area {
  list-style: none;
  padding: 0;
}
.l-mainContent-blog p {
  margin-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.75;
}
.l-mainContent-blog .is-font-red {
  color: #0062C4;
}
.l-mainContent-blog .is-bg-frame {
  background: #F8F8F8;
  border: 1px solid #F3F3F3;
  padding: 1.25rem;
  margin-bottom: 0.875rem;
}
.l-mainContent-blog .is-bg-frame:last-child {
  margin-bottom: 0;
}
.l-mainContent-blog a {
  text-decoration: none;
}
.l-mainContent-blog a.link-external,
.l-mainContent-blog a.link-internal,
.l-mainContent-blog .text-link-ul a,
.l-mainContent-blog .link-list-text a {
  color: #003163;
}
.l-mainContent-blog a.link-external:hover,
.l-mainContent-blog a.link-internal:hover,
.l-mainContent-blog .text-link-ul a:hover,
.l-mainContent-blog .link-list-text a:hover {
  color: #0062C4;
  text-decoration: underline;
}
.l-mainContent-blog ul.text-link-ul, .l-mainContent-blog .link-list-text {
  padding: 0;
}
.l-mainContent-blog ul.text-link-ul li, .l-mainContent-blog .link-list-text li {
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 20px;
  list-style: none;
}
.l-mainContent-blog ul.text-link-ul li::before, .l-mainContent-blog .link-list-text li::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  position: absolute;
  display: inline-block;
  font-size: 0.8rem;
  color: #0092D0;
  content: "섄";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.l-mainContent-blog .article-category ._title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #213343;
}
.l-mainContent-blog .link-list {
  counter-reset: i;
  list-style-type: none;
  padding-left: 0;
}
.l-mainContent-blog .link-list a {
  border-bottom: 1px solid #D9D9D9;
  display: block;
  padding: 20px 15px;
  color: #222222;
}
.l-mainContent-blog .link-list a:hover {
  background-color: #F8F8F8;
}
.l-mainContent-blog .link-list .ll-link {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.8;
  margin: 0.5rem 0;
  padding: 0;
}
.l-mainContent-blog .page-info-area .pi-tagarea {
  width: 100%;
  max-width: 12.5rem;
  padding: 0.125rem 1rem 0.125rem;
  font-size: 0.812rem;
  color: #fff;
  background-color: #0092D0;
  border-radius: 2px;
  position: relative;
}
.l-mainContent-blog .page-info-area .pi-tagarea .pi-tagtext {
  margin-bottom: 0;
  line-height: 1.3;
}
.l-mainContent-blog .page-info-area .pi-tagarea::before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #0092D0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  bottom: -4px;
  left: 0;
  border-width: 4px 0 0 8px;
}
.l-mainContent-blog .page-info-area .pi-timearea {
  font-size: 0.813rem;
  color: #707070;
  margin-top: 1rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  -webkit-column-gap: 0.2rem;
     -moz-column-gap: 0.2rem;
          column-gap: 0.2rem;
}
.l-mainContent-blog .page-info-area .pi-timearea::before {
  content: "";
  font-size: 1.2em;
  content: "\e203";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.l-mainContent-blog .page-info-area .pi-timearea .pi-time {
  display: flex;
}
.l-mainContent-blog .page-info-area .pi-timearea .pi-time time {
  padding-left: 1.5rem;
  color: #213343;
}

ul.text-link-ul, .link-list-text {
  padding: 0;
}
ul.text-link-ul li, .link-list-text li {
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 20px;
  list-style: none;
}
ul.text-link-ul li::before, .link-list-text li::before {
  content: "";
  width: 16px;
  height: 16px;
  top: 5px;
  left: 0px;
  position: absolute;
  display: inline-block;
  font-size: 1rem;
  color: #707070;
  content: "섄";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.text-link-ul a, .link-list-text a {
  font-size: 1rem;
  cursor: pointer;
}

.pagination {
  margin: 4rem 0;
}
.pagination > ._list {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  text-align: center;
  color: #00365E;
}
.pagination > ._list > ._item > ._link, .pagination > ._list > ._item ._prev, .pagination > ._list > ._item ._next, .pagination > ._list > ._item ._ellipsis {
  height: 3rem;
  width: 3rem;
  display: flex;
  height: 3rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 50%;
}
.pagination > ._list > ._item > ._link {
  align-items: center;
  border-radius: 50%;
  color: inherit;
  transition: all 0.2s ease-in-out;
  width: 3rem;
}
.pagination > ._list > ._item > ._link:hover, .pagination > ._list > ._item > ._link:focus-visible {
  background-color: #CBD2D6;
}
.pagination > ._list > ._item > ._link[aria-current=page] {
  background-color: #00365E;
  color: #fff;
}
.pagination > ._list > ._item > ._ellipsis {
  pointer-events: none;
  color: inherit;
}
.pagination > ._list > ._item > ._prev, .pagination > ._list > ._item ._next {
  color: inherit;
  border: 1px solid #CBD2D6;
  border-radius: 50%;
}
.pagination > ._list > ._item > ._prev > *, .pagination > ._list > ._item ._next > * {
  display: flex;
  align-items: center;
}
.pagination > ._list > ._item > ._prev[aria-disabled], .pagination > ._list > ._item ._next[aria-disabled] {
  border-color: #E4E7E9;
  color: #E4E7E9;
}
.pagination > ._list > ._item > ._prev {
  margin-right: 15px;
}
.pagination > ._list > ._item > ._next {
  margin-left: 15px;
}

.column-linkSection {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 4rem;
}
.column-linkSection-wrapper {
  background-color: #F3F3F3;
  padding: 80px 0;
}

.l-mainContent-column h2.h2-heading {
  color: #0062C4;
  font-size: 2rem;
  line-height: 1.3;
  margin: 4rem 0 1rem 0;
  text-align: center;
}
.l-mainContent-column h3.h3-heading {
  font-weight: bold;
  line-height: 1.6;
  margin: 2.25rem 0 1rem 0;
  padding-bottom: 0.625rem;
  font-size: 1.5rem;
}
.l-mainContent-column h3.h3-heading::after {
  background: #E2E2E2;
  bottom: -0.625rem;
  content: "";
  display: block;
  height: 2px;
  left: 0px;
  position: relative;
  width: 100%;
}
.l-mainContent-column h4.h4-heading {
  border-left: 5px solid #0062C4;
  font-weight: bold;
  line-height: 1.6;
  margin: 1.875rem 0 0.625rem;
  padding: 0 0 0 1.25rem;
  font-size: 1.25rem;
}
.l-mainContent-column h5.h5-heading {
  font-weight: bold;
  line-height: 1.6;
  margin: 1.125rem 0 0.5rem;
  font-size: 1.125rem;
}
.l-mainContent-column h6.h6-heading {
  font-weight: bold;
  line-height: 1.6;
  margin: 1rem 0 0.5rem;
  font-size: 1rem;
}
.l-mainContent-column p {
  margin-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.75;
}
.l-mainContent-column .is-font-red {
  color: #0062C4;
}
.l-mainContent-column .is-bg-frame {
  background: #F8F8F8;
  border: 1px solid #F3F3F3;
  padding: 1.25rem;
  margin-bottom: 0.875rem;
}
.l-mainContent-column .is-bg-frame:last-child {
  margin-bottom: 0;
}
.l-mainContent-column a.link-external,
.l-mainContent-column a.link-internal,
.l-mainContent-column .text-link-ul a,
.l-mainContent-column .link-list-text a {
  color: #003163;
  text-decoration: none;
}
.l-mainContent-column a.link-external:hover,
.l-mainContent-column a.link-internal:hover,
.l-mainContent-column .text-link-ul a:hover,
.l-mainContent-column .link-list-text a:hover {
  color: #0062C4;
  text-decoration: underline;
}
.l-mainContent-column ul.text-link-ul, .l-mainContent-column .link-list-text {
  padding: 0;
}
.l-mainContent-column ul.text-link-ul li, .l-mainContent-column .link-list-text li {
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 20px;
  list-style: none;
}
.l-mainContent-column ul.text-link-ul li::before, .l-mainContent-column .link-list-text li::before {
  content: "";
  width: 16px;
  height: 16px;
  top: 5px;
  left: 0px;
  position: absolute;
  display: inline-block;
  font-size: 1rem;
  color: #707070;
  content: "섄";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.l-mainContent-column ul.text-link-ul a, .l-mainContent-column .link-list-text a {
  font-size: 1rem;
  cursor: pointer;
}
.l-mainContent-column .list {
  counter-reset: i;
  list-style-type: none;
  padding-left: 0;
}
.l-mainContent-column .list > * {
  counter-increment: i;
  padding-left: 3em;
  margin-bottom: 0.5em;
  position: relative;
}
.l-mainContent-column .list > *:before {
  color: #383C41;
  display: inline-block;
  margin-right: -2.5em;
  position: absolute;
  right: 100%;
  text-decoration: none;
  white-space: nowrap;
}
.l-mainContent-column .list > .col {
  padding-left: calc(3em + 0.75rem);
  padding-right: 0.75rem;
}
.l-mainContent-column .list > .col:before {
  margin-right: calc(-2.5em + -0.75rem);
}
.l-mainContent-column .list-bullet > *:before {
  content: "•";
  font-family: Verdana, sans-serif;
}
.l-mainContent-column .list-number > *:before {
  content: counter(i) ".";
}
.l-mainContent-column ul.list-circle > *:before {
  content: "○";
  font-family: Verdana, sans-serif;
}
.l-mainContent-column ol.list-circle > *:before {
  border: 1px solid #383C41;
  border-radius: 50%;
  box-sizing: content-box;
  content: counter(i);
  line-height: 1;
  text-align: center;
  top: 0.25em;
  width: 1em;
}
.l-mainContent-column ul.list-rectangle > *:before {
  content: "⃞";
  font-family: Verdana, sans-serif;
}
.l-mainContent-column ol.list-rectangle > *:before {
  border: 1px solid #383C41;
  box-sizing: content-box;
  content: counter(i);
  line-height: 1;
  text-align: center;
  top: 0.25em;
  width: 1em;
}
.l-mainContent-column ul.list-asterisk > *:before {
  content: "＊";
}
.l-mainContent-column ol.list-asterisk > *:before {
  content: "＊" counter(i);
}
.l-mainContent-column ul.list-komejirushi > *:before {
  content: "※";
}
.l-mainContent-column ol.list-komejirushi > *:before {
  content: "※" counter(i);
}
.l-mainContent-column ul.list-notice > *:before {
  content: "注";
}
.l-mainContent-column ol.list-notice > *:before {
  content: "注" counter(i);
}
.l-mainContent-column ol.list-lowerLatin > *:before {
  content: counter(i, lower-latin) ".";
}
.l-mainContent-column ol.list-upperLatin > *:before {
  content: counter(i, upper-latin) ".";
}
.l-mainContent-column ol.list-parenthesis > *:before {
  content: "(" counter(i) ")";
}
.l-mainContent-column ol.list-squareBracket > *:before {
  content: "[" counter(i) "]";
}
.l-mainContent-column ol.list-angleBracket > *:before {
  content: "⟨" counter(i) "⟩";
}
.l-mainContent-column .list-color-primary > *:before {
  color: #0092D0;
}
.l-mainContent-column .list-color-secondary > *:before {
  color: #00365E;
}
.l-mainContent-column .list-color-success > *:before {
  color: #198754;
}
.l-mainContent-column .list-color-info > *:before {
  color: #0dcaf0;
}
.l-mainContent-column .list-color-warning > *:before {
  color: #ffc107;
}
.l-mainContent-column .list-color-danger > *:before {
  color: #dc3545;
}
.l-mainContent-column .list-color-light > *:before {
  color: #E4E7E9;
}
.l-mainContent-column .list-color-dark > *:before {
  color: #383C41;
}
.l-mainContent-column h1.main-page-title.is-columni-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  line-height: 1.6;
}
.l-mainContent-column .columni-d-mainimage {
  margin-bottom: 1.75rem;
}
.l-mainContent-column .columni-d-mainimage img {
  width: 100%;
}
.l-mainContent-column .page-info-area .pi-tagarea {
  width: 100%;
  max-width: 12.5rem;
  padding: 0.125rem 1rem 0.125rem;
  font-size: 0.812rem;
  color: #fff;
  background-color: #3C3C3C;
  border-radius: 2px;
  position: relative;
}
.l-mainContent-column .page-info-area .pi-tagarea .pi-tagtext {
  margin-bottom: 0;
  line-height: 1.3;
}
.l-mainContent-column .page-info-area .pi-tagarea::before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #3C3C3C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  bottom: -4px;
  left: 0;
  border-width: 4px 0 0 8px;
}
.l-mainContent-column .page-info-area .pi-timearea {
  margin-top: 1.375rem;
}
.l-mainContent-column .page-info-area .pi-timearea .pi-time {
  display: flex;
}
.l-mainContent-column .page-info-area .pi-timearea .pi-time .icon-clock {
  position: relative;
}
.l-mainContent-column .page-info-area .pi-timearea .pi-time .icon-clock::before {
  content: "";
  width: 1rem;
  height: 1rem;
  top: 5px;
  left: 0px;
  position: absolute;
  display: inline-block;
  font-size: 1rem;
  color: #213343;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.l-mainContent-column .page-info-area .pi-timearea .pi-time time {
  padding-left: 1.5rem;
  color: #213343;
}
.l-mainContent-column .f-fh-social {
  margin-top: 2.5rem;
}
.l-mainContent-column .f-fh-social ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}
.l-mainContent-column .f-fh-social ul li {
  display: inline-block;
  list-style: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}
.l-mainContent-column .f-fh-social ul li:last-child {
  margin-right: 0;
}
.l-mainContent-column .f-fh-social ul li a {
  display: inline-block;
}
.l-mainContent-column .f-fh-social ul .btn-twitter a::before {
  content: "";
  display: inline-block;
  font-size: 2.5rem;
  color: #213343;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.l-mainContent-column .f-fh-social ul .btn-facebook a::before {
  content: "";
  display: inline-block;
  font-size: 2.5rem;
  color: #213343;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.column-sideSection {
  position: relative;
}
.column-sideSection .side-item a {
  transition: opacity 0.3s;
}
.column-sideSection .side-item a:hover {
  opacity: 0.7;
}
.column-sideSection .side-item hr.side-bar {
  height: 1px;
  background-color: #EAEAEA;
  margin: 1.875rem 0;
}
.column-sideSection .side-item ul {
  padding: 0;
}
.column-sideSection .side-item ul li {
  list-style: none;
}
.column-sideSection .side-item ul li a {
  text-decoration: none;
  display: inline-block;
}
.column-sideSection .side-item .column-list-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #213343;
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}
.column-sideSection .side-item .column-list-area li {
  margin-bottom: 1.5rem;
}
.column-sideSection .side-item .column-list-area li .column-item {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
}
.column-sideSection .side-item .column-list-area li .column-item .column-item-image {
  width: 100%;
  max-width: 172px;
  position: relative;
}
.column-sideSection .side-item .column-list-area li .column-item .column-item-image .number-label {
  position: absolute;
  top: 0;
  right: 0.5rem;
  background-color: #0062C4;
  width: 14px;
  height: 18px;
  color: #fff;
  font-size: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.column-sideSection .side-item .column-list-area li .column-item .column-item-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.column-sideSection .side-item .column-list-area li .column-item .column-item-content > ._title {
  font-size: 0.875rem;
  font-weight: bold;
  color: #213343;
  padding: 0.25rem 0.25rem 0.25rem 0;
  margin-bottom: 0;
  word-break: break-word;
}
.column-sideSection .side-item .column-list-area li .column-item .column-item-content > ._category {
  font-size: 0.687rem;
  color: #213343;
  border: solid 1px #213343;
  border-radius: 2px;
  padding: 0.25rem 0.5rem;
  margin-right: auto;
}
@media (min-width: 768px){
  .l-container-area .multi {
    width: 75%;
    float: left;
    padding-right: 15px;
  }
  .l-container-area .l-side {
    width: 25%;
    float: left;
    padding-left: 15px;
  }
}
@media (min-width: 992px){
  .column-sideSection {
    height: 100%;
  }
  .column-sideSection .side-item.fix-item {
    position: sticky;
    top: 9.5rem;
    z-index: 10;
  }
  .column-sideSection .side-item .column-list-area li .column-item {
    grid-template-columns: 50% calc(50% - 1rem);
  }
}
@media (max-width: 991.98px){
  .l-mainContent-blog h2.h2-heading {
    font-size: 1.375rem;
    margin: 2rem 0 1rem 0;
  }
  .l-mainContent-blog .page-info-area .pi-tagarea {
    max-width: 10rem;
  }
  .l-mainContent-blog .page-info-area .pi-timearea {
    margin-top: 0.5rem;
  }
  .column-linkSection {
    padding: 2rem;
  }
  .column-linkSection-wrapper {
    padding: 3rem 0;
    display: none;
  }
  .column-linkSection-wrapper:has(.common-serviceList) {
    display: block;
  }
  .column-linkSection .cms-serviceList ._list {
    flex-direction: column;
    gap: 1rem;
  }
  .column-linkSection .cms-serviceList ._list ._item {
    width: 100%;
    text-align: center;
  }
  .column-linkSection .column-linkList {
    display: none;
  }
  .l-mainContent-column h2.h2-heading {
    font-size: 1.375rem;
    margin: 2rem 0 1rem 0;
  }
  .l-mainContent-column h3.h3-heading {
    font-size: 1.25rem;
    margin: 1.25rem 0 0.625rem 0;
  }
  .l-mainContent-column h4.h4-heading {
    font-size: 1.125rem;
    margin: 1.125rem 0 0.5rem 0;
  }
  .l-mainContent-column h5.h5-heading {
    margin: 1rem 0 0.5rem 0;
  }
  .l-mainContent-column h6.h6-heading {
    margin: 0.875rem 0 0.5rem 0;
  }
  .l-mainContent-column h1.main-page-title.is-columni-title {
    margin-top: 1rem;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
  }
  .l-mainContent-column .page-info-area .pi-tagarea {
    max-width: 10rem;
  }
  .l-mainContent-column .page-info-area .pi-timearea {
    margin-top: 0.5rem;
  }
  .l-mainContent-column .f-fh-social {
    margin-top: 1rem;
  }
  .l-mainContent-column .f-fh-social ul .btn-twitter a::before {
    font-size: 2.25rem;
  }
  .l-mainContent-column .f-fh-social ul .btn-facebook a::before {
    font-size: 2.25rem;
  }
  .column-sideSection .side-item .banner-image {
    max-width: 320px;
  }
}