@charset "UTF-8";
/* ------------------------------------------
 *  _color.scss
 *  色変数設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _breakpoint.scss
 *  ブレークポイント設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _z-index.scss
 *  z-index設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _func.scss
 *  関数設定
 * ------------------------------------------ */
/**********************************************************/
/**********************************************************/
/* ------------------------------------------
 *  _hover.scss
 *  mixin - ホバー定義
 * ------------------------------------------ */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/* ------------------------------------------
 *  _set.scss
 *  mixin - CSS簡易設定定義
 * ------------------------------------------ */
/* flexセット */
/* ------------------------------------------ */
/* inline-flexセット */
/* ------------------------------------------ */
/* gridセット */
/* ------------------------------------------ */
/* background-imageセット */
/* ------------------------------------------ */
/* 疑似クラスセット */
/* ------------------------------------------ */
/* position:absoluteセット */
/* ------------------------------------------ */
/* ------------------------------------------
*  _parts.scss
 *  mixin - パーツ定義
 * ------------------------------------------ */
/* 三角右矢印 */
/* ------------------------------------------ */
/* 丸ボーダー */
/* ------------------------------------------ */
/* ------------------------------------------
 *  _base.scss
 *  基本的なスタイル
 * ------------------------------------------ */
/* font-family */
/* ------------------------------------------ */
html {
  font-size: 62.5%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", Helvetica, sans-serif;
  font-size: 1.5rem;
  -webkit-text-size-adjust: 100%;
  position: relative;
  z-index: 1;
  color: #333333;
  background-color: #FFFFFF;
  line-height: 1.6;
  display: block;
}

a {
  cursor: pointer;
}

img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}

picture {
  display: block;
}

.text {
  line-height: 1.8em;
}
@media screen and (max-width: 767.9px) {
  .text {
    font-size: 1.3rem;
  }
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: 50vh;
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

/* conponent - 再利用パーツ */
/* ------------------------------------------ */
/* ------------------------------------------
 *  _c-link.scss
 *  共通クラス - リンク
 * ------------------------------------------ */
/* PDFリンク + target="_blank" */
/* ------------------------------------------ */
.c-link {
  color: #1654A4;
  transition: color 0.3s;
  position: relative;
}
.c-link:hover {
  color: #333333;
}
.c-link:hover {
  text-decoration: underline;
}
.c-link[target=_blank], .c-link.c-link--pdf {
  margin-right: 0.3em;
}
.c-link[target=_blank]::after, .c-link.c-link--pdf::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: background-image 0.3s;
}
.c-link[target=_blank]::after {
  background-image: url(../../../assets/img/common/icon_blank_blue.svg);
  width: 0.8em;
  height: auto;
  aspect-ratio: 1/1;
  margin-left: 0.25em;
}
.c-link[target=_blank]:hover::after {
  background-image: url(../../../assets/img/common/icon_blank_black.svg);
}
.c-link.c-link--pdf::after {
  background-image: url(../../../assets/img/common/icon_pdf_blue.svg);
  width: 1em;
  height: auto;
  aspect-ratio: 227/249;
  margin-bottom: -0.25em;
}
.c-link.c-link--pdf:hover::after {
  background-image: url(../../../assets/img/common/icon_pdf_black.svg);
}

/* opacityリンク */
/* ------------------------------------------ */
.c-opacityLink {
  transition: opacity 0.3s;
}
.c-opacityLink:hover {
  opacity: 0.5;
}

/* ------------------------------------------
 *  _c-head.scss
 *  共通クラス - 見出し
 * ------------------------------------------ */
