/**
* @file
* このテーマのメインのcssファイル
*/
* {
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
body {
  font-family: ibm-plex-sans-jp, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: var(--size-15);
  font-weight: 400;
  font-style: normal;
  letter-spacing: -.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--gray);
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
ul, ol {
  margin:0;
  padding:0;
}
li {
  list-style-type: none;
}
p {
  margin:0;
  padding:0;
  line-height: 1.7;
}
a {
  text-decoration: none;
  color: var(--black);
}
a, a:hover, button, button:hover, img, article, input, textarea {
  text-decoration:none;
  -webkit-transition: 0.3s cubic-bezier(0.25,1,0.5,1);
  -moz-transition: 0.3s cubic-bezier(0.25,1,0.5,1);
  -o-transition: 0.3s cubic-bezier(0.25,1,0.5,1);
  -ms-transition: 0.3s cubic-bezier(0.25,1,0.5,1);
	transition: 0.3s cubic-bezier(0.25,1,0.5,1);
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
  margin:0;
  padding:0;
	line-height: 1.3;
}
dl, dt, dd {
  margin:0;
  padding:0;
}
input:focus, textarea:focus {
  outline:none;
}
input, textarea, button {
  border: none;
  background: none;
}
button {
  cursor: pointer;
  display: block;
  width: 100%;
}
figure,figcaption {
  margin: 0;
  padding: 0;
}
/* ローディング中のスタイル */
/* .wf-loading {
	opacity: 0;
} */
/* フォント読み込み完了後のスタイル */
/* .wf-active {
	opacity: 1;
	transition: opacity 0.3s ease;
} */
/* フォント読み込み失敗時のスタイル */
/* .wf-inactive {
	opacity: 1;
} */

/*        ---hover---        */
@media (hover: hover) {
  .c-btn01:hover {
    background-color: var(--gray);
  }
  .c-btn01:hover .c-btn01-img.is-hover {
    display: block;
    opacity: 1;
    @starting-style {
      opacity: 0;
    }
  }
  .c-btn01:hover .c-btn01-img.is-default {
    display: none;
    opacity: 0;
    @starting-style {
      opacity: 1;
    }
  }
  .c-btn01:hover .c-btn01-text {
    color: var(--black);
  }
  .l-header__logo-link:hover {
    opacity: .64;
  }
  .l-header__nav-link:hover::after {
    transform: scale(1, 1);
    transform-origin: left top;
  }
  .l-header__nav-entry:hover {
    opacity: .64;
  }
  .l-footer__item-link:hover {
    opacity: .64;
  }
  .p-latest-news__link:hover .p-latest-news__text-title {
    background-position: 0 100%;
    background-size: 100% 1px;
  }
  .p-entry__btn:hover {
    background-color: var(--gray);
  }
  .p-entry__btn:hover .p-entry__btn-text {
    color: var(--black);
  }
  .p-entry__btn:hover .p-entry__btn-icon.is-hover {
    display: block;
    opacity: 1;
    @starting-style {
      opacity: 0;
    }
  }
  .p-entry__btn:hover .p-entry__btn-icon.is-default {
    display: none;
    opacity: 0;
    @starting-style {
      opacity: 1;
    }
  }
}

/*        ---animation---        */
.js-text-animate {
  visibility: hidden;
}
.js-text-animate.is-ready {
  visibility: visible;
}
.js-text-animate .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(30%);
  animation: slideUpChar 1.8s cubic-bezier(0.14,1,0.34,1) forwards;
}
@keyframes slideUpChar {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*        ---component---        */
.c-width-wrapper {
	padding: 0 var(--size-48);
	margin: 0 auto;
}
.c-width {
	padding: 0 var(--size-96);
	margin: 0 auto;
}
.c-btn01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-8);
  padding: 0 var(--size-16);
  background-color: var(--black);
  border-radius: var(--size-4);
  width: var(--size-168);
  height: var(--size-48);
  border: solid var(--size-1) var(--black);
  transition: 0.3s cubic-bezier(0.25,1,0.5,1);
}
.c-btn01-text {
  color: var(--white);
  font-size: var(--size-13);
}
.c-btn01-img {
  width: 7.5px;
}
.c-btn01-img.is-hover {
  display: none;
  opacity: 0;
}
.c-btn01-img.is-default {
  display: block;
  opacity: 1;
}
.c-title01 {
  display: inline-block;
}
.c-title01-en {
  color: var(--blue);
  font-size: var(--size-64);
  font-size: clamp(1.875rem, 1.127rem + 3.19vw, 4rem);
  line-height: 1.0;
}
.c-title01-ja {
  font-size: var(--size-14);
  font-weight: 600;
  margin-top: var(--size-16);
}
.c-title02 {
  display: inline-block;
  font-size: var(--size-32);
  font-size: clamp(1.5rem, 1.324rem + 0.75vw, 2rem);
  line-height: 1.5;
}
/* .c-title02-text {
  padding-bottom: var(--size-4);
  border-bottom: solid var(--size-1) var(--black);
} */
.c-title03 {
  display: inline-block;
  font-size: var(--size-24);
  font-size: clamp(1.188rem, 1.077rem + 0.47vw, 1.5rem);
  line-height: 1.5;
}
/* .c-title03-text {
  padding-bottom: var(--size-4);
  border-bottom: solid var(--size-1) var(--black);
} */
.c-only-sp {
  display: none;
}
.c-only-pc {
  display: block;
}
.c-ratio-1 {
  aspect-ratio: 1 / 1;
}
.c-ratio-golden {
  aspect-ratio: 1.618 / 1;
}
.c-parallax {
  position: relative;
  overflow: hidden;
  border-radius: var(--size-10);
  width: 100%;
}
.c-parallax__target {
  position: absolute;
  left: 0;
  width: 100%;
  /* height は JavaScript で設定される */
}
.c-parallax__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block; /* 追加: 画像の下の余白を削除 */
}
.c-text-slider {
  display: flex;
  white-space: nowrap;
  position: relative;
  transition: 0.6s cubic-bezier(0.25,1,0.5,1);
}
.c-text-slider-text {
  width: 51%;
  line-height: 1.3;
  font-size: clamp(5rem, 3.592rem + 6.01vw, 9rem);
  flex-shrink: 0; /* 縮まないように */
  will-change: transform;
  animation: text-loop 48s infinite linear 0.5s both;
}
@keyframes text-loop {
  100% {
    transform: translateX(-100%);
  }
}

