@charset "UTF-8";
header #gnav .gnav_list .gnav_list_item .link_tr::after {
  width: 100%;
}

.mv {
  width: 100%;
}
.mv .mv_title {
  color: #fff;
}

.content {
  padding-bottom: 0;
}

.links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 60rem;
       column-gap: 60rem;
  margin-bottom: 200rem;
}
.links .link_item .button {
  font-size: 22rem;
  width: 330rem;
  height: 80rem;
}
.links .link_item .button span {
  text-box: var(--trim);
}

@media screen and (max-width: 768px) {
  .links {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
    width: 670rem;
    margin: 0 auto 120rem;
  }
  .links .link_item .button {
    line-height: 1.3636363636;
    text-align: center;
    width: 216.6666666667rem;
    height: 100rem;
  }
}
/* --------------------------------------------------
    tab
-------------------------------------------------- */
.tab_wrap {
  position: relative;
  border-top: 2rem solid #adadad;
  padding-bottom: 200rem;
  background: #eafcff;
}
.tab_wrap .tab_btns {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10rem 15rem;
  background: #eafcff;
}
.tab_wrap .tab_btns .tab_btns_item button {
  font-size: 20rem;
  font-weight: 500;
  text-align: center;
  font-feature-settings: "palt";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 335rem;
  height: 100rem;
  border: none;
  padding: 0;
  transition: color 0.3s, background-image 0.3s;
}
.tab_wrap .tab_btns .tab_btns_item button.active {
  color: #fff;
  background-image: var(--gradation-blue);
}
.tab_wrap .tab_btns .tab_btns_item button span {
  text-box: var(--trim);
}
.tab_wrap .tab_contents {
  width: 1530rem;
  margin-inline: auto;
  padding: 150rem 90rem 100rem;
  background: #fff;
}
.tab_wrap .tab_contents .tab_content {
  display: none;
}
.tab_wrap .tab_contents .tab_content.active {
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .tab_wrap .tab_btns .tab_btns_item button:hover {
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .tab_wrap {
    padding-bottom: 40rem;
  }
  .tab_wrap .tab_btns .tab_btns_item button {
    font-size: 22rem;
    width: 240rem;
    height: 85rem;
  }
  .tab_wrap .tab_contents {
    width: 670rem;
    padding: 100rem 40rem 50rem;
  }
}
/* --------------------------------------------------
    コンテンツ
-------------------------------------------------- */
.tab_section + .tab_section {
  margin-top: 80rem;
}

.tab_title {
  font-size: 48rem;
  font-weight: 500;
  font-feature-settings: "palt";
  text-box: var(--trim);
  padding-bottom: 20rem;
  border-bottom: 2rem solid var(--main-color-blue);
  margin-bottom: 60rem;
}

.tab_subtitle {
  font-size: 32rem;
  font-weight: 500;
  line-height: 1.75;
  font-feature-settings: "palt";
  text-box: var(--trim);
  margin-bottom: 60rem;
}
.tab_subtitle.title-border {
  padding: 10rem 0 10rem 20rem;
  border-left: 5rem solid var(--main-color-blue);
}
.tab_subtitle.title-number {
  display: flex;
  align-items: center;
  -moz-column-gap: 15rem;
       column-gap: 15rem;
}
.tab_subtitle.title-number .number {
  color: #fff;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-image: var(--gradation-blue);
}

.tab_lead {
  font-size: 18rem;
  font-weight: 300;
  line-height: 1.7777777778;
  text-align: justify;
  text-box: var(--trim);
  font-feature-settings: "palt";
}
.tab_lead .red {
  color: #c8161d;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .tab_section + .tab_section {
    margin-top: 50rem;
  }
  .tab_title {
    font-size: 35rem;
    margin-bottom: 30rem;
  }
  .tab_subtitle {
    font-size: 27rem;
    line-height: 1.8148148148;
    margin-bottom: 30rem;
  }
  .tab_subtitle.title-number .number {
    width: 45rem;
  }
  .tab_lead {
    font-size: 25rem;
    line-height: 1.48;
  }
}
/* drive
-------------------------------------------------- */
.drive .drive_flex .drive_flex_image img {
  box-shadow: 5rem 5rem 5rem rgba(15, 43, 119, 0.4);
}
.drive .drive_images {
  display: flex;
  justify-content: center;
  -moz-column-gap: 50rem;
       column-gap: 50rem;
}
.drive .drive_images .drive_images_item {
  width: 480rem;
}

@media screen and (min-width: 769px) {
  .drive .drive_flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 80rem;
  }
  .drive .drive_flex .drive_flex_text {
    width: 640rem;
  }
  .drive .drive_flex .drive_flex_image {
    width: 635rem;
  }
}
@media screen and (max-width: 768px) {
  .drive .drive_flex .drive_flex_image {
    margin-block: 40rem 20rem;
  }
  .drive .drive_images {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .drive .drive_images .drive_images_item {
    width: 290rem;
  }
}
/* feature
-------------------------------------------------- */
.feature .feature_content + .feature_content {
  margin-top: 75rem;
}
.feature .feature_content .feature_content_title {
  font-size: 22rem;
  font-weight: 400;
  font-feature-settings: "palt";
  text-box: var(--trim);
  margin-bottom: 30rem;
}
.feature .feature_content .feature_content_images,
.feature .feature_content .feature_content_image {
  margin-top: 50rem;
}

@media screen and (min-width: 769px) {
  .feature .feature_content .feature_content_images {
    display: flex;
    justify-content: center;
  }
  .feature .feature_content.content_01 .feature_content_images {
    -moz-column-gap: 50rem;
         column-gap: 50rem;
  }
  .feature .feature_content.content_01 .feature_content_images .feature_content_images_item {
    width: 650rem;
  }
  .feature .feature_content.content_02 .feature_content_image {
    width: 1135rem;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .feature .feature_content + .feature_content {
    margin-top: 50rem;
  }
  .feature .feature_content .feature_content_title {
    font-size: 26rem;
    margin-bottom: 20rem;
  }
  .feature .feature_content .feature_content_images,
  .feature .feature_content .feature_content_image {
    margin-top: 40rem;
  }
  .feature .feature_content.content_01 .feature_content_images .feature_content_images_item + .feature_content_images_item {
    margin-top: 20rem;
  }
}
/* trivia
-------------------------------------------------- */
.trivia .trivia_content + .trivia_content {
  margin-top: 60rem;
}
.trivia .sec_02 .trivia_image {
  margin-top: 50rem;
}
.trivia .sec_03 .image-02 {
  margin-block: 50rem;
}

@media screen and (min-width: 769px) {
  .trivia .sec_01 .trivia_image {
    width: 1005rem;
    margin-inline: auto;
  }
  .trivia .sec_03 .image-01 {
    width: 1050rem;
    margin: 60rem auto;
  }
  .trivia .sec_03 .content-error {
    display: flex;
    justify-content: space-between;
  }
  .trivia .sec_03 .content-error .image-03 {
    width: 485rem;
  }
}
@media screen and (max-width: 768px) {
  .trivia .trivia_content + .trivia_content {
    margin-top: 40rem;
  }
  .trivia .sec_02 .trivia_image {
    margin-top: 40rem;
  }
  .trivia .sec_03 .image-01,
  .trivia .sec_03 .image-02 {
    margin-block: 40rem;
  }
  .trivia .sec_03 .content-error .image-03 {
    margin-top: 40rem;
  }
}/*# sourceMappingURL=tr.css.map */