@charset "UTF-8";
/* common
---------------------------------------------------------------------------- */
.m-mh {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3333;
  background: url(../images/common/icn_circle.svg) no-repeat;
  background-size: 5rem;
  background-position: left top;
}
.m-mh span {
  display: block;
  font-weight: 700;
  font-family: "Lexend Exa", sans-serif;
  font-size: 6rem;
  letter-spacing: -0.05em;
  color: #0064B6;
}

@media screen and (max-width: 768px) {
  .m-mh {
    font-size: 3.7209302326vw;
    background-size: 6.976744186vw;
  }
  .m-mh span {
    font-size: 6.976744186vw;
  }
}
/* p-info-list
---------------------------------------------------------------------------- */
.p-info-list {
  padding: 5.6rem 0 0 0;
}
.p-info-list .l-content-inner .m-mh {
  margin: 0 0 0 -2.3rem;
  padding-left: 1.4rem;
}

.p-info-list-content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.8rem;
}

.p-info-list-company-list {
  font-size: 1.5rem;
  line-height: 4.8rem;
}
.p-info-list-company-list li {
  display: block;
  color: #0064B6;
  padding: 0 0 0 3.1rem;
  position: relative;
  font-weight: 700;
  cursor: pointer;
}
.p-info-list-company-list li.is-current::before, .p-info-list-company-list li:hover::before {
  content: "";
  display: block;
  background: #0064B6;
  height: 4.8rem;
  width: 0.8rem;
  border-radius: 15rem;
  position: absolute;
  top: 0;
  left: 0;
}

.p-info-list-content {
  width: 84rem;
}

.p-info-list-content-list-area {
  border-radius: 1.8rem;
  background: #F9F9FC;
  padding: 0.7rem 0;
}

.p-info-list-content-list li {
  padding: 1.8rem 3.7rem 1.8rem 3.7rem;
  border-bottom: 0.1rem solid #DBDBEA;
}
.p-info-list-content-list li:last-child {
  border-bottom: none;
}
.p-info-list-content-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  color: #1A1311;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p-info-list-date {
  background: #DBDBEA;
  text-align: center;
  padding: 0.8rem 0;
  color: #0064B6;
  width: 13.1rem;
  display: inline-block;
  border-radius: 15rem;
  font-family: "Lexend Exa", sans-serif;
  font-size: 1.6rem;
}

.p-info-list-ttl {
  width: calc(100% - 14.6rem);
  line-height: 2;
  font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-info-list {
    padding: 6.976744186vw 0 0 0;
  }
  .p-info-list .l-content-inner .m-mh {
    margin: 0;
    padding-left: 3.2558139535vw;
  }
  .p-info-list-content-area {
    display: block;
  }
  .p-info-list-company {
    padding-top: 3.7209302326vw;
  }
  .p-info-list-company-list {
    font-size: 3.488372093vw;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5.8139534884vw;
    margin-bottom: 3.7209302326vw;
  }
  .p-info-list-company-list li {
    padding: 0 0 2.0930232558vw 0;
  }
  .p-info-list-company-list li.is-current::before, .p-info-list-company-list li:hover::before {
    height: 1.1627906977vw;
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
  }
  .p-info-list-content {
    width: 100%;
  }
  .p-info-list-content-list-area {
    border-radius: 2.3255813953vw;
    padding: 2.3255813953vw 0;
  }
  .p-info-list-content-list li {
    padding: 3.488372093vw 5.8139534884vw;
    border-bottom: 0.2325581395vw solid #DBDBEA;
  }
  .p-info-list-content-list li:last-child {
    border-bottom: none;
  }
  .p-info-list-content-list li a {
    display: block;
  }
  .p-info-list-date {
    padding: 1.8604651163vw 0;
    width: 30.4651162791vw;
    display: inline-block;
    font-size: 3.7209302326vw;
    display: inline-block;
  }
  .p-info-list-ttl {
    display: block;
    width: 100%;
    line-height: 2;
    font-size: 3.7209302326vw;
  }
}
/* p-pager
---------------------------------------------------------------------------- */
.p-pager {
  padding-top: 8rem;
}

