.header {
  background-color: white;
  position: fixed;
  top: 0;
  z-index: 88;
  left: 0;
  right: 0;
}
.header__inner {
  padding: 2rem 2%;
}

.fixed-sns {
  z-index: 77;
}

.fv .container {
  position: relative;
}

.fv .swiper-arrow,
.fv__items {
  position: unset;
}

.fv__inner {
  padding: 0 0 1rem 0;
  background: unset;
}

.fv__items {
  padding-bottom: 2.5rem;
}

.fv .swiper-button-next {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(-50%);
  background-image: url(../img/ic-arrow-r-w.png);
}

.fv .swiper-button-prev {
  left: 0;
  top: 50%;
  background-image: url(../img/ic-arrow-l-w.png);
  transform: translateY(-50%) translateX(-50%);
}

.fv .swiper-button-next,
.fv .swiper-button-prev {
  background-color: #ef7a00;
  background-size: 30%;
}

.fv .swiper-pagination-bullet {
  background-color: rgba(239, 122, 0, 0.3);
}

.fv .swiper-pagination-bullet-active {
  background-color: #ef7a00;
}

.fv .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 2.4rem;
  --swiper-pagination-bullet-height: 0.4rem;
  --swiper-pagination-bullet-border-radius: 0.2rem;
  --swiper-pagination-bullet-inactive-color: #ef7a00;
  --swiper-pagination-bullet-inactive-opacity: 0.3;
  --swiper-pagination-bullet-active-color: #ef7a00;
}

.fv .swiper-pagination {
  position: relative;
  transform: unset;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.t-product {
  background: url(../img/product-bg.png) no-repeat top center/100% 70%;
}

.t-product__inner {
  background: unset;
}

.t-product__header {
  display: grid;
  grid-template-columns: 1fr;
}

.t-product__title {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}

.t-product__sub-title {
  margin: 0;
  transform: unset;
}

.t-product__lists,
.t-product__link {
  margin: 0;
  max-width: 100%;
}

.t-product__link {
  flex-direction: row;
  max-width: 14rem;
  width: 100%;
  height: 5rem;
  padding: 0;
  gap: 0.8rem;
}

.t-product__link span {
  flex-shrink: 0;
  padding: 0;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: black;
}

.t-product__key {
  display: grid;
  align-items: end;
}

.wrap,
.t-product__link {
  grid-column: 1/-1;
  grid-row: 1/-1;
}

.t-product__title {
  order: -1;
}

.t-product__sub-title {
  background-color: white;
  color: #ef7a00;
}

.wrap {
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5em;
}

.t-product__link {
  justify-self: end;
}

.t-product__lists {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 32rem), 1fr));
  gap: 0.4rem;
}

