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

colors setting

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

colors setting の変数ではなく
下記の左側の変数をcssで指定する

×：$black
◯：$dark-text

------------------------------------ */
/*  text-color
*----------------------------------- */
/*  background-color
*----------------------------------- */
/*  border-color
*----------------------------------- */
/*  system-color
*----------------------------------- */
/*  cv
*----------------------------------- */
/*  footer
*----------------------------------- */
/*  menu
*----------------------------------- */
/*  new icon
*----------------------------------- */
/*  horizontal
*----------------------------------- */
/*  slick-color
*----------------------------------- */
.en {
  font-family: "optima-lt-pro", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}

.en02 {
  font-family: "optima-lt-pro", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

.yakuhan {
  font-family: "YakuHanJP", "ryo-gothic-plusn", sans-serif;
}

/* mobile */
/* ------------------------------------

cmn

------------------------------------ */
.page-top .p-header {
  text-align: center;
  margin: 0 auto 44px;
}
.page-top .p-header__title {
  line-height: 1;
  letter-spacing: 0.05em;
  display: block;
}
@media (min-width: 761px) {
  .page-top .p-header__title {
    font-size: 8.2rem;
  }
}
@media (max-width: 760px) {
  .page-top .p-header__title {
    font-size: 13.3333333333dvw;
    line-height: 1.25;
  }
}
.page-top .p-header__subtitle {
  display: block;
}
@media (min-width: 761px) {
  .page-top .p-header__subtitle {
    font-size: 1.5rem;
    margin-top: 4px;
  }
}
@media (max-width: 760px) {
  .page-top .p-header__subtitle {
    font-size: 3.8461538462dvw;
    margin-top: 4px;
  }
}
.page-top .p-header__text {
  line-height: 1.1904761905;
}
@media (min-width: 761px) {
  .page-top .p-header__text {
    font-size: 2.1rem;
    margin-top: 19px;
  }
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list {
    width: 100%;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list {
    padding-left: 5.1282051282dvw;
    padding-right: 5.1282051282dvw;
  }
}
.page-system.page-news.page-system-index .list-page__list .p-header {
  text-align: center;
  margin: 0 auto 47px;
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-header {
    margin-bottom: 44px;
  }
}
.page-system.page-news.page-system-index .list-page__list .p-header__title {
  line-height: 1;
  letter-spacing: 0.05em;
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-header__title {
    font-size: 4.9rem;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-header__title {
    font-size: 12.5641025641dvw;
  }
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-header__subtitle {
    font-size: 1.5rem;
    margin-top: 4px;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-header__subtitle {
    font-size: 3.8461538462dvw;
    margin-top: 4px;
  }
}
.page-system.page-news.page-system-index .list-page__list .p-header__text {
  color: #0BAAE1;
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-header__text {
    font-size: 1.7rem;
    margin-top: 23px;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-header__text {
    font-size: 4.358974359dvw;
    margin-top: 23px;
  }
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .l-column_03 {
    gap: 0 26px;
    max-width: 1200px;
    margin: 0 auto 63px;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .l-column_03 {
    width: 100%;
    display: block;
    padding-bottom: 54px;
    margin-bottom: 29px;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .slick-dots li {
    width: 11px;
    height: 11px;
    margin: 0 5px;
  }
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__photo img {
    aspect-ratio: 16/9;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__photo img {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__inner {
    margin-top: 18px !important;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__inner {
    margin-top: 29px !important;
  }
}
.page-system.page-news.page-system-index .list-page__list .p-item__icons {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__icons {
    gap: 14px;
    margin-bottom: 5px;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__icons {
    gap: 3.5897435897dvw;
    margin-bottom: 5px;
  }
}
.page-system.page-news.page-system-index .list-page__list .p-item__icons .icon {
  background: none !important;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__icons .icon {
    font-size: 1.4rem;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__icons .icon {
    font-size: 3.5897435897dvw;
  }
}
.page-system.page-news.page-system-index .list-page__list .p-item__icons .icon:before {
  content: "#";
}
.page-system.page-news.page-system-index .list-page__list .p-item__post-title {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4666666667;
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__post-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__post-title {
    font-size: 3.8461538462dvw;
    -webkit-line-clamp: 2;
  }
}
.page-system.page-news.page-system-index .list-page__list .p-item__post-date {
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4666666667;
}
@media (min-width: 761px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__post-date {
    font-size: 1.5rem;
    margin-top: 6px;
  }
}
@media (max-width: 760px) {
  .page-system.page-news.page-system-index .list-page__list .p-item__post-date {
    font-size: 3.8461538462dvw;
  }
}

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

l-〇〇

------------------------------------ */
.page-top .l-〇〇__container {
  width: 1200px;
  margin: 0 auto;
}
@media print, screen and (max-width: 760px) {
  .page-top .l-〇〇__container {
    width: auto;
  }
}

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

topvisual

------------------------------------ */
.page-top .l-visual {
  position: relative;
  margin-bottom: 60px;
}
@media (max-width: 760px) {
  .page-top .l-visual {
    margin-bottom: 6.6666666667dvw;
  }
}
.page-top .l-visual__main {
  width: 100%;
  margin: 0 auto;
  max-width: 1319px;
  display: block;
}
@media (min-width: 761px) {
  .page-top .l-visual__main {
    padding-top: 60px;
    height: 733px;
    max-height: 100vh;
  }
}
@media (max-width: 760px) {
  .page-top .l-visual__main {
    padding-bottom: 20.5128205128dvw;
  }
}
.page-top .l-visual .l-topics {
  background: rgba(24, 27, 46, 0.82);
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 435px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 761px) {
  .page-top .l-visual .l-topics {
    padding: 11px 23px 15px 35px;
    gap: 2px 10px;
  }
}
@media (max-width: 760px) {
  .page-top .l-visual .l-topics {
    padding: 2.8205128205dvw 5.1282051282dvw 3.8461538462dvw 8.9743589744dvw;
    gap: 2px 2.5641025641dvw;
    right: 0;
  }
}
.page-top .l-visual .l-topics .p-header {
  margin: 0;
}
.page-top .l-visual .l-topics .p-header__title {
  color: #00A1E9;
  letter-spacing: 0.03em;
}
@media (min-width: 761px) {
  .page-top .l-visual .l-topics .p-header__title {
    font-size: 2.4rem;
  }
}
@media (max-width: 760px) {
  .page-top .l-visual .l-topics .p-header__title {
    font-size: 6.1538461538dvw;
  }
}
.page-top .l-visual .l-topics .p-item__post-date {
  letter-spacing: 0.03em;
}
@media (min-width: 761px) {
  .page-top .l-visual .l-topics .p-item__post-date {
    font-size: 1.4rem;
  }
}
@media (max-width: 760px) {
  .page-top .l-visual .l-topics .p-item__post-date {
    font-size: 3.5897435897dvw;
  }
}
.page-top .l-visual .l-topics .p-item__icons {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2px;
  gap: 5px;
}
.page-top .l-visual .l-topics .p-item__icons .icon {
  font-weight: 500;
}
@media (min-width: 761px) {
  .page-top .l-visual .l-topics .p-item__icons .icon {
    font-size: 1.2rem;
    padding: 2px 4px 1px;
  }
}
@media (max-width: 760px) {
  .page-top .l-visual .l-topics .p-item__icons .icon {
    font-size: 3.0769230769dvw;
    padding: 0 1.0256410256dvw 2px;
  }
}
.page-top .l-visual .l-topics .p-item__post-title {
  -webkit-line-clamp: 1;
  width: 100%;
  letter-spacing: -0.01em;
}
@media (min-width: 761px) {
  .page-top .l-visual .l-topics .p-item__post-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 760px) {
  .page-top .l-visual .l-topics .p-item__post-title {
    font-size: 3.8461538462dvw;
  }
}

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

l-top-intro

------------------------------------ */
.l-top-intro {
  text-align: center;
  position: relative;
}
@media (min-width: 761px) {
  .l-top-intro {
    margin: 189px auto 0;
    padding: 117px 30px 288px;
    max-width: 1298px;
  }
}
@media (max-width: 760px) {
  .l-top-intro {
    padding: 0 5.1282051282dvw;
    margin-bottom: 170px;
  }
}
@media (min-width: 761px) {
  .l-top-intro__title {
    padding-left: 5px;
  }
}
@media (max-width: 760px) {
  .l-top-intro__title {
    width: 94.358974359dvw;
    margin-bottom: -10.2564102564dvw;
  }
}
.l-top-intro__title img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 761px) {
  .l-top-intro__title img {
    margin-bottom: -22px;
  }
}
@media (max-width: 760px) {
  .l-top-intro__title img {
    margin-left: -2.3076923077dvw;
  }
}
.l-top-intro__txt {
  position: relative;
  z-index: 2;
}
.l-top-intro__txt p {
  font-weight: 500;
}
@media (min-width: 761px) {
  .l-top-intro__txt p {
    font-size: 2.3rem;
    line-height: 2.1304347826;
    margin-top: 49px;
  }
}
@media (max-width: 760px) {
  .l-top-intro__txt p {
    font-size: 5.641025641dvw;
    line-height: 2.1363636364;
    margin-top: 12.0512820513dvw;
  }
}
.l-top-intro__txt p.color {
  color: #06D7A0;
  font-weight: 700;
}
@media (min-width: 761px) {
  .l-top-intro__txt p.color {
    font-size: 3.8rem;
    line-height: 1.3947368421;
    margin-top: 55px;
  }
}
@media (max-width: 760px) {
  .l-top-intro__txt p.color {
    font-size: 9.7435897436dvw;
    line-height: 1.3947368421;
  }
}
.l-top-intro__image picture {
  display: block;
}
@media (min-width: 761px) {
  .l-top-intro__image picture {
    position: absolute;
  }
}
@media (min-width: 761px) {
  .l-top-intro__image .image01 {
    width: min(336.5px, 32vw);
    top: 308px;
    left: 10px;
  }
}
@media (max-width: 760px) {
  .l-top-intro__image .image01 {
    width: 86.4102564103dvw;
    margin: 169px auto 0 0;
  }
}
@media (min-width: 761px) {
  .l-top-intro__image .image02 {
    width: min(317.5px, 30vw);
    top: 390px;
    right: 61px;
  }
}
@media (min-width: 761px) and (max-width: 1298px) {
  .l-top-intro__image .image02 {
    right: 0;
  }
}
@media (max-width: 760px) {
  .l-top-intro__image .image02 {
    width: 82.3076923077dvw;
    margin: 30px 2.5641025641dvw 0 auto;
  }
}
@media (min-width: 761px) {
  .l-top-intro__image .image03 {
    width: min(219px, 24vw);
    top: 805px;
    left: 142px;
  }
}
@media (min-width: 761px) and (max-width: 1298px) {
  .l-top-intro__image .image03 {
    left: 20px;
  }
}
@media (max-width: 760px) {
  .l-top-intro__image .image03 {
    width: 56.1538461538dvw;
    margin: 56px auto 0 2.0512820513dvw;
  }
}

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

l-top-movie

------------------------------------ */
.l-top-movie {
  text-align: center;
  background: url(../images/top/topsec_bg.svg) center top no-repeat;
}
@media (min-width: 761px) {
  .l-top-movie {
    background-size: 35px auto;
    padding: 112px 30px 243px;
  }
}
@media (max-width: 760px) {
  .l-top-movie {
    background-size: 8.9743589744dvw auto;
    padding: 112px 5.1282051282dvw 300px;
  }
}
.l-top-movie__iframe {
  position: relative;
  display: block;
  z-index: 2;
}
.l-top-movie__iframe__title {
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  letter-spacing: 0.05em;
  z-index: 2;
}
@media (min-width: 761px) {
  .l-top-movie__iframe__title {
    font-size: 8.2rem;
    top: -42px;
    left: 5px;
  }
}
@media (max-width: 760px) {
  .l-top-movie__iframe__title {
    font-size: 21.0256410256dvw;
    top: -15.3846153846dvw;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.l-top-movie a {
  display: block;
}
.l-top-movie picture {
  display: block;
}

/* ------------------------------------
l-top-column
------------------------------------ */
.l-top-column {
  max-width: 1240px;
  margin: 0 auto;
}
@media (min-width: 761px) {
  .l-top-column {
    padding: 0 20px;
    display: flex;
  }
}
@media (max-width: 760px) {
  .l-top-column {
    padding: 0 5.1282051282dvw;
    margin-bottom: 102px;
  }
}
.l-top-column__image {
  overflow: hidden;
}
@media (min-width: 761px) {
  .l-top-column__image {
    width: 50%;
    border-radius: 100px 0 0 0;
  }
}
@media (max-width: 760px) {
  .l-top-column__image {
    border-radius: 100px 0 0 0;
  }
}
@media (min-width: 761px) {
  .l-top-column__main {
    width: 50%;
    padding-left: 62px;
  }
}
@media (max-width: 760px) {
  .l-top-column__main {
    padding-top: 11.2820512821dvw;
  }
}
.l-top-column__title {
  text-align: left;
}
@media (min-width: 761px) {
  .l-top-column__title {
    margin-bottom: 14px;
  }
}
@media (max-width: 760px) {
  .l-top-column__title {
    margin-bottom: 14px;
  }
}
.l-top-column__title span {
  display: block;
}
.l-top-column__title .en {
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media (min-width: 761px) {
  .l-top-column__title .en {
    font-size: min(8.2rem, 8vw);
    margin-bottom: 6px;
  }
}
@media (max-width: 760px) {
  .l-top-column__title .en {
    font-size: 15.3846153846dvw;
    margin-bottom: 14px;
  }
}
.l-top-column__title .ja {
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
}
@media (min-width: 761px) {
  .l-top-column__title .ja {
    font-size: 1.6rem;
    padding-bottom: 25px;
  }
}
@media (max-width: 760px) {
  .l-top-column__title .ja {
    font-size: 4.1025641026dvw;
    padding-bottom: 26px;
  }
}
.l-top-column__title .ja:before {
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  background: #0BAAE1;
  height: 2px;
}
@media (min-width: 761px) {
  .l-top-column__title .ja:before {
    width: 56px;
  }
}
@media (max-width: 760px) {
  .l-top-column__title .ja:before {
    width: 14.358974359dvw;
  }
}
.l-top-column__lead {
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4074074074;
}
@media (min-width: 761px) {
  .l-top-column__lead {
    font-size: 2.7rem;
    margin-bottom: 21px;
  }
}
@media (max-width: 760px) {
  .l-top-column__lead {
    font-size: 6.9230769231dvw;
    margin-bottom: 21px;
  }
}
.l-top-column__text {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.1333333333;
}
@media (min-width: 761px) {
  .l-top-column__text {
    font-size: 1.5rem;
    margin-bottom: 21px;
  }
}
@media (max-width: 760px) {
  .l-top-column__text {
    font-size: 3.8461538462dvw;
    margin-bottom: 21px;
  }
}

/* ------------------------------------
l-top-message
------------------------------------ */
@media (min-width: 761px) {
  .l-top-message {
    margin-bottom: 185px;
  }
}
.l-top-message .l-top-column__title .ja:before {
  background: #00A1E9;
}
.l-top-message .more-btn:after {
  background-color: #00A1E9;
}

/* ------------------------------------
l-top-vision
------------------------------------ */
@media (min-width: 761px) {
  .l-top-vision {
    margin-bottom: 177px;
  }
}
@media (max-width: 760px) {
  .l-top-vision .l-top-column__main {
    padding-top: 50px;
  }
}
@media (max-width: 760px) {
  .l-top-vision .l-top-column__title {
    margin-bottom: 12px;
  }
}
@media (max-width: 760px) {
  .l-top-vision .l-top-column__title .en {
    margin-bottom: 10px;
  }
}
@media (max-width: 760px) {
  .l-top-vision .l-top-column__title .ja {
    margin-left: 0.7692307692dvw;
  }
}
.l-top-vision .l-top-column__title .ja:before {
  background: #06D7A0;
}
@media (max-width: 760px) {
  .l-top-vision .l-top-column__lead {
    margin: 0 0vw 21px 0.7vw;
  }
}
@media (max-width: 760px) {
  .l-top-vision .l-top-column__text {
    margin: 0 0vw 21px 0.7vw;
  }
}
.l-top-vision .more-btn:after {
  background-color: #06D7A0;
}

/* ------------------------------------
l-top-realtalk
------------------------------------ */
@media (min-width: 761px) {
  .l-top-realtalk {
    margin-bottom: 156px;
  }
}
.l-top-realtalk .l-top-column__title .ja:before {
  background: #F3E939;
}
.l-top-realtalk .more-btn:after {
  background-color: #F3E939;
}

/* ------------------------------------
l-top-story
------------------------------------ */
@media (min-width: 761px) {
  .l-top-story {
    margin-bottom: 281px;
  }
}
@media (max-width: 760px) {
  .l-top-story {
    margin-bottom: 303px;
  }
}
.l-top-story .l-top-column__title .ja:before {
  background: #7109B6;
}
.l-top-story .more-btn:after {
  background-color: #7109B6;
}

/* ------------------------------------
l-top-event
------------------------------------ */
.l-top-event {
  text-align: center;
  background: url(../images/top/topsec_bg.svg) no-repeat center top;
  max-width: 1240px;
  margin: 0 auto;
}
@media (min-width: 761px) {
  .l-top-event {
    background-size: 35px auto;
    padding: 75px 20px 0;
    z-index: 1;
    position: relative;
  }
}
@media (max-width: 760px) {
  .l-top-event {
    background-size: 8.9743589744dvw auto;
    padding: 63px 0 161px;
  }
}
@media (max-width: 760px) {
  .l-top-event .p-header {
    margin-bottom: 56px !important;
  }
}
@media (max-width: 760px) {
  .l-top-event .p-header__title {
    font-size: 15.3846153846dvw !important;
  }
}
@media (max-width: 760px) {
  .l-top-event .p-header__subtitle {
    font-size: 3.8461538462dvw;
    margin-top: 4px;
  }
}
@media (max-width: 760px) {
  .l-top-event .p-header__text {
    font-size: 4.358974359dvw;
    margin-top: 23px;
  }
}

/* ------------------------------------
l-top-environment
------------------------------------ */
@media (min-width: 761px) {
  .l-top-environment {
    position: relative;
    padding-top: 304px;
    margin-top: -38px;
    height: 1066px;
  }
  .l-top-environment:before {
    content: "";
    display: block;
    width: 100%;
    height: 1118px;
    background: url(../images/top/environment_bg.png) no-repeat center top/auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (max-width: 760px) {
  .l-top-environment {
    background: url(../images/top/sp/environment_bg.png) no-repeat center 90px/100% auto;
    padding-bottom: 93px;
  }
}
.l-top-environment .l-top-column {
  position: relative;
}
.l-top-environment .l-top-column__main {
  padding-left: 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 761px) {
  .l-top-environment .l-top-column__title {
    margin-bottom: 19px;
  }
}
@media (max-width: 760px) {
  .l-top-environment .l-top-column__title {
    margin-bottom: 19px;
  }
}
@media (max-width: 760px) {
  .l-top-environment .l-top-column__title .en {
    font-size: 11.0256410256dvw;
    margin-bottom: 10px;
  }
}
@media (min-width: 761px) {
  .l-top-environment .l-top-column__title .ja {
    padding-bottom: 19px;
  }
}
@media (max-width: 760px) {
  .l-top-environment .l-top-column__title .ja {
    padding-bottom: 19px;
  }
}
@media (min-width: 761px) {
  .l-top-environment .l-top-column__lead {
    margin-bottom: 11px;
  }
}
@media (max-width: 760px) {
  .l-top-environment .l-top-column__lead {
    margin-bottom: 11px;
  }
}
@media (min-width: 761px) {
  .l-top-environment .l-top-column__text {
    margin-bottom: 30px;
  }
}
@media (max-width: 760px) {
  .l-top-environment .l-top-column__text {
    margin-bottom: 18px;
  }
}
.l-top-environment .l-top-column__image {
  border-radius: 0;
}
@media (min-width: 761px) {
  .l-top-environment .l-top-column__image {
    position: absolute;
    top: -76px;
    right: 78px;
    max-width: 970px;
    width: 80%;
    z-index: 0;
  }
}
@media (min-width: 761px) and (max-width: 980px) {
  .l-top-environment .l-top-column__image {
    top: 4vw;
  }
}
@media (max-width: 760px) {
  .l-top-environment .l-top-column__image {
    width: 90.2564102564dvw;
    margin: -11.7948717949dvw 0 0 -5.1282051282dvw;
  }
}

/* ------------------------------------
l-top-links
------------------------------------ */
.l-top-links {
  max-width: 1126px;
  margin: 0 auto;
}
@media (min-width: 761px) {
  .l-top-links {
    padding: 0 20px;
    display: flex;
    gap: 26px;
    margin-bottom: 158px;
  }
}
@media (max-width: 760px) {
  .l-top-links {
    padding: 0 5.1282051282dvw;
    margin-bottom: 218px;
  }
}
.l-top-links__item {
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
}
@media (min-width: 761px) {
  .l-top-links__item {
    flex: 1;
    padding: 63px 20px 43px;
  }
}
@media (max-width: 760px) {
  .l-top-links__item {
    padding: 63px 5.1282051282dvw 46px;
    margin-bottom: 69px;
    display: block;
  }
}
@media (min-width: 761px) {
  .l-top-links__title {
    margin-bottom: 10px;
  }
}
@media (max-width: 760px) {
  .l-top-links__title {
    margin-bottom: 9px;
  }
}
.l-top-links__title .en {
  line-height: 1;
  letter-spacing: 0.05em;
  position: absolute;
  left: 0;
  right: 0;
  font-weight: 400;
  color: #FFF;
  text-align: center;
}
@media (min-width: 761px) {
  .l-top-links__title .en {
    font-size: min(8.2rem, 7.8vw);
    top: -38px;
  }
}
@media (max-width: 760px) {
  .l-top-links__title .en {
    font-size: 13.8461538462dvw;
    top: -7.4358974359dvw;
  }
}
.l-top-links__title .ja {
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
}
@media (min-width: 761px) {
  .l-top-links__title .ja {
    font-size: 4.2rem;
  }
}
@media (max-width: 760px) {
  .l-top-links__title .ja {
    font-size: 10.5128205128dvw;
  }
}
.l-top-links .item-faq {
  background-color: #06D7A0;
  color: #070B23;
}
@media (min-width: 761px) {
  .l-top-links .item-faq {
    background-image: url("../images/top/faq_bg.svg");
    background-size: 464px auto;
    background-position: 43% 77%;
  }
}
@media (max-width: 760px) {
  .l-top-links .item-faq {
    background-image: url("../images/top/sp/faq_bg.svg");
    background-size: 86.1538461538dvw auto;
    background-position: 68% 62%;
  }
}
.l-top-links .item-3minutes {
  background-color: #7109B6;
  background-image: url("../images/top/3minutes_bg.svg");
}
@media (min-width: 761px) {
  .l-top-links .item-3minutes {
    background-size: 79px auto;
    background-position: right 5.5% bottom 19.5%;
  }
}
@media (max-width: 760px) {
  .l-top-links .item-3minutes {
    background-size: 16.6666666667dvw auto;
    background-position: right 3.5% bottom 6.5%;
  }
}

/* ------------------------------------
l-top-whats
------------------------------------ */
@media (min-width: 761px) {
  .l-top-whats {
    margin-bottom: 120px;
  }
}
@media (max-width: 760px) {
  .l-top-whats {
    margin-bottom: 82px;
  }
}
@media (min-width: 761px) {
  .l-top-whats .p-header__subtitle {
    font-size: 1.6rem;
    margin-top: 22px;
  }
}
@media (max-width: 760px) {
  .l-top-whats .p-header__subtitle {
    font-size: 4.358974359dvw;
    margin-top: 8px;
  }
}
@media (min-width: 761px) {
  .l-top-whats__image {
    padding: 6px 10px 0 10px;
  }
}
@media (max-width: 760px) {
  .l-top-whats__image {
    width: 89.7435897436dvw;
    margin: 53px auto;
  }
}
.l-top-whats__image img {
  max-width: 1031px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
@media (min-width: 761px) {
  .l-top-whats .c-button {
    margin-top: 33px;
  }
}

@media (min-width: 761px) {
  .p-loop-slide {
    margin-bottom: -143px;
  }
}
@media (max-width: 760px) {
  .p-loop-slide {
    margin-bottom: -133px;
  }
}
@media (min-width: 761px) {
  .p-loop-slide img {
    width: 1612.5px;
  }
}
@media (max-width: 760px) {
  .p-loop-slide img {
    width: 285.8974358974dvw;
  }
}

/* ------------------------------------
l-top-bnr
------------------------------------ */
@media (min-width: 761px) {
  .l-top-bnr {
    background: #FFF url("../images/top/bnr_bg.jpg") no-repeat top center/100% auto;
    padding: 323px 20px 81px;
    margin-bottom: -1px;
  }
}
@media (max-width: 760px) {
  .l-top-bnr {
    background: #FFF url("../images/top/sp/bnr_bg.png") no-repeat top center/100% auto;
    padding: 305px 5.1282051282dvw 108px;
  }
}
.l-top-bnr__link {
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 761px) {
  .l-top-bnr__link {
    min-height: 433px;
    align-items: center;
    display: flex;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link {
    align-items: center;
    display: block;
    padding: 35px 3.8461538462dvw;
  }
}
.l-top-bnr__link picture {
  display: block;
}
@media (min-width: 761px) {
  .l-top-bnr__link picture {
    width: 50%;
  }
}
.l-top-bnr__link picture img {
  width: 100%;
}
@media (min-width: 761px) {
  .l-top-bnr__link.bnr01 {
    background: url("../images/top/bnr_img01.jpg") no-repeat center center/cover;
    margin-bottom: 40px;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link.bnr01 {
    background: url("../images/top/sp/bnr_img01.jpg") no-repeat center center/cover;
    margin-bottom: 56px;
    min-height: 147.4358974359dvw;
  }
}
.l-top-bnr__link.bnr01 picture img {
  display: block;
  height: auto;
}
@media (min-width: 761px) {
  .l-top-bnr__link.bnr01 picture img {
    max-width: min(38.85vw, 436px);
    margin: 24px min(4.72vw, 68px) 0 min(6.88vw, 99px);
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link.bnr01 picture img {
    width: 78.7179487179dvw;
    margin: 7px auto 0 1.0256410256dvw;
  }
}
@media (min-width: 761px) {
  .l-top-bnr__link.bnr01 .l-top-bnr__main {
    padding-top: 22px;
    padding-left: 14px;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link.bnr01 .l-top-bnr__main {
    padding-top: 5px;
  }
}
@media (min-width: 761px) {
  .l-top-bnr__link.bnr02 {
    background: url("../images/top/bnr_img02.jpg") no-repeat center center/cover;
    margin-bottom: 40px;
    flex-direction: row-reverse;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link.bnr02 {
    background: url("../images/top/sp/bnr_img02.jpg") no-repeat center center/cover;
    min-height: 134.8717948718dvw;
  }
}
.l-top-bnr__link.bnr02 picture img {
  display: block;
  height: auto;
}
@media (min-width: 761px) {
  .l-top-bnr__link.bnr02 picture img {
    max-width: 509px;
    width: calc(100% - 50px);
    margin: 8px auto 0 33px;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link.bnr02 picture img {
    width: 87.6923076923dvw;
    max-width: none;
    margin: 12px auto 0 -3.0769230769dvw;
  }
}
@media (min-width: 761px) {
  .l-top-bnr__link.bnr02 .l-top-bnr__main {
    padding-left: min(99px, 10%);
    padding-bottom: 5px;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link.bnr02 .l-top-bnr__main {
    padding-top: 3px;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__link.bnr02 .more-btn {
    margin: 32px 0 0 3.8461538462dvw;
  }
}
@media (min-width: 761px) {
  .l-top-bnr__main {
    width: 50%;
  }
}
@media (min-width: 761px) {
  .l-top-bnr__main .more-btn {
    margin-top: 27px;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__main .more-btn {
    margin-top: 28px;
  }
}
.l-top-bnr__text {
  font-weight: 500;
  letter-spacing: 0;
  text-align: left;
  line-height: 2.1333333333;
}
@media (min-width: 761px) {
  .l-top-bnr__text {
    max-width: 470px;
    font-size: 1.5rem;
  }
}
@media (max-width: 760px) {
  .l-top-bnr__text {
    font-size: 3.8461538462dvw;
  }
}

/* ------------------------------------
l-top-news
------------------------------------ */
.l-top-news.page-system.page-news.page-system-index {
  background: #FFF;
  color: #070B23;
}
@media (min-width: 761px) {
  .l-top-news.page-system.page-news.page-system-index {
    padding: 0 20px 95px;
  }
}
@media (max-width: 760px) {
  .l-top-news.page-system.page-news.page-system-index {
    padding-bottom: 82px;
  }
}
@media (min-width: 761px) {
  .l-top-news.page-system.page-news.page-system-index .p-header {
    margin-bottom: 51px !important;
  }
}
.l-top-news.page-system.page-news.page-system-index .p-header__title {
  color: #0BAAE1;
}
.l-top-news.page-system.page-news.page-system-index .p-header__subtitle {
  color: #070B23;
}
@media (min-width: 761px) {
  .l-top-news.page-system.page-news.page-system-index .p-item__inner {
    margin-top: 24px !important;
  }
}
@media (max-width: 760px) {
  .l-top-news.page-system.page-news.page-system-index .p-item__inner {
    margin-top: 20px !important;
  }
}
.l-top-news.page-system.page-news.page-system-index .icon {
  color: #070B23;
}
@media (min-width: 761px) {
  .l-top-news.page-system.page-news.page-system-index .l-column_03 {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 760px) {
  .l-top-news.page-system.page-news.page-system-index .l-column_03 {
    padding-bottom: 46px !important;
    margin-bottom: 56px !important;
  }
}

/*# sourceMappingURL=top.css.map */