.pagination {
  width: 100%;
  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;
  gap: 1.5rem;
}
.pagination li {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
}
.pagination li.page-prev {
  margin-right: 4rem;
}
.pagination li.page-next {
  margin-left: 4rem;
}
.pagination li a {
  display: block;
  color: #034F91;
  border: 0.1rem solid #034F91;
  border-radius: 50%;
  background: #FFFDF7;
  padding: 0 1.1rem;
  line-height: 3rem;
  min-width: 3rem;
}
.pagination li a .fa-angle-left::before {
  content: "<";
  display: inline-block;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 3rem;
}
.pagination li a .fa-angle-right::before {
  content: ">";
  display: inline-block;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 3rem;
}
.pagination li a:hover {
  color: #ffffff;
  background: #034F91;
}
.pagination li.active a {
  color: #ffffff;
  background: #034F91;
}
.pagination li .sr-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-pager {
    padding-top: 9.3023255814vw;
  }
  .pagination {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4.6511627907vw 3.488372093vw;
    position: relative;
    padding: 0 13.023255814vw;
  }
  .pagination li {
    font-size: 3.2558139535vw;
  }
  .pagination li.page-prev {
    position: absolute;
    left: 0;
    top: 0;
  }
  .pagination li.page-next {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .pagination li a {
    border: 0.2325581395vw solid #034F91;
    padding: 0 2.7906976744vw;
    line-height: 6.976744186vw;
    min-width: 7.4418604651vw;
  }
  .pagination li a .fa-angle-left::before {
    font-size: 3.2558139535vw;
    line-height: 6.976744186vw;
  }
  .pagination li a .fa-angle-right::before {
    font-size: 3.2558139535vw;
    line-height: 6.976744186vw;
  }
}
/* p-info-detail
---------------------------------------------------------------------------- */
.p-info-detail {
  border-radius: 1.8rem;
  background: #F9F9FC;
  padding: 3rem 3rem 1rem 3rem;
}

.p-info-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}

.p-info-date {
  color: #0064B6;
  font-weight: 400;
  font-family: "Lexend Exa", sans-serif;
  font-size: 1.6rem;
}

.p-info-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
}
.p-info-category li {
  color: #0064B6;
  font-weight: 500;
  font-size: 1.4rem;
  background: #DBDBEA;
  padding: 0.4rem 1.8rem;
  border-radius: 15rem;
}

.p-info-ttl {
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 1.41176;
  margin-bottom: 4rem;
}

.p-info-body {
  font-size: 1.6rem;
}
.p-info-body p {
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 1.125em;
}
.p-info-body p.p-info-img {
  margin-bottom: 4rem;
}
.p-info-body a {
  font-weight: 700;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.p-info-body a:hover {
  opacity: 0.7;
}
.p-info-body h2 {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.42857;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #707070;
  margin-bottom: 3rem;
}
.p-info-body h3 {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.454545;
  margin-bottom: 2rem;
}
.p-info-body strong {
  font-weight: 700;
}
.p-info-body em {
  font-style: italic;
}
.p-info-body ul {
  margin-bottom: 3rem;
}
.p-info-body ul li {
  line-height: 2.25;
}
.p-info-body ul li::before {
  content: "●";
  display: inline-block;
}
.p-info-body ol {
  margin-bottom: 3rem;
  margin-left: 1em;
}
.p-info-body ol li {
  line-height: 2.25;
  list-style-type: decimal;
}

@media screen and (max-width: 768px) {
  .p-info-detail {
    border-radius: 2.3255813953vw;
    padding: 6.976744186vw 3.7209302326vw 2.3255813953vw 3.7209302326vw;
  }
  .p-info-head {
    gap: 2.7906976744vw;
    margin-bottom: 6.976744186vw;
  }
  .p-info-date {
    font-size: 3.7209302326vw;
  }
  .p-info-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.7906976744vw;
  }
  .p-info-category li {
    font-size: 3.2558139535vw;
    padding: 0.9302325581vw 4.1860465116vw;
  }
  .p-info-ttl {
    font-size: 6.511627907vw;
    line-height: 1.5714;
    margin-bottom: 6.976744186vw;
  }
  .p-info-body {
    font-size: 3.7209302326vw;
  }
  .p-info-body p {
    font-size: 3.7209302326vw;
  }
  .p-info-body p.p-info-img {
    margin-bottom: 6.976744186vw;
  }
  .p-info-body a {
    font-weight: 700;
  }
  .p-info-body h2 {
    font-size: 5.5813953488vw;
    line-height: 1.58333;
    padding-bottom: 2.3255813953vw;
    border-bottom: 0.2325581395vw solid #707070;
    margin-bottom: 6.976744186vw;
  }
  .p-info-body h3 {
    font-size: 4.6511627907vw;
    line-height: 1.6;
    margin-bottom: 4.6511627907vw;
  }
  .p-info-body ul {
    margin-bottom: 6.976744186vw;
  }
  .p-info-body ol {
    margin-bottom: 6.976744186vw;
  }
}
.p-btn-back {
  text-align: center;
  margin-top: 6rem;
}
.p-btn-back a {
  display: inline-block;
  background: #E29E1D;
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 6rem;
  border-radius: 15rem;
  padding: 0 3.2rem;
}
.p-btn-back a::before {
  content: "<";
  display: inline-block;
  color: #fff;
  font-weight: 900;
  font-size: 1.4rem;
  padding-right: 1.6rem;
}

@media screen and (max-width: 768px) {
  .p-btn-back {
    margin-top: 9.3023255814vw;
  }
  .p-btn-back a {
    font-size: 4.1860465116vw;
    line-height: 13.488372093vw;
    padding: 0 7.4418604651vw;
  }
  .p-btn-back a::before {
    font-size: 3.2558139535vw;
    padding-right: 3.7209302326vw;
  }
}