/* 各ページタイトル */
/* ------------------------------------------ */
.c-pageTitle {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: clamp(calc(10 / 10 * 1rem), calc(calc((20 - 1200 * calc((20 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((20 - 10) / (1200 - 375)) * 1vw), calc(20 / 10 * 1rem));
}
.c-pageTitle__img {
  width: clamp(calc(35 / 10 * 1rem), calc(calc((50 - 1200 * calc((50 - 35) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((50 - 35) / (1200 - 375)) * 1vw), calc(50 / 10 * 1rem));
  min-width: clamp(calc(35 / 10 * 1rem), calc(calc((50 - 1200 * calc((50 - 35) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((50 - 35) / (1200 - 375)) * 1vw), calc(50 / 10 * 1rem));
  height: auto;
  aspect-ratio: 1/1;
}
.c-pageTitle__text > .head {
  font-size: clamp(calc(20 / 10 * 1rem), calc(calc((27 - 1200 * calc((27 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((27 - 20) / (1200 - 375)) * 1vw), calc(27 / 10 * 1rem));
  font-weight: 600;
}
.c-pageTitle__text > .sub {
  font-size: clamp(calc(14 / 10 * 1rem), calc(calc((18 - 1200 * calc((18 - 14) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((18 - 14) / (1200 - 375)) * 1vw), calc(18 / 10 * 1rem));
}
.c-pageTitle__text > .en {
  color: #9D6A14;
  font-size: 1.6rem;
}
.c-pageTitle:has(h2) {
  column-gap: 1rem;
}
.c-pageTitle:has(h2) .c-pageTitle__img {
  width: clamp(calc(30 / 10 * 1rem), calc(calc((40 - 1200 * calc((40 - 30) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((40 - 30) / (1200 - 375)) * 1vw), calc(40 / 10 * 1rem));
  min-width: clamp(calc(30 / 10 * 1rem), calc(calc((40 - 1200 * calc((40 - 30) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((40 - 30) / (1200 - 375)) * 1vw), calc(40 / 10 * 1rem));
}
.c-pageTitle:has(h2) .c-pageTitle__text > .head {
  font-size: clamp(calc(16 / 10 * 1rem), calc(calc((18 - 1200 * calc((18 - 16) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((18 - 16) / (1200 - 375)) * 1vw), calc(18 / 10 * 1rem));
}

/* ヘッドタイトル */
/* ------------------------------------------ */
.c-headTitle {
  position: relative;
  padding-bottom: clamp(calc(10 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 10) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
  margin-bottom: clamp(calc(25 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 25) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 25) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}
.c-headTitle::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(../../../assets/img/common/icon_border.svg);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 0.5rem 0.2rem;
  height: 0.2rem;
  width: 100%;
  bottom: 0;
  top: initial;
  right: 0;
  left: 0;
  filter: brightness(0) saturate(100%) invert(44%) sepia(7%) saturate(2080%) hue-rotate(173deg) brightness(100%) contrast(95%);
}
.c-headTitle:not(:first-child) {
  margin-top: clamp(calc(50 / 10 * 1rem), calc(calc((60 - 1200 * calc((60 - 50) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((60 - 50) / (1200 - 375)) * 1vw), calc(60 / 10 * 1rem));
}
.c-headTitle > .head {
  font-size: clamp(calc(18 / 10 * 1rem), calc(calc((22 - 1200 * calc((22 - 18) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((22 - 18) / (1200 - 375)) * 1vw), calc(22 / 10 * 1rem));
  font-weight: 600;
  text-align: center;
  color: #57769C;
}

/* ヘッドタイトル */
/* ------------------------------------------ */
.c-headTitle--02 {
  padding-bottom: clamp(calc(8 / 10 * 1rem), calc(calc((10 - 1200 * calc((10 - 8) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((10 - 8) / (1200 - 375)) * 1vw), calc(10 / 10 * 1rem));
  margin-bottom: clamp(calc(25 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 25) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 25) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
  border-bottom: 0.2rem solid #57769C;
}
.c-headTitle--02:not(:first-child) {
  margin-top: clamp(calc(40 / 10 * 1rem), calc(calc((50 - 1200 * calc((50 - 40) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((50 - 40) / (1200 - 375)) * 1vw), calc(50 / 10 * 1rem));
}
.c-headTitle--02 > .head {
  font-size: clamp(calc(17 / 10 * 1rem), calc(calc((19 - 1200 * calc((19 - 17) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((19 - 17) / (1200 - 375)) * 1vw), calc(19 / 10 * 1rem));
  font-weight: 600;
  color: #57769C;
}

/* ポイントタイトル */
/* ------------------------------------------ */
.c-pointHead {
  margin-bottom: 1.6rem;
}
.c-pointHead > .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: clamp(calc(10 / 10 * 1rem), calc(calc((16 - 1200 * calc((16 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((16 - 10) / (1200 - 375)) * 1vw), calc(16 / 10 * 1rem));
}
.c-pointHead > .head::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../../assets/img/common/icon_links.svg);
  width: 2.5rem;
  height: auto;
  aspect-ratio: 1/1;
}

/* 小見出し */
/* ------------------------------------------ */
.c-smallHead {
  margin-bottom: 1rem;
  font-size: clamp(calc(16 / 10 * 1rem), calc(calc((17 - 1200 * calc((17 - 16) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((17 - 16) / (1200 - 375)) * 1vw), calc(17 / 10 * 1rem));
  font-weight: 600;
}

/* ------------------------------------------
 *  _c-parts.scss
 *  共通クラス - パーツ管理
 * ------------------------------------------ */
/* パンくずリスト */
/* ------------------------------------------ */
.c-topicPath {
  padding: 1rem 0;
}
.c-topicPath > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.5em;
}
.c-topicPath > ul > li {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 0.5em;
}
.c-topicPath > ul > li > a {
  color: #57769C;
}
.c-topicPath > ul > li > a:hover {
  text-decoration: underline;
}
.c-topicPath > ul > li:not(:last-child)::after {
  content: "＞";
  display: inline-block;
}

/* キービジュアル */
/* ------------------------------------------ */
.c-kv .c-pageTitle {
  padding: 3rem 0 8rem;
  position: relative;
}
.c-kv .c-pageTitle::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: -4rem;
}
@media screen and (max-width: 767.9px) {
  .c-kv .c-pageTitle {
    padding: 2rem 0 10rem;
  }
  .c-kv .c-pageTitle::after {
    width: 100%;
    height: auto;
    max-height: 15rem;
    bottom: -2rem;
  }
}
.c-kv.kv--no .c-pageTitle {
  padding: 3rem 0 5rem;
}
.c-kv.kv--about .c-pageTitle::after {
  background-image: url(../../../assets/img/about/img_kv.png);
  width: auto;
  height: 20rem;
  aspect-ratio: 291/80;
}
@media screen and (max-width: 767.9px) {
  .c-kv.kv--about .c-pageTitle::after {
    background-image: url(../../../assets/img/about/img_kv_sp.png);
    aspect-ratio: 499/126;
    width: 100%;
    height: auto;
    bottom: -1rem;
  }
}
.c-kv.kv--cooperation .c-pageTitle::after {
  background-image: url(../../../assets/img/cooperation/img_kv.png);
  width: auto;
  height: 20rem;
  aspect-ratio: 1233/328;
}
@media screen and (max-width: 767.9px) {
  .c-kv.kv--cooperation .c-pageTitle::after {
    background-image: url(../../../assets/img/cooperation/img_kv_sp.png);
    aspect-ratio: 599/147;
    width: 100%;
    height: auto;
    bottom: -0.1rem;
  }
}
.c-kv.kv--study .c-pageTitle::after {
  background-image: url(../../../assets/img/study/img_kv.png);
  width: 70%;
  height: auto;
  aspect-ratio: 792/161;
}
@media screen and (max-width: 767.9px) {
  .c-kv.kv--study .c-pageTitle::after {
    background-image: url(../../../assets/img/study/img_kv_sp.png);
    aspect-ratio: 1179/304;
    width: 100%;
    height: auto;
    bottom: -1rem;
  }
}
.c-kv.kv--achievements .c-pageTitle::after {
  background-image: url(../../../assets/img/achievements/img_kv.png);
  width: 100%;
  height: auto;
  aspect-ratio: 218/33;
  bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .c-kv.kv--achievements .c-pageTitle::after {
    background-image: url(../../../assets/img/achievements/img_kv_sp.png);
    aspect-ratio: 461/161;
  }
}

/* ページリスト */
/* ------------------------------------------ */
.c-pageList {
  padding-bottom: clamp(calc(40 / 10 * 1rem), calc(calc((60 - 1200 * calc((60 - 40) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((60 - 40) / (1200 - 375)) * 1vw), calc(60 / 10 * 1rem));
}
.c-pageList .pageList {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}
.c-pageList .pageList > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #FFFFFF;
  transition: background-color 0.3s;
  border: 0.1rem solid #1654A4;
  border-radius: 1rem;
  position: relative;
  padding: 1rem 1rem 1rem 1.5rem;
  min-height: 7rem;
  column-gap: 1em;
}
.c-pageList .pageList > li > a:hover {
  background-color: #EEF5FF;
}
.c-pageList .pageList > li > a::after {
  content: "";
  display: inline-block;
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1/1.27;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../assets/img/common/icon_triangle_blue.svg);
}
.c-pageList .pageList--0 > li {
  width: calc((100% - 2rem * (0 - 1)) / 0);
}
.c-pageList .pageList--1 > li {
  width: calc((100% - 2rem * (1 - 1)) / 1);
}
.c-pageList .pageList--2 > li {
  width: calc((100% - 2rem * (2 - 1)) / 2);
}
.c-pageList .pageList--3 > li {
  width: calc((100% - 2rem * (3 - 1)) / 3);
}
.c-pageList .pageList--4 > li {
  width: calc((100% - 2rem * (4 - 1)) / 4);
}
.c-pageList .pageList--5 > li {
  width: calc((100% - 2rem * (5 - 1)) / 5);
}
@media screen and (max-width: 767.9px) {
  .c-pageList .pageList {
    flex-direction: column;
    gap: 1.5rem;
  }
  .c-pageList .pageList > li {
    width: 100%;
  }
  .c-pageList .pageList > li > a {
    min-height: 5rem;
  }
}

/* ボーダーライン */
/* ------------------------------------------ */
.c-borderLine {
  position: relative;
  padding: 4rem 0;
}
.c-borderLine::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(../../../assets/img/common/icon_border.svg);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 0.5rem 0.2rem;
  height: 0.2rem;
  width: 100%;
  bottom: initial;
  top: initial;
  right: 0;
  left: 0;
  filter: brightness(0) saturate(100%) invert(44%) sepia(7%) saturate(2080%) hue-rotate(173deg) brightness(100%) contrast(95%);
}
@media screen and (max-width: 767.9px) {
  .c-borderLine {
    padding: 2rem 0;
  }
}

/* リスト - ドット */
/* ------------------------------------------ */
.c-ulList > li {
  padding-left: 1em;
  position: relative;
  word-break: break-word;
  margin-bottom: 0.25em;
  font-size: clamp(calc(13 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 13) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 13) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
}
.c-ulList > li::before {
  content: "";
  width: 0.3em;
  min-width: 0.3em;
  height: 0.3em;
  min-height: 0.3em;
  aspect-ratio: 1/1;
  background-color: #57769C;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.65em;
}

/* リスト - 数字 */
/* ------------------------------------------ */
.c-olList {
  list-style-type: decimal;
  list-style-position: inside;
}
.c-olList > li {
  padding-left: 1.25em;
  text-indent: -1.25em;
  position: relative;
  word-break: break-word;
  margin-bottom: 0.25em;
  font-size: clamp(calc(13 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 13) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 13) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
}
.c-olList--en {
  list-style-type: upper-alpha;
}

/* inner */
/* ------------------------------------------ */
.c-inner {
  border: 1px solid #57769C;
  border-radius: clamp(calc(5 / 10 * 1rem), calc(calc((10 - 1200 * calc((10 - 5) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((10 - 5) / (1200 - 375)) * 1vw), calc(10 / 10 * 1rem));
  padding: 2rem;
  margin-top: clamp(calc(30 / 10 * 1rem), calc(calc((40 - 1200 * calc((40 - 30) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((40 - 30) / (1200 - 375)) * 1vw), calc(40 / 10 * 1rem));
}
.c-inner .c-pointHead {
  border-bottom: 0.1rem solid #57769C;
  padding-bottom: 1.5rem;
}

/* 表の下のテキスト */
/* ------------------------------------------ */
.c-caption {
  font-size: 1.3rem;
  background-color: #F0F0F0;
  line-height: 1.3;
  padding: 0.5rem 1rem;
  text-align: center;
  width: 100%;
}

/* ------------------------------------------
 *  _c-button.scss
 *  共通クラス - ボタン
 * ------------------------------------------ */
/* 通常ボタン */
/* ------------------------------------------ */
.c-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}
.c-button--0 > .btn {
  width: calc((100% - 2rem * (0 - 1)) / 0);
}
.c-button--1 > .btn {
  width: calc((100% - 2rem * (1 - 1)) / 1);
}
.c-button--2 > .btn {
  width: calc((100% - 2rem * (2 - 1)) / 2);
}
.c-button--3 > .btn {
  width: calc((100% - 2rem * (3 - 1)) / 3);
}
.c-button--4 > .btn {
  width: calc((100% - 2rem * (4 - 1)) / 4);
}
.c-button--5 > .btn {
  width: calc((100% - 2rem * (5 - 1)) / 5);
}
.c-button > .btn {
  display: block;
  width: 100%;
  max-width: 40rem;
  font-size: clamp(calc(14 / 10 * 1rem), calc(calc((16 - 1200 * calc((16 - 14) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((16 - 14) / (1200 - 375)) * 1vw), calc(16 / 10 * 1rem));
  background-color: #57769C;
  padding: 1em calc(3rem + 0.5em);
  color: #FFFFFF;
  border-radius: 0.7rem;
  line-height: 1em;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  background-color: #57769C;
  transition: background-color 0.3s;
}
.c-button > .btn:hover {
  background-color: #305583;
}
.c-button > .btn::after {
  content: "";
  display: inline-block;
  width: 1rem;
  min-width: 1rem;
  height: auto;
  aspect-ratio: 1/1.27;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../assets/img/common/icon_triangle_white.svg);
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  left: initial;
  margin: auto 0;
}
.c-button > .btn[target=_blank]::after {
  background-image: url(../../../assets/img/common/icon_blank_black.svg);
  filter: brightness(0) saturate(100%) invert(85%) sepia(100%) saturate(9%) hue-rotate(115deg) brightness(103%) contrast(103%);
  width: 0.8em;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767.9px) {
  .c-button > .btn {
    width: 100%;
    padding: 1em calc(2rem + 0.5em);
  }
  .c-button > .btn::after {
    right: 1rem;
    width: 0.7rem;
    min-width: 0.7rem;
  }
}

/* utility - 汎用パーツ */
/* ------------------------------------------ */
/* ------------------------------------------
 *  _u-only.scss
 *   PC - SP 表示非表示切り替え
 * ------------------------------------------ */
@media screen and (max-width: 767.9px) {
  .pc-only {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
/* ------------------------------------------
 *  _u-style.scss
 *   スタイル調整
 * ------------------------------------------ */
.u-anno {
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
}

.u-bgBlue {
  background-color: #EAF3F6;
}

.u-textAlign--left {
  text-align: left;
}
.u-textAlign--center {
  text-align: center;
}
.u-textAlign--right {
  text-align: right;
}

.u-color--red {
  color: #E60020;
}

.u-mb--0 {
  margin-bottom: 0rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--0 {
    margin-bottom: calc(0rem * 0.8) !important;
  }
}
.u-mb--1 {
  margin-bottom: 1rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--1 {
    margin-bottom: calc(1rem * 0.8) !important;
  }
}
.u-mb--2 {
  margin-bottom: 2rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--2 {
    margin-bottom: calc(2rem * 0.8) !important;
  }
}
.u-mb--3 {
  margin-bottom: 3rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--3 {
    margin-bottom: calc(3rem * 0.8) !important;
  }
}
.u-mb--4 {
  margin-bottom: 4rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--4 {
    margin-bottom: calc(4rem * 0.8) !important;
  }
}
.u-mb--5 {
  margin-bottom: 5rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--5 {
    margin-bottom: calc(5rem * 0.8) !important;
  }
}
.u-mb--6 {
  margin-bottom: 6rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--6 {
    margin-bottom: calc(6rem * 0.8) !important;
  }
}
.u-mb--7 {
  margin-bottom: 7rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--7 {
    margin-bottom: calc(7rem * 0.8) !important;
  }
}
.u-mb--8 {
  margin-bottom: 8rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--8 {
    margin-bottom: calc(8rem * 0.8) !important;
  }
}
.u-mb--9 {
  margin-bottom: 9rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--9 {
    margin-bottom: calc(9rem * 0.8) !important;
  }
}
.u-mb--10 {
  margin-bottom: 10rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mb--10 {
    margin-bottom: calc(10rem * 0.8) !important;
  }
}

.u-mt--0 {
  margin-top: 0rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--0 {
    margin-top: calc(0rem * 0.8) !important;
  }
}
.u-mt--1 {
  margin-top: 1rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--1 {
    margin-top: calc(1rem * 0.8) !important;
  }
}
.u-mt--2 {
  margin-top: 2rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--2 {
    margin-top: calc(2rem * 0.8) !important;
  }
}
.u-mt--3 {
  margin-top: 3rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--3 {
    margin-top: calc(3rem * 0.8) !important;
  }
}
.u-mt--4 {
  margin-top: 4rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--4 {
    margin-top: calc(4rem * 0.8) !important;
  }
}
.u-mt--5 {
  margin-top: 5rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--5 {
    margin-top: calc(5rem * 0.8) !important;
  }
}
.u-mt--6 {
  margin-top: 6rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--6 {
    margin-top: calc(6rem * 0.8) !important;
  }
}
.u-mt--7 {
  margin-top: 7rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--7 {
    margin-top: calc(7rem * 0.8) !important;
  }
}
.u-mt--8 {
  margin-top: 8rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--8 {
    margin-top: calc(8rem * 0.8) !important;
  }
}
.u-mt--9 {
  margin-top: 9rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--9 {
    margin-top: calc(9rem * 0.8) !important;
  }
}
.u-mt--10 {
  margin-top: 10rem !important;
}
@media screen and (max-width: 767.9px) {
  .u-mt--10 {
    margin-top: calc(10rem * 0.8) !important;
  }
}

/* ------------------------------------------
 *  _l-footer.scss
 *  footerレイアウト用SCSS
 * ------------------------------------------ */
/* 関連サイト */
/* ------------------------------------------ */
.bbNetwork {
  position: relative;
  padding: 4rem 0;
}
.bbNetwork::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(../../../assets/img/common/icon_border.svg);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 0.5rem 0.2rem;
  height: 0.2rem;
  width: 100%;
  bottom: initial;
  top: 0;
  right: 0;
  left: 0;
  filter: brightness(0) saturate(100%) invert(44%) sepia(7%) saturate(2080%) hue-rotate(173deg) brightness(100%) contrast(95%);
}
.bbNetwork .sites {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(calc(20 / 10 * 1rem), calc(calc((40 - 1200 * calc((40 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((40 - 20) / (1200 - 375)) * 1vw), calc(40 / 10 * 1rem));
  margin-top: 2rem;
}
.bbNetwork .sites > li {
  width: calc((100% - 12rem) / 4);
}
.bbNetwork .sites > li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 1.6rem;
  color: #333333;
  transition: color 0.3s;
}
.bbNetwork .sites > li > a:hover {
  color: #57769C;
}
.bbNetwork .sites > li > a .bb__img {
  max-width: 4rem;
}
.bbNetwork .sites > li > a .bb__text .sub {
  font-size: 1rem;
}
.bbNetwork .sites > li > a .bb__text .text {
  font-size: 1.3rem;
}
@media screen and (max-width: 767.9px) {
  .bbNetwork {
    padding: 3rem 0;
  }
  .bbNetwork .sites {
    flex-direction: column;
  }
  .bbNetwork .sites > li {
    width: 100%;
  }
  .bbNetwork .sites > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 1.6rem;
    color: #333333;
    transition: color 0.3s;
  }
  .bbNetwork .sites > li > a:hover {
    color: #57769C;
  }
  .bbNetwork .sites > li > a .bb__img {
    max-width: 3rem;
  }
}

/* フッター */
/* ------------------------------------------ */
.footer {
  background-color: #FFF9F0;
  padding: 4rem 0;
}
.footer .ncggFooter {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0 15rem;
}
.footer .ncggFooter__company .company__logo {
  display: flex;
  max-width: 12em;
  width: 100%;
  transition: opacity 0.3s;
}
.footer .ncggFooter__company .company__logo:hover {
  opacity: 0.5;
}
.footer .ncggFooter__company .company__title {
  font-weight: 600;
  margin-top: 1.6rem;
}
.footer .ncggFooter__company .company__address {
  font-size: 1.3rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.footer .ncggFooter__company .company__access {
  color: #57769C;
  font-size: 1.3rem;
  font-weight: 600;
  min-height: 3rem;
  max-width: 11.4rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid #57769C;
  border-radius: 0.3rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #FFFFFF;
  transition: background-color 0.3s;
}
.footer .ncggFooter__company .company__access:hover {
  background-color: #EEF5FF;
}
.footer .ncggFooter__company .company__access::after {
  content: "";
  display: inline-block;
  width: 0.7rem;
  min-width: 0.7rem;
  height: auto;
  aspect-ratio: 1/1.27;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../assets/img/common/icon_triangle_blue.svg);
}
.footer .ncggFooter__company .company__pamphlet {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 1.5rem;
  transition: opacity 0.3s;
}
.footer .ncggFooter__company .company__pamphlet:hover {
  opacity: 0.5;
}
.footer .ncggFooter__company .company__pamphlet .pamphlet__img {
  width: auto;
  height: 10rem;
  aspect-ratio: 95/134;
}
.footer .ncggFooter__company .company__pamphlet .pamphlet__text {
  color: #57769C;
  font-size: 1.3rem;
}
.footer .ncggFooter__sitemap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2rem;
}
.footer .ncggFooter__sitemap .sitemap__home .sitePare, .footer .ncggFooter__sitemap .sitemap__subpage .sitePare {
  font-size: 1.3rem;
  font-weight: 600;
}
.footer .ncggFooter__sitemap .sitemap__home .sitePare:hover, .footer .ncggFooter__sitemap .sitemap__subpage .sitePare:hover {
  text-decoration: underline;
}
.footer .ncggFooter__sitemap .sitemap__home > .sitePare {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 0.5rem;
}
.footer .ncggFooter__sitemap .sitemap__home > .sitePare:hover {
  text-decoration: underline;
}
.footer .ncggFooter__sitemap .sitemap__home > .sitePare::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  min-width: 0.5rem;
  height: auto;
  aspect-ratio: 1/1.27;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../assets/img/common/icon_triangle_blue.svg);
}
.footer .ncggFooter__sitemap .sitemap__subpage {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}
.footer .ncggFooter__sitemap .sitemap__subpage > li {
  width: calc((100% - 4rem) / 3);
}
.footer .ncggFooter__sitemap .sitemap__subpage > li:not(:has(> a)) > ul {
  margin-top: 0 !important;
}
.footer .ncggFooter__sitemap .sitemap__subpage > li.list__last {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.5rem 2rem;
}
.footer .ncggFooter__sitemap .sitemap__subpage__list {
  margin-top: 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.footer .ncggFooter__sitemap .sitemap__subpage__list > li {
  display: flex;
}
.footer .ncggFooter__sitemap .sitemap__subpage .siteChild {
  font-size: 1.2rem;
  display: inline-flex;
  align-items: center;
}
.footer .ncggFooter__sitemap .sitemap__subpage .siteChild:hover {
  text-decoration: underline;
}
.footer .ncggFooter__sitemap .sitemap__subpage .siteChild::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  min-width: 0.5rem;
  height: auto;
  aspect-ratio: 1/1.27;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../assets/img/common/icon_triangle_blue.svg);
  margin-right: 0.5rem;
  margin-top: 0.1em;
  vertical-align: middle;
}
@media screen and (max-width: 767.9px) {
  .footer {
    padding: 3rem 0;
  }
  .footer .ncggFooter {
    flex-direction: column;
    gap: 3rem;
  }
  .footer .ncggFooter__sitemap {
    position: relative;
    padding-top: 3rem;
    width: 100%;
  }
  .footer .ncggFooter__sitemap::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(../../../assets/img/common/icon_border.svg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 0.5rem 0.2rem;
    height: 0.2rem;
    width: 100%;
    bottom: initial;
    top: 0;
    right: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(44%) sepia(7%) saturate(2080%) hue-rotate(173deg) brightness(100%) contrast(95%);
  }
  .footer .ncggFooter__sitemap .sitemap__home > .sitePare {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 0.5rem;
  }
  .footer .ncggFooter__sitemap .sitemap__home > .sitePare:hover {
    text-decoration: underline;
  }
  .footer .ncggFooter__sitemap .sitemap__home > .sitePare::before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    min-width: 0.5rem;
    height: auto;
    aspect-ratio: 1/1.27;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../../assets/img/common/icon_triangle_blue.svg);
  }
  .footer .ncggFooter__sitemap .sitemap__subpage {
    flex-direction: column;
    width: 100%;
    gap: 1rem;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li:not(:last-child) {
    border-bottom: 0.1rem solid #CCCCCC;
    padding-bottom: 1rem;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li > i {
    position: relative;
    right: 2rem;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li > i::before, .footer .ncggFooter__sitemap .sitemap__subpage > li > i::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1.5rem;
    height: 0.2rem;
    background-color: #57769C;
    transition: 0.3s;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li > i::before {
    transform: rotate(90deg);
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li > i.on::before {
    transform: rotate(0deg);
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li > i.on::after {
    background-color: transparent;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage > li.list__last {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage__list {
    display: none;
    width: 100%;
    padding-left: 0.5em;
  }
  .footer .ncggFooter__sitemap .sitemap__subpage__list > li:not(:last-child) {
    margin-bottom: 0.4rem;
  }
}

/* コピーライト */
/* ------------------------------------------ */
#copyRight {
  padding: 1.2rem 0;
  width: 96%;
  margin: auto;
  text-align: right;
}
#copyRight > .text {
  font-size: 1rem;
}
@media screen and (max-width: 767.9px) {
  #copyRight {
    padding: 1rem;
    width: 100%;
    margin: auto;
    text-align: center;
  }
}

.header {
  position: relative;
  z-index: 100;
}
.header .ncggnav {
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
  background-color: #F0F0F0;
  position: relative;
  display: none;
  z-index: 300;
}
.header .ncggnav__wrapper {
  margin: 0 2.5rem;
  padding: 0.8rem 0;
}
.header .ncggnav__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header .ncggnav__logo {
  width: auto;
  height: 4.6rem;
  aspect-ratio: 241/46;
}
.header .ncggnav__menu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 4rem;
}
.header .ncggnav__menu > li > a {
  color: #333333;
  transition: color 0.3s;
}
.header .ncggnav__menu > li > a:hover {
  color: #57769C;
}
@media screen and (max-width: 767.9px) {
  .header .ncggnav__wrapper {
    margin: 0 1rem;
    padding: 0.6rem 0;
  }
  .header .ncggnav__logo {
    height: 4rem;
  }
  .header .ncggnav__toggle > button {
    height: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .header .ncggnav__toggle > button > span {
    display: inline-block;
    transition: all 0.3s;
    width: 3rem;
    height: 0.2rem;
    background: #333333;
    box-sizing: border-box;
    transition: transform 0.3s ease-in-out;
  }
  .header .ncggnav__toggle > button.on > span:first-child {
    transform: translateY(0.95rem) rotate(315deg);
  }
  .header .ncggnav__toggle > button.on > span:nth-child(2) {
    opacity: 0;
  }
  .header .ncggnav__toggle > button.on > span:last-child {
    transform: translateY(-0.85rem) rotate(-315deg);
  }
  .header .ncggnav__menu {
    display: none;
    position: absolute;
    flex-direction: column;
    width: 100%;
    top: 5.2rem;
    left: 0;
  }
  .header .ncggnav__menu > li {
    width: 100%;
  }
  .header .ncggnav__menu > li:not(:last-child) {
    position: relative;
  }
  .header .ncggnav__menu > li:not(:last-child)::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(../../../assets/img/common/icon_border.svg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 0.5rem 0.2rem;
    height: 0.2rem;
    width: 100%;
    bottom: 0;
    top: initial;
    right: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(117deg) brightness(87%) contrast(78%);
  }
  .header .ncggnav__menu > li > a {
    background-color: rgba(240, 240, 240, 0.95);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1.5rem 2rem;
  }
}
.header .gnav {
  background-color: #57769C;
  position: absolute;
  z-index: 200;
  width: 100%;
  top: var(--ncggnav-height);
}
.header .gnav.fixed {
  position: fixed;
  top: 0;
}
.header .gnav__wrapper {
  margin-left: 2.5rem;
}
.header .gnav__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 7rem;
}
.header .gnav__logo {
  width: auto;
  height: 5rem;
  aspect-ratio: 150/47;
  display: flex;
  transition: opacity 0.3s;
}
.header .gnav__logo:hover {
  opacity: 0.5;
}
.header .gnav__content {
  display: block;
}
.header .gnav__menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header .gnav__menu__main {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header .gnav__menu__main .menu__pare {
  background-color: #57769C;
  transition: background-color 0.3s;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 0.8rem;
  color: #FFFFFF;
  padding: 2.3rem 1.2rem;
  height: 100%;
  position: relative;
}
.header .gnav__menu__main .menu__pare:hover {
  background-color: #305583;
}
.header .gnav__menu__main .menu__pare::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: var(--icon-url);
  width: 2.4rem;
  height: auto;
  aspect-ratio: 1/1;
}
.header .gnav__menu__main .menu__child {
  display: none;
  position: absolute;
  min-width: 18rem;
}
.header .gnav__menu__main .menu__child > li > a {
  color: #FFFFFF;
  padding: 1.2rem 1rem 1.2rem 3rem;
  display: inline-block;
  font-size: 1.3rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 0.4rem;
  background-color: #57769C;
  transition: background-color 0.3s;
}
.header .gnav__menu__main .menu__child > li > a:hover {
  background-color: #305583;
}
.header .gnav__menu__main .menu__child > li > a::before {
  content: "";
  display: inline-block;
  width: 0.7rem;
  min-width: 0.7rem;
  height: auto;
  aspect-ratio: 1/1.27;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../assets/img/common/icon_triangle_white.svg);
}
.header .gnav__menu__search > .search__btn {
  cursor: pointer;
  padding: 2.3rem 2.4rem;
  background-color: #ECECE8;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 0.8rem;
}
.header .gnav__menu__search > .search__btn::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../../assets/img/common/icon_search.svg);
  width: 2.4rem;
  height: auto;
  aspect-ratio: 1/1;
}
.header .gnav__menu__language {
  padding: 0 2rem;
  display: flex;
  gap: 0 1rem;
  border-left: 0.1rem solid #FFFFFF;
}
.header .gnav__menu__language > li > a {
  color: #F0F0F0;
  opacity: 0.8;
}
.header .gnav__menu__language > li.is-active > a {
  color: #FFFFFF;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}
.header .gnav__menu__language > li.is-active > a::after {
  content: "";
  display: inline-block;
  width: calc(100% + 0.5rem);
  height: 0.1rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
}
.header .gnav #search {
  display: none;
  width: 22em;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #ECECE8;
  text-align: left;
}
.header .gnav #search .gsc-control-cse {
  border: 0 !important;
  padding: 1rem 2rem 0.75rem 1.5rem !important;
  background-color: #ECECE8 !important;
}
.header .gnav #search .gsc-control-cse .gsc-control-wrapper-cse {
  width: 100%;
}
.header .gnav #search .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box {
  font-size: 1.3rem;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.4rem;
  margin-left: 0;
  width: 100%;
}
.header .gnav #search .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box .gsc-search-button-v2 {
  border-color: #57769C;
  background-color: #57769C;
  background-image: none;
  filter: none;
}
@media screen and (max-width: 767.9px) {
  .header .gnav__wrapper {
    margin: 0 1rem;
  }
  .header .gnav__block {
    min-height: 6rem;
  }
  .header .gnav__logo {
    height: 4rem;
  }
  .header .gnav__toggle > button {
    height: 3.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .header .gnav__toggle > button > span {
    display: inline-block;
    transition: all 0.3s;
    width: 3rem;
    height: 0.2rem;
    background: #FFFFFF;
    box-sizing: border-box;
  }
  .header .gnav__toggle > button::after {
    content: "MENU";
    color: #FFFFFF;
    font-size: 11px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
  }
  .header .gnav__toggle > button.on > span:first-child {
    transform: translateY(0.7rem) rotate(315deg);
  }
  .header .gnav__toggle > button.on > span:nth-child(2) {
    opacity: 0;
  }
  .header .gnav__toggle > button.on > span:last-child {
    transform: translateY(-0.9rem) rotate(-315deg);
  }
  .header .gnav__toggle > button.on::after {
    content: "CLOSE";
  }
  .header .gnav__content {
    display: none;
  }
  .header .gnav__menu {
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: var(--gnav-height);
    left: 0;
    height: calc(100vh - var(--gnav-height));
    overflow-y: scroll;
    width: 100%;
    background-color: rgba(87, 118, 156, 0.9);
  }
  .header .gnav__menu__main {
    flex-direction: column;
    width: 70%;
    margin: 0 auto;
  }
  .header .gnav__menu__main > li {
    position: relative;
    width: 100%;
  }
  .header .gnav__menu__main > li > i {
    width: 1.3rem;
    min-width: 1.3rem;
    height: auto;
    aspect-ratio: 1/1.27;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../../assets/img/common/icon_triangle_white.svg);
    position: absolute;
    right: 0;
    top: 1.75em;
    transform: rotateZ(90deg);
    transition: transform 0.3s ease-in-out;
    z-index: 250;
  }
  .header .gnav__menu__main > li > i.on {
    transform: rotateZ(-90deg);
  }
  .header .gnav__menu__main .menu__pare {
    background-color: transparent;
    padding: 1.5em 0 0.5em;
    height: auto;
    display: inline-flex;
  }
  .header .gnav__menu__main .menu__child {
    position: relative;
    margin-bottom: 1em;
  }
  .header .gnav__menu__main .menu__child > li > a {
    display: inline-flex;
    background-color: transparent;
    padding: 0.5em 0 0.5em 3rem;
  }
  .header .gnav__menu__language {
    border-left: none;
    border-top: 0.1rem solid #FFFFFF;
    margin-top: 3rem;
    padding: 1.5em 0 0;
    gap: 0 1.5rem;
    width: 70%;
  }
  .header .gnav__menu__language > li {
    width: calc((100% - 1.5rem) / 2);
    text-align: center;
  }
  .header .gnav__menu__language > li.is-active > a::after {
    width: 2em;
  }
  .header .gnav__menu__search {
    width: 70%;
    margin: 0 auto;
  }
  .header .gnav__menu__search #search {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
  }
}

/* ------------------------------------------
 *  _l-main.scss
 *  レイアウトクラス - メイン
 * ------------------------------------------ */
/* main */
/* ------------------------------------------ */
.main {
  padding-top: var(--gnav-height);
}

/* wrapper */
/* ------------------------------------------ */
.l-wrapper {
  width: 100%;
  max-width: 102rem;
  margin: 0 auto;
  padding: 0 2rem;
  box-sizing: border-box;
  z-index: 0;
}

/* section */
/* ------------------------------------------ */
.l-section {
  padding: clamp(calc(30 / 10 * 1rem), calc(calc((60 - 1200 * calc((60 - 30) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((60 - 30) / (1200 - 375)) * 1vw), calc(60 / 10 * 1rem)) 0 clamp(calc(30 / 10 * 1rem), calc(calc((80 - 1200 * calc((80 - 30) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((80 - 30) / (1200 - 375)) * 1vw), calc(80 / 10 * 1rem));
}
.l-section__block {
  background-color: #FFFFFF;
  border-radius: clamp(calc(10 / 10 * 1rem), calc(calc((20 - 1200 * calc((20 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((20 - 10) / (1200 - 375)) * 1vw), calc(20 / 10 * 1rem));
  padding: 4rem clamp(calc(20 / 10 * 1rem), calc(calc((65 - 1200 * calc((65 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((65 - 20) / (1200 - 375)) * 1vw), calc(65 / 10 * 1rem));
}

/* ------------------------------------------
 *  _l-table.scss
 *  レイアウトクラス - テーブル
 * ------------------------------------------ */
/* シンプル - table */
/* ------------------------------------------ */
.l-table {
  width: 100%;
}
.l-table__block {
  width: 100%;
}
.l-table__block > thead > tr > th, .l-table__block > thead > tr > td, .l-table__block > tbody > tr > th, .l-table__block > tbody > tr > td {
  padding: 0.25em 0.5em;
  vertical-align: middle;
}
.l-table__block > thead > tr > th, .l-table__block > tbody > tr > th {
  text-align: center;
  border-right: 1px solid #CCCCCC;
}
.l-table__block > thead > tr > th:first-child, .l-table__block > tbody > tr > th:first-child {
  border-left: 1px solid #CCCCCC;
}
.l-table__block > thead > tr {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.l-table__block > thead > tr:first-child {
  border-top: 1px solid #CCCCCC;
}
.l-table__block > thead > tr > th {
  font-weight: 600;
  background-color: #57769C;
  color: #FFFFFF;
}
.l-table__block > thead > tr > th.table__width--0 {
  width: 0%;
}
.l-table__block > thead > tr > th.table__width--5 {
  width: 5%;
}
.l-table__block > thead > tr > th.table__width--10 {
  width: 10%;
}
.l-table__block > thead > tr > th.table__width--15 {
  width: 15%;
}
.l-table__block > thead > tr > th.table__width--20 {
  width: 20%;
}
.l-table__block > thead > tr > th.table__width--25 {
  width: 25%;
}
.l-table__block > thead > tr > th.table__width--30 {
  width: 30%;
}
.l-table__block > thead > tr > th.table__width--35 {
  width: 35%;
}
.l-table__block > thead > tr > th.table__width--40 {
  width: 40%;
}
.l-table__block > thead > tr > th.table__width--45 {
  width: 45%;
}
.l-table__block > thead > tr > th.table__width--50 {
  width: 50%;
}
.l-table__block > thead > tr > th.table__width--55 {
  width: 55%;
}
.l-table__block > thead > tr > th.table__width--60 {
  width: 60%;
}
.l-table__block > thead > tr > th.table__width--65 {
  width: 65%;
}
.l-table__block > thead > tr > th.table__width--70 {
  width: 70%;
}
.l-table__block > thead > tr > th.table__width--75 {
  width: 75%;
}
.l-table__block > thead > tr > th.table__width--80 {
  width: 80%;
}
.l-table__block > thead > tr > th.table__width--85 {
  width: 85%;
}
.l-table__block > thead > tr > th.table__width--90 {
  width: 90%;
}
.l-table__block > thead > tr > th.table__width--95 {
  width: 95%;
}
.l-table__block > thead > tr > th.table__width--100 {
  width: 100%;
}
.l-table__block > tbody > tr {
  border-bottom: 1px solid #CCCCCC;
}
.l-table__block > tbody > tr > td {
  border-right: 1px solid #CCCCCC;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: normal;
}
.l-table__block > tbody > tr > td:first-child {
  border-left: 1px solid #CCCCCC;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .l-table {
    overflow-x: scroll;
  }
  .l-table__block {
    width: 85rem;
  }
}

.l-table--02 {
  width: 100%;
}
.l-table--02 > thead > tr > th, .l-table--02 > thead > tr > td, .l-table--02 > tbody > tr > th, .l-table--02 > tbody > tr > td {
  padding: 0.5em 1em;
  vertical-align: middle;
}
.l-table--02 > thead > tr > th, .l-table--02 > tbody > tr > th {
  text-align: center;
  border-right: 1px solid #CCCCCC;
}
.l-table--02 > thead > tr > th:first-child, .l-table--02 > tbody > tr > th:first-child {
  border-left: 1px solid #CCCCCC;
}
.l-table--02 > thead > tr {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.l-table--02 > thead > tr:first-child {
  border-top: 1px solid #CCCCCC;
}
.l-table--02 > thead > tr > th {
  font-weight: 600;
  background-color: #57769C;
  color: #FFFFFF;
  height: 4rem;
}
.l-table--02 > thead > tr > th.table__width--0 {
  width: 0%;
}
.l-table--02 > thead > tr > th.table__width--5 {
  width: 5%;
}
.l-table--02 > thead > tr > th.table__width--10 {
  width: 10%;
}
.l-table--02 > thead > tr > th.table__width--15 {
  width: 15%;
}
.l-table--02 > thead > tr > th.table__width--20 {
  width: 20%;
}
.l-table--02 > thead > tr > th.table__width--25 {
  width: 25%;
}
.l-table--02 > thead > tr > th.table__width--30 {
  width: 30%;
}
.l-table--02 > thead > tr > th.table__width--35 {
  width: 35%;
}
.l-table--02 > thead > tr > th.table__width--40 {
  width: 40%;
}
.l-table--02 > thead > tr > th.table__width--45 {
  width: 45%;
}
.l-table--02 > thead > tr > th.table__width--50 {
  width: 50%;
}
.l-table--02 > thead > tr > th.table__width--55 {
  width: 55%;
}
.l-table--02 > thead > tr > th.table__width--60 {
  width: 60%;
}
.l-table--02 > thead > tr > th.table__width--65 {
  width: 65%;
}
.l-table--02 > thead > tr > th.table__width--70 {
  width: 70%;
}
.l-table--02 > thead > tr > th.table__width--75 {
  width: 75%;
}
.l-table--02 > thead > tr > th.table__width--80 {
  width: 80%;
}
.l-table--02 > thead > tr > th.table__width--85 {
  width: 85%;
}
.l-table--02 > thead > tr > th.table__width--90 {
  width: 90%;
}
.l-table--02 > thead > tr > th.table__width--95 {
  width: 95%;
}
.l-table--02 > thead > tr > th.table__width--100 {
  width: 100%;
}
.l-table--02 > tbody > tr {
  border-bottom: 1px solid #CCCCCC;
}
.l-table--02 > tbody > tr > th {
  background-color: #EAF3F6;
  font-weight: 600;
}
.l-table--02 > tbody > tr > td {
  border-right: 1px solid #CCCCCC;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: normal;
}
.l-table--02 > tbody > tr:nth-child(even) {
  background-color: #F0F0F0;
}
@media screen and (max-width: 767.9px) {
  .l-table--02 {
    overflow-x: scroll;
  }
  .l-table--02__block {
    width: 85rem;
  }
}

/* ------------------------------------------
 *  _l-tab.scss
 *  レイアウトクラス - タブ切り替え
 * ------------------------------------------ */
.tab__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tab__list__item {
  width: 100%;
  text-align: center;
  color: #57769C;
  padding: 0.8rem 0.25em;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border: 0.15rem solid #57769C;
  border-bottom: none;
  box-sizing: border-box;
}
.tab__list__item.active {
  background-color: #57769C;
  color: #FFFFFF;
}
.tab__list--0 > li {
  min-width: calc((100% - 0.5rem * (0 - 1)) / 0);
}
.tab__list--1 > li {
  min-width: calc((100% - 0.5rem * (1 - 1)) / 1);
}
.tab__list--2 > li {
  min-width: calc((100% - 0.5rem * (2 - 1)) / 2);
}
.tab__list--3 > li {
  min-width: calc((100% - 0.5rem * (3 - 1)) / 3);
}
.tab__list--4 > li {
  min-width: calc((100% - 0.5rem * (4 - 1)) / 4);
}
.tab__list--5 > li {
  min-width: calc((100% - 0.5rem * (5 - 1)) / 5);
}
.tab__list--6 > li {
  min-width: calc((100% - 0.5rem * (6 - 1)) / 6);
}
.tab__list--7 > li {
  min-width: calc((100% - 0.5rem * (7 - 1)) / 7);
}
.tab__list--8 > li {
  min-width: calc((100% - 0.5rem * (8 - 1)) / 8);
}
.tab__list--9 > li {
  min-width: calc((100% - 0.5rem * (9 - 1)) / 9);
}
.tab__list--10 > li {
  min-width: calc((100% - 0.5rem * (10 - 1)) / 10);
}
.tab__block {
  border: 0.15rem solid #57769C;
  padding: clamp(calc(15 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 15) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 15) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}
.tab__block__item {
  display: none;
}
.tab__block__item.active {
  display: block;
}

/* ------------------------------------------
 *  _l-sort.scss
 *  レイアウトクラス - ソート設定
 * ------------------------------------------ */
.sort__box {
  display: inline-block;
  position: relative;
}
.sort__box::after {
  content: "";
  display: inline-block;
  width: 1.3rem;
  min-width: 1.3rem;
  height: auto;
  aspect-ratio: 1/1.27;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../assets/img/common/icon_triangle_blue.svg);
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  left: inherit;
  transform: rotateZ(90deg);
  transition: transform 0.3s ease-in-out;
  z-index: 0;
}
.sort__select {
  cursor: pointer;
  border: solid 1px #AAAAAA;
  border-radius: clamp(calc(5 / 10 * 1rem), calc(calc((8 - 1200 * calc((8 - 5) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((8 - 5) / (1200 - 375)) * 1vw), calc(8 / 10 * 1rem));
  padding: 0.7rem calc(2.3rem + 2.5em) 0.7rem 1.6rem;
  position: relative;
  z-index: 1;
}
.sort__block {
  margin-top: clamp(calc(20 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 20) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}
.sort__block__item {
  display: none;
}
.sort__block__item.active {
  display: block;
}

/* ------------------------------------------
 *  _l-article.scss
 *  レイアウトクラス - 記事ページ設定
 * ------------------------------------------ */
.l-article p {
  line-height: 1.8em;
  margin-bottom: 2rem;
  font-size: clamp(calc(13 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 13) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 13) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
}
.l-article h2 {
  position: relative;
  padding-bottom: clamp(calc(10 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 10) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
  margin-bottom: clamp(calc(25 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 25) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 25) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
  margin-top: clamp(calc(50 / 10 * 1rem), calc(calc((60 - 1200 * calc((60 - 50) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((60 - 50) / (1200 - 375)) * 1vw), calc(60 / 10 * 1rem));
  color: #57769C;
  font-weight: 600;
  font-size: clamp(calc(18 / 10 * 1rem), calc(calc((22 - 1200 * calc((22 - 18) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((22 - 18) / (1200 - 375)) * 1vw), calc(22 / 10 * 1rem));
}
.l-article h2::after {
  content: "";
  display: inline-block;
  position: absolute;
  background: repeating-linear-gradient(to right, transparent, transparent 0.3rem, #57769C 0.3rem, #57769C 0.5rem);
  background-repeat: repeat-x;
  height: 2px;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
}
.l-article h3 {
  position: relative;
  padding-bottom: clamp(calc(8 / 10 * 1rem), calc(calc((10 - 1200 * calc((10 - 8) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((10 - 8) / (1200 - 375)) * 1vw), calc(10 / 10 * 1rem));
  margin-bottom: clamp(calc(15 / 10 * 1rem), calc(calc((20 - 1200 * calc((20 - 15) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((20 - 15) / (1200 - 375)) * 1vw), calc(20 / 10 * 1rem));
  margin-top: clamp(calc(20 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 20) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
  color: #57769C;
  font-weight: 600;
  font-size: clamp(calc(16 / 10 * 1rem), calc(calc((19 - 1200 * calc((19 - 16) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((19 - 16) / (1200 - 375)) * 1vw), calc(19 / 10 * 1rem));
  border-bottom: 0.2rem solid #57769C;
}
@media screen and (max-width: 767.9px) {
  .l-article h3 {
    border-bottom: 0.1rem solid #57769C;
  }
}
.l-article h4 {
  position: relative;
  margin-bottom: 0.5rem;
  margin-top: clamp(calc(10 / 10 * 1rem), calc(calc((20 - 1200 * calc((20 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((20 - 10) / (1200 - 375)) * 1vw), calc(20 / 10 * 1rem));
  color: #57769C;
  font-weight: 600;
  font-size: clamp(calc(15 / 10 * 1rem), calc(calc((17 - 1200 * calc((17 - 15) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((17 - 15) / (1200 - 375)) * 1vw), calc(17 / 10 * 1rem));
}
.l-article h4::before {
  content: "";
  display: inline-block;
  width: 0.8em;
  min-width: 0.8em;
  height: 0.8em;
  min-height: 0.8em;
  border-radius: 50%;
  background-color: #57769C;
  margin-bottom: -0.05em;
  margin-right: 0.25em;
}
.l-article a {
  color: #1654A4;
  transition: color 0.3s;
  padding: 0 0.15em;
  word-break: break-all;
  position: relative;
}
.l-article a:hover {
  color: #333333;
}
.l-article a:hover {
  text-decoration: underline;
}
.l-article a.pdf::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../../assets/img/common/icon_pdf_blue.svg);
  width: 1.25em;
  height: auto;
  aspect-ratio: 227/249;
  margin-bottom: -0.25em;
  margin-left: 0.25em;
}
@media screen and (min-width: 768px) {
  .l-article a.pdf:hover::after {
    background-image: url(../../../assets/img/common/icon_pdf_black.svg);
  }
}
@media screen and (max-width: 767.9px) {
  .l-article a.pdf:active::after {
    background-image: url(../../../assets/img/common/icon_pdf_black.svg);
  }
}
.l-article a[target=_blank]::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../../assets/img/common/icon_blank_black.svg);
  filter: brightness(0) saturate(100%) invert(46%) sepia(13%) saturate(1263%) hue-rotate(173deg) brightness(92%) contrast(88%);
  width: 0.8em;
  height: auto;
  aspect-ratio: 1/1;
  margin-left: 0.25em;
}
.l-article a.linkBox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 60rem;
  background-color: #57769C;
  color: #FFFFFF;
  border: 0.1rem solid #57769C;
  border-radius: 0.7rem;
  font-size: clamp(calc(14 / 10 * 1rem), calc(calc((16 - 1200 * calc((16 - 14) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((16 - 14) / (1200 - 375)) * 1vw), calc(16 / 10 * 1rem));
  font-weight: 600;
  padding: 1rem calc(1rem + 1em) 1rem 1rem;
  margin: 0 auto;
  transition: background-color 0.3s, color 0.3s, filter 0.3s;
}
.l-article a.linkBox[target=_blank]::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  left: initial;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../../assets/img/common/icon_blank_black.svg);
  filter: brightness(0) saturate(100%) invert(85%) sepia(100%) saturate(9%) hue-rotate(115deg) brightness(103%) contrast(103%);
  width: 0.8em;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  .l-article a.linkBox:hover {
    background-color: #FFFFFF;
    color: #57769C;
    text-decoration: none;
  }
  .l-article a.linkBox:hover::after {
    filter: brightness(0) saturate(100%) invert(46%) sepia(13%) saturate(1263%) hue-rotate(173deg) brightness(92%) contrast(88%);
  }
}
@media screen and (max-width: 767.9px) {
  .l-article a.linkBox:active {
    background-color: #FFFFFF;
    color: #57769C;
    text-decoration: none;
  }
  .l-article a.linkBox:active::after {
    filter: brightness(0) saturate(100%) invert(46%) sepia(13%) saturate(1263%) hue-rotate(173deg) brightness(92%) contrast(88%);
  }
}
.l-article sup {
  font-size: 70%;
  vertical-align: super;
}
.l-article ul > li {
  padding-left: 1em;
  position: relative;
  word-break: break-word;
  margin-bottom: 0.25em;
  font-size: clamp(calc(13 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 13) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 13) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
}
.l-article ul > li::before {
  content: "";
  width: 0.3em;
  min-width: 0.3em;
  height: 0.3em;
  min-height: 0.3em;
  aspect-ratio: 1/1;
  background-color: #57769C;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.65em;
}
.l-article ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.l-article ol > li {
  padding-left: 1.25em;
  text-indent: -1.25em;
  position: relative;
  word-break: break-word;
  margin-bottom: 0.25em;
  font-size: clamp(calc(13 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 13) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 13) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
}
.l-article ol.en {
  list-style-type: upper-alpha;
}
.l-article figure {
  text-align: center;
  margin-bottom: 3rem;
  margin-top: 2rem;
  height: fit-content;
}
.l-article figure:has(figcaption) {
  border: 0.1rem solid #F0F0F0;
}
.l-article figure:has(figcaption) > img {
  padding: 0.5rem;
}
.l-article figure figcaption {
  font-size: clamp(calc(11 / 10 * 1rem), calc(calc((13 - 1200 * calc((13 - 11) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((13 - 11) / (1200 - 375)) * 1vw), calc(13 / 10 * 1rem));
  background-color: #F0F0F0;
  line-height: 1.3;
  padding: 0.5rem 1rem;
  text-align: center;
  width: 100%;
}
.l-article dl {
  border: 1px solid #57769C;
  border-radius: clamp(calc(5 / 10 * 1rem), calc(calc((10 - 1200 * calc((10 - 5) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((10 - 5) / (1200 - 375)) * 1vw), calc(10 / 10 * 1rem));
  padding: clamp(calc(15 / 10 * 1rem), calc(calc((20 - 1200 * calc((20 - 15) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((20 - 15) / (1200 - 375)) * 1vw), calc(20 / 10 * 1rem));
  margin-top: clamp(calc(20 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 20) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}
.l-article dl dt {
  border-bottom: 0.1rem solid #57769C;
  padding-bottom: clamp(calc(10 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 10) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: clamp(calc(10 / 10 * 1rem), calc(calc((16 - 1200 * calc((16 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((16 - 10) / (1200 - 375)) * 1vw), calc(16 / 10 * 1rem));
}
.l-article dl dt::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../../assets/img/common/icon_links.svg);
  width: 2.5rem;
  height: auto;
  aspect-ratio: 1/1;
}
.l-article dl dd {
  padding: 0 2rem;
}
.l-article dl dd p {
  margin-bottom: 0.5rem;
}
.l-article dl dd ul li {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767.9px) {
  .l-article dl dd {
    padding: 0 1rem;
  }
}
.l-article table {
  width: 100%;
  margin-bottom: 3rem;
}
.l-article table caption {
  margin-bottom: 0.5em;
  font-size: 1.3rem;
}
.l-article table > thead > tr > th, .l-article table > thead > tr > td, .l-article table > tbody > tr > th, .l-article table > tbody > tr > td, .l-article table > tfoot > tr > th, .l-article table > tfoot > tr > td {
  padding: 0.25em 0.5em;
  vertical-align: middle;
  font-size: clamp(calc(13 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 13) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 13) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
}
.l-article table > thead > tr > th, .l-article table > tbody > tr > th, .l-article table > tfoot > tr > th {
  text-align: center;
  border-right: 1px solid #CCCCCC;
}
.l-article table > thead > tr > th:first-child, .l-article table > tbody > tr > th:first-child, .l-article table > tfoot > tr > th:first-child {
  border-left: 1px solid #CCCCCC;
}
.l-article table > thead > tr {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.l-article table > thead > tr:first-child {
  border-top: 1px solid #CCCCCC;
}
.l-article table > thead > tr > th {
  font-weight: 600;
  background-color: #57769C;
  color: #FFFFFF;
  width: 50%;
}
.l-article table > thead > tr > th.table__width--0 {
  width: 0%;
}
.l-article table > thead > tr > th.table__width--5 {
  width: 5%;
}
.l-article table > thead > tr > th.table__width--10 {
  width: 10%;
}
.l-article table > thead > tr > th.table__width--15 {
  width: 15%;
}
.l-article table > thead > tr > th.table__width--20 {
  width: 20%;
}
.l-article table > thead > tr > th.table__width--25 {
  width: 25%;
}
.l-article table > thead > tr > th.table__width--30 {
  width: 30%;
}
.l-article table > thead > tr > th.table__width--35 {
  width: 35%;
}
.l-article table > thead > tr > th.table__width--40 {
  width: 40%;
}
.l-article table > thead > tr > th.table__width--45 {
  width: 45%;
}
.l-article table > thead > tr > th.table__width--50 {
  width: 50%;
}
.l-article table > thead > tr > th.table__width--55 {
  width: 55%;
}
.l-article table > thead > tr > th.table__width--60 {
  width: 60%;
}
.l-article table > thead > tr > th.table__width--65 {
  width: 65%;
}
.l-article table > thead > tr > th.table__width--70 {
  width: 70%;
}
.l-article table > thead > tr > th.table__width--75 {
  width: 75%;
}
.l-article table > thead > tr > th.table__width--80 {
  width: 80%;
}
.l-article table > thead > tr > th.table__width--85 {
  width: 85%;
}
.l-article table > thead > tr > th.table__width--90 {
  width: 90%;
}
.l-article table > thead > tr > th.table__width--95 {
  width: 95%;
}
.l-article table > thead > tr > th.table__width--100 {
  width: 100%;
}
.l-article table > tbody > tr {
  border-bottom: 1px solid #CCCCCC;
}
.l-article table > tbody > tr > td {
  border-right: 1px solid #CCCCCC;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: normal;
  text-align: center;
}
.l-article table > tbody > tr > td:first-child {
  border-left: 1px solid #CCCCCC;
}
.l-article table > tfoot > tr {
  border-bottom: 1px solid #CCCCCC;
}
.l-article table > tfoot > tr > td {
  border-right: 1px solid #CCCCCC;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: normal;
  text-align: center;
  font-weight: 600;
}
.l-article table > tfoot > tr > td:first-child {
  border-left: 1px solid #CCCCCC;
}
.l-article .col--2 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2rem 3rem;
}
@media screen and (max-width: 767.9px) {
  .l-article .col--2 {
    grid-template-columns: 100%;
    justify-content: center;
  }
  .l-article .col--2 figure {
    margin: auto;
  }
}
.l-article .c-headTitle > .head {
  text-align: left;
}



/* 追加 */

.l-article table.infoTable,
.l-article table.infoTable th,
.l-article table.infoTable td,
.l-article table.infoTable>thead>tr>th:first-child,
.l-article table.infoTable>tbody>tr>th:first-child,
.l-article table.infoTable>tfoot>tr>th:first-child {
  border: none;
  text-align: left;
}

.l-article table.infoTable > tbody > tr {
  border-bottom: dotted 1px #D0D0D0;
}

.l-article table.infoTable th {
  white-space: nowrap;
  padding-right: 1em;
}

.l-article table.infoTable th,
.l-article table.infoTable td {
  white-space: left;
  padding: 10px;
  vertical-align: top;
  line-height: 1.8;
}

table.infoTable {
  margin-bottom: 0;
}

.c-topicPath p {
  font-size: 1.2rem;
}

.c-topicPath p a {
  color: #57769C;
}




/* 追加 */
.otoiawase,
.otoiawase2 {
    border: 1px solid #57769C;
    border-radius: clamp(calc(5 / 10 * 1rem), calc(calc((10 - 1200 * calc((10 - 5) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((10 - 5) / (1200 - 375)) * 1vw), calc(10 / 10 * 1rem));
    padding: clamp(calc(15 / 10 * 1rem), calc(calc((20 - 1200 * calc((20 - 15) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((20 - 15) / (1200 - 375)) * 1vw), calc(20 / 10 * 1rem));
    margin-top: clamp(calc(20 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 20) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}

#contents .otoiawase h2,
.otoiawase2 h2 {
    position: relative;
    font-size: 1.5rem;
    font-weight: normal;
    padding-left: 40px;
    color: #000;
    border-bottom: 0.1rem solid #57769C;
    padding-bottom: clamp(calc(10 / 10 * 1rem), calc(calc((15 - 1200 * calc((15 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((15 - 10) / (1200 - 375)) * 1vw), calc(15 / 10 * 1rem));
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: clamp(calc(10 / 10 * 1rem), calc(calc((16 - 1200 * calc((16 - 10) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((16 - 10) / (1200 - 375)) * 1vw), calc(16 / 10 * 1rem));
    text-align: left;
    margin-top: 0;
}

#contents .otoiawase h2::after,
.otoiawase2 h2::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../../../assets/img/common/icon_links.svg);
    width: 2.5rem;
    height: auto;
    aspect-ratio: 1/1;
    bottom: initial;
}

#contents .otoiawase p,
.l-article .otoiawase2 p {
    padding: 0 2rem;
    margin: 0;
}

#contents .otoiawase ul,
.l-article .otoiawase2 ul {
  margin-top: 1em;
  padding: 0 2rem;
}