@media screen and (max-width:768px){
  .c-width-wrapper {
    padding: 0 var(--size-8);
  }
  .c-width {
    padding: 0 var(--size-16);
  }
  .c-btn01 {
    padding: 0 var(--size-8);
    width: var(--size-128);
    height: var(--size-40);
  }
  .c-btn01-text {
    font-size: var(--size-11);
  }
  .c-title01-ja {
    font-size: var(--size-11);
    margin-top: var(--size-8);
  }
  .c-title02-text {
    padding-bottom: var(--size-2);
  }
  .c-title03-text {
    padding-bottom: var(--size-2);
  }
  .c-only-sp {
		display: block;
	}
  .c-only-pc {
    display: none;
  }
  .c-parallax {
    border-radius: var(--size-8);
  }
}

/* ヘッダー */
.l-header {
  position: fixed;
  top: var(--size-48);
  z-index: 999;
  padding: 0 var(--size-48);
  width: 100%;
  transition: 0.8s cubic-bezier(0.25,1,0.5,1);
  opacity: 1;
}
.l-header.hidden {
  transform: translateY(-40px);
  opacity: 0;
}
.l-header__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--size-48);
}
.l-header__logo {
  z-index: 999;
}
.l-header__logo-img {
  width: var(--size-144);
}
.l-header__nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-48);
  width: calc(100% - var(--size-144) - var(--size-48));
  padding: 0 0 var(--size-16);
  border-bottom: solid var(--size-1) rgba(255, 255, 255, .16);
  transition: .3s;
}
.l-header.active .l-header__nav-wrapper {
  border-bottom: solid var(--size-1) var(--border-gray);
}
.l-header__nav-des {
  color: var(--white);
  font-size: var(--size-12);
  transition: .3s;
}
.l-header.active .l-header__nav-des {
  color: var(--black);
}
.l-header_nav {
  display: flex;
  align-items: center;
  gap: var(--size-32);
}
.l-header__nav-list {
  display: flex;
  align-items: center;
  gap: var(--size-32);
}
.l-header__nav-link {
  position: relative;
  transition: .3s;
  color: var(--white);
}
.l-header__nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -28px;
  width: 100%;
  height: 2px;
  background-color: var(--blue);
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.l-header.active .l-header__nav-link {
  color: var(--black);
}
.l-header__nav-entry {
  display: inline-flex;
  align-items: center;
  gap: var(--size-8);
  padding: var(--size-12);
  background-color: var(--blue);
  border-radius: var(--size-4);
}
.l-header__nav-entry-icon {
  width: var(--size-9);
}
.l-header__nav-entry-text {
  font-size: var(--size-13);
  color: var(--white);
  line-height: 1.0;
}
.l-header__nav-sp {
  display: none;
}
.l-header__hamburger {
  display: none;
}

