/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2026/03/06
    update : 2026/03/24

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.gressive_07.bg05 {
  background: linear-gradient(#000153, #004ffc);
  color: #FFF;
}

.gressive_01.pc.full,
.gressive_01.sp.full {
  height: auto;
}

.gressive_04.gap10 img:nth-of-type(n+2) {
  margin-top: 10px;
}

/* 2026-03-24 add */
@media (min-width: 1025px) {
  .pcHide {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .spHide {
    display: none !important;
  }
}
.articles-padding:has(.ja0059) {
  padding-block-end: 0;
}

.ja0059 {
  --colorDeepblue: #222062;
  font-family: "Noto Serif JP", serif;
  line-height: 1.75;
  letter-spacing: 0;
}
.ja0059 .mainvisual {
  position: relative;
  color: #ffffff;
  z-index: 0;
}
.ja0059 .mainvisual::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
  background: no-repeat 50%/cover;
}
.ja0059 .mainvisual .title {
  margin: 0;
  font-weight: 500;
}
.ja0059 .mainvisual .title .sub {
  display: block;
}
.ja0059 .mainvisual .lead {
  margin-block: 24px 0;
  font-size: 1rem;
  line-height: 2;
}
@media (min-width: 1025px) {
  .ja0059 .mainvisual {
    margin-inline: auto;
    padding-block: min(80px, 6.6666666667vw);
    padding-inline-start: 760px;
    width: 1200px;
  }
  .ja0059 .mainvisual::before {
    margin-inline: calc(50% - 50vw);
    background-image: url(/ja/orientstar/articles/lp/detail/JA-0059/img/bg_mainvisual.webp);
  }
  .ja0059 .mainvisual .title {
    font-size: 3rem;
  }
  .ja0059 .mainvisual .title .sub {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1200px) {
  .ja0059 .mainvisual::before {
    margin-inline: 0;
  }
}
@media screen and (max-width: 1024px) {
  .ja0059 .mainvisual {
    padding-block: 111.5384615385vw 24px;
    padding-inline: 24px;
  }
  .ja0059 .mainvisual::before {
    background-image: url(/ja/orientstar/articles/lp/detail/JA-0059/img/bg_mainvisual_sp.webp);
  }
  .ja0059 .mainvisual .title {
    font-size: min(2.25rem, 9.2307692308vw);
    line-height: 1.25;
  }
  .ja0059 .mainvisual .title .sub {
    font-size: min(1.25rem, 5.1282051282vw);
    line-height: 1.75;
  }
  .ja0059 .mainvisual .lead {
    font-size: min(1rem, 4.1025641026vw);
  }
}
.ja0059 .about > .heading {
  margin-block: 0;
  text-align: center;
  font-weight: 500;
}
.ja0059 .about > .heading .sub {
  display: inline-block;
}
.ja0059 .about .media img {
  display: block;
  width: 100%;
  height: auto;
}
.ja0059 .about .text {
  margin-block: 1lh 0;
  line-height: 2;
  font-weight: 500;
}
.ja0059 .about > .heading + .text {
  margin-block-start: 24px;
}
@media (min-width: 1025px) {
  .ja0059 .about {
    margin-block-start: 80px;
    margin-inline: auto;
    width: 1200px;
  }
  .ja0059 .about > .heading {
    font-size: 2rem;
  }
  .ja0059 .about > .heading .sub {
    font-size: 1.125rem;
  }
  .ja0059 .about .text {
    font-size: 1rem;
  }
  .ja0059 .about .media {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 24px 32px;
    margin-block: 40px 0;
    align-items: start;
  }
  .ja0059 .about .media .image01 {
    grid-column: 1;
    grid-row: 1/3;
  }
  .ja0059 .about .media .image02 {
    grid-column: 2;
    grid-row: 1;
  }
  .ja0059 .about .media .text {
    grid-column: 2;
    grid-row: 2;
    margin-block: 0;
  }
}
@media screen and (max-width: 1024px) {
  .ja0059 .about {
    margin-block-start: 40px;
    margin-inline: 24px;
  }
  .ja0059 .about > .heading {
    font-size: min(1.75rem, 7.1794871795vw);
  }
  .ja0059 .about > .heading .sub {
    font-size: min(1.125rem, 4.6153846154vw);
  }
  .ja0059 .about .text {
    font-size: min(1rem, 4.1025641026vw);
  }
  .ja0059 .about .media {
    margin-block: 40px 0;
  }
  .ja0059 .about .media .image02 {
    margin-block: 32px 0;
  }
  .ja0059 .about .media .text {
    margin-block: 24px 0;
    font-size: min(1rem, 4.1025641026vw);
  }
}
.ja0059 .history .list {
  position: relative;
}
.ja0059 .history .list::before {
  position: absolute;
  top: 0;
  border-left: 3px solid var(--colorDeepblue);
  content: "";
  z-index: -1;
}
.ja0059 .history .list::after {
  position: absolute;
  content: "";
  display: block;
  border: solid var(--colorDeepblue);
  border-color: var(--colorDeepblue) transparent transparent;
  border-width: 15px 9px 0;
  width: 0;
  line-height: 1;
  content: "";
  z-index: -1;
  transform: translateX(-50%);
}
.ja0059 .history .list .year {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 16px;
  color: var(--colorDeepblue);
}
.ja0059 .history .list .year::after {
  --size: 24px;
  background: var(--colorDeepblue);
  border: 4px solid #ffffff;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  content: "";
}
.ja0059 .history .list .image img {
  display: block;
}
.ja0059 .history .list .name {
  display: block;
  font-weight: 500;
  color: var(--colorDeepblue);
}
.ja0059 .history .list .desc {
  margin-block: 10px 0;
}
.ja0059 .history .list > .item {
  position: relative;
}
@media (min-width: 1025px) {
  .ja0059 .history {
    margin-block-start: 80px;
    margin-inline: auto;
    width: 970px;
  }
  .ja0059 .history .list {
    display: grid;
    grid-template-columns: auto auto 1fr;
    padding-inline-end: 32px;
  }
  .ja0059 .history .list::before {
    left: 104px;
    bottom: -60px;
    transform: translateX(-50%);
  }
  .ja0059 .history .list::after {
    left: 103px;
    bottom: -66px;
  }
  .ja0059 .history .list .year {
    grid-column: 1;
    grid-row: 1/3;
    font-size: 2rem;
  }
  .ja0059 .history .list .year::after {
    margin-inline-start: auto;
  }
  .ja0059 .history .list .image {
    grid-column: 2;
    grid-row: 1/3;
    margin-inline: 48px 24px;
  }
  .ja0059 .history .list .name {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    font-size: 1.25rem;
  }
  .ja0059 .history .list .desc {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
  }
  .ja0059 .history .list > .item {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/4;
    align-items: center;
  }
  .ja0059 .history .list > .item:first-of-type::before {
    position: absolute;
    top: 0;
    left: 96px;
    bottom: 50%;
    width: 1em;
    background: #ffffff;
    content: "";
    z-index: -1;
  }
  .ja0059 .history .list > .item:nth-of-type(n+2) {
    margin-block-start: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .ja0059 .history {
    margin-block-start: 40px;
    padding-inline: 24px;
  }
  .ja0059 .history .list {
    list-style-type: none;
  }
  .ja0059 .history .list::before {
    top: 25px;
    left: 10px;
    bottom: -30px;
  }
  .ja0059 .history .list::after {
    left: 12px;
    bottom: -34px;
  }
  .ja0059 .history .list .year {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-inline-start: -32px;
    font-size: min(2rem, 8.2051282051vw);
  }
  .ja0059 .history .list .year::before {
    margin-inline-end: auto;
  }
  .ja0059 .history .list .image {
    margin-block: 0;
  }
  .ja0059 .history .list .image img {
    margin-inline: auto;
  }
  .ja0059 .history .list .name {
    margin-block: 24px 0;
    font-size: min(1.25rem, 5.1282051282vw);
  }
  .ja0059 .history .list .desc {
    font-size: min(0.875rem, 3.5897435897vw);
  }
  .ja0059 .history .list > .item {
    padding-inline-start: 32px;
  }
  .ja0059 .history .list > .item:nth-of-type(n+2) {
    margin-block-start: 25px;
  }
}
.ja0059 .product {
  position: relative;
  color: #ffffff;
}
.ja0059 .product::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
  background: no-repeat 50%/cover;
}
.ja0059 .product .intro {
  position: relative;
  z-index: 0;
}
.ja0059 .product .intro .image {
  position: absolute;
  z-index: -1;
}
.ja0059 .product .intro > .heading {
  margin-block: 0;
  font-weight: 500;
}
.ja0059 .product .intro .name {
  margin-block: 32px 0;
  font-weight: 500;
  line-height: 2;
}
.ja0059 .product .intro .desc {
  margin-block: 32px 0;
}
.ja0059 .product .intro .note {
  margin-block: 32px 0;
  padding: 24px;
  background: rgba(0, 0, 0, 0.7);
  line-height: 2;
  font-weight: 500;
}
.ja0059 .product .mediaList {
  position: relative;
  line-height: 2;
  z-index: 10;
}
.ja0059 .product .mediaList .image img {
  display: block;
  width: 100%;
  height: auto;
}
.ja0059 .product .mediaList .text {
  margin-block: 16px 0;
  font-weight: 400;
}
.ja0059 .product .button {
  text-align: center;
}
.ja0059 .product .button a {
  display: inline flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background: #ffffff;
  font-weight: 700;
  text-decoration: none;
}
@media (min-width: 1025px) {
  .ja0059 .product {
    margin-block-start: 80px;
    margin-inline: auto;
    padding-block: 132px 77px;
    width: 1200px;
  }
  .ja0059 .product::before {
    margin-inline: calc(50% - 50vw);
    background-image: url(/ja/orientstar/articles/lp/detail/JA-0059/img/bg_product.webp);
  }
  .ja0059 .product .intro {
    padding-inline-start: 640px;
  }
  .ja0059 .product .intro .image {
    top: -109px;
    left: 39px;
  }
  .ja0059 .product .intro > .heading {
    font-size: 1.5rem;
  }
  .ja0059 .product .intro .name {
    font-size: 1.5rem;
  }
  .ja0059 .product .mediaList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-block: 48px 0;
    font-size: 1rem;
  }
  .ja0059 .product .button {
    margin-block: 48px 0;
  }
  .ja0059 .product .button a {
    width: 424px;
    height: 59px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1200px) {
  .ja0059 .product::before {
    margin-inline: 0;
  }
}
@media (any-hover: hover) {
  .ja0059 .product .button a {
    transition: 0.3s;
  }
  .ja0059 .product .button a:hover {
    background: #090909;
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ja0059 .product {
    margin-block-start: 40px;
    padding-block: 0 40px;
    padding-inline: 24px;
  }
  .ja0059 .product::before {
    margin-inline: calc(50% - 50vw);
    background-image: url(/ja/orientstar/articles/lp/detail/JA-0059/img/bg_product_sp.webp);
  }
  .ja0059 .product .intro {
    padding-block-start: 123.0769230769vw;
  }
  .ja0059 .product .intro .image {
    top: 25px;
    left: 31px;
  }
  .ja0059 .product .intro .image img {
    width: 405px;
    height: auto;
  }
  .ja0059 .product .intro > .heading {
    font-size: min(1.375rem, 5.641025641vw);
  }
  .ja0059 .product .intro .name {
    font-size: min(1.25rem, 5.1282051282vw);
  }
  .ja0059 .product .intro .desc,
  .ja0059 .product .intro .note {
    font-size: min(1rem, 4.1025641026vw);
  }
  .ja0059 .product .mediaList {
    margin-block: 40px 0;
    font-size: min(1rem, 4.1025641026vw);
  }
  .ja0059 .product .mediaList > li:nth-of-type(n+2) {
    margin-block-start: 24px;
  }
  .ja0059 .product .button {
    margin-block: 48px 0;
  }
  .ja0059 .product .button a {
    width: 100%;
    height: 92px;
    font-size: min(1.25rem, 5.1282051282vw);
  }
}
.ja0059 .productItems > .heading {
  margin-block: 0;
  text-align: center;
  font-weight: 500;
}
.ja0059 .productItems > .heading .sub {
  display: inline-block;
  line-height: 2.5;
}
.ja0059 .productItems .lead {
  margin-block: 24px 0;
  font-weight: 500;
  line-height: 2;
}
.ja0059 .productItems .productItem .image img {
  display: block;
}
.ja0059 .productItems .productItem > .heading {
  margin-block: 0;
  font-weight: 500;
}
.ja0059 .productItems .productItem .point .text,
.ja0059 .productItems .productItem .desc,
.ja0059 .productItems .productItem .note {
  line-height: 2;
}
.ja0059 .productItems .productItem .name,
.ja0059 .productItems .productItem .desc,
.ja0059 .productItems .productItem .note,
.ja0059 .productItems .productItem .button {
  margin-block: 24px 0;
  font-weight: 500;
}
.ja0059 .productItems .productItem .note {
  padding: 24px;
  background: rgba(0, 0, 0, 0.05);
}
.ja0059 .productItems .productItem .button a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 2px solid var(--colorDeepblue);
  background: var(--colorDeepblue);
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  padding-block: 14px;
  line-height: 1.5;
}
@media (min-width: 1025px) {
  .ja0059 .productItems {
    margin-block-start: 80px;
    margin-inline: auto;
    width: 1200px;
  }
  .ja0059 .productItems > .heading {
    font-size: 2rem;
  }
  .ja0059 .productItems > .heading .sub {
    font-size: 1.125rem;
  }
  .ja0059 .productItems .productItem {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 48px;
    margin-block: 80px 0;
  }
  .ja0059 .productItems .productItem .image {
    grid-column: 1;
    grid-row: 1/8;
  }
  .ja0059 .productItems .productItem > .heading {
    font-size: 1.75rem;
  }
  .ja0059 .productItems .productItem .point {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-block: 24px 0;
  }
  .ja0059 .productItems .productItem .point .image + .text {
    margin-block-start: 16px;
  }
  .ja0059 .productItems .productItem .point > li:only-child {
    display: grid;
    grid-column: 1/3;
    grid-template-columns: subgrid;
  }
  .ja0059 .productItems .productItem .point > li:only-child .image + .text {
    margin-block-start: 0;
  }
  .ja0059 .productItems .productItem .name {
    font-size: 1.5rem;
  }
  .ja0059 .productItems .productItem .desc {
    font-size: 1rem;
  }
  .ja0059 .productItems .productItem .note {
    font-size: 1rem;
  }
  .ja0059 .productItems .productItem .button {
    font-size: 1rem;
  }
  .ja0059 .productItems .productItem .button a {
    min-width: 424px;
    padding-inline: 24px;
    font-size: 1.125rem;
  }
}
@media (any-hover: hover) {
  .ja0059 .productItems .productItem .button a {
    transition: 0.3s;
  }
  .ja0059 .productItems .productItem .button a:hover {
    background: #ffffff;
    color: var(--colorDeepblue);
  }
}
@media screen and (max-width: 1024px) {
  .ja0059 .productItems {
    margin-block-start: 40px;
    margin-inline: 24px;
  }
  .ja0059 .productItems > .heading {
    font-size: min(1.75rem, 7.1794871795vw);
  }
  .ja0059 .productItems > .heading .sub {
    font-size: min(1.125rem, 4.6153846154vw);
  }
  .ja0059 .productItems .lead {
    font-size: min(1rem, 4.1025641026vw);
  }
  .ja0059 .productItems .productItem {
    margin-block: 80px 0;
  }
  .ja0059 .productItems .productItem .image img {
    margin-inline: auto;
    width: 240px;
    height: auto;
  }
  .ja0059 .productItems .productItem > .heading {
    margin-block: 24px 0;
    font-size: min(1.375rem, 5.641025641vw);
  }
  .ja0059 .productItems .productItem .point {
    margin-block: 24px 0;
  }
  .ja0059 .productItems .productItem .point .image img {
    width: 100%;
    height: auto;
  }
  .ja0059 .productItems .productItem .point .text {
    font-size: min(1rem, 4.1025641026vw);
  }
  .ja0059 .productItems .productItem .point .image + .text {
    margin-block-start: 16px;
  }
  .ja0059 .productItems .productItem .point > li:nth-of-type(n+2) {
    margin-block-start: 16px;
  }
  .ja0059 .productItems .productItem .name {
    font-size: 1.25rem;
  }
  .ja0059 .productItems .productItem .desc,
  .ja0059 .productItems .productItem .note {
    font-size: 1rem;
  }
  .ja0059 .productItems .productItem .button {
    font-size: 1.125rem;
  }
  .ja0059 .productItems .productItem .button a {
    width: 100%;
    font-size: 1.125rem;
  }
}
.ja0059 .os75th {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.ja0059 .os75th .button {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  text-align: center;
  z-index: 1;
}
.ja0059 .os75th .button a {
  display: block;
  margin-inline: auto;
  width: fit-content;
}
.ja0059 .os75th .button a img {
  display: block;
}
.ja0059 .os75th .bg {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  z-index: 0;
}
.ja0059 .os75th .bg img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1025px) {
  .ja0059 .os75th {
    margin-block: 80px 0;
  }
  .ja0059 .os75th .button {
    margin-block: 0 4.0625vw;
  }
}
@media screen and (max-width: 1024px) {
  .ja0059 .os75th {
    margin-block: 40px 0;
  }
  .ja0059 .os75th .button {
    margin-block: 0 10.7692307692vw;
  }
}
.ja0059 .articleCredit {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ja0059 .articleCredit .logo img {
  display: block;
}
.ja0059 .articleCredit .text {
  line-height: 1.5;
}
@media (min-width: 1025px) {
  .ja0059 .articleCredit {
    justify-content: flex-end;
    margin-inline: auto;
    padding-block: 48px;
    width: 1200px;
  }
  .ja0059 .articleCredit .text {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  .ja0059 .articleCredit {
    justify-content: center;
    padding-block: 24px;
  }
  .ja0059 .articleCredit .text {
    font-size: 0.625rem;
  }
}

/* 2026-03-24 add */