@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
* {
  font-family: "Noto Sans JP";
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
  color: #010101;
}

img {
  width: 100%;
}

a {
  font-size: 16rem;
  color: rgb(6, 145, 217);
  transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    opacity: 0.7;
  }
}

main {
  background-color: rgb(248, 248, 248);
}

.navigation {
  background-color: #fff;
  width: 100%;
  height: 107rem;
}
.navigation .navigation__inner {
  max-width: 1200rem;
  margin: auto;
  width: 100%;
  display: flex;
  align-items: center;
  height: inherit;
  justify-content: center;
}
.navigation .navigation__inner a {
  width: 263rem;
  box-sizing: border-box;
  font-weight: 600;
  text-align: center;
  height: 61rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation .navigation__inner a:nth-child(1) {
  width: 315rem;
  text-align: left;
  display: flex;
  justify-content: flex-start;
}
.navigation .navigation__inner a:not(:nth-child(1)) {
  position: relative;
}
.navigation .navigation__inner a:not(:nth-child(1))::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 51rem;
  background-color: rgb(6, 145, 217);
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
}
.navigation .navigation__inner a.is-active {
  background-color: rgb(225, 241, 248);
}
.navigation .navigation__inner a.is-active::before {
  display: none;
}

.tab {
  margin: 0 auto;
  margin-top: 20rem;
}
@media screen and (max-width: 768px) {
  .tab {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 0;
  }
}

.tab__menu {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 74rem;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  gap: 10rem;
  border-bottom: none;
  margin-bottom: 20rem;
}
@media screen and (max-width: 768px) {
  .tab__menu {
    flex-wrap: wrap;
    height: auto;
    width: calc(100% - 40rem);
    margin: auto;
    gap: 20rem;
    padding: 50rem 0;
  }
}
.tab__menu a {
  color: #fff !important;
  font-size: 22rem;
  letter-spacing: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  height: inherit;
}
@media screen and (max-width: 768px) {
  .tab__menu a {
    font-size: 15rem;
  }
}

.tab__menu-item {
  list-style: none;
  width: 393rem;
  height: 74rem;
  text-align: center;
  background-color: rgb(165, 208, 230);
  border-radius: 6rem;
  box-shadow: 0 0 10rem rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: opacity 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22rem;
  letter-spacing: 0.75rem;
  font-weight: 600;
  color: #fff;
  max-width: 32%;
}
@media (hover: hover) and (pointer: fine) {
  .tab__menu-item:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .tab__menu-item {
    width: 100%;
    max-width: 100%;
    height: 51rem;
    font-size: 15rem;
  }
}

.tab__menu-item:last-of-type {
  margin-right: 0rem;
}

.tab__menu-item.is-active {
  background-color: rgb(6, 145, 217);
  color: #fff;
  box-sizing: border-box;
  width: 350rem;
  height: 74rem;
}
@media screen and (max-width: 768px) {
  .tab__menu-item.is-active {
    width: 100%;
    height: 51rem;
  }
}

.tab__panel {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .tab__panel {
    display: contents;
  }
}