.t-product__list .item-img img {
  /* position: unset; */
  width: 45%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

.t-product__list {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 34/17;
  border-radius: unset;
  background: linear-gradient(to right, #f9ebdd, #fff 30%);
}

.t-product__list span {
  padding: 2rem 2rem;
  text-align: start;
  font-size: 1.8rem;
  font-weight: 600;
  color: #ef7a00;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 1.8rem;
}
.t-product__list span::after {
  content: "";
  width: 0.5em;
  aspect-ratio: 9/14;
  background-image: url(../img/icon-arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.t-product__list .item-img {
  justify-content: end;
  height: 100%;
  bottom: -2.5rem;
  padding-right: 1rem;
}

.t-product__item span {
  font-weight: 500;
}

.t-product {
  position: relative;
  z-index: 10;
}

.info {
  position: relative;
  padding-bottom: 14.5rem;
  z-index: 9;
  padding-top: 2rem;
}
.info .news__sub-title {
  background: white;
  color: #ef7a00;
  padding: 0 0.2em;
  font-size: 1.4rem;
}
.info > .container:first-child {
  width: 128rem;
  max-width: 92%;
}
.info-img img {
  width: 100%;
}
.info-list {
  display: grid;
  padding-top: 4rem;
  gap: 4rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 49rem), 1fr));
}
.info-item {
  background-color: white;
  padding: 2.8rem;
  border-radius: 2rem;
  display: grid;
  grid-template-rows: subgrid;
  row-gap: 0;
  grid-row: span 3;
}
.info-item__img {
  display: grid;
}
.info-item__ttl {
  font-size: 2.8rem;
  font-weight: 600;
  color: #ef7a00;
  margin-top: -1.5rem;
}
.info-item__btn {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-left: auto;
  margin-top: 1.5rem;
  margin-bottom: -1rem;
  width: -moz-fit-content;
  width: fit-content;
}
.info-item__btn::after {
  content: "";
  width: 1.74em;
  aspect-ratio: 1;
  background-image: url(../img/icon-arrow-right-w.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ef7a00;
  border-radius: 50%;
}
.info-item .comic__img1,
.info-item .comic__img2 {
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 48.5%;
}
.info-item .comic__img1 img,
.info-item .comic__img2 img {
  width: 100%;
}
.info-item .comic__img1 iframe,
.info-item .comic__img2 iframe {
  aspect-ratio: 32/18;
  width: 100%;
  height: auto;
}
.info-item .comic__img1:has(iframe) {
  margin-top: 1rem;
}
.info-item .comic__img1 {
  position: relative;
  margin-top: 4rem;
}
.info-item .comic__img2 {
  justify-self: end;
  margin-top: 1rem;
}
.info::after {
  position: absolute;
  width: 100%;
  height: 150%;
  left: 0;
  bottom: 0;
  content: "";
  z-index: 0;
  background: url(../img/info-bg.png) no-repeat center bottom/100% 100%;
}
.info .container {
  z-index: 2;
  position: relative;
}

.t-info,
.news {
  position: relative;
  z-index: 0;
}
.t-info .container,
.news .container {
  position: relative;
  z-index: 2;
}
.t-info::after,
.news::after {
  position: absolute;
  width: 100%;
  height: 150%;
  left: 0;
  bottom: 0;
  content: "";
  z-index: 0;
  background: var(--url-bg) no-repeat center bottom/100% 100%;
}

.news {
  --url-bg: url(../img/news-bg.png);
  background-color: transparent;
  z-index: 8;
}

.news__menu {
  background-color: #fef5eb;
  row-gap: 0;
  padding-top: 1.5rem;
}

.t-info {
  z-index: 4;
  --url-bg: url(../img/t-info-bg.png);
}
.t-info::after {
  height: 300%;
}

.t-info__inner {
  padding: 7rem 0 11rem 0;
}

.t-info__card {
  padding: 3rem 1rem;
}

.footer__inner {
  padding: 0;
}

.t-client__items {
  max-width: 95rem;
  height:90px;
  margin: 0 auto;
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}

.t-client__item {
  width: 100%;
}

@media (max-width: 768px) {
.t-client__items {
  max-width: 95rem;
  height: auto;
  margin: 0 auto;
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}

.t-client__item {
  width: 100%;	
}
}
.footer-cta {
  padding: 3rem 0;
  background-color: rgba(239, 122, 0, 0.2);
  box-shadow: 0 0 0 100vmax rgba(239, 122, 0, 0.2);
  -webkit-clip-path: inset(0rem -100vmax);
          clip-path: inset(0rem -100vmax);
  border-top: 1px solid #fef5eb;
}

.footer__list a {
  color: #666;
  font-weight: 500;
}

.footer__logo {
  padding: 3.5rem 0;
}
.footer__logo.top {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.footer__nav {
  position: relative;
  background-color: #fef5eb;
  padding: 8rem 0 5rem;
  max-width: 95rem;
  margin: 0 auto;
  width: 100%;
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  border-bottom: unset;
}
.footer__nav::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  box-shadow: 0 0 0 100vmax #fef5eb;
  -webkit-clip-path: inset(-4rem -100vmax 0 -100vmax);
          clip-path: inset(-4rem -100vmax 0 -100vmax);
}
.footer__nav .footer__item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  justify-content: space-between;
}
.footer__nav .footer__item:not(:first-child) {
  color: #ef7a00;
}
.footer__nav .footer__item::after {
  content: "";
  width: 1.74em;
  aspect-ratio: 1;
  background-image: url(../img/icon-arrow-right.png);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  background-color: transparent;
  background-size: 27%;
}
.footer__nav .footer__item:first-child {
  padding-bottom: 0.8rem;
  margin-bottom: 0;
  border-bottom: 1px solid #848381;
}
.footer__nav .footer__item:first-child a {
  color: #000;
}
.footer__nav .footer__item:first-child::after {
  background-color: #ef7a00;
  background-image: url(../img/icon-arrow-right-w.png);
  background-size: auto;
}
.footer__nav .footer__items {
  position: relative;
  z-index: 2;
  row-gap: 1.1rem;
  width: 100%;
}

.footer__copyright {
  letter-spacing: 0.1em;
  color: #111;
}

.main {
  margin-top: 9.03rem;
}

@media (max-width: 768px) {
  .footer__group {
    display: grid;
    grid-column: 1/span 2;
    grid-template-columns: subgrid;
  }
  .fv__inner {
    padding: 2rem 0;
  }
  .info {
    padding-bottom: 10rem;
  }
  .news::after,
  .t-info::after,
  .info::after {
    background-position: 80% bottom;
    background-size: 500% 100%;
  }
  .info-item__ttl {
    font-size: 2.4rem;
  }
  .t-product {
    background-size: cover;
    background-position-x: 79%;
  }
  .t-product__key {
    row-gap: 2rem;
  }
  .fv .swiper-pagination {
    right: 0;
  }
  .fv .swiper-button-next {
    transform: translateY(-50%) translateX(-60%);
  }
  .fv .swiper-button-prev {
    transform: translateY(-50%) translateX(-40%);
  }
  .fv .swiper-button-next, .fv .swiper-button-prev {
    width: 3.5rem;
    height: auto;
    aspect-ratio: 1;
    border-width: 1px;
    background-size: 25%;
  }
  .t-product__link {
    grid-row: 2/2;
    height: 4rem;
    max-width: 13rem;
    justify-self: center;
    justify-content: space-evenly;
  }
}/*# sourceMappingURL=top.css.map */