/* Plain HTML */
.plain-html {
  padding: 0;
}

/* Utility Class */
.component.u-pb-100 .component-content {
  padding-bottom: inherit;
}

.component.u-pb-100 > div > .component-content {
  padding-bottom: 100px;
}

/* Brand Evolution Extended Gradients */
[class*=be-gradation-h],
.be-gradation-harmony-forground {
  color: #ffffff;
}
[class*=be-gradation-h] a,
.be-gradation-harmony-forground a {
  color: inherit;
}
[class*=be-gradation-h] .c-link-icon svg .arrow, [class*=be-gradation-h] .c-link-icon svg .circle,
.be-gradation-harmony-forground .c-link-icon svg .arrow,
.be-gradation-harmony-forground .c-link-icon svg .circle {
  stroke: currentColor;
}

[class*=be-gradation-e],
.be-gradation-energy-forground {
  color: #000000;
}
[class*=be-gradation-e] a,
.be-gradation-energy-forground a {
  color: inherit;
}
[class*=be-gradation-e] .c-link-icon svg .arrow, [class*=be-gradation-e] .c-link-icon svg .circle,
.be-gradation-energy-forground .c-link-icon svg .arrow,
.be-gradation-energy-forground .c-link-icon svg .circle {
  stroke: currentColor;
}

[class*=be-gradation-e] {
  --energy-extended-white-gradation: linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1) 60%, transparent 75%);
}

