@charset "UTF-8";
/* CSS Document */
/* ==================================================
Mixin
================================================== */
/*
 * Easing function
 * Original：http://easings.net/
 */
/* ==================================================
KeyFrames
================================================== */
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
/* hero */
@media all and (min-width: 787px) {
  .top-hero-main {
    background: #ea4e15;
    color: #fff;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-main {
    background: #ea4e15;
    color: #fff;
  }
}
@media all and (min-width: 787px) {
  .top-hero-main__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: clamp(20rem, 100%, 65rem);
    height: 43.3125rem;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .top-hero-main__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22.0625rem;
    height: 100%;
    background: #ea4e15;
    z-index: 1;
  }
  .top-hero-main__inner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 6.0625rem;
    height: 100%;
    background: #ea4e15;
    z-index: 1;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-main__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 39.8125rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .top-hero-main__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7.4375rem;
    height: 100%;
    background: #ea4e15;
    z-index: 1;
  }
}
@media all and (min-width: 787px) {
  .top-hero-main-container {
    width: 100%;
    height: 100%;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-main-container {
    width: 100%;
    height: 100%;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}
@media all and (min-width: 787px) {
  .top-hero-main-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 22.0625rem;
    padding-right: 6.0625rem;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-main-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 7rem;
  }
}
@media all and (min-width: 787px) {
  .top-hero-main-media-frame {
    background: #000;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-main-media-frame {
    background: #000;
  }
}
@media all and (min-width: 787px) {
  .top-hero-main-media-frame__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .top-hero-main-media-frame__label::before {
    content: "";
    display: block;
    padding-top: 43.3125rem;
  }
  .top-hero-main-media-frame__label > *,
  .top-hero-main-media-frame__label img {
    position: absolute;
    top: 50%;
    right: 0;
    width: 110%;
    height: 110%;
    -o-object-fit: cover;
       object-fit: cover;
    transform: translate3d(0, -50%, 0);
  }
}
@media screen and (max-width: 786px) {
  .top-hero-main-media-frame__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .top-hero-main-media-frame__label::before {
    content: "";
    display: block;
    padding-top: 39.8125rem;
  }
  .top-hero-main-media-frame__label > *,
  .top-hero-main-media-frame__label img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media all and (min-width: 787px) {
  .top-hero-main-content {
    position: relative;
    height: 100%;
    z-index: 2;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-main-content {
    position: relative;
    height: 100%;
    z-index: 2;
  }
}
@media all and (min-width: 787px) {
  .top-hero-heading {
    padding-top: 9.78125rem;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-heading {
    padding-top: 6.34375rem;
    margin-left: 0.875rem;
    margin-right: 0.875rem;
  }
}
@media all and (min-width: 787px) {
  .top-hero-heading__label {
    display: inline-block;
    vertical-align: top;
    width: 22.6875rem;
  }
  .top-hero-heading__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-heading__label {
    display: inline-block;
    vertical-align: top;
    width: 10.1875rem;
  }
  .top-hero-heading__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-body {
    margin-top: 2.0625rem;
  }
  .top-hero-body:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-hero-lead-img {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -1.6875rem;
    margin-right: 0.4375rem;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-lead-img {
    margin-left: 2.8125rem;
    margin-right: 2.8125rem;
  }
}
@media all and (min-width: 787px) {
  .top-hero-lead-img__label {
    display: inline-block;
    vertical-align: top;
    width: 8.75rem;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-lead-img__label {
    display: inline-block;
    vertical-align: top;
    width: 6.375rem;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr {
    text-align: center;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-bnr {
    text-align: center;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr-slide {
    position: relative;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-bnr-slide {
    position: relative;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr-slide-body {
    max-width: 52.875rem;
    margin: 0 auto;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr-slide-list {
    display: flex;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-bnr-slide-list {
    display: flex;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr-slide-list__item {
    width: 100%;
    background: #fff;
  }
  .top-hero-bnr-slide-list__item a {
    display: inline-block;
    vertical-align: top;
  }
  .top-hero-bnr-slide-list__item a .top-hero-bnr__label {
    transition: opacity 0.2s ease-in-out;
  }
  .top-hero-bnr-slide-list__item a:hover .top-hero-bnr__label {
    opacity: 0.6;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-bnr-slide-list__item {
    width: 100%;
    background: #fff;
  }
  .top-hero-bnr-slide-list__item a {
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr-slide-dot {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.625rem;
    text-align: center;
    z-index: 1;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-bnr-slide-dot {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.625rem;
    text-align: center;
    z-index: 1;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr-slide-dot__item {
    display: inline-block;
    vertical-align: top;
    width: 2.875rem;
    height: 0.1875rem;
    margin: 0 0.125rem;
    padding: 0;
    border-radius: 0;
    background: #fff;
    opacity: 1;
    transition: background 0.2s ease;
  }
  .top-hero-bnr-slide-dot__item.swiper-pagination-bullet-active {
    background: #ea4e15;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-bnr-slide-dot__item {
    display: inline-block;
    vertical-align: top;
    width: 2.875rem;
    height: 0.1875rem;
    margin: 0 0.125rem;
    padding: 0;
    border-radius: 0;
    background: #fff;
    opacity: 1;
    transition: background 0.2s ease;
  }
  .top-hero-bnr-slide-dot__item.swiper-pagination-bullet-active {
    background: #ea4e15;
  }
}
@media all and (min-width: 787px) {
  .top-hero-bnr__label {
    display: inline-block;
    vertical-align: top;
    max-width: 52.875rem;
    width: 100%;
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
  }
  .swiper-slide-active .top-hero-bnr__label {
    opacity: 1;
  }
  .top-hero-bnr__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-hero-bnr__label {
    display: inline-block;
    vertical-align: top;
    max-width: 24.5625rem;
    width: 100%;
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
  }
  .swiper-slide-active .top-hero-bnr__label {
    opacity: 1;
  }
  .top-hero-bnr__label img {
    width: 100%;
  }
}

/* content */
/* section */
@media all and (min-width: 787px) {
  .top-section--lv1 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}
@media screen and (max-width: 786px) {
  .top-section--lv1 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media all and (min-width: 787px) {
  .top-section--lv1__inner {
    width: clamp(20rem, 100%, 65rem);
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 786px) {
  .top-section--lv1__inner {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media all and (min-width: 787px) {
  .top-section--lv1-heading {
    text-align: center;
  }
}
@media screen and (max-width: 786px) {
  .top-section--lv1-heading {
    text-align: center;
  }
}
@media all and (min-width: 787px) {
  .top-section--lv1-heading__label {
    display: inline-block;
    vertical-align: top;
  }
}
@media screen and (max-width: 786px) {
  .top-section--lv1-heading__label {
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (min-width: 787px) {
  .top-section--lv1-body {
    margin-top: 2.5rem;
  }
  .top-section--lv1-body:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-section--lv1-body {
    margin-top: 1.25rem;
  }
  .top-section--lv1-body:first-child {
    margin-top: 0;
  }
}

/* about */
@media all and (min-width: 787px) {
  .top-about {
    padding-top: 4.6875rem;
    padding-bottom: 9.375rem;
  }
}
@media screen and (max-width: 786px) {
  .top-about {
    padding-top: 3.4375rem;
  }
}
@media all and (min-width: 787px) {
  .top-about-section--lv1__inner {
    width: clamp(20rem, 100%, 65rem);
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 786px) {
  .top-about-section--lv1__inner {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media all and (min-width: 787px) {
  .top-about-section--lv1-heading {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }
}
@media screen and (max-width: 786px) {
  .top-about-section--lv1-heading {
    margin-left: 1.4375rem;
    margin-right: 1.4375rem;
  }
}
@media all and (min-width: 787px) {
  .top-about-section--lv1-heading__label {
    display: inline-block;
    vertical-align: top;
    width: 13rem;
    height: 3.0625rem;
  }
  .top-about-section--lv1-heading__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-about-section--lv1-heading__label {
    flex-shrink: 0;
    display: inline-block;
    vertical-align: top;
    width: 8.6875rem;
    height: 2.0625rem;
  }
  .top-about-section--lv1-heading__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-about-section--lv1-heading-sub {
    flex-grow: 1;
    height: 1.6875rem;
    margin-left: 2.1875rem;
  }
  .top-about-section--lv1-heading-sub:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-about-section--lv1-heading-sub {
    display: block;
    height: 0.8125rem;
    margin-top: 0.75rem;
  }
  .top-about-section--lv1-heading-sub:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-about-section--lv1-heading-sub__label {
    display: inline-block;
    vertical-align: top;
    width: 24.125rem;
    height: 1.6875rem;
  }
  .top-about-section--lv1-heading-sub__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-about-section--lv1-heading-sub__label {
    display: inline-block;
    vertical-align: top;
    width: 11.25rem;
    height: 0.8125rem;
  }
  .top-about-section--lv1-heading-sub__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-about-section--lv1-body {
    margin-top: 4rem;
  }
  .top-about-section--lv1-body:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-about-section--lv1-body {
    margin-top: 1.375rem;
  }
  .top-about-section--lv1-body:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-about-section--lv1__inner .top-about-feature {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-list__item {
    margin-top: 2.5rem;
  }
  .top-about-feature-list__item:first-child {
    margin-top: 0;
  }
  .top-about-feature-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fff;
    text-decoration: none;
  }
  .top-about-feature-list__item a .top-about-feature-img__label {
    transition: opacity 0.2s ease-in-out;
  }
  .top-about-feature-list__item a:hover .top-about-feature-img__label {
    opacity: 0.6;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fff;
    text-decoration: none;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-container {
    position: relative;
    background: #fff;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-container {
    position: relative;
    background: #fff;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-img {
    text-align: center;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-img {
    text-align: center;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-img__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 62.5rem;
    width: 100%;
    overflow: hidden;
    filter: drop-shadow(0 0.625rem 0.9375rem rgba(0, 0, 0, 0.16));
    transform: translate3d(0, 0, 0);
  }
  .top-about-feature-img__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    mix-blend-mode: multiply;
  }
  .top-about-feature-img__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-img__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 24.5625rem;
    width: 100%;
    overflow: hidden;
  }
  .top-about-feature-img__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    mix-blend-mode: multiply;
  }
  .top-about-feature-img__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-content__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-content__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-desc__term {
    text-align: center;
  }
  .top-about-feature-container--01 .top-about-feature-desc__term {
    height: 2.25rem;
  }
  .top-about-feature-container--02 .top-about-feature-desc__term {
    height: 2.25rem;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-desc__term {
    text-align: center;
  }
  .top-about-feature-container--01 .top-about-feature-desc__term {
    height: 1.5625rem;
  }
  .top-about-feature-container--02 .top-about-feature-desc__term {
    height: 1.5625rem;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-desc__term__label {
    display: inline-block;
    vertical-align: top;
  }
  .top-about-feature-container--01 .top-about-feature-desc__term__label {
    width: 17.6875rem;
    height: 2.25rem;
  }
  .top-about-feature-container--02 .top-about-feature-desc__term__label {
    width: 22.25rem;
    height: 2.25rem;
  }
  .top-about-feature-desc__term__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-desc__term__label {
    display: inline-block;
    vertical-align: top;
  }
  .top-about-feature-container--01 .top-about-feature-desc__term__label {
    width: 12.375rem;
    height: 1.5625rem;
  }
  .top-about-feature-container--02 .top-about-feature-desc__term__label {
    width: 15.5625rem;
    height: 1.5625rem;
  }
  .top-about-feature-desc__term__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-desc__defin {
    margin-top: 3.125rem;
  }
  .top-about-feature-desc__defin:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-desc__defin {
    margin-top: 1.25rem;
  }
  .top-about-feature-desc__defin:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-about-feature-txt {
    margin-top: 1.7em;
    text-align: center;
    line-height: 1.7;
    font-size: 1.25rem;
  }
  .top-about-feature-txt:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-about-feature-txt {
    margin-top: 1.6666666667em;
    text-align: center;
    line-height: 1.6666666667;
    font-size: 0.75rem;
  }
  .top-about-feature-txt:first-child {
    margin-top: 0;
  }
}

/* contents */
@media all and (min-width: 787px) {
  .top-contents {
    padding-top: 6.5625rem;
    padding-bottom: 7.8125rem;
    background: #ea4e15;
    color: #fff;
  }
}
@media screen and (max-width: 786px) {
  .top-contents {
    padding-top: 4.0625rem;
    padding-bottom: 4.6875rem;
    background: #ea4e15;
    color: #fff;
  }
}
@media all and (min-width: 787px) {
  .top-contents-section--lv1__inner {
    width: clamp(20rem, 100%, 65rem);
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-section--lv1__inner {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media all and (min-width: 787px) {
  .top-contents-section--lv1-heading {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-section--lv1-heading {
    margin-left: 1.4375rem;
    margin-right: 1.4375rem;
  }
}
@media all and (min-width: 787px) {
  .top-contents-section--lv1-heading__label {
    flex-shrink: 0;
    display: inline-block;
    vertical-align: top;
    width: 17.6875rem;
    height: 2.875rem;
  }
  .top-contents-section--lv1-heading__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-section--lv1-heading__label {
    display: inline-block;
    vertical-align: top;
    width: 11.8125rem;
    height: 1.9375rem;
  }
  .top-contents-section--lv1-heading__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-contents-section--lv1-heading-sub {
    flex-grow: 1;
    height: 1.5rem;
    margin-left: 2.1875rem;
  }
  .top-contents-section--lv1-heading-sub:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-section--lv1-heading-sub {
    display: block;
    height: 0.71875rem;
    margin-top: 0.90625rem;
  }
  .top-contents-section--lv1-heading-sub:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-contents-section--lv1-heading-sub__label {
    display: inline-block;
    vertical-align: top;
    width: 9rem;
    height: 1.5rem;
  }
  .top-contents-section--lv1-heading-sub__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-section--lv1-heading-sub__label {
    display: inline-block;
    vertical-align: top;
    width: 4.1875rem;
    height: 0.71875rem;
  }
  .top-contents-section--lv1-heading-sub__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-contents-section--lv1-body {
    margin-top: 4.625rem;
  }
  .top-contents-section--lv1-body:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-section--lv1-body {
    margin-top: 2.5rem;
  }
  .top-contents-section--lv1-body:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-slide-body {
    max-width: 66.25rem;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-slide-body {
    max-width: 16.25rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-slide-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-slide-list {
    display: flex;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-slide-list__item {
    width: 33.125rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .top-contents-feature-slide-list__item:nth-child(n+3) {
    margin-top: 4rem;
  }
  .top-contents-feature-slide-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fff;
    text-decoration: none;
  }
  .top-contents-feature-slide-list__item a .top-contents-feature-img__label {
    transition: opacity 0.2s ease-in-out;
  }
  .top-contents-feature-slide-list__item a:hover .top-contents-feature-img__label {
    opacity: 0.6;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-slide-list__item {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .top-contents-feature-slide-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fff;
    text-decoration: none;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-slide-control {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 1.25rem;
  }
  .top-contents-feature-slide-control:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-slide-control {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 1.25rem;
  }
  .top-contents-feature-slide-control:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-slide-btn {
    width: 3.75rem;
    height: 3.75rem;
    padding: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  .top-contents-feature-slide-btn--prev {
    left: 0;
  }
  .top-contents-feature-slide-btn--next {
    right: 0;
  }
  .top-contents-feature-slide-btn:hover, .top-contents-feature-slide-btn:focus {
    opacity: 0.6;
  }
  .top-contents-feature-slide-btn[aria-disabled=true] {
    opacity: 0;
    cursor: default;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-slide-btn {
    width: 3.75rem;
    height: 3.75rem;
    padding: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  .top-contents-feature-slide-btn--prev {
    left: 0;
  }
  .top-contents-feature-slide-btn--next {
    right: 0;
  }
  .top-contents-feature-slide-btn[aria-disabled=true] {
    opacity: 0;
    cursor: default;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-slide-btn__ico {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
  }
  .top-contents-feature-slide-btn--prev .top-contents-feature-slide-btn__ico {
    background: url("https://www.otsuka.co.jp/assets/img/common/ico_slide01_prev.png") no-repeat center center;
    background-size: contain;
  }
  .top-contents-feature-slide-btn--next .top-contents-feature-slide-btn__ico {
    background: url("https://www.otsuka.co.jp/assets/img/common/ico_slide01_next.png") no-repeat center center;
    background-size: contain;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-slide-btn__ico {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
  }
  .top-contents-feature-slide-btn--prev .top-contents-feature-slide-btn__ico {
    background: url("https://www.otsuka.co.jp/assets/img/common/ico_slide01_prev.png") no-repeat center center;
    background-size: contain;
  }
  .top-contents-feature-slide-btn--next .top-contents-feature-slide-btn__ico {
    background: url("https://www.otsuka.co.jp/assets/img/common/ico_slide01_next.png") no-repeat center center;
    background-size: contain;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-container {
    position: relative;
    background: #fff;
    border-radius: 0.625rem;
    overflow: hidden;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-container {
    position: relative;
    background: #fff;
    border-radius: 0.625rem;
    overflow: hidden;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-img {
    text-align: center;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-img {
    text-align: center;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-img__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 28.125rem;
    width: 100%;
    filter: drop-shadow(0 0.625rem 0.9375rem rgba(0, 0, 0, 0.16));
    transform: translate3d(0, 0, 0);
  }
  .top-contents-feature-img__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.625rem;
    background: linear-gradient(to bottom, transparent, #000);
  }
  .top-contents-feature-img__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-img__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 15rem;
    width: 100%;
  }
  .top-contents-feature-img__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.625rem;
    box-shadow: inset 0 -4.375rem 1.875rem rgba(0, 0, 0, 0.5);
  }
  .top-contents-feature-img__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-content__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 34%;
    padding-bottom: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-content__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 130.8333333333%;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-container--01 .top-contents-feature-desc__term {
    height: 2.25rem;
  }
  .top-contents-feature-container--02 .top-contents-feature-desc__term {
    height: 2.25rem;
  }
  .top-contents-feature-container--03 .top-contents-feature-desc__term {
    height: 4.8125rem;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-container--01 .top-contents-feature-desc__term {
    height: 1.46875rem;
  }
  .top-contents-feature-container--02 .top-contents-feature-desc__term {
    height: 1.46875rem;
  }
  .top-contents-feature-container--03 .top-contents-feature-desc__term {
    height: 3.3125rem;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-desc__term__label {
    display: inline-block;
    vertical-align: top;
  }
  .top-contents-feature-container--01 .top-contents-feature-desc__term__label {
    width: 14.625rem;
    height: 2.25rem;
  }
  .top-contents-feature-container--02 .top-contents-feature-desc__term__label {
    width: 17.1875rem;
    height: 2.25rem;
  }
  .top-contents-feature-container--03 .top-contents-feature-desc__term__label {
    width: 19.8125rem;
    height: 4.8125rem;
  }
  .top-contents-feature-desc__term__label img {
    width: 100%;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-desc__term__label {
    display: inline-block;
    vertical-align: top;
  }
  .top-contents-feature-container--01 .top-contents-feature-desc__term__label {
    width: 9.46875rem;
    height: 1.46875rem;
  }
  .top-contents-feature-container--02 .top-contents-feature-desc__term__label {
    width: 11.125rem;
    height: 1.46875rem;
  }
  .top-contents-feature-container--03 .top-contents-feature-desc__term__label {
    width: 12.875rem;
    height: 3.3125rem;
  }
  .top-contents-feature-desc__term__label img {
    width: 100%;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-desc__defin {
    margin-top: 1.75rem;
  }
  .top-contents-feature-desc__defin:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-desc__defin {
    margin-top: 0.75rem;
  }
  .top-contents-feature-desc__defin:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-contents-feature-txt {
    margin-top: 1.5em;
    line-height: 1.5;
    font-size: 1.25rem;
  }
  .top-contents-feature-txt:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-contents-feature-txt {
    margin-top: 1.6666666667em;
    line-height: 1.6666666667;
    font-size: 0.75rem;
  }
  .top-contents-feature-txt:first-child {
    margin-top: 0;
  }
}

/* news */
@media screen and (max-width: 786px) {
  .top-news {
    margin-top: 1.25rem;
  }
  .top-news:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-news-section--lv1__inner {
    display: flex;
    justify-content: flex-start;
  }
}
@media all and (min-width: 787px) {
  .top-news-section--lv1-heading {
    flex-shrink: 0;
    text-align: center;
  }
}
@media all and (min-width: 787px) {
  .top-news-section--lv1-heading__label {
    display: inline-block;
    vertical-align: top;
    width: 15.0625rem;
  }
}
@media all and (min-width: 787px) {
  .top-news-section--lv1-body {
    flex-grow: 1;
  }
}
@media all and (min-width: 787px) {
  .top-news-feature__inner {
    height: 8.875rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
  }
  .top-news-feature__inner:not([data-simplebar]) {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .top-news-feature__inner .simplebar-content-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .top-news-feature__inner .simplebar-content-wrapper::-webkit-scrollbar {
    display: none;
  }
  .top-news-feature__inner .simplebar-track {
    width: 0.625rem;
    background: #f9d0b3;
  }
  .top-news-feature__inner .simplebar-scrollbar {
    width: 0.625rem;
    background: #eb6100;
  }
  .top-news-feature__inner .simplebar-scrollbar::before {
    opacity: 0 !important;
  }
}
@media screen and (max-width: 786px) {
  .top-news-feature__inner {
    height: 15.625rem;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 0.625rem;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
  }
  .top-news-feature__inner:not([data-simplebar]) {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .top-news-feature__inner .simplebar-content-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .top-news-feature__inner .simplebar-content-wrapper::-webkit-scrollbar {
    display: none;
  }
  .top-news-feature__inner .simplebar-track {
    width: 0.625rem;
    background: #f9d0b3;
  }
  .top-news-feature__inner .simplebar-scrollbar {
    width: 0.625rem;
    background: #eb6100;
  }
  .top-news-feature__inner .simplebar-scrollbar::before {
    opacity: 0 !important;
  }
}
@media all and (min-width: 787px) {
  .top-news-feature-list__item {
    margin-top: 0.625rem;
  }
  .top-news-feature-list__item:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-news-feature-list__item {
    margin-top: 0.625rem;
  }
  .top-news-feature-list__item:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-news-feature-desc {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media all and (min-width: 787px) {
  .top-news-feature-desc__term {
    flex-shrink: 0;
    width: 5rem;
    line-height: 1.6666666667;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 786px) {
  .top-news-feature-desc__term {
    line-height: 1.2923076923;
    font-size: 0.8125rem;
  }
}
@media all and (min-width: 787px) {
  .top-news-feature-desc__term__label {
    display: inline-block;
    vertical-align: top;
  }
}
@media screen and (max-width: 786px) {
  .top-news-feature-desc__term__label {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
  }
}
@media all and (min-width: 787px) {
  .top-news-feature-desc__defin {
    flex-grow: 1;
    margin-left: 1.3rem;
  }
  .top-news-feature-desc__defin:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 786px) {
  .top-news-feature-desc__defin {
    margin-top: 0.1875rem;
    padding-left: 0.875rem;
  }
  .top-news-feature-desc__defin:first-child {
    margin-top: 0;
  }
}
@media all and (min-width: 787px) {
  .top-news-feature-txt {
    margin-top: 1.3888888889em;
    line-height: 1.3888888889;
    font-size: 0.9rem;
  }
  .top-news-feature-txt:first-child {
    margin-top: 0;
  }
  .top-news-feature-txt a {
    color: #eb6100;
    text-decoration: underline;
  }
  .top-news-feature-txt a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 786px) {
  .top-news-feature-txt {
    margin-top: 1.2em;
    line-height: 1.2;
    font-size: 0.875rem;
  }
  .top-news-feature-txt:first-child {
    margin-top: 0;
  }
  .top-news-feature-txt a {
    color: #eb6100;
    text-decoration: underline;
  }
}