@charset "UTF-8";
/*----------------------------------------


section


----------------------------------------*/
article {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 780px) {
  article .inner {
    width: 100%;
  }
}
article .title {
  font-size: clamp(1.25rem, 3.90625vw, 2.5rem);
  margin-bottom: min(6vw, 70px);
}
article .sub-title {
  font-size: clamp(1.125rem, 2.6041666667vw, 1.5rem);
}

.cv-area.pad {
  padding: min(7vw, 70px) 0;
}
@media screen and (max-width: 780px) {
  .cv-area.pad {
    padding: 10vw 0;
  }
}

/*----------------------------------------


.page


----------------------------------------*/
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
  font-weight: 700;
  line-height: 1.6;
}
.page .div-pad {
  padding: min(8vw, 90px) 0;
}
@media screen and (max-width: 780px) {
  .page .div-pad {
    padding: 13vw 0;
  }
}
.page .sec-pad {
  padding: min(15vw, 150px) 0;
}
.page .sec-pad_t {
  padding-top: min(15vw, 150px);
}

/*----------------------------------------


table


----------------------------------------*/
.is-style-headLineColumn thead {
  border-bottom: 2px solid #004098;
}
.is-style-headLineColumn thead th {
  text-align: center;
  color: #004098;
}
.is-style-headLineColumn td,
.is-style-headLineColumn th {
  border: none;
  padding: 1em;
}
.is-style-headLineColumn td {
  border-bottom: 1px solid #ddd;
}

.is-style-headBgColumn thead {
  background: #004098;
  color: #fff;
}
.is-style-headBgColumn thead th {
  text-align: center;
}
.is-style-headBgColumn td,
.is-style-headBgColumn th {
  border: 1px solid #ddd;
  padding: 1em;
}

.cv-btn-area {
  display: flex;
  gap: min(1.5vw, 20px);
}
.cv-btn-area_s p {
  font-size: clamp(0.6875rem, 1.5625vw, 0.875rem) !important;
  font-weight: 700;
  margin-bottom: 5px;
  text-align: center;
  letter-spacing: 0;
}
.cv-btn-area_m p {
  font-size: clamp(0.75rem, 2.2135416667vw, 1.375rem) !important;
  font-weight: 700;
  margin-bottom: 5px;
  text-align: center;
  letter-spacing: 0;
}
.cv-btn-area_l p {
  font-size: clamp(1.125rem, 2.8645833333vw, 1.75rem) !important;
  font-weight: 700;
  margin-bottom: 5px;
  text-align: center;
}
.cv-btn-area a:hover {
  opacity: 1 !important;
}

.cv-btn a {
  text-decoration: none !important;
  opacity: 1;
}

.btn {
  display: block;
}

.btn-primary {
  background: #004098;
  border: 2px solid #004098;
  box-sizing: border-box;
  color: #fff;
}
.btn-primary:hover {
  background: #fff;
  color: #004098;
}

.btn-primary-block .btn-primary,
.btn-primary-block a {
  background: #004098;
  border: 2px solid #004098;
  box-sizing: border-box;
  color: #fff;
}
.btn-primary-block .btn-primary:hover,
.btn-primary-block a:hover {
  background: #fff;
  color: #004098;
}

.btn-navy-block .btn-navy,
.btn-navy-block a {
  background: #151F41;
  border: 2px solid #151F41;
  box-sizing: border-box;
  color: #fff;
}
.btn-navy-block .btn-navy:hover,
.btn-navy-block a:hover {
  background: #fff;
  color: #151F41;
}

.btn-yellow-block .btn-yellow,
.btn-yellow-block a {
  background: #FFE200;
  border: 2px solid #FFE200;
  box-sizing: border-box;
  color: #151F41;
}
.btn-yellow-block .btn-yellow:hover,
.btn-yellow-block a:hover {
  background: #fff;
}

.btn-white-block .btn-white,
.btn-white-block a {
  background: #fff;
  border: 2px solid #fff;
  box-sizing: border-box;
  color: #151F41;
}
.btn-white-block .btn-white:hover,
.btn-white-block a:hover {
  background: #FFE200;
  color: #151F41;
}

.btn-border-primary {
  border: 2px solid #004098;
  background: #fff;
  color: #004098;
}
.btn-border-primary:hover {
  background: #004098;
  color: #fff;
}

.btn-border-navy-block .btn-border-navy,
.btn-border-navy-block a {
  background: #fff;
  border: 2px solid #151F41;
  box-sizing: border-box;
  color: #151F41;
}
.btn-border-navy-block .btn-border-navy:hover,
.btn-border-navy-block a:hover {
  background: #151F41;
  color: #fff;
}

.txt30-btn .btn-primary,
.txt30-btn .btn-navy,
.txt30-btn .btn-border-primary,
.txt30-btn .btn-navy-block a {
  border-width: 2px !important;
}
.txt30-btn a {
  padding: min(2vw, 20px);
  font-size: clamp(1.0625rem, 2.6041666667vw, 1.75rem);
  border-radius: 100px;
}
@media screen and (max-width: 780px) {
  .txt30-btn a {
    width: 100%;
    letter-spacing: 0;
  }
}

.txt20-btn a {
  padding: min(2vw, 18px);
  font-size: clamp(1rem, 2.34375vw, 1.25rem);
  border-radius: 100px;
}

.more-btn {
  max-width: 350px;
  width: 70%;
}
.more-btn a {
  display: block;
  padding: min(2.66666vw, 18px) 0;
  font-size: clamp(0.875rem, 1.953125vw, 1rem);
  border-radius: 100px;
}

.wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
  display: flex;
}

.wp-block-button a.wp-block-button__link {
  text-decoration: none !important;
}

.w225 {
  max-width: 225px;
  width: 50%;
}

.w420 {
  max-width: 420px;
  width: 50%;
}

.w100p {
  width: 100%;
}

