@charset "UTF-8";
/* コンテンツ最大幅 */
/* color */
/* ============================================ */
/* font-size */
/* ============================================ */
/* font-family */
/* ============================================ */
/* second */
/* ============================================ */
.sol .common-ttl__en {
  color: #EE3737;
}
@media (hover: hover) {
  .sol .common-btn.--pdf .common-btn__link:hover::after {
    background-image: url("../images/common/icon_pdf_sol.svg");
  }
}
.sol .common-btn__link {
  border-color: #EE3737;
  background: #EE3737;
}
@media (hover: hover) {
  .sol .common-btn__link:hover {
    background: #fff;
    color: #EE3737;
  }
  .sol .common-btn__link:hover::after {
    background-image: url("../images/common/arrow_prev_sol.svg");
  }
}
.sol .second-anchor__en {
  color: #EE3737;
}
@media (hover: hover) {
  .sol .second-news__item a:hover {
    background: #FFEEEF;
    color: #EE3737;
  }
  .sol .second-news__item a:hover::after {
    background-image: url("../images/common/arrow_prev_sol.svg");
  }
}
.sol .second-document__list__link {
  border-color: #EE3737;
}
@media (hover: hover) {
  .sol .second-document__list__link:hover .second-document__list__dl {
    background: #fff;
    color: #EE3737;
  }
  .sol .second-document__list__link:hover .second-document__list__dl::after {
    background-image: url("../images/common/icon_download_sol.svg");
  }
}
.sol .second-document__list__dl {
  border-color: #EE3737;
  background: #EE3737;
}

.joint .second-main {
  background-image: url("../images/joint/mainvisual.webp");
}
@media all and (max-width: 896px) {
  .joint .second-main {
    background-image: url("../images/joint/mainvisual_sp.webp");
  }
}
.joint .common-ttl__en {
  color: #32AEDB;
}
@media (hover: hover) {
  .joint .common-btn.--pdf .common-btn__link:hover::after {
    background-image: url("../images/common/icon_pdf_joint.svg");
  }
}
.joint .common-btn__link {
  border-color: #32AEDB;
  background: #32AEDB;
}
@media (hover: hover) {
  .joint .common-btn__link:hover {
    background: #fff;
    color: #32AEDB;
  }
  .joint .common-btn__link:hover::after {
    background-image: url("../images/common/arrow_prev_joint.svg");
  }
}
.joint .second-anchor__en {
  color: #32AEDB;
}
@media (hover: hover) {
  .joint .second-news__item a:hover {
    background: #EEF9FC;
    color: #32AEDB;
  }
  .joint .second-news__item a:hover::after {
    background-image: url("../images/common/arrow_prev_joint.svg");
  }
}
.joint .second-document__list__link {
  border-color: #32AEDB;
}
@media (hover: hover) {
  .joint .second-document__list__link:hover .second-document__list__dl {
    background: #fff;
    color: #32AEDB;
  }
  .joint .second-document__list__link:hover .second-document__list__dl::after {
    background-image: url("../images/common/icon_download_joint.svg");
  }
}
.joint .second-document__list__dl {
  border-color: #32AEDB;
  background: #32AEDB;
}

.dx .second-main {
  background-image: url("../images/dx/mainvisual.webp");
}
@media all and (max-width: 896px) {
  .dx .second-main {
    background-image: url("../images/dx/mainvisual_sp.webp");
  }
}
.dx .common-ttl__en {
  color: #046AB3;
}
@media (hover: hover) {
  .dx .common-btn.--pdf .common-btn__link:hover::after {
    background-image: url("../images/common/icon_pdf_dx.svg");
  }
}
.dx .common-btn__link {
  border-color: #046AB3;
  background: #046AB3;
}
@media (hover: hover) {
  .dx .common-btn__link:hover {
    background: #fff;
    color: #046AB3;
  }
  .dx .common-btn__link:hover::after {
    background-image: url("../images/common/arrow_prev_dx.svg");
  }
}
.dx .second-anchor__en {
  color: #046AB3;
}
@media (hover: hover) {
  .dx .second-news__item a:hover {
    background: #EBF3F9;
    color: #046AB3;
  }
  .dx .second-news__item a:hover::after {
    background-image: url("../images/common/arrow_prev_dx.svg");
  }
}
.dx .second-document__list__link {
  border-color: #046AB3;
}
@media (hover: hover) {
  .dx .second-document__list__link:hover .second-document__list__dl {
    background: #fff;
    color: #046AB3;
  }
  .dx .second-document__list__link:hover .second-document__list__dl::after {
    background-image: url("../images/common/icon_download_dx.svg");
  }
}
.dx .second-document__list__dl {
  border-color: #046AB3;
  background: #046AB3;
}