@media screen and (max-width:960px) {
  .l-header__nav-wrapper {
    display: none;
  }
  .l-header__hamburger {
    position: relative;
    z-index: 999;
    display: block;
    width: var(--size-24);
    height: var(--size-24);
    transition: .6s cubic-bezier(.47,.16,.24,1);
  }
  .l-header__hamburger-inner {
    position: relative;
    width: 100%;
    height: 100%;
		margin: auto;
  }
  .l-header__hamburger-line {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: var(--blue);
    transition: 0.8s cubic-bezier(0.16,1,0.3,1);
  }
  .l-header__hamburger.is-open .l-header__hamburger-line {
    background: var(--blue);
  }
  .l-header__hamburger-line:nth-child(1) {
    top: calc(50% - var(--size-4));
  }
  .l-header__hamburger-line:nth-child(2) {
    top: 50%;
  }
  .l-header__hamburger-line:nth-child(3) {
    top: calc(50% + var(--size-4));
  }
  .is-open .l-header__hamburger-line:nth-child(1) {
    top: 50%;
    transform: rotate(45deg);
  }
  .is-open .l-header__hamburger-line:nth-child(2) {
    transform: rotate(90deg);
    opacity: 0;
  }
  .is-open .l-header__hamburger-line:nth-child(3) {
    top: 50%;
    transform: rotate(-45deg);
  }
  .l-header__nav-sp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: var(--size-192) var(--size-48) var(--size-48);
    width: 100%;
    height: 100vh;
    background-color: var(--gray);
    pointer-events: none;
    opacity: 0;
    transition: transform .4s cubic-bezier(.47,.16,.24,1), opacity .6s cubic-bezier(.47,.16,.24,1);
  }
  .l-header__nav-sp.is-open {
    pointer-events: auto;
    opacity: 1;
  }
  .l-header__nav-sp-des {
    font-size: var(--size-12);
  }
  .l-header__nav-sp-list {
    display: flex;
    flex-direction: column;
    gap: var(--size-24);
    /* margin-top: var(--size-40); */
  }
  .l-header__nav-sp-link {
    font-size: var(--size-24);
    padding-bottom: var(--size-4);
    border-bottom: solid var(--size-1) var(--border-gray);
  }
  .l-header__nav-sp-entry {
    margin-top: var(--size-48);
    max-width: var(--size-128);
    width: 100%;
  }
  .l-header__nav-sp-slider {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width:768px){
  .l-header {
    top: var(--size-16);
    padding: 0 var(--size-16);
  }
  .l-header__inner {
    gap: var(--size-24);
  }
  .l-header__logo-img {
    width: var(--size-64);
  }
  .l-header__nav-sp {
		padding: var(--size-128) var(--size-24) var(--size-48);
  }
}

/* フッター  */
.l-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--size-48);
  border-top: solid var(--size-1) var(--border-gray);
}
.l-footer__list {
  display: flex;
  align-items: center;
  gap: var(--size-32);
}
.l-footer__item-link {
  position: relative;
  font-size: var(--size-13);
}
.l-footer__item-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  background: url(img/icon/icon_link_black.svg) no-repeat;
  width: 7.5px;
  height: 7.375px;
  background-size: 7.5px 7.375px;
}
.l-footer__bottom-copyrights {
  font-size: var(--size-13);
}

@media screen and (max-width:768px){
	.l-footer__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-8);
    padding: var(--size-16);
  }
  .l-footer__list {
    gap: var(--size-24);
  }
  .l-footer__item-link {
    font-size: var(--size-10);
  }
  .l-footer__item-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    background: url(img/icon/icon_link_black.svg) no-repeat;
    width: 7.5px;
    height: 7.375px;
    background-size: 7.5px 7.375px;
  }
  .l-footer__bottom-copyrights {
    font-size: var(--size-10);
  }
}

/* layout */
.l-mv {
  position: relative;
  width: 100%;
  height: 100svh;
  padding: var(--size-16);
  overflow: hidden;
}
@media screen and (max-width:768px) {
  .l-mv {
    padding: var(--size-8);
  }
}