.tab__panel-box {
  min-height: 400rem;
  border-radius: 10rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box .fv {
    order: -1;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box .fv__inner h1 {
    position: absolute;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box .fv__inner a {
    bottom: 9.4936708861%;
    left: 20rem;
  }
}

.tab__panel-box001 {
  display: none;
}
.tab__panel-box001 .fv {
  width: 100%;
  position: relative;
  height: 607rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .fv {
    height: auto;
    margin-top: 62rem;
    padding-top: 0;
  }
}
.tab__panel-box001 .fv .fv__img {
  height: inherit;
  width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.tab__panel-box001 .fv .fv__product {
  position: absolute;
  height: 115%;
  width: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  /* right: 320rem; */
  right: calc(50% - 780rem);
}
@media screen and (max-width:1400px) {
  .tab__panel-box001 .fv .fv__product {
    height: auto;
    margin-bottom: 0;
    max-width: 594px;
    min-width: 400px;
    right: 70rem;
    /* width: min(calc(100% - (430px + 215rem) - 10rem), calc(100% - (430px + (182.75 / 1440 * 100vw)) - 10rem)); */
    width: calc(100% - (430px + 12.6909722222vw) - 10rem);
  }
}
.tab__panel-box001 .fv .fv__inner {
  top: 45%;
  /* left: 20%; */
  left: calc(50% - 685rem);
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  transform: translateY(-50%);
}
@media screen and (max-width:1400px) {
  .tab__panel-box001 .fv .fv__inner {
    left: min(215rem, 12.6909722222vw);
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .fv .fv__inner {
    display: contents;
  }
}
.tab__panel-box001 .fv .fv__inner h1, .tab__panel-box001 .fv .fv__inner p {
  color: #fff;
  text-shadow: 0 0 10rem rgba(0, 0, 0, 0.7);
}
.tab__panel-box001 .fv .fv__inner h1 {
  font-size: 50rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .fv .fv__inner h1 {
    box-sizing: border-box;
    font-size: 8.7179487179vw;
    left: 4.6153846154%;
    padding-left: 0;
    top: 9.9683544304%;
  }
}
.tab__panel-box001 .fv .fv__inner h1 .num {
  color: #fff;
  font-size: 81rem;
  padding: 0 10rem;
}
.tab__panel-box001 .fv .fv__inner h1 .per {
  color: #fff;
  font-size: 44rem;
  padding: 0 10rem 0 5rem;
}
.tab__panel-box001 .fv .fv__inner h1 .s__text {
  color: #fff;
  font-size: 36rem;
  margin-top: -10rem;
  display: block;
}
.tab__panel-box001 .fv .fv__inner p {
  margin-top: 36rem;
  line-height: 40rem;
}
.tab__panel-box001 .fv .fv__inner a {
  width: 370rem;
  height: 45rem;
  box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.29);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 40rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .fv .fv__inner a {
    width: calc(100% - 40rem);
    margin: auto;
    position: absolute;
  }
}
.tab__panel-box001 .fv .fv__inner a::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-right: 1rem solid #0691D9;
  border-bottom: 1rem solid #0691D9;
  transform: translateY(-50%) rotate(-45deg);
  right: 16rem;
  top: 50%;
}
.tab__panel-box001 .uniqueness {
  padding-top: 106rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness {
    padding-top: 0;
  }
}
.tab__panel-box001 .uniqueness .uniqueness__inner {
  max-width: 1200rem;
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 120rem;
  position: relative;
}
.tab__panel-box001 .uniqueness .uniqueness__inner .title {
  width: 534rem;
}
.tab__panel-box001 .uniqueness .uniqueness__inner .title h2 {
  font-size: 78rem;
  color: rgb(6, 145, 217);
}
.tab__panel-box001 .uniqueness .uniqueness__inner .title .title__ja {
  font-size: 20rem;
  position: relative;
  margin-top: 13rem;
  font-weight: 600;
}
.tab__panel-box001 .uniqueness .uniqueness__inner .title .title__ja::before {
  content: "";
  position: absolute;
  width: 240rem;
  height: 4rem;
  background-color: #0485C8;
  bottom: -10rem;
}
.tab__panel-box001 .uniqueness .uniqueness__inner .title .text {
  margin-top: 40rem;
  font-size: 18rem;
  line-height: 40rem;
}
.tab__panel-box001 .uniqueness .uniqueness__inner .img {
  width: 625rem;
}
.tab__panel-box001 .uniqueness .uniqueness__inner .img h3 {
  color: #0B91D9;
  font-size: 29rem;
}
.tab__panel-box001 .uniqueness .uniqueness__inner .img img {
  width: inherit;
  margin-top: 10rem;
}
.tab__panel-box001 .uniqueness .unique__list {
  display: flex;
  flex-direction: column;
  gap: 75rem;
}
@media screen and (max-width:1099px) {
  .tab__panel-box001 .uniqueness .unique__list {
    gap: 75rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list {
    gap: 44rem;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item {
  position: relative;
  display: grid;
  grid-template-areas: "title title" "text image";
  gap: 30rem 100rem;
  position: relative;
  padding: 50rem 0;
  padding-left: calc(10% + 30rem);
  padding-right: 7%;
}
@media screen and (max-width:1099px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item {
    padding: 50rem;
    gap: 30rem 60rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item {
    grid-template-areas: "title" "text" "image";
    gap: 0;
    padding: 60rem 20rem;
    height: auto;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item::before {
  content: "";
  position: absolute;
  background-image: url("../images/press/uniqueness_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 80%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item::before {
    width: 100%;
    height: 100%;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item .item__left {
  box-sizing: border-box;
  padding: 120rem 0;
  max-width: 1200rem;
  width: 80%;
  position: relative;
  padding-left: 30rem;
  margin-left: 10%;
  display: contents;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item .item__left {
    padding: 60rem 0;
    margin: 0 auto;
    padding-left: 20rem;
    padding-right: 20rem;
    width: 100%;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item .item__left h3 {
  position: relative;
  width: 80%;
  color: #fff;
  font-size: 43rem;
  font-weight: 600;
  grid-area: title;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item .item__left h3 {
    width: 100%;
    font-size: 23rem;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item .item__left h4 {
  color: #fff;
  width: 667rem;
  font-size: 26rem;
  font-weight: 600;
  margin-top: 45rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item .item__left h4 {
    width: 100%;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item .item__left p {
  grid-area: text;
  position: relative;
  color: #fff;
  font-size: 18rem;
  font-weight: 500;
  line-height: 40rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item .item__left p {
    width: 100%;
    font-size: 15rem;
    line-height: 30rem;
    margin-top: 30rem;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item .item__right {
  width: 100%;
  position: relative;
  max-width: 750rem;
  grid-area: image;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item .item__right {
    max-width: none;
    height: auto;
    margin-top: 60rem;
  }
}
.tab__panel-box001 .uniqueness .unique__list .unique__item .item__right img {
  width: 85%;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .uniqueness .unique__list .unique__item .item__right img {
    width: 100%;
  }
}
.tab__panel-box001 .uniqueness .unique__list:nth-child(3) .item__right img {
  width: 100%;
}
.tab__panel-box001 .uniqueness .unique__list:nth-child(5) .item__right {
  bottom: -260rem;
}
.tab__panel-box001 .uniqueness .unique__list:nth-child(5) .item__right img {
  width: 100%;
}
.tab__panel-box001 .uniqueness .unique__list:nth-child(7) .item__right {
  bottom: -260rem;
}
.tab__panel-box001 .uniqueness .unique__list:nth-child(7) .item__right img {
  width: 100%;
}
.tab__panel-box001 .intro {
  width: 100%;
  margin-top: 150rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro {
    margin-top: 150rem;
  }
}
.tab__panel-box001 .intro .intro__inner {
  padding: 100rem 0 200rem;
  max-width: 800rem;
  margin: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner {
    width: calc(100% - 40rem);
    margin: auto;
    padding-top: 40rem;
    padding-bottom: 100rem;
  }
}
.tab__panel-box001 .intro .intro__inner p {
  text-align: center;
  font-size: 18rem;
  font-weight: 600;
  position: relative;
}
.tab__panel-box001 .intro .intro__inner p::before {
  content: "";
  position: absolute;
  width: 149rem;
  height: 2rem;
  background-color: rgb(11, 145, 217);
  left: 50%;
  transform: translateX(-50%);
  bottom: -20rem;
}
.tab__panel-box001 .intro .intro__inner .title__container {
  position: absolute;
  width: 620rem;
  height: 83rem;
  top: -40rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner .title__container {
    width: 100%;
    height: 48rem;
    top: -25rem;
  }
}
.tab__panel-box001 .intro .intro__inner .title {
  position: relative;
  width: 620rem;
  height: 83rem;
  background-color: #0691D9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 24rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner .title {
    width: calc(100% - 100rem);
    margin: auto;
    font-size: 18rem;
    height: 49rem;
  }
}
.tab__panel-box001 .intro .intro__inner .title::before {
  content: "";
  position: absolute;
  width: 11rem;
  height: 11rem;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  right: 25rem;
  top: 50%;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner .title::before {
    display: none;
  }
}
.tab__panel-box001 .intro .intro__inner .intro__list {
  display: flex;
  justify-content: space-between;
  margin-top: 63rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner .intro__list {
    flex-direction: column;
    gap: 40rem;
  }
}
.tab__panel-box001 .intro .intro__inner .intro__list .intro__item {
  width: 372rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner .intro__list .intro__item {
    width: 100%;
  }
}
.tab__panel-box001 .intro .intro__inner .intro__list .intro__item:nth-child(2) a .img__bg img {
  width: 307rem;
}
.tab__panel-box001 .intro .intro__inner .intro__list .intro__item a {
  display: block;
  width: inherit;
}
.tab__panel-box001 .intro .intro__inner .intro__list .intro__item a .img__bg {
  background-color: rgba(14, 90, 155, 0.05);
  width: 372rem;
  height: 251rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner .intro__list .intro__item a .img__bg {
    width: 100%;
  }
}
.tab__panel-box001 .intro .intro__inner .intro__list .intro__item a .img__bg img {
  width: 276rem;
  padding-top: 30rem;
}
.tab__panel-box001 .intro .intro__inner .intro__list .intro__item a span {
  width: 227rem;
  height: 45rem;
  border-radius: 27rem;
  background-color: #0B91D9;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 24rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box001 .intro .intro__inner .intro__list .intro__item a span {
    font-weight: 600;
  }
}
.tab__panel-box001 .intro .intro__inner .intro__list .intro__item a span::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  right: 25rem;
  top: 50%;
}

.tab__panel-box002 {
  display: none;
}
.tab__panel-box002 .fv {
  width: 100%;
  position: relative;
  height: 607rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .fv {
    height: auto;
    margin-top: 62rem;
    padding-top: 0;
  }
}
.tab__panel-box002 .fv .fv__img {
  height: inherit;
  width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.tab__panel-box002 .fv .fv__product {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 50rem;
}
.tab__panel-box002 .fv .fv__product {
  position: absolute;
  height: 93%;
  width: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  right: calc(50% - 723rem);
  transform: translateY(4%);
}
@media screen and (max-width: 1440px) {
  .tab__panel-box002 .fv .fv__product {
    height: auto;
    margin-bottom: 0;
    max-width: 586px;
    min-width: 400px;
    right: 10rem;
    width: min(100% - (345px + 215rem) - 10rem, 100% - (345px + 12.6909722222vw) - 10rem);
  }
}
.tab__panel-box002 .fv .fv__inner {
  top: 45%;
  left: calc(50% - 685rem);
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  transform: translateY(-50%);
}
@media screen and (max-width:1400px) {
  .tab__panel-box002 .fv .fv__inner {
    left: min(215rem, 12.6909722222vw);
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .fv .fv__inner {
    display: contents;
  }
}
.tab__panel-box002 .fv .fv__inner h1, .tab__panel-box002 .fv .fv__inner p {
  color: #fff;
  text-shadow: 0 0 10rem rgba(0, 0, 0, 0.7);
}
.tab__panel-box002 .fv .fv__inner h1 {
  font-weight: 600;
  font-size: 50rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .fv .fv__inner h1 {
    box-sizing: border-box;
    font-size: 8.7179487179vw;
    left: 8.4615384615%;
    padding-left: 0;
    top: 10.7594936709%;
  }
}
.tab__panel-box002 .fv .fv__inner h1 .text1 {
  font-size: 45rem;
  font-weight: 600;
  color: #fff;
}
.tab__panel-box002 .fv .fv__inner h1 .text1:nth-child(1) {
  display: block;
  margin-bottom: -130rem;
}
.tab__panel-box002 .fv .fv__inner h1 .text2 {
  display: block;
  font-size: 39rem;
  font-weight: 600;
  color: #fff;
}
.tab__panel-box002 .fv .fv__inner p {
  margin-top: 36rem;
  line-height: 40rem;
}
.tab__panel-box002 .fv .fv__inner a {
  width: 370rem;
  height: 45rem;
  box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.29);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 40rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .fv .fv__inner a {
    width: calc(100% - 40rem);
    margin: auto;
    position: absolute;
  }
}
.tab__panel-box002 .fv .fv__inner a::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-right: 1rem solid #0691D9;
  border-bottom: 1rem solid #0691D9;
  transform: translateY(-50%) rotate(-45deg);
  right: 16rem;
  top: 50%;
}
.tab__panel-box002 .uniqueness {
  padding-top: 106rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness {
    padding-top: 0;
  }
}
.tab__panel-box002 .uniqueness .uniqueness__inner {
  max-width: 1420rem;
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 120rem;
  position: relative;
}
.tab__panel-box002 .uniqueness .uniqueness__inner .title {
  width: 534rem;
}
.tab__panel-box002 .uniqueness .uniqueness__inner .title h2 {
  font-size: 78rem;
  color: rgb(6, 145, 217);
}
.tab__panel-box002 .uniqueness .uniqueness__inner .title .title__ja {
  font-size: 20rem;
  position: relative;
  margin-top: 13rem;
  font-weight: 600;
}
.tab__panel-box002 .uniqueness .uniqueness__inner .title .title__ja::before {
  content: "";
  position: absolute;
  width: 240rem;
  height: 4rem;
  background-color: #0485C8;
  bottom: -10rem;
}
.tab__panel-box002 .uniqueness .uniqueness__inner .title .text {
  margin-top: 40rem;
  font-size: 18rem;
  line-height: 40rem;
}
.tab__panel-box002 .uniqueness .uniqueness__inner .img {
  width: 675rem;
}
.tab__panel-box002 .uniqueness .uniqueness__inner .img h3 {
  color: #0B91D9;
  font-size: 29rem;
}
.tab__panel-box002 .uniqueness .uniqueness__inner .img img {
  width: inherit;
  margin-top: 10rem;
}
.tab__panel-box002 .uniqueness .unique__list {
  display: flex;
  flex-direction: column;
  gap: 75rem;
}
@media screen and (max-width:1099px) {
  .tab__panel-box002 .uniqueness .unique__list {
    gap: 75rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list {
    gap: 44rem;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item {
  position: relative;
  display: grid;
  grid-template-areas: "title title" "text image";
  gap: 30rem 100rem;
  padding: 50rem 0;
  padding-left: calc(10% + 30rem);
  padding-right: 7%;
}
@media screen and (max-width:1099px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item {
    padding: 50rem;
    gap: 30rem 60rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item {
    grid-template-areas: "title" "text" "image";
    gap: 0;
    padding: 60rem 20rem;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item::before {
  content: "";
  position: absolute;
  background-image: url("../images/press/uniqueness_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 80%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item::before {
    width: 100%;
    height: 100%;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item .item__left {
  box-sizing: border-box;
  padding: 120rem 0;
  max-width: 1200rem;
  width: 80%;
  position: relative;
  padding-left: 30rem;
  margin-left: 10%;
  display: contents;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item .item__left {
    margin: 0 auto;
    padding-left: 20rem;
    padding-right: 20rem;
    padding-top: 60rem;
    padding-bottom: 60rem;
    width: 100%;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item .item__left h3 {
  position: relative;
  width: 80%;
  color: #fff;
  font-size: 43rem;
  font-weight: 600;
  grid-area: title;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item .item__left h3 {
    width: 100%;
    font-size: 23rem;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item .item__left h4 {
  color: #fff;
  width: 667rem;
  font-size: 26rem;
  font-weight: 600;
  margin-top: 45rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item .item__left h4 {
    width: 100%;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item .item__left p {
  grid-area: text;
  position: relative;
  color: #fff;
  font-size: 18rem;
  font-weight: 500;
  line-height: 40rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item .item__left p {
    width: 100%;
    font-size: 15rem;
    line-height: 30rem;
    margin-top: 30rem;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item .item__right {
  width: 100%;
  max-width: 750rem;
  position: relative;
  grid-area: image;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item .item__right {
    max-width: none;
    height: auto;
    margin-top: 60rem;
  }
}
.tab__panel-box002 .uniqueness .unique__list .unique__item .item__right img {
  width: 85%;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .uniqueness .unique__list .unique__item .item__right img {
    width: 100%;
  }
}
.tab__panel-box002 .intro {
  width: 100%;
  margin-top: 150rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro {
    margin-top: 150rem;
  }
}
.tab__panel-box002 .intro .intro__inner {
  padding: 100rem 0 200rem;
  max-width: 800rem;
  margin: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner {
    width: calc(100% - 40rem);
    margin: auto;
    padding-top: 40rem;
    padding-bottom: 100rem;
  }
}
.tab__panel-box002 .intro .intro__inner p {
  text-align: center;
  font-size: 18rem;
  font-weight: 600;
  position: relative;
}
.tab__panel-box002 .intro .intro__inner p::before {
  content: "";
  position: absolute;
  width: 149rem;
  height: 2rem;
  background-color: rgb(11, 145, 217);
  left: 50%;
  transform: translateX(-50%);
  bottom: -20rem;
}
.tab__panel-box002 .intro .intro__inner .title__container {
  position: absolute;
  width: 620rem;
  height: 83rem;
  top: -40rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner .title__container {
    width: 100%;
    height: 48rem;
    top: -25rem;
  }
}
.tab__panel-box002 .intro .intro__inner .title {
  position: relative;
  width: 620rem;
  height: 83rem;
  background-color: #0691D9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 24rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner .title {
    width: calc(100% - 100rem);
    margin: auto;
    font-size: 18rem;
    height: 49rem;
  }
}
.tab__panel-box002 .intro .intro__inner .title::before {
  content: "";
  position: absolute;
  width: 11rem;
  height: 11rem;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  right: 25rem;
  top: 50%;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner .title::before {
    display: none;
  }
}
.tab__panel-box002 .intro .intro__inner .intro__list {
  display: flex;
  justify-content: space-between;
  margin-top: 63rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner .intro__list {
    flex-direction: column;
    gap: 40rem;
  }
}
.tab__panel-box002 .intro .intro__inner .intro__list .intro__item {
  width: 372rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner .intro__list .intro__item {
    width: 100%;
  }
}
.tab__panel-box002 .intro .intro__inner .intro__list .intro__item:nth-child(2) a .img__bg img {
  width: 307rem;
}
.tab__panel-box002 .intro .intro__inner .intro__list .intro__item a {
  display: block;
  width: inherit;
}
.tab__panel-box002 .intro .intro__inner .intro__list .intro__item a .img__bg {
  background-color: rgba(14, 90, 155, 0.05);
  width: 372rem;
  height: 251rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner .intro__list .intro__item a .img__bg {
    width: 100%;
  }
}
.tab__panel-box002 .intro .intro__inner .intro__list .intro__item a .img__bg img {
  width: 276rem;
}
.tab__panel-box002 .intro .intro__inner .intro__list .intro__item a span {
  width: 227rem;
  height: 45rem;
  border-radius: 27rem;
  background-color: #0B91D9;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 24rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box002 .intro .intro__inner .intro__list .intro__item a span {
    font-weight: 600;
  }
}
.tab__panel-box002 .intro .intro__inner .intro__list .intro__item a span::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  right: 25rem;
  top: 50%;
}

.tab__panel-box003 {
  display: none;
}
.tab__panel-box003 .fv {
  width: 100%;
  position: relative;
  height: 607rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .fv {
    height: auto;
    margin-top: 62rem;
    padding-top: 0;
  }
}
.tab__panel-box003 .fv .fv__img {
  height: inherit;
  width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.tab__panel-box003 .fv .fv__product {
  position: absolute;
  height: 78%;
  width: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  right: calc(50% - 817rem);
}
@media screen and (max-width: 1440px) {
  .tab__panel-box003 .fv .fv__product {
    height: auto;
    right: 10rem;
    min-width: 550px;
    width: min(100% - (470px + 215rem) - 10rem, 100% - (470px + 12.6909722222vw) - 10rem);
  }
}
.tab__panel-box003 .fv .fv__inner {
  top: 45%;
  left: calc(50% - 685rem);
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  transform: translateY(-50%);
}
@media screen and (max-width: 1440px) and (min-width: 769px) {
  .tab__panel-box003 .fv .fv__inner {
    left: min(215rem, 12.6909722222vw);
    max-width: min(100% - 322rem, 100% - 19.0364583333vw);
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .fv .fv__inner {
    display: contents;
  }
}
.tab__panel-box003 .fv .fv__inner h1, .tab__panel-box003 .fv .fv__inner p {
  color: #fff;
  text-shadow: 0 0 10rem rgba(0, 0, 0, 0.7);
}
.tab__panel-box003 .fv .fv__inner h1 {
  font-size: 50rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .fv .fv__inner h1 {
    box-sizing: border-box;
    font-size: 7.9487179487vw;
    left: 4.358974359%;
    padding-left: 0;
    top: 13.6075949367%;
  }
}
.tab__panel-box003 .fv .fv__inner h1 .num {
  color: #fff;
  font-size: 81rem;
  padding: 0 10rem;
}
.tab__panel-box003 .fv .fv__inner h1 .per {
  color: #fff;
  font-size: 44rem;
  padding: 0 10rem 0 5rem;
}
.tab__panel-box003 .fv .fv__inner h1 .s__text {
  color: #fff;
  font-size: 36rem;
  margin-top: -10rem;
}
.tab__panel-box003 .fv .fv__inner p {
  margin-top: 36rem;
  line-height: 40rem;
}
.tab__panel-box003 .fv .fv__inner a {
  width: 370rem;
  height: 45rem;
  box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.29);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 40rem;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .fv .fv__inner a {
    width: calc(100% - 40rem);
    margin: auto;
    position: absolute;
  }
}
@media (hover: hover) and (pointer: fine) {
  .tab__panel-box003 .fv .fv__inner a:hover {
    opacity: 0.7;
  }
}
.tab__panel-box003 .fv .fv__inner a::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-right: 1rem solid #0691D9;
  border-bottom: 1rem solid #0691D9;
  transform: translateY(-50%) rotate(-45deg);
  right: 16rem;
  top: 50%;
}
.tab__panel-box003 .uniqueness {
  padding-top: 106rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness {
    padding-top: 0;
  }
}
.tab__panel-box003 .uniqueness .uniqueness__inner {
  max-width: 1420rem;
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 120rem;
  position: relative;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .uniqueness__right {
  width: 700rem;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .uniqueness__right h3 {
  font-size: 29rem;
  color: #0B91D9;
  font-weight: 600;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .uniqueness__right p {
  margin-top: 42rem;
  font-size: 18rem;
  font-weight: 500;
  line-height: 40rem;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .title {
  width: 534rem;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .title h2 {
  font-size: 78rem;
  color: rgb(6, 145, 217);
}
.tab__panel-box003 .uniqueness .uniqueness__inner .title .title__ja {
  font-size: 20rem;
  position: relative;
  margin-top: 13rem;
  font-weight: 600;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .title .title__ja::before {
  content: "";
  position: absolute;
  width: 240rem;
  height: 4rem;
  background-color: #0485C8;
  bottom: -20rem;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .title .text {
  margin-top: 40rem;
  font-size: 18rem;
  line-height: 40rem;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .img {
  width: 735rem;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .img h3 {
  color: #0B91D9;
  font-size: 29rem;
}
.tab__panel-box003 .uniqueness .uniqueness__inner .img img {
  width: inherit;
  margin-top: 10rem;
}
.tab__panel-box003 .uniqueness .unique__list {
  display: flex;
  flex-direction: column;
  gap: 75rem;
}
@media screen and (max-width:1099px) {
  .tab__panel-box003 .uniqueness .unique__list {
    gap: 75rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list {
    gap: 44rem;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item {
  position: relative;
  display: grid;
  grid-template-areas: "title title" "text image";
  gap: 30rem 100rem;
  padding: 50rem 0;
  padding-left: calc(10% + 30rem);
  padding-right: 7%;
}
@media screen and (max-width:1099px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item {
    padding: 50rem;
    gap: 30rem 60rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item {
    grid-template-areas: "title" "text" "image";
    gap: 0;
    padding: 60rem 20rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(1), .tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(3) {
    height: 100%;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(1)::before, .tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(3)::before {
  content: "";
  position: absolute;
  background-image: url("../images/press/uniqueness_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 80%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(1)::before, .tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(3)::before {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(2) {
    height: 100%;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(2)::before {
  content: "";
  position: absolute;
  background-image: url("../images/press/uniqueness_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 80%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item:nth-child(2)::before {
    width: 100%;
    height: 100%;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item .item__left {
  box-sizing: border-box;
  padding: 120rem 0;
  max-width: 1200rem;
  width: 80%;
  position: relative;
  padding-left: 30rem;
  margin-left: 10%;
  display: contents;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item .item__left {
    margin: 0 auto;
    padding-left: 20rem;
    padding-right: 20rem;
    padding-top: 60rem;
    padding-bottom: 60rem;
    width: 100%;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item .item__left h3 {
  position: relative;
  width: 80%;
  color: #fff;
  font-size: 43rem;
  font-weight: 600;
  grid-area: title;
}
.tab__panel-box003 .uniqueness .unique__list .unique__item .item__left h3 span {
  font-size: 31rem;
  color: #fff;
  display: block;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item .item__left h3 span {
    font-size: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item .item__left h3 {
    width: 100%;
    font-size: 23rem;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item .item__left h4 {
  color: #fff;
  width: 667rem;
  font-size: 26rem;
  font-weight: 600;
  margin-top: 45rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item .item__left h4 {
    width: 100%;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item .item__left p {
  grid-area: text;
  position: relative;
  color: #fff;
  font-size: 18rem;
  font-weight: 500;
  line-height: 40rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item .item__left p {
    width: 100%;
    font-size: 15rem;
    line-height: 30rem;
    margin-top: 30rem;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item .item__right {
  width: 100%;
  max-width: 750rem;
  grid-area: image;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item .item__right {
    max-width: none;
    margin-top: 60rem;
    height: auto;
  }
}
.tab__panel-box003 .uniqueness .unique__list .unique__item .item__right img {
  width: 85%;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .uniqueness .unique__list .unique__item .item__right img {
    width: 100%;
  }
}
.tab__panel-box003 .intro {
  width: 100%;
  margin-top: 150rem;
  background-color: #fff;
}
@media screen and (max-width:1099px) {
  .tab__panel-box003 .intro {
    margin-top: 150rem;
  }
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro {
    margin-top: 150rem;
  }
}
.tab__panel-box003 .intro .intro__inner {
  padding: 100rem 0 200rem;
  max-width: 800rem;
  margin: auto;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner {
    width: calc(100% - 40rem);
    margin: auto;
    padding-top: 40rem;
    padding-bottom: 100rem;
  }
}
.tab__panel-box003 .intro .intro__inner p {
  text-align: center;
  font-size: 18rem;
  font-weight: 600;
  position: relative;
}
.tab__panel-box003 .intro .intro__inner p::before {
  content: "";
  position: absolute;
  width: 149rem;
  height: 2rem;
  background-color: rgb(11, 145, 217);
  left: 50%;
  transform: translateX(-50%);
  bottom: -20rem;
}
.tab__panel-box003 .intro .intro__inner .title__container {
  position: absolute;
  width: 620rem;
  height: 83rem;
  top: -40rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner .title__container {
    background: none;
    width: calc(100% - 100rem);
    height: 48rem;
    top: -25rem;
  }
}
.tab__panel-box003 .intro .intro__inner .title {
  position: relative;
  width: 620rem;
  height: 83rem;
  background-color: #0691D9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 24rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner .title {
    width: 100%;
    margin: auto;
    font-size: 18rem;
    height: 49rem;
  }
}
.tab__panel-box003 .intro .intro__inner .title::before {
  content: "";
  position: absolute;
  width: 11rem;
  height: 11rem;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  right: 25rem;
  top: 50%;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner .title::before {
    display: none;
  }
}
.tab__panel-box003 .intro .intro__inner .intro__list {
  display: flex;
  justify-content: space-between;
  margin-top: 63rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner .intro__list {
    flex-direction: column;
    gap: 40rem;
  }
}
.tab__panel-box003 .intro .intro__inner .intro__list .intro__item {
  width: 372rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner .intro__list .intro__item {
    width: 100%;
  }
}
.tab__panel-box003 .intro .intro__inner .intro__list .intro__item:nth-child(2) a .img__bg img {
  width: 276rem;
  padding-top: 30rem;
}
.tab__panel-box003 .intro .intro__inner .intro__list .intro__item a {
  display: block;
  width: inherit;
}
.tab__panel-box003 .intro .intro__inner .intro__list .intro__item a .img__bg {
  background-color: rgba(14, 90, 155, 0.05);
  width: 372rem;
  height: 251rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner .intro__list .intro__item a .img__bg {
    width: 100%;
  }
}
.tab__panel-box003 .intro .intro__inner .intro__list .intro__item a .img__bg img {
  width: 276rem;
}
.tab__panel-box003 .intro .intro__inner .intro__list .intro__item a span {
  width: 227rem;
  height: 45rem;
  border-radius: 27rem;
  background-color: #0B91D9;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 24rem;
}
@media screen and (max-width: 768px) {
  .tab__panel-box003 .intro .intro__inner .intro__list .intro__item a span {
    font-weight: 600;
  }
}
.tab__panel-box003 .intro .intro__inner .intro__list .intro__item a span::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6rem;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  transform: translateY(-50%) rotate(-45deg);
  right: 25rem;
  top: 50%;
}

.tab__panel-box.is-show {
  display: block;
}
@media screen and (max-width: 768px) {
  .tab__panel-box.is-show {
    display: contents;
  }
}

.left__inner {
  display: contents;
}
/*# sourceMappingURL=product-press.css.map */