@charset "UTF-8";
/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
variable
**********************************************************************/
/***********************************************************************
追加分
**********************************************************************/
/***********全体**************/
body#home {
  /*display: none;*/ }

body {
  letter-spacing: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, img,
article, footer, header, nav, section {
  text-align: left;
  word-wrap: normal; }

.ipad-br {
  display: none !important; }

.ipad .ipad-br {
  display: block !important; }
.ipad .scene0 figure {
  /*position: fixed;
  top: 0;*/ }

.text-justify {
  text-align: inherit; }

.page-nav__item a {
  letter-spacing: 0; }

.page__list .page__item {
  text-align: right; }

#overview #profile table th {
  padding-right: 3rem;
  white-space: nowrap; }
#overview #member table th span {
  width: 17em; }
  @media (max-width: 768px) {
    #overview #member table th span {
      width: inherit; } }

@media (max-width: 768px) {
  .lower-page .footer-wrapper {
    min-height: inherit !important; } }

#num01 figure img, #num02 figure img, #num03 figure img, #num04 figure img, #num05 figure img {
  width: 100%; }

.ipad .area {
  overflow: hidden; }
.ipad #num01 {
  margin-top: -25vh; }
.ipad .news-wrapper .article-list li .date {
  vertical-align: top; }
.ipad .news-wrapper .article-list li .title {
  display: inline-block;
  width: 80%; }

/*******ipad 横向き*******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .ipad {
    /*.scene-wrapper{
        height: 120vh;
    }*/ }
    .ipad .scene figure img {
      /*width: 100%;*/ }
    .ipad #num01 {
      margin-top: -40vh;
      height: 150vh; }
      .ipad #num01 figure img {
        object-fit: cover;
        height: 150vh;
        width: 100%; }
    .ipad #num02 {
      height: 120vh; }
      .ipad #num02 figure img {
        object-fit: cover;
        height: 130vh;
        width: 100%; }
    .ipad #num03 {
      height: 150vh; }
      .ipad #num03 figure img {
        object-fit: cover;
        height: 200vh;
        width: 100%; }
    .ipad #num04 {
      height: 150vh; }
      .ipad #num04 figure img {
        object-fit: cover;
        height: 200vh;
        width: 100%; }
    .ipad #num05 figure img {
      object-fit: cover;
      height: 100vh;
      width: 100%; } }
/*******ipad 横向き*******/
.gnav-sp .btn-wrapper {
  display: flex;
  margin: 2em auto 1em;
  width: 35%; }
  .gnav-sp .btn-wrapper .btn {
    width: 50%; }

@media (max-width: 768px) {
  .page-fv__title {
    text-align: center; } }

footer .company-name .tel a {
  color: #fff; }

/*******2Kモニター用*******/
@media screen and (min-width: 2600px) {
  #home .news-wrapper {
    margin-top: 0%; }

  .future-fv__shape {
    clip-path: polygon(100% 0, 0% 200%, 100% 100%); } }
/*************TOP***************/
.scene1 .text-box .head, .scene2 .text-box .head, .scene3 .text-box .head, .scene4 .text-box .head, .scene5 .text-box .head {
  line-height: 1.2; }

.scene0 .copy-area .line1 {
  width: 276px; }
.scene0 .copy-area .line2 {
  margin-top: 1.5rem;
  width: 217px; }
.scene0 .copy-area .line3 {
  margin-top: 1.5rem;
  width: 232px; }

@media (max-width: 768px) {
  .scene4 .num-area {
    top: 14%; } }
@media (max-width: 768px) {
  .scene4 .text-box {
    top: 26%; } }

@media (max-width: 768px) {
  .news-wrapper .head-wrapper img {
    width: 74px; } }

.news-wrapper .article-list {
  padding-top: 1em; }

/*************Our Business***************/
.product-card--new .product-card__pic::after {
  content: "NEW"; }

/*************World BENDA***************/
#world #group .movie-btn a {
  text-align: left; }

#world #base .profile {
  padding-right: 4%; }

@media (max-width: 768px) {
  #world #group .movie-btn a span {
    margin-left: 14px; } }

@media (max-width: 768px) {
  #world #intro p {
    text-align: left; } }

/*************one benda***************/
.onebenda-head__title {
  font-size: clamp(32px, 3.8vw, 56px); }

.onebenda-roadmap__text {
  text-align: inherit; }

.onebenda-body__text {
  text-align: left; }

/*************method***************/
.method-about-slider-block__title,
.method-about-slider-block__text {
  text-align: center; }

@media (max-width: 768px) {
  .method-about-slider-block__text {
    line-height: 1.2; } }

/*************Initiatives**************/
.initiative-top__title {
  text-align: center; }

.initiative-section__title {
  font-weight: 100; }
  .initiative-section__title .initiative-section__year span {
    font-weight: 300;
    position: relative; }
    .initiative-section__title .initiative-section__year span::after {
      font-weight: 100;
      font-size: clamp(24px, 3.4vw, 42px);
      font-family: "Inter", sans-serif;
      content: attr(data-text);
      position: absolute;
      top: -26px;
      left: 0; }
      @media (max-width: 768px) {
        .initiative-section__title .initiative-section__year span::after {
          top: -20px; } }