/*         ---project---          */
/* mv */
.p-mv__text {
  position: absolute;
  bottom: var(--size-176);
  left: var(--size-96);
  z-index: 9;
  padding-right: var(--size-96);
}
.p-mv__text-title {
  color: var(--white);
}
.p-mv__text-des {
  margin-top: var(--size-40);
  color: var(--white);
}
.p-mv__text-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.p-mv__bg {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 50%;
  gap: var(--size-16);
  height: 100%;
}
.p-mv__bg-item01 {
  grid-row: 1 / 3;
	grid-column: 1 / 2;
}
.p-mv__bg-item02 {
  grid-row: 1 / 2;
	grid-column: 2 / 3;
}
.p-mv__bg-item03 {
  grid-row: 2 / 3;
	grid-column: 2 / 3;
}
.p-mv__bg-item {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.p-mv__bg-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, .56);
}
.p-mv__bg-item01::after {
  border-radius: var(--size-24) 0 0 var(--size-24);
}
.p-mv__bg-item02::after {
  border-radius: 0 var(--size-24) 0 0;
}
.p-mv__bg-item03::after {
  border-radius: 0 0 var(--size-24) 0;
}
.p-mv__bg-item01-img, .p-mv__bg-item02-img, .p-mv__bg-item03-img {
  position: relative;
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.p-mv__bg-item01-img {
  border-radius: var(--size-24) 0 0 var(--size-24);
}
.p-mv__bg-item02-img {
  border-radius: 0 var(--size-24) 0 0;
}
.p-mv__bg-item03-img {
  border-radius: 0 0 var(--size-24) 0;
}

/* latest news */
.l-latest-news {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: var(--size-80);
  margin-top: var(--size-48);
  border: solid var(--size-1) var(--border-gray);
  border-radius: var(--size-4);
}
.p-latest-news {
  display: flex;
  align-items: center;
  gap: var(--size-48);
  width: 100%;
  height: 100%;
}
.p-latest-news__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size-18);
  padding: 0 var(--size-28);
  height: 100%;
  background-color: var(--blue);
  border: solid var(--size-1) var(--blue);
  border-radius: var(--size-4) 0 0 var(--size-4);
  color: var(--white);
}
.p-latest-news__link {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 var(--size-32);
  align-items: center;
  justify-content: space-between;
}
.p-latest-news__text {
  display: flex;
	margin-right: var(--size-16);
  align-items: center;
  gap: var(--size-16);
}
.p-latest-news__text-date {
  font-size: var(--size-14);
  padding-right: var(--size-16);
  border-right: solid var(--size-1) var(--border-gray);
}
.p-latest-news__text-title-wrapper {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.p-latest-news__text-title {
	display: inline;
	line-height: 1.5;
  font-size: var(--size-14);
	background: linear-gradient(var(--black), var(--black)) 100% 100% / 0 1px no-repeat;
	transition: background-size 0.6s cubic-bezier(0.25,1,0.5,1) 0s;
	will-change: background-size;
}
.p-latest-news__arrow {
  width: var(--size-11);
}

/* our beliefs */
.p-beliefs {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3.8463%;
}
.p-beliefs__left {
  margin-top: var(--size-88);
  width: 31.4102%;
}
.p-beliefs__text {
  margin-top: var(--size-88);
}
.p-beliefs__text-des {
  margin-top: var(--size-40);
}
.p-beliefs__right {
  display: flex;
  align-items: flex-start;
  gap: var(--size-16);
  width: 64.7435%;
}
.p-beliefs__right-img01-wrapper {
  width: 21.7821%;
}
.p-beliefs__right-img02-wrapper {
  width: calc(78.2179% - var(--size-16));
}

/* decarbonization */
.p-decarbonization__head {
  display: flex;
  justify-content: space-between;
  gap: var(--size-48);
}
.p-decarbonization__des {
  max-width: 528px;
  width: 100%;
  margin-top: var(--size-64);
}
.p-decarbonization__content {
  margin-top: var(--size-64);
}
.p-decarbonization__content-inner {
  background-color: var(--white);
  border-radius: var(--size-24);
}
.p-decarbonization__content-list {
  display: flex;
}
.p-decarbonization__item:first-child {
  width: 50%;
  padding: var(--size-96) var(--size-48) var(--size-96) var(--size-96);
  border-right: solid var(--size-1) var(--gray);
}
.p-decarbonization__item:last-child {
  width: 50%;
  padding: var(--size-96) var(--size-96) var(--size-96) var(--size-48);
}
.p-decarbonization__item-num {
  color: var(--blue);
  margin-top: var(--size-24);
}
.p-decarbonization__item-title {
  margin-top: var(--size-16);
}
.p-decarbonization__item-des {
  margin-top: var(--size-24);
}

/* voice */
.p-voices__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 7.6923%;
  padding-bottom: var(--size-64);
  border-bottom: solid var(--size-1) var(--border-gray);
  margin-bottom: var(--size-64);
}
.p-voices__item:last-child {
  margin-bottom: 0;
}
.p-voices__item-img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--size-10);
  width: 23.0769%;
}
.p-voices__item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.p-voices__item-content {
  display: flex;
  align-items: flex-start;
  gap: var(--size-40);
  width: 69.2308%;
}
.p-voices__item-num {
  flex-shrink: 0;
}
.p-voices__item-des {
  margin-top: var(--size-24);
}
.p-voices__item-detail {
  display: flex;
  align-items: center;
  gap: var(--size-16);
  margin-top: var(--size-48);
}
.p-voices__item-detail-position {
  font-size: var(--size-13);
}
.p-voices__item-detail-name {
  font-size: var(--size-17);
  font-weight: 600;
  padding-left: var(--size-16);
  border-left: solid var(--size-1) var(--border-gray);
}