.mobi .second-main {
  background-image: url("../images/mobi/mainvisual.webp");
}
@media all and (max-width: 896px) {
  .mobi .second-main {
    background-image: url("../images/mobi/mainvisual_sp.webp");
  }
}
.mobi .common-ttl__en {
  color: #80C438;
}
@media (hover: hover) {
  .mobi .common-btn.--pdf .common-btn__link:hover::after {
    background-image: url("../images/common/icon_pdf_mobi.svg");
  }
}
.mobi .common-btn__link {
  border-color: #80C438;
  background: #80C438;
}
@media (hover: hover) {
  .mobi .common-btn__link:hover {
    background: #fff;
    color: #80C438;
  }
  .mobi .common-btn__link:hover::after {
    background-image: url("../images/common/arrow_prev_mobi.svg");
  }
}
.mobi .second-anchor__en {
  color: #80C438;
}
@media (hover: hover) {
  .mobi .second-news__item a:hover {
    background: #F4FAEF;
    color: #80C438;
  }
  .mobi .second-news__item a:hover::after {
    background-image: url("../images/common/arrow_prev_mobi.svg");
  }
}
.mobi .second-document__list__link {
  border-color: #80C438;
}
@media (hover: hover) {
  .mobi .second-document__list__link:hover .second-document__list__dl {
    background: #fff;
    color: #80C438;
  }
  .mobi .second-document__list__link:hover .second-document__list__dl::after {
    background-image: url("../images/common/icon_download_mobi.svg");
  }
}
.mobi .second-document__list__dl {
  border-color: #80C438;
  background: #80C438;
}

.second-main {
  padding: min(9.167vw, 176px) 0 min(8.65vw, 166px);
  background: url("../images/sol/mainvisual.webp") center center/cover no-repeat;
}
@media all and (max-width: 896px) {
  .second-main {
    padding: 12.27vw 0;
    background: url("../images/sol/mainvisual_sp.webp") center center/cover no-repeat;
  }
}
.second-main__ttl {
  text-align: center;
  font-size: clamp(1.75rem, -1.9342rem + 6.5789vw, 3rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.second-anchor {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #E6ECEF;
}
@media all and (max-width: 896px) {
  .second-anchor {
    padding: 12px 0;
  }
}
.second-anchor__wrapper {
  width: 100%;
}
.second-anchor__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 2px;
  font-size: clamp(0.625rem, 0.375rem + 0.8333vw, 1rem);
}
.second-anchor__item {
  width: calc((100% - 6px) / 4);
}
.second-anchor__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.second-anchor__link::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: url("../images/common/arrow_bottom.svg") center center/contain no-repeat;
}
.second-anchor__en {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: clamp(1rem, 0.6667rem + 1.1111vw, 1.5rem);
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #0054AC;
  line-height: 1.25;
}
.second-anchor__en:first-letter {
  color: #0B0B0B;
}
.second-anchor__jp {
  font-weight: 700;
  letter-spacing: 0.08em;
}