@media (max-width: 768px) {
  .initiative-archives-item__title {
    font-size: 16px;
    line-height: 1.5; } }

/*************company***************/
.profile-fv__heading {
  font-size: clamp(29px, 3.4vw, 47px); }

.profile-greeting {
  padding-top: 0; }

@media (max-width: 768px) {
  .profile-greeting-sign {
    margin-right: auto;
    margin-left: inherit; } }

.profile-method-copy dt {
  font-size: clamp(30px, 4vw, 60px); }

.profile-method-copy--2 {
  display: inherit; }
  .profile-method-copy--2 dd {
    justify-content: flex-end; }
  .profile-method-copy--2 .text {
    color: #000;
    font-size: clamp(30px, 4vw, 60px);
    line-height: 1.2;
    margin-top: 24px; }

/*************visualization***************/
.visualization-function dt {
  padding-left: .5em;
  padding-right: .5em;
  width: calc(100% - 1em); }
  @media (max-width: 768px) {
    .visualization-function dt {
      padding-right: 0;
      padding-left: 0;
      width: 100%; } }

.visualization-system-option__list li {
  text-align: center; }

/*************future***************/
.ipad .future-fv-top__name {
  top: clamp(30px, 30vw, 125px); }

.future-fv-top__name {
  top: clamp(30px, 30vw, 198px);
  right: clamp(30px, 26vw, 396px); }
  .future-fv-top__name .future-fv-nameplate {
    align-items: end;
    text-align: right;
    writing-mode: inherit; }
    .future-fv-top__name .future-fv-nameplate dt {
      border-bottom: none;
      border-left: 1px solid #000; }
      @media (max-width: 768px) {
        .future-fv-top__name .future-fv-nameplate dt {
          font-size: 12px; } }
    .future-fv-top__name .future-fv-nameplate dd:not(.future-fv-nameplate__name) {
      border-right: 1px solid #000; }
    .future-fv-top__name .future-fv-nameplate dd.future-fv-nameplate__name {
      font-size: clamp(24px, 3vw, 44px);
      padding-bottom: 12px; }
      .future-fv-top__name .future-fv-nameplate dd.future-fv-nameplate__name + dd {
        border-top: none; }
        @media (max-width: 768px) {
          .future-fv-top__name .future-fv-nameplate dd.future-fv-nameplate__name + dd {
            font-size: 12px; } }

.future-fv-title__logo {
  max-width: 354px;
  width: 32%; }
  @media (max-width: 768px) {
    .future-fv-title__logo {
      top: -57px;
      width: 210px; } }

@media (max-width: 768px) {
  .future-fv-title__num {
    top: -66px; } }

.future-fv-title__heading {
  font-size: clamp(23px, 3.5vw, 50px); }

.future-text-block p {
  text-indent: inherit; }

.future-footer__text p {
  text-align: right; }
.future-footer__text__caption {
  font-size: clamp(12px, 1vw, 14px); }

/*************philosophy***************/
.philosophy-tagline__text {
  text-align: left;
  margin-top: 2rem;
  max-width: 860px;
  width: 90%; }

.philosophy-tagline-sub__en {
  font-size: clamp(30px, calc(72 / var(--width) * 100vw), 72px);
  font-family: "Inter", sans-serif;
  position: relative; }
  @media (max-width: 768px) {
    .philosophy-tagline-sub__en {
      line-height: 1.25;
      padding-bottom: .5em; } }
  .philosophy-tagline-sub__en::after {
    display: inline-block;
    width: 100%;
    height: clamp(5px, calc(10 / var(--width) * 100vw), 10px);
    background-color: #00d796;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0; }
  .philosophy-tagline-sub__en span {
    color: #d22d25; }
.philosophy-tagline-sub__text {
  margin-top: 2rem; }

.method-about-slider-block__text {
  margin: auto;
  width: 75%; }
  @media (max-width: 768px) {
    .method-about-slider-block__text {
      width: 85%; } }

/********PROJECT BENDA**********/
.project-fv__title {
  line-height: 1.1;
  padding-block-end: 20px; }
  @media (max-width: 768px) {
    .project-fv__title {
      padding-block-end: 10px; } }

.project-text-block p {
  text-indent: inherit; }

.project-2-concept-list__title {
  padding-bottom: .25em; }

/********Active BENDA**********/
.page-fv--active .page-fv__title {
  text-align: center; }

/********Sustainability**********/
.sustainable-compliance-declaration__person li {
  padding: 0 1em; }

/********CONTACT**********/
.contact-block__name {
  text-align: center; }

/********flow delivery**********/
.flow-item__head__title {
  padding: 4px 0;
  text-align: center; }

.flow-item-box {
  place-items: inherit; }

.flow-item-box__feature ol li {
  text-indent: -1.25em;
  padding-left: 2em; }

.flow-item-box__doc-list {
  gap: 0 20px;
  justify-content: flex-start; }

@media (max-width: 768px) {
  .flow-footer__links li {
    text-align: center; } }
@media (max-width: 768px) {
  .flow-footer__links li a {
    padding: 0 1em; } }