/*----------------------------------------


service


----------------------------------------*/
.page.-pattern-service {
  /*----------------------------------------
  credit
  ----------------------------------------*/
}
.page.-pattern-service .hero-area {
  max-width: 2000px;
  margin: 0 auto;
}
.page.-pattern-service .hero-area .inner {
  max-width: 1200px;
}
.page.-pattern-service .hero-area .txt-area {
  aspect-ratio: 1/1.1;
  min-height: 500px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  order: 2;
  width: 50%;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .hero-area .txt-area {
    aspect-ratio: inherit;
    min-height: auto;
    margin-bottom: 13vw;
    display: block;
    width: 100%;
  }
}
.page.-pattern-service .hero-area .txt-area .txt {
  width: 100%;
}
.page.-pattern-service .hero-area .txt-area h1 {
  font-size: clamp(1.375rem, 4.6875vw, 3.125rem);
  color: #151F41;
  margin-bottom: min(4vw, 60px);
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .hero-area .txt-area h1 {
    margin-bottom: 4vw;
  }
}
.page.-pattern-service .hero-area .txt-area p {
  font-size: clamp(0.875rem, 2.0833333333vw, 1.125rem);
  color: #151F41;
  line-height: 2;
}
.page.-pattern-service .hero-area .txt-area p.s-font {
  font-size: clamp(0.875rem, 1.953125vw, 1rem);
  color: #151F41;
  line-height: 2;
  letter-spacing: 0;
}
.page.-pattern-service .hero-area .txt-area .cach {
  font-size: clamp(1rem, 2.34375vw, 1.25rem);
  font-weight: 700;
  color: #151F41;
  margin-bottom: 0;
}
.page.-pattern-service .hero-area .txt-area .hero-point {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page.-pattern-service .hero-area .txt-area .hero-point li {
  background: #FFE200;
  padding: min(1.666vw, 10px);
  color: #004098;
  width: 48%;
  box-sizing: border-box;
  font-size: clamp(0.75rem, 1.6927083333vw, 0.875rem);
  letter-spacing: 0;
  font-weight: 700;
}
.page.-pattern-service .hero-area .txt-area .other-txt-link {
  margin-top: min(4vw, 40px);
}
.page.-pattern-service .hero-area .txt-area .other-txt-link p {
  margin-bottom: 0.5em;
  font-weight: 700;
}
.page.-pattern-service .hero-area .txt-area .cv-btn {
  margin-top: min(6vw, 80px);
}
.page.-pattern-service .hero-area .ph {
  order: 1;
  margin-bottom: 30px;
  width: 50%;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .hero-area .ph {
    margin: 5.33333vw auto 10vw;
    max-width: 400px;
    width: 100%;
  }
}
.page.-pattern-service .service--feature-area {
  background: #004098;
}
.page.-pattern-service .service--feature-area .service-3col-feature-area {
  border-bottom: 1px solid #fff;
}
.page.-pattern-service .service--feature-area .service-3col-feature-area .future-list {
  position: relative;
  color: #fff;
  padding: min(6.666vw, 50px) min(3vw, 60px);
  box-sizing: border-box;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service--feature-area .service-3col-feature-area .future-list {
    border-top: 1px solid #fff;
    border-left: none;
  }
  .page.-pattern-service .service--feature-area .service-3col-feature-area .future-list:nth-child(1) {
    border-top: none;
  }
}
.page.-pattern-service .service--feature-area .service-3col-feature-area .future-list:nth-child(1) {
  border-left: none;
}
.page.-pattern-service .service--feature-area .service-3col-feature-area .future-list .no {
  position: relative;
  font-size: clamp(3.75rem, 9.1145833333vw, 6.25rem);
  color: #fff;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  letter-spacing: 0;
}
.page.-pattern-service .service--feature-area .service-3col-feature-area .future-list h2 {
  position: relative;
  color: #FFE200;
  font-size: clamp(1.125rem, 2.34375vw, 1.5rem);
  margin-bottom: min(3vw, 30px);
}
@media screen and (max-width: 1399px) {
  .page.-pattern-service .service--feature-area .service-3col-feature-area .future-list h2 br {
    display: none;
  }
}
.page.-pattern-service .service--feature-area .service-details-feature-area {
  border-bottom: 1px solid #fff;
}
.page.-pattern-service .service--feature-area .service-details-feature-area .inner {
  max-width: 1100px;
  color: #fff;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service--feature-area .service-details-feature-area .inner {
    max-width: 500px;
  }
}
.page.-pattern-service .service--feature-area .service-details-feature-area .inner figure {
  position: relative;
  z-index: 2;
}
.page.-pattern-service .service--feature-area .service-details-feature-area .inner figure img {
  position: absolute;
  border-radius: min(12vw, 150px) 0 min(12vw, 150px) 0;
  overflow: hidden;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service--feature-area .service-details-feature-area .inner figure img {
    position: relative;
    margin-bottom: 3.6666vw;
  }
}
.page.-pattern-service .service--feature-area .service-details-feature-area .inner .txt {
  padding-left: min(7vw, 70px);
  box-sizing: border-box;
}
.page.-pattern-service .service--feature-area .service-details-feature-area .inner .txt h2 {
  font-size: clamp(1.125rem, 2.6041666667vw, 1.625rem);
  margin-bottom: 1.2em;
}
@media screen and (min-width: 781px) {
  .page.-pattern-service .service--feature-area .service-details-feature-area .inner .txt.txt-l {
    padding-left: 0;
    padding-right: min(7vw, 70px);
  }
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service--feature-area .service-details-feature-area .inner .txt {
    padding-left: 0;
  }
}
.page.-pattern-service .service--use-area {
  background: #f4f7fa;
  overflow: hidden;
}
.page.-pattern-service .service--use-area .inner {
  max-width: 1200px;
  align-items: stretch !important;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service--use-area .inner {
    --bs-gutter-x: 0;
    max-width: 500px;
  }
  .page.-pattern-service .service--use-area .inner .col-md-6 + .col-md-6 {
    margin-top: 13vw;
  }
}
.page.-pattern-service .service--use-area .use-list {
  position: relative;
  border-radius: min(8vw, 80px) min(8vw, 80px) 0 0;
  overflow: hidden;
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service--use-area .use-list {
    height: auto;
  }
}
.page.-pattern-service .service--flow-area .inner {
  max-width: 900px;
}
.page.-pattern-service .service--flow-area .flow-list {
  position: relative;
  padding: min(5vw, 50px) 0;
  border-bottom: 2px solid #f4f7fa;
}
.page.-pattern-service .service--flow-area .flow-list::before {
  position: absolute;
  content: "";
  border-left: 2px solid #FFE200;
  height: calc(100% - min(10vw, 100px));
  bottom: min(2vw, 20px);
  left: min(7.5vw, 75px);
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service--flow-area .flow-list::before {
    left: 8vw;
    bottom: 6.3333vw;
    height: calc(100% - 20vw);
  }
}
.page.-pattern-service .service--flow-area .flow-list .row {
  margin-left: 0;
  margin-right: 0;
}
.page.-pattern-service .service--flow-area .flow-list .step {
  position: relative;
  font-weight: 700;
  letter-spacing: 0;
  font-size: clamp(0.875rem, 2.6041666667vw, 1.5rem);
  line-height: 1;
  text-align: center;
  font-family: "Roboto", sans-serif;
  white-space: nowrap;
}
.page.-pattern-service .service--flow-area .flow-list .step span {
  display: block;
  font-size: clamp(2.125rem, 6.5104166667vw, 3.75rem);
  background: #fff;
  padding-bottom: min(1vw, 10px);
}
.page.-pattern-service .service--user-area {
  padding-bottom: min(7vw, 90px);
}
.page.-pattern-service .service--user-area .user-list-area .user-list {
  margin-bottom: min(6vw, 60px);
}
.page.-pattern-service .service--user-area .user-list-area .user-list h3 {
  position: relative;
}
.page.-pattern-service .service-pattern-area .inner {
  max-width: 1200px;
}
.page.-pattern-service .service-pattern-area .inner h2 {
  font-size: clamp(1.125rem, 2.8645833333vw, 1.75rem);
  margin-bottom: min(5.333vw, 40px);
}
.page.-pattern-service .addtoany_share_save_container {
  display: none;
}
.page.-pattern-service .other-txt-area {
  padding: min(10vw, 70px) 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.page.-pattern-service .other-txt-area .inner {
  max-width: 900px;
  text-align: center;
}
.page.-pattern-service .other-txt-area .inner a {
  font-size: clamp(1.125rem, 2.8645833333vw, 1.625rem);
  font-weight: 700;
}
.page.-pattern-service .other-pay {
  padding: min(10vw, 70px) 0;
}
.page.-pattern-service .other-pay h2 {
  font-size: clamp(1.25rem, 3.125vw, 1.875rem);
}
.page.-pattern-service .other-pay .inner {
  max-width: 900px;
}
.page.-pattern-service .other-pay .inner .other-pay-list {
  margin-top: min(8vw, 60px);
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .other-pay .inner .other-pay-list .wp-block-column {
    flex-basis: 50% !important;
  }
}
.page.-pattern-service .other-pay .inner .other-pay-list figure {
  width: 70%;
  max-width: 130px;
  margin: 0 auto 1em;
  transform: scale(1);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .other-pay .inner .other-pay-list figure {
    width: 60%;
  }
}
.page.-pattern-service .other-pay .inner .other-pay-list figure:hover {
  transform: scale(1.05);
}
.page.-pattern-service .other-pay .inner .other-pay-list h3 {
  font-size: clamp(0.75rem, 2.0833333333vw, 1.125rem);
  letter-spacing: 0;
}
.page.-pattern-service .service-credit-bunkatsu-area h2 {
  text-align: center;
}
.page.-pattern-service .service-credit-bunkatsu-area h2 + p {
  text-align: center;
}
@media screen and (max-width: 780px) {
  .page.-pattern-service .service-credit-bunkatsu-area h2 + p {
    text-align: left;
  }
}
.page.-pattern-service .service-credit-bunkatsu-area .inner {
  max-width: 1100px;
}
.page.-pattern-service .service-credit-bunkatsu-area .bunkatsu-list-area {
  margin-top: min(8vw, 60px);
}
.page.-pattern-service .service-credit-bunkatsu-area .bunkatsu-list-area h3 {
  font-size: clamp(1rem, 2.34375vw, 1.25rem);
  margin-bottom: 1em;
}
.page.-pattern-service .service-credit-bunkatsu-area .bunkatsu-list-area .bunkatsu-list p {
  background: #FFE200;
  text-align: center;
  padding: min(1.6666vw, 10px);
  margin-bottom: 0;
}
.page.-pattern-service .service-credit-option-area {
  background: #f4f7fa;
}
.page.-pattern-service .service-credit-option-area .inner {
  max-width: 1100px;
}
.page.-pattern-service .service-credit-option-area .option-list-area {
  margin-top: min(8vw, 60px);
}
.page.-pattern-service .service-credit-option-area .option-list-area h3 {
  font-size: clamp(1rem, 2.34375vw, 1.25rem);
  margin-bottom: 1em;
  border-bottom: 2px solid #004098;
  padding-bottom: min(1.666vw, 10px);
}
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list {
  background: #fff;
  padding: min(2vw, 16px);
  margin-bottom: min(2.66666vw, 10px);
}
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list a:not(.wp-block-button__link),
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list .item {
  position: relative;
  display: block;
  text-align: center;
  color: #151F41;
  font-weight: 700;
  margin-bottom: 0;
}
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list a:not(.wp-block-button__link)::before,
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list .item::before {
  position: absolute;
  content: "\f063";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.8em;
  top: 50%;
  transform: translateY(-50%);
  color: #FFE200;
  right: 0;
}
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list a:not(.wp-block-button__link).active::before,
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list .item.active::before {
  transform: translateY(-50%) rotate(180deg);
}
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list .details {
  padding: min(1.666vw, 10px);
}
.page.-pattern-service .service-credit-option-area .option-list-area .option-list .list .details p {
  font-size: clamp(0.8125rem, 1.6927083333vw, 0.875rem);
  line-height: 1.8;
}

/*----------------------------------------


download


----------------------------------------*/
.page.-pattern-download .hero-area {
  max-width: 2000px;
  margin: 0 auto;
}
.page.-pattern-download .hero-area .inner {
  position: relative;
  max-width: 1200px;
}
@media screen and (max-width: 780px) {
  .page.-pattern-download .hero-area .inner {
    display: block;
  }
}
.page.-pattern-download .hero-area .txt-area {
  height: min(30vw, 300px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 780px) {
  .page.-pattern-download .hero-area .txt-area {
    display: block;
    height: auto;
  }
}
.page.-pattern-download .hero-area .txt-area h1 {
  font-size: clamp(1.375rem, 4.6875vw, 3.125rem);
  color: #151F41;
  font-weight: 700;
  letter-spacing: 0;
}
@media screen and (max-width: 780px) {
  .page.-pattern-download .hero-area .txt-area h1 {
    min-height: 20vw;
  }
}
.page.-pattern-download .hero-area .txt-area h1 span {
  width: min(8vw, 60px);
  display: inline-block;
  position: relative;
  top: max(-0.66666vw, -5px);
}
.page.-pattern-download .hero-area picture {
  position: absolute;
  top: 0;
  right: -1.6666vw;
  width: 52vw;
  max-width: 650px;
}
@media screen and (max-width: 780px) {
  .page.-pattern-download .hero-area picture {
    position: relative;
    left: 20vw;
    width: 80vw;
    margin: 0 0 -10.6666vw;
  }
}
.page.-pattern-download .download--form-area {
  background: #f4f7fa;
}
.page.-pattern-download .download--form-area .inner {
  max-width: 1000px;
}
.page.-pattern-download .download--form-area .inner .copy {
  font-size: clamp(0.875rem, 2.0833333333vw, 1.125rem);
  color: #151F41;
}
.page.-pattern-download_downloadables .download--list-area .inner {
  max-width: 1000px;
}
.page.-pattern-download_downloadables .download--list-area .download--list {
  padding: min(13vw, 100px) 0;
}
.page.-pattern-download_downloadables .download--list-area .download--list:nth-child(odd) {
  background: #f4f7fa;
}
.page.-pattern-download_downloadables .download--list-area .download--list h2.list-title {
  position: relative;
  margin-bottom: 10px;
  color: #151F41;
  font-size: clamp(1.25rem, 3.90625vw, 2.375rem);
  padding-top: 0;
  padding-left: min(5vw, 50px);
}
.page.-pattern-download_downloadables .download--list-area .download--list h2.list-title::before {
  position: absolute;
  content: "";
  left: 0;
  right: auto;
  margin: 0;
  top: min(1vw, 10px);
  width: min(4.333333vw, 36px) !important;
  height: min(4.333333vw, 36px) !important;
}
@media screen and (max-width: 780px) {
  .page.-pattern-download_downloadables .download--list-area .download--list h2.list-title::before {
    top: 2vw;
  }
}
.page.-pattern-download_downloadables .download--list-area .download--list .list {
  margin-top: min(10vw, 60px);
}
@media screen and (max-width: 780px) {
  .page.-pattern-download_downloadables .download--list-area .download--list .list figure {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.page.-pattern-download_downloadables .download--list-area .download--list .list h2 {
  margin-bottom: 10px;
  color: #151F41;
  font-size: clamp(1.125rem, 2.8645833333vw, 1.75rem);
}
.page.-pattern-download_downloadables .download--list-area .download--list .list .btn-primary-block {
  margin-top: 30px;
  max-width: 300px;
}
@media screen and (max-width: 780px) {
  .page.-pattern-download_downloadables .download--list-area .download--list .list .btn-primary-block {
    margin: 6vw auto 0;
    display: block;
  }
}

form.form p.required label.field-label:after,
form.form span.required label.field-label:after {
  content: "必須";
  color: #000 !important;
  font-size: 10px;
  background-color: #FCD6D6;
  padding: 2px 2px;
  margin-left: 3px;
}

/*----------------------------------------


package


----------------------------------------*/
.page.-pattern--yakkan {
  padding-bottom: min(16vw, 160px);
}
.page.-pattern--yakkan .hero-area {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
}
.page.-pattern--yakkan .hero-area::before {
  position: fixed;
  content: "";
  background: url(../images/hero_cube.svg) no-repeat left top/100%;
  width: min(25vw, 400px);
  height: min(27vw, 420px);
  right: -50px;
  top: min(16.666vw, 100px);
  opacity: 1;
  filter: blur(0);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
@media screen and (max-width: 780px) {
  .page.-pattern--yakkan .hero-area::before {
    width: 25.6666vw;
    height: 28vw;
    right: -5vw;
    top: 34.66666vw;
  }
}
.page.-pattern--yakkan .hero-area.on::before {
  filter: blur(20px);
  opacity: 0.9;
}
.page.-pattern--yakkan .hero-area .inner {
  max-width: 1200px;
  height: min(30vw, 300px);
}
.page.-pattern--yakkan .hero-area h1 {
  font-size: clamp(1.375rem, 5.2083333333vw, 3.125rem);
  color: #151F41;
  margin-bottom: min(6vw, 60px);
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .page.-pattern--yakkan .hero-area h1 {
    margin-bottom: 8vw;
  }
}
.page.-pattern--yakkan .yakkan-area {
  position: relative;
  z-index: 2;
}
.page.-pattern--yakkan .yakkan-area .inner {
  max-width: 1000px;
}
.page.-pattern--yakkan .yakkan-area .inner h2 {
  color: #151F41;
  font-size: clamp(1.125rem, 2.8645833333vw, 1.625rem);
  margin-bottom: min(5.3333vw, 40px);
}
.page.-pattern--yakkan .yakkan-area .inner .terms_list {
  padding: 1.2em 0;
  border-top: 1px solid #ddd;
}
.page.-pattern--yakkan .yakkan-area .inner .terms_list + h2 {
  margin-top: min(13vw, 100px);
}
.page.-pattern--yakkan .yakkan-area .inner h3 {
  color: #151F41;
  font-size: clamp(0.875rem, 2.0833333333vw, 1rem);
  margin-bottom: 0;
}
.page.-pattern--yakkan .yakkan-area .inner p {
  margin-bottom: 0;
  font-size: clamp(0.875rem, 2.0833333333vw, 1rem);
}
.page.-pattern--yakkan .yakkan-area .inner .pdf {
  position: relative;
}
.page.-pattern--yakkan .yakkan-area .inner .pdf:hover {
  opacity: 0.7;
}
.page.-pattern--yakkan .yakkan-area .inner .pdf::after {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: clamp(1rem, 2.34375vw, 1.125rem);
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #004098;
}

/*----------------------------------------


package


----------------------------------------*/
.page.-pattern-package {
  padding-bottom: min(16vw, 160px);
}
.page.-pattern-package .hero-area {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
}
.page.-pattern-package .hero-area::before {
  position: fixed;
  content: "";
  background: url(../images/hero_cube.svg) no-repeat left top/100%;
  width: min(25vw, 400px);
  height: min(27vw, 420px);
  right: -50px;
  top: min(16.666vw, 100px);
  opacity: 1;
  filter: blur(0);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
@media screen and (max-width: 780px) {
  .page.-pattern-package .hero-area::before {
    width: 25.6666vw;
    height: 28vw;
    right: -5vw;
    top: 34.66666vw;
  }
}
.page.-pattern-package .hero-area.on::before {
  filter: blur(20px);
  opacity: 0.9;
}
.page.-pattern-package .hero-area .inner {
  max-width: 1200px;
  height: min(30vw, 300px);
}
.page.-pattern-package .hero-area h1 {
  font-size: clamp(1.375rem, 5.2083333333vw, 3.125rem);
  color: #151F41;
  margin-bottom: min(6vw, 60px);
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .page.-pattern-package .hero-area h1 {
    margin-bottom: 8vw;
  }
}
.page.-pattern-package .package-list-area {
  position: relative;
  z-index: 2;
}
.page.-pattern-package .package-list-area .inner {
  max-width: 1000px;
}
.page.-pattern-package .package-list-area .inner .package-list-item {
  margin-top: min(13vw, 100px);
}
.page.-pattern-package .package-list-area .inner .package-list-item h2 {
  color: #151F41;
  font-size: clamp(1.125rem, 3.125vw, 1.875rem);
}
.page.-pattern-package .package-list-area .inner .package-list-item figure {
  background: #fff;
  display: block;
  margin: min(4vw, 30px) 0 min(4vw, 30px);
}
.page.-pattern-package .package-list-area .inner .package-list-item figure a {
  display: block;
}
.page.-pattern-package .package-list-area .inner .package-list-item figure a:hover {
  opacity: 0.7;
}

/*----------------------------------------


.archive


----------------------------------------*/
.archive {
  /*----------------------------------------


  .recommend


  ----------------------------------------*/
}
.archive h1,
.archive h2,
.archive h3,
.archive h4,
.archive h5,
.archive h6 {
  font-weight: 700;
  line-height: 1.6;
}
.archive .div-pad {
  padding: min(8vw, 90px) 0;
}
@media screen and (max-width: 780px) {
  .archive .div-pad {
    padding: 13vw 0;
  }
}
.archive .sec-pad {
  padding: min(15vw, 150px) 0;
}
.archive .sec-pad_t {
  padding-top: min(15vw, 150px);
}
.archive.-pattern {
  /*----------------------------------------


  archive


  ----------------------------------------*/
}
.archive.-pattern-col .hero-area, .archive.-pattern-single .hero-area {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
}
.archive.-pattern-col .hero-area::before, .archive.-pattern-single .hero-area::before {
  position: fixed;
  content: "";
  background: url(../images/hero_cube.svg) no-repeat left top/100%;
  width: min(25vw, 400px);
  height: min(27vw, 420px);
  right: -50px;
  top: min(16.666vw, 100px);
  opacity: 1;
  filter: blur(0);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
@media screen and (max-width: 780px) {
  .archive.-pattern-col .hero-area::before, .archive.-pattern-single .hero-area::before {
    width: 25.6666vw;
    height: 28vw;
    right: -5vw;
    top: 34.66666vw;
  }
}
.archive.-pattern-col .hero-area.on::before, .archive.-pattern-single .hero-area.on::before {
  filter: blur(20px);
  opacity: 0.9;
}
.archive.-pattern-col .hero-area .inner, .archive.-pattern-single .hero-area .inner {
  max-width: 1200px;
  height: min(30vw, 300px);
}
.archive.-pattern-col .hero-area h1, .archive.-pattern-single .hero-area h1 {
  font-size: clamp(1.375rem, 5.2083333333vw, 3.125rem);
  color: #151F41;
  margin-bottom: min(6vw, 60px);
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .archive.-pattern-col .hero-area h1, .archive.-pattern-single .hero-area h1 {
    margin-bottom: 4vw;
  }
}
.archive.-pattern-col .archive-list-area .inner, .archive.-pattern-single .archive-list-area .inner {
  max-width: 1200px;
}
.archive.-pattern-col .archive-list-area .inner ul, .archive.-pattern-single .archive-list-area .inner ul {
  list-style: none;
  padding-left: 0;
}
.archive.-pattern-col .archive-list-area .lonav, .archive.-pattern-single .archive-list-area .lonav {
  padding: min(5.3333vw, 40px) 0 min(6.66666vw, 60px);
  margin: 0 0 min(18.88888vw, 150px);
  background: linear-gradient(125deg, rgb(1, 64, 153) 0%, rgb(21, 31, 65) 100%);
}
.archive.-pattern-col .archive-list-area .lonav h2, .archive.-pattern-single .archive-list-area .lonav h2 {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0;
  margin-bottom: min(2.3333vw, 20px);
  color: #fff;
  font-weight: 400;
}
.archive.-pattern-col .archive-list-area .lonav .item, .archive.-pattern-single .archive-list-area .lonav .item {
  min-width: 150px;
  letter-spacing: 0;
}
@media screen and (max-width: 780px) {
  .archive.-pattern-col .archive-list-area .lonav .item, .archive.-pattern-single .archive-list-area .lonav .item {
    min-width: 33%;
  }
}
.archive.-pattern-col .archive-list-area .lonav .item a, .archive.-pattern-single .archive-list-area .lonav .item a {
  display: block;
  padding: min(1.66666vw, 12px) min(3vw, 20px);
  margin: 0.5px;
  text-align: center;
  box-sizing: border-box;
  color: #151F41;
  background: #fff;
  font-weight: 700;
}
.archive.-pattern-col .archive-list-area .lonav .item a:hover, .archive.-pattern-single .archive-list-area .lonav .item a:hover {
  background: #FFE200;
  color: #004098;
}
.archive.-pattern-col .archive-list-area .lonav .item.current a, .archive.-pattern-single .archive-list-area .lonav .item.current a {
  background: #FFE200;
  color: #004098;
}
.archive.-pattern-col .list-area {
  margin: min(13vw, 130px) 0;
}
.archive.-pattern-col .list-area ul {
  list-style: none;
  padding-left: 0;
}
.archive.-pattern-col .list-area ul li {
  margin-bottom: min(6vw, 70px);
}
.archive.-pattern-col .list-area ul li figure {
  background: #fff;
  aspect-ratio: 8/5;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.archive.-pattern-col .list-area ul li figure img {
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
.archive.-pattern-col .list-area ul li time {
  display: block;
  text-align: right;
  font-size: clamp(0.6875rem, 1.5625vw, 0.75rem);
  font-family: "Roboto", sans-serif;
  color: #222;
  margin-top: min(2.666vw, 20px);
}
.archive.-pattern-col .list-area ul li .list-title {
  font-size: clamp(0.75rem, 1.8229166667vw, 1rem);
  line-height: 1.6;
  color: #151F41;
  letter-spacing: 0.05rem;
  margin-top: min(1.333vw, 10px);
}
.archive.-pattern-col .list-area ul li .tag .tag-item {
  display: inline-block;
  background: #FFE200;
  color: #151F41;
  padding: min(0.3vw, 3px) 10px;
  border-radius: 50px;
  font-size: clamp(0.625rem, 1.4322916667vw, 0.6875rem);
  font-weight: 700;
  letter-spacing: 0;
}
.archive.-pattern-col .list-area ul li a:hover figure img {
  transform: scale(1.1);
}
.archive.-pattern-single .list-area ul {
  list-style: none;
  padding-left: 0;
}
.archive.-pattern-single .list-area ul li figure {
  background: #fff;
  aspect-ratio: 8/5;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.archive.-pattern-single .list-area ul li figure img {
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
.archive.-pattern-single .list-area ul li time {
  display: block;
  text-align: right;
  font-size: clamp(0.6875rem, 1.5625vw, 0.75rem);
  font-family: "Roboto", sans-serif;
  color: #222;
  margin-top: min(2.666vw, 20px);
}
.archive.-pattern-single .list-area ul li .list-title {
  line-height: 1.6;
  color: #151F41;
  letter-spacing: 0.05rem;
  margin-top: min(1.333vw, 10px);
}
.archive.-pattern-single .list-area ul li .tag .tag-item {
  display: inline-block;
  background: #FFE200;
  color: #151F41;
  padding: min(0.3vw, 3px) 10px;
  border-radius: 50px;
  font-size: clamp(0.625rem, 1.4322916667vw, 0.6875rem);
  font-weight: 700;
  letter-spacing: 0;
}
.archive.-pattern-single .list-area ul li a:hover figure img {
  transform: scale(1.1);
}
.archive.-pattern-notice {
  padding-bottom: min(16vw, 160px);
}
.archive.-pattern-package {
  padding-bottom: min(16vw, 160px);
}
.archive.-pattern-credit-faq {
  padding-bottom: min(16vw, 160px);
}
.archive.-pattern-credit-faq .inner {
  max-width: 900px !important;
  text-align: center;
}
.archive.-pattern-credit-faq .inner ul {
  border-top: 1px solid #f4f7fa;
}
.archive.-pattern-credit-faq .inner ul li a {
  position: relative;
  display: block;
  border-bottom: 1px solid #f4f7fa;
  padding: min(3vw, 20px) 0;
  background: transparent;
}
.archive.-pattern-credit-faq .inner ul li a::before {
  position: absolute;
  content: "";
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: clamp(0.8125rem, 1.8229166667vw, 1rem);
  right: min(4vw, 30px);
  top: 50%;
  transform: translateY(-50%);
  color: #FFE200;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
.archive.-pattern-credit-faq .inner ul li a:hover {
  background: #004098;
}
.archive.-pattern-credit-faq .inner ul li a:hover::before {
  right: min(2vw, 15px);
}
.archive.-pattern-credit-faq .inner ul li a:hover .list-title {
  color: #fff;
}
.archive.-pattern-credit-faq .inner ul li a .list-title {
  font-size: clamp(0.875rem, 2.34375vw, 1.25rem);
}
.archive.-pattern-products, .archive.-pattern-service {
  padding-bottom: 0;
}
.archive.-pattern-products .service-list-area, .archive.-pattern-service .service-list-area {
  padding-top: min(10vw, 100px);
  padding-bottom: min(10vw, 100px);
}
.archive.-pattern-products .service-list-area h2, .archive.-pattern-service .service-list-area h2 {
  font-size: clamp(1.25rem, 3.125vw, 1.75rem);
  color: #151F41;
  text-align: center;
}
.archive.-pattern-products .service-list-area .list-area, .archive.-pattern-service .service-list-area .list-area {
  position: relative;
  z-index: 2;
  margin-top: min(5.3333vw, 50px);
}
.archive.-pattern-products .service-list-area .list-area .service-list .wp-block-column, .archive.-pattern-service .service-list-area .list-area .service-list .wp-block-column {
  margin-bottom: 0 !important;
  display: block;
  border: 1px solid #f0f0f0;
  filter: drop-shadow(0 0 15px #f0f0f0);
  padding: min(2.666vw, 30px);
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
}
.archive.-pattern-products .service-list-area .list-area .service-list figure, .archive.-pattern-service .service-list-area .list-area .service-list figure {
  border: 1px solid #f0f0f0;
}
.archive.-pattern-products .service-list-area .list-area .service-list figure img, .archive.-pattern-service .service-list-area .list-area .service-list figure img {
  display: block;
  margin: 0 auto;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
.archive.-pattern-products .service-list-area .list-area .service-list figure a:hover img, .archive.-pattern-service .service-list-area .list-area .service-list figure a:hover img {
  transform: scale(1.1);
}
.archive.-pattern-products .service-list-area .list-area .service-list h3, .archive.-pattern-service .service-list-area .list-area .service-list h3 {
  position: relative;
  left: 0;
  color: #004098;
  font-size: clamp(0.8125rem, 1.5625vw, 1.0625rem);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
@media screen and (max-width: 780px) {
  .archive.-pattern-products .service-list-area .list-area .service-list h3, .archive.-pattern-service .service-list-area .list-area .service-list h3 {
    letter-spacing: 0;
  }
}
.archive.-pattern-products .service-list-area .list-area .service-list h3:hover, .archive.-pattern-service .service-list-area .list-area .service-list h3:hover {
  left: 20px;
}
.archive.-pattern-products .service-list-area .list-area .service-list h3::after, .archive.-pattern-service .service-list-area .list-area .service-list h3::after {
  position: relative;
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.8em;
  top: 50%;
  transform: translateY(-50%);
  color: #FFE200;
  margin-left: 10px;
}
@media screen and (max-width: 780px) {
  .archive.-pattern-products .service-list-area .list-area .service-list h3::after, .archive.-pattern-service .service-list-area .list-area .service-list h3::after {
    margin-left: 0;
  }
}
.archive.-pattern-products .service-list-area .list-area .service-list p, .archive.-pattern-service .service-list-area .list-area .service-list p {
  color: #222;
  font-size: clamp(0.75rem, 1.26953125vw, 0.875rem);
  line-height: 1.6;
}
.archive.-pattern-products .lonav-products-area {
  max-width: 1000px;
}
.archive.-pattern-products .lonav-products-area .nav-list-area {
  gap: 0 5px;
}
.archive.-pattern-products .lonav-products-area .nav-list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #f4f7fa;
  text-align: center;
  padding: 20px 2px;
  font-weight: 700;
  line-height: 1.4;
  box-sizing: border-box;
  max-width: calc(33.3333% - 5px) !important;
}
@media screen and (max-width: 780px) {
  .archive.-pattern-products .lonav-products-area .nav-list {
    font-size: clamp(0.625rem, 1.4322916667vw, 0.6875rem);
    letter-spacing: 0;
    padding: 10px 5px;
  }
}
.archive.-pattern-products .lonav-products-area .nav-list::before {
  position: absolute;
  content: "";
  background: #f4f7fa;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 20px;
  height: 15px;
  transform: translateX(-50%);
  left: 50%;
  bottom: -14px;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
@media screen and (max-width: 780px) {
  .archive.-pattern-products .lonav-products-area .nav-list::before {
    width: 15px;
    bottom: -9px;
    height: 10px;
  }
}
.archive.-pattern-products .lonav-products-area .nav-list:hover {
  background: #FFE200;
  color: #004098;
}
.archive.-pattern-products .lonav-products-area .nav-list:hover::before {
  background: #FFE200;
}
.archive.-pattern-products .lonav-products-area .nav-list.current {
  background: #004098;
  color: #FFE200;
}
.archive.-pattern-products .lonav-products-area .nav-list.current::before {
  background: #004098;
}
.archive.-pattern-products .service-list-area {
  padding-top: 0;
  padding-bottom: 0;
}
.archive.-pattern-products .service-list-area .inner {
  display: none;
}
.archive.-pattern-products .service-list-area .inner.current {
  display: block;
}
.archive.-pattern-products .service-list-area .service-list a {
  color: #004098;
}
.archive.-pattern-products .service-list-area .service-list a:hover {
  opacity: 0.7;
}
.archive .recommend-area {
  background: #f4f7fa;
  padding: min(10vw, 100px) 0;
  margin-top: min(26vw, 200px);
}
.archive .recommend-area .inner {
  max-width: 1200px;
}
.archive .recommend-area .inner h3 {
  font-size: clamp(1.25rem, 3.3854166667vw, 2rem);
  margin-bottom: min(3vw, 30px);
  color: #151F41;
}
.archive .recommend-area .inner .slide-area {
  position: relative;
}
.archive .recommend-area .inner .slide-area .slide-button-prev,
.archive .recommend-area .inner .slide-area .slide-button-next {
  display: none;
  width: 48px;
  height: 48px;
  background: #004098;
  border-radius: 50%;
  top: calc(50% - 24px);
  top: calc(50% - 24px);
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  margin-top: max(-5vw, -50px);
}
@media screen and (max-width: 780px) {
  .archive .recommend-area .inner .slide-area .slide-button-prev,
  .archive .recommend-area .inner .slide-area .slide-button-next {
    display: none !important;
  }
}
.archive .recommend-area .inner .slide-area .slide-button-prev i,
.archive .recommend-area .inner .slide-area .slide-button-next i {
  color: #fff;
}
.archive .recommend-area .inner .slide-area .slide-button-prev {
  left: 20px;
}
.archive .recommend-area .inner .slide-area .slide-button-next {
  right: 20px;
}
@media screen and (min-width: 781px) {
  .archive .recommend-area .inner .slide-area:hover .slide-button-prev,
  .archive .recommend-area .inner .slide-area:hover .slide-button-next {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
}
.archive .recommend-area .inner .recommend-slide {
  position: relative;
  list-style: none;
  padding-left: 0;
  overflow: hidden;
}
.archive .recommend-area .inner .recommend-slide .item {
  width: 32%;
}
.archive .recommend-area .inner .recommend-slide .item figure {
  background: #fff;
  aspect-ratio: 8/5;
  overflow: hidden;
}
.archive .recommend-area .inner .recommend-slide .item figure img {
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
.archive .recommend-area .inner .recommend-slide .item h4 {
  font-size: clamp(0.75rem, 1.8229166667vw, 1rem);
  line-height: 1.4;
  color: #151F41;
  letter-spacing: 0;
}
.archive .recommend-area .inner .recommend-slide .item .tag {
  margin-bottom: min(1.333vw, 10px);
}
.archive .recommend-area .inner .recommend-slide .item .tag .tag-item {
  display: inline-block;
  background: #FFE200;
  color: #151F41;
  padding: min(0.3vw, 3px) 10px;
  border-radius: 50px;
  font-size: clamp(0.625rem, 1.4322916667vw, 0.6875rem);
  font-weight: 700;
}
.archive .recommend-area .inner .recommend-slide .item a:hover figure img {
  transform: scale(1.1);
}

/*----------------------------------------


.article


----------------------------------------*/
.article {
  margin-top: min(4vw, 40px);
  /*----------------------------------------


  .related


  ----------------------------------------*/
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  font-weight: 700;
  line-height: 1.6;
}
.article section a {
  text-decoration: underline;
}
.article section a:hover {
  opacity: 0.7;
}
.article .tag {
  margin-bottom: min(5vw, 50px);
}
.article .tag .tag-item {
  display: inline-block;
  background: #FFE200;
  color: #151F41;
  padding: 5px 15px;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1.5625vw, 0.8125rem);
  font-weight: 700;
}
.article.-normal .hero-area .inner, .article.-interview .hero-area .inner {
  max-width: 1100px;
  min-height: min(30vw, 300px);
}
.article.-normal .hero-area picture, .article.-interview .hero-area picture {
  position: relative;
  text-align: center;
  margin-bottom: min(4vw, 30px);
}
.article.-normal .hero-area picture img, .article.-interview .hero-area picture img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 600px;
  object-fit: cover;
  margin: 0 auto;
  text-align: center;
}
.article.-normal .hero-area .company-name, .article.-interview .hero-area .company-name {
  color: #151F41;
  font-weight: 700;
}
.article.-normal .hero-area .copy, .article.-interview .hero-area .copy {
  margin-bottom: min(5vw, 50px);
  line-height: 2;
}
.article.-normal h1, .article.-interview h1 {
  font-size: clamp(1.25rem, 4.1666666667vw, 2.25rem);
  color: #151F41;
  margin-bottom: min(5vw, 50px);
}
@media screen and (max-width: 780px) {
  .article.-normal h1, .article.-interview h1 {
    margin-bottom: 8vw;
  }
}
.article.-normal .company-area, .article.-interview .company-area {
  background: #f4f7fa;
  padding: min(5vw, 50px) 0;
}
@media screen and (max-width: 780px) {
  .article.-normal .company-area, .article.-interview .company-area {
    padding: 8vw 0;
    margin-bottom: 0;
  }
}
.article.-normal .company-area .inner, .article.-interview .company-area .inner {
  max-width: 1100px;
}
.article.-normal .company-area .name, .article.-interview .company-area .name {
  margin-bottom: min(4vw, 40px);
  margin-bottom: 4vw;
  display: flex;
}
.article.-normal .company-area .name dt, .article.-interview .company-area .name dt {
  padding: 10px 0;
  font-family: "Roboto", sans-serif;
  background: #FFE200;
  width: min(14vw, 120px);
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(0.9375rem, 1.953125vw, 1rem);
}
@media screen and (max-width: 780px) {
  .article.-normal .company-area .name dt, .article.-interview .company-area .name dt {
    width: 100px;
  }
}
.article.-normal .company-area .name dd, .article.-interview .company-area .name dd {
  padding: 10px 20px;
  background: #fff;
  font-weight: 700;
  margin-bottom: 0;
  width: calc(100% - min(14vw, 120px));
}
@media screen and (max-width: 780px) {
  .article.-normal .company-area .name dd, .article.-interview .company-area .name dd {
    width: calc(100% - 100px);
  }
}
.article.-normal .company-area .name dd h2, .article.-interview .company-area .name dd h2 {
  font-size: clamp(0.875rem, 1.953125vw, 1rem);
  margin-bottom: 0;
}
.article.-normal .company-area .company_details, .article.-interview .company-area .company_details {
  margin: 0 auto;
  max-width: 1100px;
}
.article.-normal .company-area .company_details .txt-area, .article.-interview .company-area .company_details .txt-area {
  padding-left: min(3vw, 30px);
  box-sizing: border-box;
}
@media screen and (max-width: 780px) {
  .article.-normal .company-area .company_details .txt-area, .article.-interview .company-area .company_details .txt-area {
    margin-top: 4vw;
  }
}
.article.-normal .company-area .company_details .txt-area .txt, .article.-interview .company-area .company_details .txt-area .txt {
  display: flex;
  flex-wrap: wrap;
  margin: min(1vw, 10px) 0;
}
.article.-normal .company-area .company_details .txt-area .txt h3, .article.-interview .company-area .company_details .txt-area .txt h3 {
  width: 22%;
  margin-bottom: 0;
  font-size: clamp(0.8125rem, 1.6927083333vw, 0.9375rem);
  letter-spacing: 0;
}
@media screen and (max-width: 780px) {
  .article.-normal .company-area .company_details .txt-area .txt h3, .article.-interview .company-area .company_details .txt-area .txt h3 {
    font-size: clamp(11px, 1.1vw, 13px);
  }
}
.article.-normal .company-area .company_details .txt-area .txt p, .article.-interview .company-area .company_details .txt-area .txt p {
  width: 78%;
  margin-bottom: 0;
  font-size: clamp(0.8125rem, 1.6927083333vw, 0.9375rem);
}
@media screen and (max-width: 780px) {
  .article.-normal .company-area .company_details .txt-area .txt p, .article.-interview .company-area .company_details .txt-area .txt p {
    font-size: clamp(11px, 1.1vw, 13px);
  }
}
.article.-normal .company-area .company_details picture, .article.-interview .company-area .company_details picture {
  background: #fff;
  padding: min(2vw, 20px);
  box-sizing: border-box;
}
.article.-normal .article-details .inner, .article.-interview .article-details .inner {
  max-width: 1100px;
}
.article.-normal .article-details .h2-folow-no, .article.-interview .article-details .h2-folow-no {
  position: relative;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: clamp(1rem, 2.0833333333vw, 1.25rem);
  height: min(9.333vw, 40px);
  color: #fff;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: min(12vw, 120px) auto max(-10vw, -100px);
  line-height: 1;
}
.article.-normal .article-details .h2-folow-no:before, .article.-interview .article-details .h2-folow-no:before {
  position: absolute;
  content: "";
  border-top: 1px solid #ddd;
  width: 100%;
  height: 0;
  left: 0;
  top: min(4.666vw, 20px);
  z-index: -1;
}
.article.-normal .article-details .h2-folow-no:after, .article.-interview .article-details .h2-folow-no:after {
  position: absolute;
  content: "";
  background: #004098;
  width: min(9.333vw, 40px);
  height: min(9.333vw, 40px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  top: 0;
  z-index: -1;
}
.article.-normal .article-details h2,
.article.-normal .article-details .article-h2, .article.-interview .article-details h2,
.article.-interview .article-details .article-h2 {
  font-size: clamp(1.25rem, 3.125vw, 1.75rem);
  color: #151F41;
}
.article.-normal .article-details h2 span,
.article.-normal .article-details .article-h2 span, .article.-interview .article-details h2 span,
.article.-interview .article-details .article-h2 span {
  display: block;
  padding-top: min(12vw, 120px);
  padding-bottom: min(4vw, 30px);
}
.article.-normal .article-details h3,
.article.-normal .article-details .article-h3, .article.-interview .article-details h3,
.article.-interview .article-details .article-h3 {
  font-size: clamp(1.125rem, 2.34375vw, 1.25rem);
  color: #151F41;
  margin-top: min(5vw, 60px);
  margin-bottom: min(3vw, 30px);
}
@media screen and (max-width: 780px) {
  .article.-normal .article-details h3,
  .article.-normal .article-details .article-h3, .article.-interview .article-details h3,
  .article.-interview .article-details .article-h3 {
    margin-top: 8vw;
    margin-bottom: 6vw;
  }
}
.article.-normal .article-details p, .article.-interview .article-details p {
  line-height: 2;
}
.article.-normal .article-details figure img, .article.-interview .article-details figure img {
  height: auto !important;
}
.article.-normal .hero-area .inner {
  min-height: min(30vw, 300px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.article.-normal .hero-area picture {
  width: 100%;
}
.article.-single .hero-area {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
}
.article.-single .hero-area::before {
  position: fixed;
  content: "";
  background: url(../images/hero_cube.svg) no-repeat left top/100%;
  width: min(25vw, 400px);
  height: min(27vw, 420px);
  right: -50px;
  top: min(16.666vw, 100px);
  opacity: 1;
  filter: blur(0);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
@media screen and (max-width: 780px) {
  .article.-single .hero-area::before {
    width: 25.6666vw;
    height: 28vw;
    right: -5vw;
    top: 34.66666vw;
  }
}
.article.-single .hero-area.on::before {
  filter: blur(20px);
  opacity: 0.9;
}
.page .hero-area .inner,
.article.-single .hero-area .inner {
  max-width: 1200px;
  min-height: min(30vw, 300px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.article.-single .hero-area picture {
  width: 100%;
}
.article.-single .hero-area h1,
.article.-single .hero-area .hero-title {
  font-size: clamp(1.375rem, 5.2083333333vw, 3.125rem);
  color: #151F41;
  margin-bottom: min(6vw, 60px);
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .article.-single .hero-area h1,
  .article.-single .hero-area .hero-title {
    margin-bottom: 4vw;
  }
}
.article.-single .hero-area h1 .cat-name,
.article.-single .hero-area .hero-title .cat-name {
  display: block;
  font-size: clamp(0.875rem, 1.953125vw, 1rem);
  color: #004098;
}
.article.-faq .article-details .inner {
  max-width: 900px !important;
}
.article.-faq .article-details .inner h2,
.article.-faq .article-details .inner .article-faq-h2 {
  font-size: clamp(1.125rem, 3.125vw, 2rem);
  color: #004098;
  border-bottom: 2px solid #FFE200;
  padding-bottom: 20px;
  padding-top: min(12vw, 120px);
  margin-bottom: min(5.3333vw, 40px);
}
.article.-faq .article-details .inner h2:first-child,
.article.-faq .article-details .inner .article-faq-h2:first-child {
  padding-top: 0;
}
.article.-faq .article-details .inner h3,
.article.-faq .article-details .inner .article-faq-h3 {
  font-size: clamp(1rem, 2.6041666667vw, 1.5rem);
  margin-top: min(8vw, 60px);
  margin-bottom: min(3vw, 30px);
}
.article.-normal .hero-area::before {
  display: none;
}
.article .related-area {
  background: #f4f7fa;
  padding: min(10vw, 100px) 0;
  margin-top: min(26vw, 200px);
}
.article .related-area .inner {
  max-width: 1200px;
}
.article .related-area .inner h3 {
  font-size: clamp(1.25rem, 3.3854166667vw, 2rem);
  margin-bottom: min(3vw, 30px);
  color: #151F41;
}
.article .related-area .inner ul {
  list-style: none;
  padding-left: 0;
}
@media screen and (min-width: 781px) {
  .article .related-area .inner ul li:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .article .related-area .inner ul li:nth-child(1), .article .related-area .inner ul li:nth-child(2) {
    margin-bottom: 5.333333vw;
  }
}
.article .related-area .inner ul li figure {
  background: #fff;
  aspect-ratio: 8/5;
  overflow: hidden;
}
.article .related-area .inner ul li figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
.article .related-area .inner ul li h4 {
  font-size: clamp(0.75rem, 1.8229166667vw, 1rem);
  line-height: 1.4;
  color: #151F41;
  letter-spacing: 0;
}
.article .related-area .inner ul li .tag {
  margin-bottom: min(1.333vw, 10px);
}
.article .related-area .inner ul li .tag .tag-item {
  display: inline-block;
  background: #FFE200;
  color: #151F41;
  padding: min(0.3vw, 3px) 10px;
  border-radius: 50px;
  font-size: clamp(0.625rem, 1.4322916667vw, 0.6875rem);
  font-weight: 700;
}
.article .related-area .inner ul li a:hover figure img {
  transform: scale(1.1);
}/*# sourceMappingURL=style.css.map */