.second-breadcrumb {
  padding: 16px 0;
}
@media all and (max-width: 896px) {
  .second-breadcrumb {
    padding: 12px 0;
  }
}
.second-breadcrumb__wrapper {
  max-width: 1620px;
}
.second-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 40px;
  font-size: clamp(0.75rem, 0.5953rem + 0.2762vw, 0.875rem);
  line-height: 1.4;
}
@media all and (max-width: 896px) {
  .second-breadcrumb__list {
    gap: 6px 30px;
  }
}
.second-breadcrumb__item {
  position: relative;
}
.second-breadcrumb__item::after {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #0B0B0B;
  border-right: 1px solid #0B0B0B;
  position: absolute;
  top: 50%;
  right: -22px;
  rotate: 45deg;
  translate: 0 -50%;
}
@media all and (max-width: 896px) {
  .second-breadcrumb__item::after {
    right: -17px;
  }
}
.second-breadcrumb__item:last-of-type::after {
  content: none;
}
.second-breadcrumb__item a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.second-news {
  padding: clamp(3.75rem, -3.6184rem + 13.1579vw, 6.25rem) 0;
  position: relative;
}
.second-news__wrapper {
  position: relative;
  z-index: 20;
}
.second-news__container {
  margin-top: 40px;
}
@media all and (max-width: 896px) {
  .second-news__container {
    margin-top: 20px;
  }
}
.second-news__list {
  margin-inline: auto;
  width: calc(100% - 48px);
  font-size: clamp(1rem, 0.6316rem + 0.6579vw, 1.125rem);
}
@media all and (max-width: 896px) {
  .second-news__list {
    width: 100%;
  }
}
.second-news__item {
  border-top: 1px solid rgba(11, 11, 11, 0.1);
}
.second-news__item:last-of-type {
  border-bottom: 1px solid rgba(11, 11, 11, 0.1);
}
@media (hover: hover) {
  .second-news__item a:hover {
    opacity: 1;
    background: #F0F7FF;
    color: #0054AC;
  }
}
.second-news__item a:hover::after {
  background-image: url("../images/common/arrow_prev_m.svg");
}
.second-news__link {
  display: flex;
  gap: 4px 16px;
  padding: 1.78em 3.775em 1.78em 1.78em;
  position: relative;
}
@media all and (max-width: 896px) {
  .second-news__link {
    padding: 16px 40px 16px 10px;
  }
}
@media all and (max-width: 480px) {
  .second-news__link {
    flex-direction: column;
  }
}
.second-news__link::after {
  content: "";
  display: block;
  width: 1.33em;
  height: 1.33em;
  background: url("../images/common/arrow_prev.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 1.78em;
  translate: 0 -50%;
}
@media all and (max-width: 896px) {
  .second-news__link::after {
    width: 20px;
    height: 20px;
    right: 10px;
  }
}
.second-news__link.--nolink {
  pointer-events: none;
  padding: 1.78em;
}
@media all and (max-width: 896px) {
  .second-news__link.--nolink {
    padding: 16px 10px;
  }
}
.second-news__link.--nolink::after {
  content: none;
}
.second-news__date {
  flex-shrink: 0;
  width: 80px;
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 700;
  color: rgba(11, 11, 11, 0.2);
  margin-top: 5px;
}
@media all and (max-width: 896px) {
  .second-news__date {
    margin-top: 2px;
  }
}
.second-news__block {
  flex-grow: 1;
}
@media all and (max-width: 480px) {
  .second-news__block {
    width: 100%;
  }
}
.second-news__block > * {
  margin-top: 8px;
}
@media all and (max-width: 896px) {
  .second-news__block > * {
    margin-top: 5px;
  }
}
.second-news__block > *:first-child {
  margin-top: 0;
}
.second-news__btn {
  text-align: center;
  margin-top: 40px;
  margin-inline: auto;
  max-width: 400px;
  font-size: clamp(0.875rem, 0.1382rem + 1.3158vw, 1.125rem);
}
@media all and (max-width: 896px) {
  .second-news__btn {
    margin-top: 24px;
    max-width: 345px;
  }
}
.second-news__btn__link {
  display: block;
  padding: 1em 2.56em 1em 0.89em;
  background: #0B0B0B;
  color: #fff;
  border: 1px solid #0B0B0B;
  border-radius: 9999px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.second-news__btn__link::after {
  content: "";
  display: block;
  width: 1.33em;
  height: 1.33em;
  background: url("../images/common/arrow_prev_w.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 0.89em;
  translate: 0 -50%;
}
@media (hover: hover) {
  .second-news__btn__link:hover {
    opacity: 1;
    background: #fff;
    color: #0B0B0B;
  }
  .second-news__btn__link:hover::after {
    background-image: url("../images/common/arrow_prev.svg");
  }
}

.second-about {
  padding: clamp(3.75rem, -3.6184rem + 13.1579vw, 6.25rem) 0;
  position: relative;
}
.second-about__wrapper {
  position: relative;
  z-index: 20;
}
.second-about__container {
  margin-top: 48px;
}
@media all and (max-width: 896px) {
  .second-about__container {
    margin-top: 24px;
  }
}
.second-about__txt {
  font-size: clamp(1.125rem, 0.7566rem + 0.6579vw, 1.25rem);
  line-height: 1.75;
}
.second-about__note {
  font-size: clamp(1rem, 0.6316rem + 0.6579vw, 1.125rem);
  line-height: 1.75;
  margin-top: 12px;
}
@media all and (max-width: 896px) {
  .second-about__note {
    margin-top: 8px;
  }
}
.second-about__note.--indent {
  padding-left: 1em;
  text-indent: -1em;
}
.second-about__img img {
  width: 100%;
  max-width: none;
}

.second-document {
  padding: clamp(3.75rem, -3.6184rem + 13.1579vw, 6.25rem) 0 clamp(3.75rem, -22.0395rem + 46.0526vw, 12.5rem);
  position: relative;
}
.second-document__wrapper {
  position: relative;
  z-index: 20;
}
.second-document__container {
  margin-top: 40px;
}
@media all and (max-width: 896px) {
  .second-document__container {
    margin-top: 24px;
  }
}
.second-document__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
@media all and (max-width: 1025px) {
  .second-document__list {
    gap: 24px;
  }
}
@media all and (max-width: 896px) {
  .second-document__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media all and (max-width: 600px) {
  .second-document__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (max-width: 480px) {
  .second-document__list {
    gap: 10px;
  }
}
.second-document__list__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 16px;
}
@media all and (max-width: 896px) {
  .second-document__list__item {
    gap: 10px;
  }
}
.second-document__list__item.--nolink .second-document__list__link {
  pointer-events: none;
  border-color: #bcbcbc !important;
  color: #bcbcbc;
}
.second-document__list__item.--nolink .second-document__list__dl {
  background: #bcbcbc;
}
.second-document__list__link {
  display: inherit;
  grid-template-rows: inherit;
  grid-row: inherit;
  gap: inherit;
  padding: 24px;
  background: #fff;
  border: 1px solid #0054AC;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
@media all and (max-width: 896px) {
  .second-document__list__link {
    padding: 10px;
  }
}
@media (hover: hover) {
  .second-document__list__link:hover {
    opacity: 1;
  }
  .second-document__list__link:hover .second-document__list__dl {
    background: #fff;
    color: #0054AC;
  }
  .second-document__list__link:hover .second-document__list__dl::after {
    background-image: url("../images/common/icon_download_m.svg");
  }
}
.second-document__list__ttl {
  font-weight: 700;
}
.second-document__list__ttl .txt_small {
  font-size: 0.8em;
}
.second-document__list__dl {
  text-align: center;
  font-size: clamp(0.8125rem, 0.6283rem + 0.3289vw, 0.875rem);
  font-weight: 700;
  padding: 0.64em 2.86em 0.64em 1.14em;
  background: #0054AC;
  color: #fff;
  border: 1px solid #0054AC;
  border-radius: 9999px;
  position: relative;
  transition: all 0.3s ease-out;
}
@media all and (max-width: 896px) {
  .second-document__list__dl {
    padding: 0.64em 2.2em 0.64em 0.64em;
  }
}
.second-document__list__dl::after {
  content: "";
  display: block;
  width: 1.43em;
  height: 1.43em;
  background: url("../images/common/icon_download_w.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 1.14em;
  translate: 0 -50%;
}
@media all and (max-width: 896px) {
  .second-document__list__dl::after {
    right: 0.62em;
  }
}
.second-document__note {
  margin-inline: auto;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  text-indent: -1em;
  padding-left: 1em;
  color: #FF0000;
  margin-top: 24px;
}
@media all and (max-width: 896px) {
  .second-document__note {
    margin-top: 16px;
  }
}