.be-gradation-platinum-light-a {
  background-image: linear-gradient(135deg, #ffffff, #DCDCDC);
}
.be-gradation-platinum-light-b {
  background-image: linear-gradient(135deg, #DCDCDC, #ffffff);
}
.be-gradation-platinum-dark-a {
  background-image: linear-gradient(135deg, #DCDCDC, #6D6E70);
}
.be-gradation-platinum-dark-b {
  background-image: linear-gradient(135deg, #6D6E70, #DCDCDC);
}
.be-gradation-h6a {
  background-image: linear-gradient(135deg, #000000 25%, #ea0000 110%);
}
.be-gradation-h6b {
  background-image: linear-gradient(135deg, #ea0000 -10%, #000000 75%);
}
.be-gradation-h7a {
  background-image: linear-gradient(135deg, #000000 25%, #d80084 110%);
}
.be-gradation-h7b {
  background-image: linear-gradient(135deg, #d80084 -10%, #000000 75%);
}
.be-gradation-h8a {
  background-image: linear-gradient(135deg, #000000 25%, #2400b0 110%);
}
.be-gradation-h8b {
  background-image: linear-gradient(135deg, #2400b0 -10%, #000000 75%);
}
.be-gradation-h9a {
  background-image: linear-gradient(135deg, #000000 25%, #008224 110%);
}
.be-gradation-h9b {
  background-image: linear-gradient(135deg, #008224 -10%, #000000 75%);
}
.be-gradation-h10a {
  background-image: linear-gradient(135deg, #000000 25%, #3c3c3c 100%);
}
.be-gradation-h10b {
  background-image: linear-gradient(135deg, #3c3c3c 0%, #000000 75%);
}
.be-gradation-e11a {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #d80084, #00e7ef);
}
.be-gradation-e11b {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #00e7ef, #d80084);
}
.be-gradation-e12a {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #d80084, #ff8000);
}
.be-gradation-e12b {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #ff8000, #d80084);
}
.be-gradation-e13a {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #ff8000, #ffe700);
}
.be-gradation-e13b {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #ffe700, #ff8000);
}
.be-gradation-e14a {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #00e7ef, #ffe700);
}
.be-gradation-e14b {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #ffe700, #00e7ef);
}
.be-gradation-e15a {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #61d600, #00e7ef);
}
.be-gradation-e15b {
  background-image: var(--energy-extended-white-gradation), linear-gradient(180deg, #00e7ef, #61d600);
}

/* Link icon */
.c-link__link {
  width: fit-content;
}

.isga-bg-target .c-link-icon svg .arrow,
.isga-bg-target .c-link-icon svg .circle {
  stroke: currentColor;
}

.u-mt-s > div > .component-content > .c-link,
.u-mt-0 > div > .component-content > .c-link {
  margin-top: 0;
}

.u-font-size-16 .c-link-icon, .u-font-size-16-sp .c-link-icon {
  min-width: 28px;
  height: 28px;
}
.u-font-size-14 .c-link-icon, .u-font-size-14-sp .c-link-icon {
  min-width: 24px;
  height: 24px;
}
.u-font-size-12 .c-link-icon, .u-font-size-12-sp .c-link-icon {
  min-width: 20px;
  height: 20px;
}

/* Button with white text */
.solid-bg-red .c-btn-cta[href*=".pdf"] > span:before,
.solid-bg-magenta .c-btn-cta[href*=".pdf"] > span:before,
.solid-bg-blue .c-btn-cta[href*=".pdf"] > span:before,
.solid-bg-emerald .c-btn-cta[href*=".pdf"] > span:before,
.solid-bg-black .c-btn-cta[href*=".pdf"] > span:before,
.solid-bg-gray1 .c-btn-cta[href*=".pdf"] > span:before,
.solid-bg-gray2 .c-btn-cta[href*=".pdf"] > span:before {
  background: url("/-/media/Project/Fujitsu/Fujitsu-HQ/assets/img/ico-pdf.svg") no-repeat;
}

/* Divider */
.p-sentence_divider hr,
.p-sentence_divider div {
  border-bottom: var(--border-gray3);
}

.p-sentence_divider hr.section-bg-target,
.p-sentence_divider div.section-bg-target {
  border: none;
  height: 18px;
}

/* Global navigation menu adjustment */
@media only screen and (max-width: 1099px) {
  a.p-header-wtp-category__heading {
    padding: 15px 50px 15px 35px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
/* Footer texts */
.p-footer-wtp__link:hover {
  text-decoration: underline;
}

.p-footer_btm,
.p-footer-wtp__copyright a {
  font-size: var(--font-size-12);
}

/* Card List - 1 column style */
.p-sentence_layout1-wtp .p-panel-layout__inner {
  padding: 0 3.7%;
}

[class*=p-sentence_layout] [class*=p-sentence_layout] .p-panel-layout__inner {
  padding: 0;
}

/* Card List - in columns */
.c-collay_item .component-content:has(.c-panel),
.c-collay_item .component:has(.c-panel) {
  height: auto;
}

/* Card List - Panel heading optimization*/
.c-heading-panel {
  font-size: var(--font-size-26);
}

@media print, screen and (min-width: 768px) {
  .c-heading-panel {
    font-size: var(--font-size-26);
  }
}
/* Card List - sp2 styles */
@media screen and (max-width: 767px) {
  .p-sentence_layout1-sp2 .c-collay,
  .p-sentence_layout3-sp2 .c-collay,
  .p-sentence_layout4-sp2 .c-collay {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .p-sentence_layout1-sp2 .c-collay > .c-collay_item,
  .p-sentence_layout3-sp2 .c-collay > .c-collay_item,
  .p-sentence_layout4-sp2 .c-collay > .c-collay_item {
    flex: 0 0 47.5%;
    width: 100%;
    margin-bottom: 1em;
  }
  .p-sentence_layout1-wtp.p-sentence_layout4-sp2 .c-collay {
    margin-left: 0;
    margin-right: 0;
  }
  .p-sentence_layout1-wtp.p-sentence_layout4-sp2 .c-collay > .c-collay_item {
    margin-left: 0;
    margin-right: 0;
  }
}
/* Card List - additional font size */
.u-font-size-18 .c-link,
.u-font-size-18 .c-panel__title,
.u-font-size-18 .c-panel__text,
.u-font-size-18 div[class*=p-sentence_] {
  font-size: 18px;
}

.u-font-size-16 .c-link,
.u-font-size-16 .c-panel__title,
.u-font-size-16 .c-panel__text,
.u-font-size-16 div[class*=p-sentence_] {
  font-size: 16px;
}

.u-font-size-14 .c-link,
.u-font-size-14 .c-panel__title,
.u-font-size-14 .c-panel__text,
.u-font-size-14 div[class*=p-sentence_] {
  font-size: 14px;
}

.u-font-size-12 .c-link,
.u-font-size-12 .c-panel__title,
.u-font-size-12 .c-panel__text,
.u-font-size-12 .c-panel__time,
.u-font-size-12 div[class*=p-sentence_] {
  font-size: 12px;
}

@media print, screen and (max-width: 767px) {
  .u-font-size-18-sp .c-link,
  .u-font-size-18-sp .c-panel__title,
  .u-font-size-18-sp .c-panel__text,
  .u-font-size-18-sp div[class*=p-sentence_] {
    font-size: 18px;
  }
  .u-font-size-16-sp .c-link,
  .u-font-size-16-sp .c-panel__title,
  .u-font-size-16-sp .c-panel__text,
  .u-font-size-16-sp div[class*=p-sentence_] {
    font-size: 16px;
  }
  .u-font-size-14-sp .c-link,
  .u-font-size-14-sp .c-panel__title,
  .u-font-size-14-sp .c-panel__text,
  .u-font-size-14-sp div[class*=p-sentence_] {
    font-size: 14px;
  }
  .u-font-size-12-sp .c-link,
  .u-font-size-12-sp .c-panel__title,
  .u-font-size-12-sp .c-panel__text,
  .u-font-size-12-sp .c-panel__time,
  .u-font-size-12-sp div[class*=p-sentence_] {
    font-size: 12px;
  }
}
/* Card List Highlight First */
.p-panel--highlight-first.p-sentence_layout2 .c-collay > .c-collay_item:first-child, .p-panel--highlight-first.p-sentence_layout3 .c-collay > .c-collay_item:first-child, .p-panel--highlight-first.p-sentence_layout4 .c-collay > .c-collay_item:first-child {
  flex-basis: 96.875%;
}

@media screen and (max-width: 767px) {
  .p-panel--highlight-first.p-sentence_layout1-sp2 .c-collay > .c-collay_item:first-child, .p-panel--highlight-first.p-sentence_layout2 .c-collay > .c-collay_item:first-child, .p-panel--highlight-first.p-sentence_layout3 .c-collay > .c-collay_item:first-child, .p-panel--highlight-first.p-sentence_layout4 .c-collay > .c-collay_item:first-child {
    flex-basis: 100%;
  }
}
/* Card List - adjusting the width of the first column */
@media screen and (min-width: 768px) {
  .p-sentence_layout2 .c-collay > .c-collay_item:nth-child(-n+1) {
    flex-grow: 1;
  }
  .p-sentence_layout2.p-panel--highlight-first .c-collay > .c-collay_item:nth-child(2) {
    flex-grow: 1;
  }
  .p-sentence_layout3 .c-collay > .c-collay_item:nth-child(-n+2) {
    flex-grow: 1;
  }
  .p-sentence_layout3.p-panel--highlight-first .c-collay > .c-collay_item:nth-child(3) {
    flex-grow: 1;
  }
  .p-sentence_layout4 .c-collay > .c-collay_item:nth-child(-n+3) {
    flex-grow: 1;
  }
  .p-sentence_layout4.p-panel--highlight-first .c-collay > .c-collay_item:nth-child(4) {
    flex-grow: 1;
  }
  .p-sentence_layout2 .c-collay > .c-collay_item:only-child, .p-sentence_layout3 .c-collay > .c-collay_item:only-child, .p-sentence_layout4 .c-collay > .c-collay_item:only-child {
    flex-grow: 0;
  }
  .p-panel--highlight-first .c-collay > .c-collay_item:first-child {
    flex-grow: 0;
  }
  .p-panel--highlight-first.p-sentence_layout2 .c-collay > .c-collay_item:nth-child(2):last-child, .p-panel--highlight-first.p-sentence_layout3 .c-collay > .c-collay_item:nth-child(2):last-child, .p-panel--highlight-first.p-sentence_layout4 .c-collay > .c-collay_item:nth-child(2):last-child {
    flex-grow: 0;
  }
}
/* Contact B text layout */
.p-contact_txt {
  justify-content: flex-start;
}

/* Tel link */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/* Top Area Text */
div[class*=section-bg-].section-bg-target .p-sentence_heading:has(.c-heading-level1) {
  padding-top: 60px;
  margin-top: 0;
}

div[class*=section-bg-].section-bg-target .p-sentence_heading .c-heading:has(.c-heading-level1) {
  margin-bottom: 0;
}

div[class*=section-bg-].section-bg-target .p-sentence_heading .c-heading-level1 {
  padding-bottom: 20px;
  margin-bottom: 0;
  font-size: var(--font-size-32);
  line-height: var(--font-lineheight-15);
}

@media print, screen and (min-width: 768px) {
  div[class*=section-bg-].section-bg-target .p-sentence_heading .c-heading-level1 {
    padding-bottom: 30px;
    font-size: var(--font-size-38);
  }
}
/* Image Link */
.p-sentence_imagelink .c-colimg_txt {
  display: flex;
  justify-content: center;
}

.p-sentence_imagelink .c-colimg_txt span {
  text-align: left;
}

/* Image Link - left-justified text */
.position-left .p-sentence_imagelink .c-colimg_txt {
  justify-content: flex-start;
}

/* Image Link - hover action */
.p-sentence_imagelink .c-colimg_img__link:hover,
.p-sentence_imagelink .c-colimg_img__link:focus-visible {
  text-decoration: underline;
}

/* Layout culumn 3 and 4 layout optimizatoin */
@media screen and (max-width: 767px) {
  .p-sentence_layout3 .c-collay > .c-collay_item,
  .p-sentence_layout4 .c-collay > .c-collay_item {
    flex-wrap: wrap;
  }
  .p-sentence_layout4 .c-collay > .c-collay_item > div {
    flex-basis: 100%;
  }
}
/* Layout Colmuns 2 - 4x8 */
[class*=p-sentence_layout2--] > .c-collay {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -3.125%;
  margin-left: -1.5625%;
  margin-right: -1.5625%;
}

[class*=p-sentence_layout2--] > .c-collay > .c-collay_item {
  -webkit-box-flex: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex: 0 0 63.542%;
  margin-bottom: 3.125%;
  margin-left: 1.5625%;
  margin-right: 1.5625%;
  width: 63.542%;
  /* border: 1px solid black; */
}

.p-sentence_layout2--4x8 > .c-collay > .c-collay_item:first-child,
.p-sentence_layout2--8x4 > .c-collay > .c-collay_item:last-child {
  flex: 0 0 30.208%;
  width: 30.208%;
}

@media screen and (max-width: 767px) {
  [class*=p-sentence_layout2--] > .c-collay > .c-collay_item,
  .p-sentence_layout2--4x8 > .c-collay > .c-collay_item:first-child,
  .p-sentence_layout2--8x4 > .c-collay > .c-collay_item:last-child {
    -webkit-box-flex: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3.125%;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
    -ms-flex: 0 0 96.875%;
    flex: 0 0 96.875%;
    width: 96.875%;
  }
}
/* Banner */
.p-sentence_banner .c-banner {
  padding: 3.7%;
  border: var(--border-gray);
}

.p-sentence_banner .c-banner.section-bg-target,
.p-sentence_banner .c-banner.isga-bg-target {
  border: none;
}

.u-align-content-center .p-sentence_banner .c-banner .c-heading {
  margin-top: 20px;
}

.u-align-content-center .p-sentence_banner .c-banner .c-summary_ttl {
  margin-top: 10px;
}

.u-align-content-center .p-sentence_banner .c-banner > .component,
.u-align-content-center .p-sentence_banner .c-banner div:has(.component) {
  align-content: center;
}

@media screen and (max-width: 767px) {
  .p-sentence_banner .c-banner {
    padding: 25px 30px;
  }
  .u-align-content-center .p-sentence_banner .c-banner .c-heading {
    margin-top: none;
  }
  .u-align-content-center .p-sentence_banner .c-banner .c-summary_ttl {
    margin-top: none;
  }
}
/* Banner in Columns */
.c-collay_item > .component:has(> div > .p-sentence_banner) {
  display: flex;
  height: 100%;
}
.c-collay_item > .component:has(> div > .p-sentence_banner) > div,
.c-collay_item > .component:has(> div > .p-sentence_banner) > div > .p-sentence_banner {
  display: flex;
}

/* Layout Background Image */
.section-bg-img {
  background-size: cover;
  background-position: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-bg-img[class*=section-bg-img-blur-] {
  overflow: hidden;
}

.section-bg-img[class*=section-bg-img-blur-]::before {
  content: "";
  background-image: inherit;
  background-size: cover;
  background-position: center;
  position: absolute;
}

.section-bg-img-blur-3::before {
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  filter: blur(3px);
}

.section-bg-img-blur-5::before {
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  filter: blur(5px);
}

.section-bg-img-blur-10::before {
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  filter: blur(10px);
}

.section-bg-img-blur-15::before {
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
  filter: blur(15px);
}

@media screen and (max-width: 767px) {
  .section-bg-img {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-bg-img[class*=section-bg-img-blur-] {
    margin-top: 3%;
  }
}
/* PR Search List */
.p-pr-result__img:not([class*=c-pr-result-img__]):not(:has(img)) {
  background-image: none;
}

.p-pr-pressrelease__head {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .p-pr-result__type__pdf--icon .c-img {
    vertical-align: top;
  }
}
.p-sustainability-new-info-img__wrapper {
  margin-top: 40px;
  display: flex;
  gap: 20px;
  width: 90%;
}
.p-sustainability-new-info-img__wrapper > [class*=p-sustainability-new-info-img__box] {
  border: 1px solid #DCDCDC;
  margin: 0;
  padding: 10px;
  display: flex;
  align-items: center;
}
.p-sustainability-new-info__link {
  margin-top: 25px;
}
.p-sustainability-new-info__link .c-navigation-local__link {
  background: initial;
  padding: 0;
}
.p-sustainability-new-info__link .c-navigation-local__link::after {
  margin-left: 18px;
  position: static;
  transform: none;
}

.p-sustainability-evaluation__box {
  margin-top: 65px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  width: 90%;
}
.p-sustainability-evaluation__img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .p-sustainability-new-info-img__wrapper {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
  }
  .p-sustainability-new-info-img__box--01 {
    flex: 1 1 100%;
  }
  .p-sustainability-new-info-img__box--02, .p-sustainability-new-info-img__box--03 {
    flex: 1 1 calc(50% - 10px);
  }
  .p-sustainability-evaluation__box {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
  }
}
/* Personalized Area */
#PS-recommend-top_jp .p-personalized-area,
#PS-recommend-top_recipe_jp .p-personalized-area {
  font-size: 1.8rem;
  max-width: calc(1280px + 7.4%);
  margin-inline: auto;
  margin-top: 60px;
  padding-inline: 3.7%;
}
#PS-recommend-top_jp .c-personalized-area__heading,
#PS-recommend-top_recipe_jp .c-personalized-area__heading {
  display: flex;
  align-items: center;
  gap: 20px;
}
#PS-recommend-top_jp .c-personalized-area__heading__icon,
#PS-recommend-top_recipe_jp .c-personalized-area__heading__icon {
  width: 61px;
  height: 61px;
}
#PS-recommend-top_jp .c-personalized-area__heading__title,
#PS-recommend-top_recipe_jp .c-personalized-area__heading__title {
  font-size: 16px;
}
#PS-recommend-top_jp .c-personalized-area__heading__title span:first-child,
#PS-recommend-top_recipe_jp .c-personalized-area__heading__title span:first-child {
  font-size: 40px;
  font-weight: bold;
}
#PS-recommend-top_jp .c-personalized-area__heading__title span:last-child,
#PS-recommend-top_recipe_jp .c-personalized-area__heading__title span:last-child {
  display: block;
  line-height: 1;
}
#PS-recommend-top_jp .c-personalized-area__item,
#PS-recommend-top_recipe_jp .c-personalized-area__item {
  margin-top: 60px;
}
#PS-recommend-top_jp .c-personalized-area__item-inner,
#PS-recommend-top_recipe_jp .c-personalized-area__item-inner {
  display: flex;
  gap: 3.125%;
}
#PS-recommend-top_jp .c-personalized-area__item-inner:hover .c-link, #PS-recommend-top_jp .c-personalized-area__item-inner:active .c-link,
#PS-recommend-top_recipe_jp .c-personalized-area__item-inner:hover .c-link,
#PS-recommend-top_recipe_jp .c-personalized-area__item-inner:active .c-link {
  text-decoration: underline;
  text-decoration-color: currentColor;
}
#PS-recommend-top_jp .c-personalized-area__item-text > .c-link,
#PS-recommend-top_recipe_jp .c-personalized-area__item-text > .c-link {
  margin-top: 30px;
  font-size: 14px;
  display: flex;
}
#PS-recommend-top_jp .c-personalized-area__item-text > .c-link .p-global-link__icon,
#PS-recommend-top_recipe_jp .c-personalized-area__item-text > .c-link .p-global-link__icon {
  width: 21px;
  min-width: 21px;
}
#PS-recommend-top_jp .c-personalized-area__title,
#PS-recommend-top_recipe_jp .c-personalized-area__title {
  color: var(--color-font);
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
}
#PS-recommend-top_jp .c-personalized-area__description,
#PS-recommend-top_recipe_jp .c-personalized-area__description {
  color: var(--color-font);
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}
#PS-recommend-top_jp .c-personalized-area__img,
#PS-recommend-top_recipe_jp .c-personalized-area__img {
  flex: 0 0 33.3333333333%;
}

@media screen and (max-width: 767px) {
  #PS-recommend-top_jp .p-personalized-area,
  #PS-recommend-top_recipe_jp .p-personalized-area {
    margin-top: 50px;
  }
  #PS-recommend-top_jp .c-personalized-area__heading__icon,
  #PS-recommend-top_recipe_jp .c-personalized-area__heading__icon {
    width: 36px;
    height: 36px;
  }
  #PS-recommend-top_jp .c-personalized-area__heading__title,
  #PS-recommend-top_recipe_jp .c-personalized-area__heading__title {
    font-size: 14px;
  }
  #PS-recommend-top_jp .c-personalized-area__heading__title span:first-child,
  #PS-recommend-top_recipe_jp .c-personalized-area__heading__title span:first-child {
    font-size: 24px;
  }
  #PS-recommend-top_jp .c-personalized-area__item,
  #PS-recommend-top_recipe_jp .c-personalized-area__item {
    margin-top: 50px;
  }
  #PS-recommend-top_jp .c-personalized-area__item-inner,
  #PS-recommend-top_recipe_jp .c-personalized-area__item-inner {
    display: flex;
    flex-flow: column nowrap;
    gap: 15px;
  }
  #PS-recommend-top_jp .c-personalized-area__item-text > .c-link,
  #PS-recommend-top_recipe_jp .c-personalized-area__item-text > .c-link {
    margin-top: 25px;
  }
  #PS-recommend-top_jp .c-personalized-area__title,
  #PS-recommend-top_recipe_jp .c-personalized-area__title {
    font-size: 28px;
  }
  #PS-recommend-top_jp .c-personalized-area__description,
  #PS-recommend-top_recipe_jp .c-personalized-area__description {
    margin-top: 15px;
  }
  #PS-recommend-top_jp .c-personalized-area__img,
  #PS-recommend-top_recipe_jp .c-personalized-area__img {
    flex: 0 0 33.3333333333%;
  }
}
/* Personalized Area End */
/* Author Profile Word Break adjustment */
.c-media-profile__text,
.c-media-profile__title {
  word-break: normal;
}