/* work */
.p-work__head {
  display: flex;
  justify-content: space-between;
  gap: var(--size-48);
}
.p-work__des {
  max-width: 528px;
  width: 100%;
  margin-top: var(--size-64);
}
.p-work__content {
  margin-top: var(--size-64);
}
.p-work__content-inner {
  padding: var(--size-96) 0;
  background-color: var(--white);
  border-radius: var(--size-24);
}
.p-work__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--size-48);
  padding: var(--size-64) var(--size-96);
  border-bottom: solid var(--size-1) var(--gray);
}
.p-work__item:first-child {
  padding-top: 0;
}
.p-work__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.p-work__item-num {
  flex-shrink: 0;
}
.p-work__item-content {
  display: flex;
  align-items: flex-start;
  gap: 9.9105%;
  width: 77.0833%;
}
.p-work__item-img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--size-10);
  width: 19.8198%;
}
.p-work__item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.p-work__item-text {
  width: 70.2702%;
}
.p-work__item-des {
  margin-top: var(--size-24);
}

/* entry */
.p-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-48);
}
.p-entry__title-ja {
  margin-top: var(--size-40);
}
.p-entry__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-8);
  flex-shrink: 0;
  width: 312px;
  width: clamp(8rem, 3.951rem + 17.28vw, 19.5rem);
  height: 312px;
  height: clamp(8rem, 3.951rem + 17.28vw, 19.5rem);
  border-radius: 50%;
  border: solid var(--size-10) var(--white);
  background-color: var(--blue);
  transition: 0.4s cubic-bezier(0.25,1,0.5,1);
}
.p-entry__btn-icon {
  width: var(--size-12);
}
.p-entry__btn-icon.is-default {
  display: block;
  opacity: 1;
}
.p-entry__btn-icon.is-hover {
  display: none;
  opacity: 0;
}
.p-entry__btn-text {
  font-size: var(--size-18);
  color: var(--white);
}
.p-entry__title-en {
  line-height: 1.3;
}

