@charset "UTF-8";
/* page layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* 文字にグラデ */
/* ------------------------------------------------------------------------*/
/* レイアウト
---------------------------------------------------------------------------*/
/* main
---------------------------------------------------------------------------*/
main {
  background-image: url(../img/cmn/page-bg.png);
  background-repeat: no-repeat;
  background-position: center 320px;
  background-size: 1440px auto;
  padding-bottom: 192px;
}
@media screen and (max-width: 1440px) {
  main {
    background-position: center 22.2222222222vw;
    background-size: 100vw auto;
    padding-bottom: 13.3333333333vw;
  }
}

/* panel
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .panel {
    display: none;
  }
}

/* pg-ttl
---------------------------------------------------------------------------*/
.pg-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 96px;
}
@media screen and (max-width: 1440px) {
  .pg-ttl {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-ttl {
    margin-bottom: 24.427480916vw;
  }
}
.pg-ttl-tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 360px;
}
@media screen and (max-width: 1440px) {
  .pg-ttl-tx {
    width: 25vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-ttl-tx {
    display: none;
  }
}
.pg-ttl-img {
  position: relative;
  width: calc(100% - 360px);
}
@media screen and (max-width: 1440px) {
  .pg-ttl-img {
    width: calc(100% - 25vw);
  }
}
@media screen and (max-width: 480px) {
  .pg-ttl-img {
    width: 89.8218829517vw;
    margin: 0 0 0 auto;
  }
}
.pg-ttl-img img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
}
@media screen and (max-width: 1440px) {
  .pg-ttl-img img {
    height: 27.7777777778vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-ttl-img img {
    height: 76.3358778626vw;
  }
}

/* datatbl
---------------------------------------------------------------------------*/
.datatbl {
  width: 100%;
  border-top: 1px solid #1E1E27;
  border-collapse: collapse;
}
.datatbl th, .datatbl td {
  border-bottom: 1px solid #1E1E27;
  padding: 20px;
}
@media screen and (max-width: 1440px) {
  .datatbl th, .datatbl td {
    padding: 1.3888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .datatbl th, .datatbl td {
    display: block;
    width: 100% !important;
    padding: 2.5445292621vw 2.5445292621vw;
  }
}
.datatbl th {
  font-weight: 700;
  background-color: #0E42AB;
  color: #ffffff;
  width: 240px;
}
@media screen and (max-width: 1440px) {
  .datatbl th {
    width: 16.6666666667vw;
  }
}

/* datatbl
---------------------------------------------------------------------------*/
.subttl {
  position: relative;
  font-size: 28px;
}
@media screen and (max-width: 1440px) {
  .subttl {
    font-size: 1.9444444444vw;
  }
}
@media screen and (max-width: 480px) {
  .subttl {
    font-size: 7.1246819338vw;
  }
}
.subttl {
  padding: 16px 0 16px 40px;
  font-weight: 700;
  margin-bottom: 32px;
}
@media screen and (max-width: 1440px) {
  .subttl {
    margin-bottom: 2.2222222222vw;
  }
}
@media screen and (max-width: 480px) {
  .subttl {
    margin-bottom: 8.1424936387vw;
  }
}
.subttl {
  line-height: 1.4;
}
@media screen and (max-width: 1440px) {
  .subttl {
    padding: 1.1111111111vw 0 1.1111111111vw 2.7777777778vw;
  }
}
@media screen and (max-width: 480px) {
  .subttl {
    padding: 4.0712468193vw 0 4.0712468193vw 10.1781170483vw;
  }
}
.subttl::before, .subttl::after {
  position: absolute;
  content: "";
  background-color: #0E42AB;
  height: 100%;
  top: 0;
}
.subttl::before {
  width: 8px;
  left: 0;
}
@media screen and (max-width: 1440px) {
  .subttl::before {
    width: 0.5555555556vw;
  }
}
@media screen and (max-width: 480px) {
  .subttl::before {
    width: 2.0356234097vw;
  }
}
.subttl::after {
  width: 2px;
  left: 13px;
}
@media screen and (max-width: 1440px) {
  .subttl::after {
    width: 0.1388888889vw;
    left: 0.9027777778vw;
  }
}
@media screen and (max-width: 480px) {
  .subttl::after {
    width: 0.5089058524vw;
    left: 3.3078880407vw;
  }
}

/* datatbl
---------------------------------------------------------------------------*/
.pg-anchor {
  width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .pg-anchor {
    width: 94.4444444444vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor {
    width: 89.8218829517vw;
  }
}
.pg-anchor {
  margin-bottom: 106px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor {
    margin-bottom: 7.3611111111vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor {
    margin-bottom: 26.9720101781vw;
  }
}
.pg-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor {
    gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor {
    gap: 6.106870229vw;
  }
}
.pg-anchor li {
  width: 320px;
  color: #ffffff;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li {
    width: 22.2222222222vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li {
    width: 100%;
  }
}
.pg-anchor li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a {
    font-size: 5.0890585242vw;
  }
}
.pg-anchor li a {
  background-color: #363540;
  width: 100%;
  height: 72px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a {
    height: 5vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a {
    height: 18.320610687vw;
  }
}
.pg-anchor li a span {
  position: relative;
  padding-right: 22px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a span {
    padding-right: 1.5277777778vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a span {
    padding-right: 5.5979643766vw;
  }
}
.pg-anchor li a span::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 16px;
  background-image: url(../img/cmn/anc-arw.png);
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a span::after {
    width: 1.0416666667vw;
    height: 1.1111111111vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a span::after {
    width: 3.8167938931vw;
    height: 4.0712468193vw;
  }
}