/* Top Area ISG - without ISG */
@media print, screen and (min-width: 768px) {
  .p-hero__contents:not(:has(+ .p-hero__media .p-hero__mark)) {
    padding-right: 3.7%;
    justify-content: flex-start;
  }
}
@media print, screen and (min-width: 1279px) {
  .p-hero__contents:not(:has(+ .p-hero__media .p-hero__mark)) {
    justify-content: center;
  }
  .p-hero__contents:not(:has(+ .p-hero__media .p-hero__mark)) .p-hero__title,
  .p-hero__contents:not(:has(+ .p-hero__media .p-hero__mark)) .c-link {
    width: 100%;
    max-width: calc(640px - 3.7vw);
  }
}
/* Topics B */
@media print, screen and (min-width: 768px) {
  .p-list-topics-b .c-list-topics-b__info {
    margin-inline: 3.7% 0;
    padding-left: 3.7%;
  }
}
/* Global Navigation */
@media print, screen and (min-width: 1100px) {
  .p-header-wtp:has(.p-header-wtp-navigation > ul) {
    background-color: var(--background-color-white);
  }
  .p-header-wtp__inner:has(.p-header-wtp-navigation > ul) {
    grid-template-columns: 260px minmax(200px, 1030px);
    grid-template-rows: auto 1fr;
    row-gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .p-header-wtp__inner:has(.p-header-wtp-navigation > ul) .p-header-wtp__logo {
    grid-area: 1/1/3/2;
    height: 48px;
    margin-left: 5px;
  }
  .p-header-wtp__inner:has(.p-header-wtp-navigation > ul) .p-header-wtp__logo a {
    display: flex;
    height: 100%;
    width: auto;
  }
  .p-header-wtp-navigation:has(> ul) {
    grid-area: 2/2/3/3;
    display: contents;
  }
  .p-header-wtp-navigation:has(> ul) ~ .p-navigation-global-utility--pc-only {
    grid-area: 1/2/2/3;
    margin-left: 0;
    width: 100%;
  }
  .is-header-fixed:has(.p-header-wtp__inner .p-header-wtp-navigation > ul) {
    padding-top: 84px;
  }
}
.p-header-wtp__inner:has(.p-header-wtp-navigation > ul) .c-link-language__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Local Navigation B */
#mainContents:has(.p-navigation-local-b) div[id]:has(.p-sentence_proposition):not(.u-pt-100)::before {
  content: "";
  display: block;
  padding-top: 40px;
  margin-top: -40px;
}
#mainContents:has(.p-navigation-local-b) div[id]:has(.p-sentence_proposition):not(.u-pt-100).u-mt-s::before {
  content: "";
  padding-top: 70px;
  margin-top: -70px;
}
#mainContents:has(.p-navigation-local-b) div[id]:has(.p-sentence_proposition):not(.u-pt-100).u-mt-0::before {
  content: "";
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}
#mainContents:has(.p-navigation-local-b) div[id]:has(.p-sentence_proposition).u-pt-30::before {
  content: "";
  display: block;
  padding-top: 10px;
  margin-top: -10px;
}
#mainContents:has(.p-navigation-local-b) div[id]:has(.p-sentence_proposition).u-pt-30.u-mt-s::before {
  content: "";
  padding-top: 40px;
  margin-top: -40px;
}
#mainContents:has(.p-navigation-local-b) div[id]:has(.p-sentence_proposition).u-pt-30.u-mt-0::before {
  content: "";
  display: block;
  padding-top: 70px;
  margin-top: -70px;
}