@media screen and (max-width:960px) {
  
}
@media screen and (max-width:768px) {
	.p-mv__text {
    bottom: var(--size-96);
    left: var(--size-24);
    padding-right: var(--size-24);
  }
  .p-mv__text-des {
    margin-top: var(--size-16);
    font-size: var(--size-12);
  }
  .p-mv__bg {
    gap: var(--size-8);
  }
  .p-mv__bg-item01 {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
  }
  .p-mv__bg-item02 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
  .p-mv__bg-item03 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
  .p-mv__bg-item01::after {
    border-radius: 0 0 var(--size-8) var(--size-8);
  }
  .p-mv__bg-item02::after {
    border-radius: var(--size-8) 0 0 0;
  }
  .p-mv__bg-item03::after {
    border-radius: 0 var(--size-8) 0 0;
  }
  .p-mv__bg-item01-img {
    border-radius: 0 0 var(--size-8) var(--size-8);
  }
  .p-mv__bg-item02-img {
    border-radius: var(--size-8) 0 0 0;
  }
  .p-mv__bg-item03-img {
    border-radius: 0 var(--size-8) 0 0;
  }
  
  /* latest news */
  .l-latest-news {
    height: var(--size-64);
    margin-top: var(--size-32);
  }
  .p-latest-news {
    gap: var(--size-24);
  }
  .p-latest-news__title {
    font-size: var(--size-15);
    padding: 0 var(--size-16);
  }
  .p-latest-news__link {
    padding: 0 var(--size-16);
  }
  .p-latest-news__text {
    flex-direction: column;
    align-items: flex-start;
    margin-right: var(--size-16);
    gap: 0;
  }
  .p-latest-news__text-date {
    font-size: var(--size-11);
    padding-right: 0;
    border-right: none;
  }
  .p-latest-news__text-title {
    font-size: var(--size-11);
  }
  .p-latest-news__arrow {
    width: var(--size-8);
  }

  /* our beliefs */
  .p-beliefs {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--size-48);
  }
  .p-beliefs__left {
    margin-top: 0;
    width: 100%;
  }
  .p-beliefs__text {
    margin-top: var(--size-56);
  }
  .p-beliefs__text-des {
    margin-top: var(--size-24);
    font-size: var(--size-12);
  }
  .p-beliefs__right {
    gap: var(--size-8);
    width: 100%;
  }
  .p-beliefs__right-img02-wrapper {
    width: calc(78.2179% - var(--size-8));
  }

  /* decarbonization */
  .p-decarbonization__head {
    display: flex;
    flex-direction: column;
    gap: var(--size-32);
  }
  .p-decarbonization__des {
    margin-top: 0;
    font-size: var(--size-12);
  }
  .p-decarbonization__content {
    margin-top: var(--size-40);
  }
  .p-decarbonization__content-inner {
    border-radius: var(--size-8);
  }
  .p-decarbonization__content-list {
    flex-direction: column;
  }
  .p-decarbonization__item:first-child {
    width: 100%;
    padding: var(--size-56) var(--size-16);
    border-right: none;
    border-bottom: solid var(--size-1) var(--gray);
  }
  .p-decarbonization__item:last-child {
    width: 100%;
    padding: var(--size-56) var(--size-16);
  }
  .p-decarbonization__item-num {
    font-size: var(--size-12);
    margin-top: var(--size-16);
  }
  .p-decarbonization__item-title {
    margin-top: var(--size-8);
  }
  .p-decarbonization__item-des {
    font-size: var(--size-12);
    margin-top: var(--size-16);
  }

  /* voice */
  .p-voices__item {
    padding-bottom: var(--size-40);
    margin-bottom: var(--size-40);
    gap: 5%;
  }
  .p-voices__item-img-wrapper {
    border-radius: var(--size-8);
    width: 35%;
  }
  .p-voices__item-content {
    flex-direction: column;
    gap: var(--size-8);
    width: 60%;
  }
  .p-voices__item-num {
    font-size: var(--size-12);
  }
  .p-voices__item-des {
    margin-top: var(--size-16);
    font-size: var(--size-12);
  }
  .p-voices__item-detail {
    gap: var(--size-8);
    margin-top: var(--size-32);
  }
  .p-voices__item-detail-position {
    font-size: var(--size-11);
  }
  .p-voices__item-detail-name {
    font-size: var(--size-14);
    padding-left: var(--size-8);
  }

  /* work */
  .p-work__head {
    flex-direction: column;
    gap: var(--size-32);
  }
  .p-work__des {
    margin-top: 0;
    font-size: var(--size-12);
  }
  .p-work__content {
    margin-top: var(--size-40);
  }
  .p-work__content-inner {
    padding: var(--size-56) 0;
    border-radius: var(--size-8);
  }
  .p-work__item {
    flex-direction: column;
    gap: var(--size-8);
    padding: var(--size-40) var(--size-16);
  }
  .p-work__item-num {
    font-size: var(--size-12);
    margin-bottom: var(--size-8);
  }
  .p-work__item-content {
    gap: 5%;
    width: 100%;
  }
  .p-work__item-img-wrapper {
    border-radius: var(--size-8);
    width: 35%;
  }
  .p-work__item-text {
    width: 60%;
  }
  .p-work__item-des {
    margin-top: var(--size-16);
    font-size: var(--size-12);
  }

  /* entry */
  .p-entry {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--size-40);
  }
  .p-entry__title-ja {
    margin-top: var(--size-24);
  }
  .p-entry__btn {
    width: 100%;
    height: var(--size-64);
    gap: var(--size-8);
    border-radius: var(--size-8);
    border: solid var(--size-6) var(--white);
  }
  .p-entry__btn-icon {
    width: var(--size-10);
  }
  .p-entry__btn-text {
    font-size: var(--size-15);
  }
}