.p-navigation-local-b .c-navigation-local__list {
  display: flex;
  justify-content: flex-start;
}

@media print, screen and (min-width: 768px) {
  .p-navigation-local-b .c-navigation-local__list {
    justify-content: flex-start;
  }
}
/* Proposition */
.c-proposition__text {
  display: flex;
}

/* Layout Background Image */
.section-bg-img.u-pb-0 {
  padding-bottom: 0;
}

/* Card List Small */
.p-card-list-small .c-collay_item .c-panel {
  min-height: 100%;
  height: fit-content;
  align-items: center;
}
.p-card-list-small .c-collay_item .c-panel .c-panel__wrap {
  flex-direction: row-reverse;
  gap: 15px;
  width: 100%;
  align-items: center;
}
.p-card-list-small .c-collay_item .c-panel .c-panel__wrap .c-panel__body {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: unset;
}
.p-card-list-small .c-collay_item .c-panel .c-panel__wrap .c-panel__body .c-panel__content {
  flex-grow: 0;
}
.p-card-list-small .c-collay_item .c-panel .c-panel__wrap .c-panel__body .c-panel__content .c-panel__title {
  display: flex;
  line-height: 1.5;
}
.p-card-list-small .c-collay_item .c-panel .c-panel__wrap .c-panel__body .c-panel__content .c-panel__title .c-link-icon {
  flex-basis: 1.5em;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
}
.p-card-list-small .c-collay_item .c-panel .c-panel__wrap .c-panel__media {
  flex: 0 0 15.8%;
  height: 100%;
  margin-bottom: 0;
  aspect-ratio: 1/1;
  min-width: 32px;
}
.p-card-list-small .c-collay_item .c-panel .c-panel__wrap .c-panel__media img {
  height: 100%;
  object-fit: cover;
}
.p-card-list-small.c-panel_small--border:not(.c-panel--edge) .c-collay_item {
  margin-bottom: 0;
}
.p-card-list-small.c-panel_small--border:not(.c-panel--edge) .c-collay_item:first-child .c-panel {
  border-top: var(--border-gray3);
}
.p-card-list-small.c-panel_small--border:not(.c-panel--edge) .c-panel {
  border-bottom: var(--border-gray3);
  padding: 15px 0;
}
.p-card-list-small.c-panel--edge .c-panel {
  padding: 15px;
}
.p-card-list-small.c-panel--edge.c-panel_small--border .c-panel {
  border: var(--border-gray3);
}

[class*=-bg-target] .p-card-list-small.c-panel_small--border:not(.c-panel--edge) .c-collay_item:first-child .c-panel,
[class*=be-gradation-] .p-card-list-small.c-panel_small--border:not(.c-panel--edge) .c-collay_item:first-child .c-panel {
  border-top: 1px solid currentColor;
}
[class*=-bg-target] .p-card-list-small.c-panel_small--border:not(.c-panel--edge) .c-panel,
[class*=be-gradation-] .p-card-list-small.c-panel_small--border:not(.c-panel--edge) .c-panel {
  border-bottom: 1px solid currentColor;
}

@media only screen and (max-width: 767px) {
  .p-card-list-small .c-collay_item .c-panel .c-panel__wrap .c-panel__media {
    flex: 0 0 14.5%;
  }
  .p-card-list-small:not(.p-sentence_layout_small-sp1) .c-collay {
    column-gap: 3.125%;
  }
  .p-card-list-small:not(.p-sentence_layout_small-sp1) .c-collay > .c-collay_item {
    flex-basis: 45.3125%;
  }
  .p-card-list-small:not(.p-sentence_layout_small-sp1).p-sentence_layout-full-width .c-collay > .c-collay_item {
    flex-basis: 48.4375%;
  }
  .p-card-list-small:not(.p-sentence_layout_small-sp1).c-panel_small--border:not(.c-panel--edge) .c-collay_item:nth-child(2) .c-panel {
    border-top: var(--border-gray3);
  }
  .p-card-list-small.c-panel_small--sp-no-image .c-panel__media {
    display: none;
  }
  .p-card-list-small.c-panel_small--sp-no-image:not(.c-panel--edge) .c-panel {
    padding-bottom: 15px;
  }
  [class*=-bg-target] .p-card-list-small:not(.p-sentence_layout_small-sp1).c-panel_small--border:not(.c-panel--edge) .c-collay_item:nth-child(2) .c-panel,
  [class*=be-gradation-] .p-card-list-small:not(.p-sentence_layout_small-sp1).c-panel_small--border:not(.c-panel--edge) .c-collay_item:nth-child(2) .c-panel {
    border-top: 1px solid currentColor;
  }
}
@media only screen and (min-width: 768px) {
  .p-card-list-small.p-sentence_layout3 .c-collay_item .c-panel .c-panel__wrap .c-panel__media {
    flex: 0 0 25%;
  }
  .p-card-list-small.c-panel_small--border:not(.c-panel--edge).p-sentence_layout3 .c-collay_item:nth-child(-n+3) .c-panel {
    border-top: var(--border-gray3);
  }
  .p-card-list-small.c-panel_small--border:not(.c-panel--edge).p-sentence_layout4 .c-collay_item:nth-child(-n+4) .c-panel {
    border-top: var(--border-gray3);
  }
  [class*=-bg-target] .p-card-list-small.c-panel_small--border:not(.c-panel--edge).p-sentence_layout3 .c-collay_item:nth-child(-n+3) .c-panel,
  [class*=be-gradation-] .p-card-list-small.c-panel_small--border:not(.c-panel--edge).p-sentence_layout3 .c-collay_item:nth-child(-n+3) .c-panel {
    border-top: 1px solid currentColor;
  }
  [class*=-bg-target] .p-card-list-small.c-panel_small--border:not(.c-panel--edge).p-sentence_layout4 .c-collay_item:nth-child(-n+4) .c-panel,
  [class*=be-gradation-] .p-card-list-small.c-panel_small--border:not(.c-panel--edge).p-sentence_layout4 .c-collay_item:nth-child(-n+4) .c-panel {
    border-top: 1px solid currentColor;
  }
}
/* for Uvance top */
@media only screen and (max-width: 767px) {
  .p-uvance-top #mainContents .c-collay:first-child > .c-collay_item:first-child .p-panel-layout .c-collay_item > .c-panel > .c-panel__wrap {
    flex-direction: row-reverse;
    gap: 5%;
  }
  .p-uvance-top #mainContents .c-collay:first-child > .c-collay_item:first-child .p-panel-layout .c-collay_item > .c-panel > .c-panel__wrap .c-panel__body,
  .p-uvance-top #mainContents .c-collay:first-child > .c-collay_item:first-child .p-panel-layout .c-collay_item > .c-panel > .c-panel__wrap .c-panel__media {
    flex-basis: 47.5%;
  }
}
/* Temp Styles For Uvance Wayfinders */
/* UWF Top Area */
/* For non branded subsidiaries */
.p-non-vi {
  font-family: sans-serif !important;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h1a,
.p-non-vi .section-bg-harmony-gradation-h1a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h1a,
.p-non-vi .section-bg-harmony-gradation-h1a .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h1a .isga-bg-target.p-hero__contents::before {
  background-image: #EA0000;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h1b,
.p-non-vi .section-bg-harmony-gradation-h1b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h1b,
.p-non-vi .section-bg-harmony-gradation-h1b .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h1b .isga-bg-target.p-hero__contents::before {
  background-image: #D80084;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h2a,
.p-non-vi .section-bg-harmony-gradation-h2a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h2a,
.p-non-vi .section-bg-harmony-gradation-h2a .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h2a .isga-bg-target.p-hero__contents::before {
  background-image: #EA0000;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h2b,
.p-non-vi .section-bg-harmony-gradation-h2b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h2b,
.p-non-vi .section-bg-harmony-gradation-h2b .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h2b .isga-bg-target.p-hero__contents::before {
  background-image: #FF8800;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h3a,
.p-non-vi .section-bg-harmony-gradation-h3a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h3a,
.p-non-vi .section-bg-harmony-gradation-h3a .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h3a .isga-bg-target.p-hero__contents::before {
  background-image: #2400B0;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h3b,
.p-non-vi .section-bg-harmony-gradation-h3b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h3b,
.p-non-vi .section-bg-harmony-gradation-h3b .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h3b .isga-bg-target.p-hero__contents::before {
  background-image: #00E7EF;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h4a,
.p-non-vi .section-bg-harmony-gradation-h4a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h4a,
.p-non-vi .section-bg-harmony-gradation-h4a .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h4a .isga-bg-target.p-hero__contents::before {
  background-image: #008224;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h4b,
.p-non-vi .section-bg-harmony-gradation-h4b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h4b,
.p-non-vi .section-bg-harmony-gradation-h4b .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h4b .isga-bg-target.p-hero__contents::before {
  background-image: #61D600;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h5a,
.p-non-vi .section-bg-harmony-gradation-h5a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h5a,
.p-non-vi .section-bg-harmony-gradation-h5a .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h5a .isga-bg-target.p-hero__contents::before {
  background-image: #FF8800;
}
.p-non-vi .isga-bg-target.section-bg-harmony-gradation-h5b,
.p-non-vi .section-bg-harmony-gradation-h5b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-harmony-gradation-h5b,
.p-non-vi .section-bg-harmony-gradation-h5b .section-bg-target,
.p-non-vi .section-bg-harmony-gradation-h5b .isga-bg-target.p-hero__contents::before {
  background-image: #FFE700;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e1a,
.p-non-vi .section-bg-energy-gradation-e1a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e1a,
.p-non-vi .section-bg-energy-gradation-e1a .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e1a .isga-bg-target.p-hero__contents::before {
  background-image: #00E7EF;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e1b,
.p-non-vi .section-bg-energy-gradation-e1b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e1b,
.p-non-vi .section-bg-energy-gradation-e1b .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e1b .isga-bg-target.p-hero__contents::before {
  background-image: #FFE700;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e2a,
.p-non-vi .section-bg-energy-gradation-e2a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e2a,
.p-non-vi .section-bg-energy-gradation-e2a .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e2a .isga-bg-target.p-hero__contents::before {
  background-image: #61D600;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e2b,
.p-non-vi .section-bg-energy-gradation-e2b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e2b,
.p-non-vi .section-bg-energy-gradation-e2b .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e2b .isga-bg-target.p-hero__contents::before {
  background-image: #00E7EF;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e3a,
.p-non-vi .section-bg-energy-gradation-e3a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e3a,
.p-non-vi .section-bg-energy-gradation-e3a .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e3a .isga-bg-target.p-hero__contents::before {
  background-image: #D80084;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e3b,
.p-non-vi .section-bg-energy-gradation-e3b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e3b,
.p-non-vi .section-bg-energy-gradation-e3b .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e3b .isga-bg-target.p-hero__contents::before {
  background-image: #00E7EF;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e6a,
.p-non-vi .section-bg-energy-gradation-e6a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e6a,
.p-non-vi .section-bg-energy-gradation-e6a .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e6a .isga-bg-target.p-hero__contents::before {
  background-image: #008224;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e6b,
.p-non-vi .section-bg-energy-gradation-e6b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e6b,
.p-non-vi .section-bg-energy-gradation-e6b .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e6b .isga-bg-target.p-hero__contents::before {
  background-image: #FFE700;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e10a,
.p-non-vi .section-bg-energy-gradation-e10a .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e10a,
.p-non-vi .section-bg-energy-gradation-e10a .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e10a .isga-bg-target.p-hero__contents::before {
  background-image: #2400B0;
}
.p-non-vi .isga-bg-target.section-bg-energy-gradation-e10b,
.p-non-vi .section-bg-energy-gradation-e10b .isga-bg-target,
.p-non-vi .section-bg-target.section-bg-energy-gradation-e10b,
.p-non-vi .section-bg-energy-gradation-e10b .section-bg-target,
.p-non-vi .section-bg-energy-gradation-e10b .isga-bg-target.p-hero__contents::before {
  background-image: #D80084;
}
.p-non-vi [class*=isga-bg-] .isga-bg-target {
  --gradient-color-1: var(--gradient-color-2);
}
.p-non-vi [class*=isga-bg-] .isga-bg-target::before {
  background-image: unset;
}

/* UWF Top Area */
.c-hero-uwf {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-left: 3.7%;
  background-image: none;
}

.c-hero-uwf__content {
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2em;
  height: 100%;
  min-height: 578px;
  padding-top: 2em;
  padding-bottom: 2em;
  width: 100%;
  max-width: calc(1280px + 3.7%);
}

.c-hero-uwf__content > * {
  width: 42.6%;
}

.c-hero-uwf__content-logo > img {
  width: clamp(135px, 45%, 250px);
}

.c-hero-uwf__content-title {
  display: flex;
  flex-flow: column nowrap;
  font-size: clamp(24px, 3.125vw, 40px);
}

.c-hero-uwf__content-title p {
  font-size: clamp(18px, 2.1875vw, 28px);
}

.c-hero-uwf__content-title > h1 {
  display: block;
}

.c-hero-uwf__content-text {
  font-size: 18px;
  margin-top: 3em;
}

.c-hero-uwf__media {
  min-height: 578px;
  height: 100%;
  position: absolute;
  left: 0;
  width: 50%;
  margin-left: 50%;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.c-hero-uwf::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background-image: linear-gradient(135deg, #0A0A0A, #3C3C3C);
  z-index: -1;
}

.c-hero-uwf::before {
  content: "";
  background: linear-gradient(135deg, var(--background-color-gradation-e2b-start), var(--background-color-gradation-e2b-end));
  position: absolute;
  top: 0;
  left: 50%;
  width: 1rem;
  height: 100%;
  z-index: -1;
}

.c-hero-uwf__style-a .c-hero-uwf {
  overflow: hidden;
}

.c-hero-uwf__style-a .c-hero-uwf::before, .c-hero-uwf__style-a .c-hero-uwf::after {
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  width: 100%;
}

.c-hero-uwf__style-a .c-hero-uwf::after {
  mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%201280%20420'%3e%3cpath%20d='M650.623,358.265c-23.855-23.337-38.463-55.316-38.204-90.509.069-9.417,1.223-18.582,3.305-27.408L683.812,0H0v420h714.735s-64.113-61.733-64.112-61.735Z'/%3e%3c/svg%3e");
}

.c-hero-uwf__style-a .c-hero-uwf::before {
  mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%201280%20420'%3e%3cpath%20d='M650.623,358.265c-22.38-24.948-27.408-49.163-29.144-77.371-.578-9.401,1.903-21.174,3.986-30L706.476,0H0v420h714.735s-64.113-61.733-64.112-61.735Z'/%3e%3c/svg%3e");
  left: -1px;
  background: linear-gradient(200deg, var(--background-color-gradation-e2b-start) 10%, var(--background-color-gradation-e2b-end) 75%);
}

.c-hero-uwf__style-a .c-hero-uwf__media {
  width: 60%;
  margin-left: 40%;
}

.c-hero-uwf__style-b .c-hero-uwf::before, .c-hero-uwf__style-b .c-hero-uwf::after {
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  width: 100%;
}

.c-hero-uwf__style-b .c-hero-uwf::after {
  mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%201280%20420'%3e%3cpath%20d='M657.871,175.129L610.507,0H0v420h622.276l36.967-138.976c1.8-9.173,6.11-37.631,5.187-60.592-.575-14.297-6.559-45.302-6.559-45.302Z'/%3e%3c/svg%3e");
}

.c-hero-uwf__style-b .c-hero-uwf::before {
  mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%201280%20420'%3e%3cpath%20d='M660.048,267.42l-50.74,152.58H-1.199V0h622.276l36.967,138.976c1.8,9.173,9.579,40.872,9.34,63.85-.385,37.038-7.337,64.593-7.337,64.593Z'/%3e%3c/svg%3e");
  left: 4px;
  background: linear-gradient(0deg, var(--background-color-gradation-e2b-end), var(--background-color-gradation-e2b-end) 40%, var(--background-color-gradation-e2b-start) 90%);
}

.c-hero-uwf__style-b .c-hero-uwf__media {
  width: 60%;
  margin-left: 40%;
}

.c-hero-uwf__no-line .c-hero-uwf::before {
  content: unset;
}

@media screen and (max-width: 767px) {
  .c-hero-uwf {
    flex-direction: column;
    position: relative;
    padding-inline: 0;
  }
  .c-hero-uwf__content {
    position: relative;
    min-height: auto;
    flex-shrink: 1;
    gap: 2em;
    flex-flow: row wrap;
    justify-content: flex-start;
    flex: 1 auto;
    align-items: center;
    padding-inline: 3.7%;
  }
  .c-hero-uwf__content > *,
  .c-hero-uwf__content .c-hero-uwf__content-title,
  .c-hero-uwf__content .c-hero-uwf__content-text {
    width: auto;
    height: fit-content;
  }
  .c-hero-uwf__content-logo > img {
    width: clamp(100px, 25vw, 135px);
  }
  .c-hero-uwf__content-text {
    font-size: 16px;
    margin-top: 0em;
    padding-right: unset;
  }
  .c-hero-uwf__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(135deg, #0A0A0A, #353535);
    z-index: -2;
  }
  .c-hero-uwf__content::before {
    content: "";
    background: linear-gradient(135deg, var(--background-color-gradation-e2b-start) 40%, var(--background-color-gradation-e2b-end));
    position: absolute;
    top: 0;
    left: calc(100% - 1rem);
    width: 1rem;
    height: 100%;
    z-index: -1;
  }
  .c-hero-uwf__media {
    min-height: unset;
    height: auto;
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    z-index: -1;
    padding-bottom: 61.7521367521vw;
  }
  .c-hero-uwf::before, .c-hero-uwf::after {
    content: unset;
  }
}
.be-gradation-h8a:has(.c-hero-uwf), .be-gradation-h9a:has(.c-hero-uwf), .be-gradation-h10a:has(.c-hero-uwf) {
  background-image: none;
}

.be-gradation-h8a .c-hero-uwf::after {
  background-image: linear-gradient(135deg, #000000 0%, #2400b0 100%);
}

.be-gradation-h9a .c-hero-uwf::after {
  background-image: linear-gradient(135deg, #000000 0%, #008224 100%);
}

.be-gradation-h10a .c-hero-uwf::after {
  background-image: linear-gradient(135deg, #000000 0%, #3c3c3c 60%);
}

/* Uvance Logo */
.hero_title-logo .hero_title-logo_img, .c-hero-2nd_logo, .hero-top_logo {
  padding-top: 16.5%;
}

/* Information Banner */
.case-banner {
  max-width: calc(1280px + 7.4%);
  padding-left: 3.7%;
  padding-right: 3.7%;
  margin-left: auto;
  margin-right: auto;
}
.case-banner_wrap {
  border: 1px solid #DCDCDC;
  padding: 32px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media print, screen and (max-width: 767px) {
  .case-banner_wrap {
    padding: 32px 26px;
  }
}
.case-banner_image {
  max-width: 150px;
}
.case-banner_inner {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.case-banner_ttl {
  font-size: var(--font-size-18);
  font-weight: bold;
}
.case-banner_text {
  font-size: var(--font-size-16);
}
.case-banner_categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.case-banner_category {
  font-size: var(--font-size-12);
}
.case-banner_link {
  font-size: var(--font-size-12);
}
.case-banner_link a {
  font-size: inherit;
  font-weight: 400;
}
.case-banner_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.case-banner_tag {
  border: 1px solid #DCDCDC;
  border-radius: 9999px;
  font-size: var(--font-size-12);
  padding: 5px 10px;
}

[class*=p-sentence_layout] > .c-collay > .c-collay_item .case-banner {
  padding-left: 0;
  padding-right: 0;
}