/*========================================================================
* /assets/styles/styles.css内のクラス名とコンフリクトしないようにクラスの命名規則として”必ず”prefixを付けてください。
* （例：prefixを”hoge”とした場合”exampleClass”というクラスを作りたいなら、頭に”hoge”を付けて”hoge-exampleClass”とする）
========================================================================*/

/* フォント設定ここまで */

/* 2分割 */

.right_content,
.left_content {
  display: inline-block;
  vertical-align: text-top;
}

@media screen and (min-width: 737px) {
  .right_content,
  .left_content {
    width: 49%;
  }
}

@media screen and (max-width: 736px) {
  .right_content,
  .left_content {
    width: 100%;
  }
}

/* 2分割  flex*/
.txFlexWrapper{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.txFlexWrapper div{
  width: 50%;
}

@media screen and (max-width: 736px){
  .txFlexWrapper{
    flex-direction: column;
  }

  .txFlexWrapper div{
    width: 100%;
  }
}

/* 4分割  flex*/
.txGridWrapper{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  align-items: center;
  gap: 12px;
}

.txGridWrapper div{
  width: 100%;
}

@media screen and (max-width: 736px){
  .txGridWrapper{
    grid-template-columns: minmax(100%, 1fr);
    grid-template-rows: auto;
  }
}

/*----------
 20231020 Youtube動画追加
------------------------------*/
.txFlexWrapper iframe{
width:100%;
height: 295px;
}

.txFlexWrapper .iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.txFlexWrapper .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------
 201013 追加
------------------------------*/
/*----------  モビリティ案2つ目  ----------*/
.txMob_headLine1 {
  position: relative;
  padding: 0.5em;
  border-radius: 1em 0 0 1em;
  background: linear-gradient(175deg, #ccc 15%, #fcfcfc 45%, #fff);
}

.txMob_headLine1 * span:nth-child(2) {
  color: #b79f22;
}

.txMob_headLine1 > * {
  display: block;
  padding: 0.25em 0.5em;
  border-radius: 0.5em 0 0 0.5em;
  background-color: #fff;
}

.txMob_section {
  position: relative;
  margin-top: -50px;
  margin-bottom: 50px;
}

.txMob_section::before {
  position: absolute;
  right: -80px;
  bottom: -50px;
}

.txMob_section.concept::before {
  content: url(/files/mobility/template/icon_concept.png);
}

.txMob_section.challenges::before {
  content: url(/files/mobility/template/icon_challenges.png);
}

.txMob_section.solution::before {
  content: url(/files/mobility/template/icon_solution.png);
}

.txMob_section.technology::before {
  content: url(/files/mobility/template/icon_technology.png);
}

@media all and (max-width: 736px) {
  .contents_main .section {
    overflow: hidden;
  }
}

.txMob_section_inner {
  min-height: 50px;
  margin-top: -20px;
  padding-top: 10px;
  background-color: #fff;
}

.txMob_section_inner * {
  position: relative;
  z-index: 2;
}

/*----------  モビリティ index  ----------*/
.mapping {
  width: 100%;
  height: 791px;
}

.rect_map {
  fill: #fff;
  fill-opacity: 0;
}

a:hover .rect_map {
  fill-opacity: 0.8;
}

.network_map svg {
  background: url(/files/mobility/index/map_salesoffice.jpg) no-repeat center;
  background-size: contain;
}

.txMob_index_list {
  display: flex;
  flex-wrap: wrap;
}

.txMob_index_list li {
  width: 48%;
  margin-top: -200px;
  padding-top: 220px;
  margin-right: 2%;
}

.txMob_index_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  background-color: #ccc;
  font-size: 3em;
  color: inherit;
}

.txMob_index_list li a:hover {
  opacity: 1;
}

/*---------- 201013 追加　ここまで -----------*/

/* 開発研究所（HPPC イノベーションセンター）用 */

.txheadLine1,
.txheadLine2 {
  margin: 50px 0 30px;
  font-weight: 700;
}

.txheadLine1:before,
.txheadLine2:before,
.txheadLine3:before {
  content: "";
  position: absolute;
  display: block;
  background: #f37217;
  left: 0;
}

.txheadLine1 {
  position: relative;
  padding-left: 25px;
  font-size: 1.875rem;
  line-height: 1.5;
}

.txheadLine1:before {
  top: 0;
  bottom: 0;
  width: 5px;
  border-radius: 5px;
}

.txheadLine2 {
  padding-bottom: 12px;
  border-bottom: 3px solid #e5e5e5;
  font-size: 1.375rem;
  line-height: 1.5;
  position: relative;
}

.txheadLine2:before {
  bottom: -3px;
  width: 30%;
  max-width: 260px;
  height: 3px;
  background: #f37217;
}

.txheadLine3:before {
  width: 14px;
  height: 4px;
  border-radius: 4px;
  top: 0.7em;
}

.txheadLine3 {
  position: relative;
  padding: 0 0 10px 25px;
  line-height: 1.5;
  border-bottom: 1px dotted #aaa;
  margin: 50px 0 30px;
  font-size: 1.375rem;
  font-weight: 700;
}

/*----------
 20230315 追加 モビリティ製品ページ群
------------------------------*/

/* 各カテゴリ見出し */
.txMob_headLineChal:before {
  bottom: -3px;
  width: 30%;
  max-width: 260px;
  height: 3px;
  background: #e51410;
}

.txMob_headLineSol:before {
  bottom: -3px;
  width: 30%;
  max-width: 260px;
  height: 3px;
  background: #49b824;
}

.txMob_headLineTech:before {
  bottom: -3px;
  width: 30%;
  max-width: 260px;
  height: 3px;
  background: #3b9dd9;
}

.txMob_spanChal,
.txMob_spanSol,
.txMob_spanTech {
  margin-left: 0.5em;
}

.txMob_spanChal {
  color: #e51410;
}

.txMob_spanSol {
  color: #49b824;
}

.txMob_spanTech {
  color: #3b9dd9;
}

/* 製品トップカテゴリ用 */
/* フレックス（画像と文字の順序をスマホで反転） */
.txMob_flexWrap {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  gap: 2em;
}

.txMob_flexWrap div {
  width: 50%;
}

@media screen and (max-width: 735px) {
  .txMob_flexWrap {
    flex-direction: column-reverse;
    gap: 1em;
  }

  .txMob_flexWrap div {
    width: 100%;
  }

  .txMob_flexWrap img {
    width: 100%;
  }
}

/* 技術情報内、文字色水色の見出し */
.txMob_h3Tech {
  font-size: 20px;
  color: #3b9dd9;
}

.txMob_h3Tech::before {
  display: none;
}

/* 技術情報内、ボックスの中の見出し */
.txMob_borderNone {
  display: flex;
  align-items: center;
  border: none;
  margin-top: 0.5em;
  margin-left: 0.3em;
  margin-bottom: 0;
  font-size: 20px;
}

/* 技術情報内、影付きボックス */
/* boxShadowのwrap */
.txMob_boxShadowWrap {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 16px;
  margin-top: 1em;
}

@media screen and (max-width: 735px) {
  .txMob_boxShadowWrap {
    flex-direction: column;
  }
}

.txMob_boxShadow {
  display: flex;
  justify-content: center;
  box-shadow: 2px 5px 3px 3px #c1c1c1;
  width: 50%;
  height: 100%;
  padding-bottom: 1em;
}

@media screen and (max-width: 735px) {
  .txMob_boxShadow {
    width: 100%;
  }
}

.txMob_boxShadowInner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  height: 100%;
}

/* 影付き内ボックステキスト */
.txMob_boxShadowTexts {
  width: 70%;
}

/* 影付きボックス内の文字色水色 */
.txMob_boxShadowSpan {
  font-size: 18px;
  font-weight: bold;
  color: #3b9dd9;
}

/* 影付きボックス内画像 */
.txMob_boxShadowImg {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* グラフ画像を調整 */
.txMob_graphImages {
  display: flex;
  justify-content: center;
  align-items: center;
}

.txMob_graphImages div {
  width: 50%;
}

.txMob_graphImages img {
  display: block;
}

@media screen and (max-width: 735px) {
  .txMob_graphImages {
    flex-direction: column;
  }

  .txMob_graphImages div {
    width: 75%;
  }
}

/*----------
 20230403 追加 モビリティ特設サイトブログ用
------------------------------*/
.txMob_blogProductLink {
  text-decoration: none;
  margin-top: 36px;
}

.txMob_blogHeaderIcon {
  text-align: center;
}

.txMob_blogSectMargin {
  margin-top: 60px;
}

.txMob_blogHeaderWord {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.txMob_blogHeadChal {
  color: #e51410;
}

.txMob_blogHeadSol {
  color: #49b824;
}

.txMob_blogHeadPro {
  color: #0e2e92;
}

.txMob_blogHeadAno {
  color: #333333;
}

.txMob_blogHeadGrid {
  display: grid;
  grid-template-columns: 5fr 2fr 5fr;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.txMob_blogHeadGridPro {
  grid-template-columns: 4fr 2fr 4fr;
}

.txMob_blogHeadGridAno {
  grid-template-columns: 1fr 5fr 1fr;
}

.txMob_blogHeadBar {
  height: 3px;
}

.txMob_blogHeadBarChal {
  background-color: #e51410;
}

.txMob_blogHeadBarSol {
  background-color: #49b824;
}

.txMob_blogHeadBarPro {
  background-color: #0e2e92;
}

.txMob_blogHeadBarAno {
  background-color: #333333;
}

.txMob_blogMainText {
  font-size: 15px;
}

.txMob_blogMainTextPro {
  text-align: center;
  font-size: 15px;
}

.txMob_blogMainImgGrid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 37px;
}

.txMob_blogProductBox {
  display: flex;
  width: 100%;
  height: auto;
  padding: 20px;
  flex-direction: row;
  align-items: center;
  border-top: 2px dotted #acacac;
}

.txMob_blogProductLast {
  border-bottom: 2px dotted #acacac;
}

.txMob_blogProductImg {
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.txMob_blogProductLeft {
  width: 20%;
}

.txMob_blogProductRight {
  width: 80%;
}

.txMob_blogCategory {
  font-size: 14px;
  font-weight: bold;
}

.txMob_blogCategory img {
  margin-right: 4px;
}

.txMob_blogCategoryHounetsu {
  color: #f85151;
}

.txMob_blogCategoryEmc {
  color: #f85198;
  margin-left: 4px;
}

.txMob_blogCategoryKeiryo {
  color: #ca6ddd;
  margin-left: 4px;
}

.txMob_blogCategoryGap {
  color: #f67433;
}

.txMob_blogCategoryGlue {
  color: #51a5f8;
}

.txMob_blogProductName {
  color: #0e2e92;
  font-weight: bold;
  font-size: 20px;
  margin-top: -2px;
  margin-bottom: -8px;
}

.txMob_blogProductCatch {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 8px;
  color: #333333;
}

.txMob_blogProductUse {
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
  background-color: #868991;
  text-align: center;
  vertical-align: middle;
}

.txMob_blogTopLink {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #333333;
  margin: 0 auto;
  margin-top: 45px;
  width: 70%;
  padding: 16px 20px;
  border-radius: 90px;
  text-align: center;
  transition: all 0.4s;
}

.txMob_blogTopLink span {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-left: 2em;
}

.txMob_blogTopLink img {
  margin-left: 2em;
}

.txMob_blogCategoryTaika {
  color: #5a55db;
}

.txMob_blogCategoryBattery {
  color: #c5ba1e;
}

@media (hover: hover) {
  .txMob_blogProductLink:hover .txMob_blogProductBox {
    background-color: #e5e5e5;
  }

  .txMob_blogTopLink:hover {
    box-shadow: inset 10px 5px 5px #e5e5e5;
  }
}

@media screen and (max-width: 735px) {
  .txMob_blogHeadGrid {
    grid-template-columns: 3fr 5fr 3fr;
  }

  .txMob_blogHeadGridAno {
    grid-template-columns: 1fr 6fr 1fr;
  }

  .txMob_blogHeaderWord {
    font-size: 24px;
  }

  .txMob_blogMainImgGrid {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 1em;
  }

  .txMob_blogMainImgGrid img {
    display: block;
    width: 100%;
  }

  .txMob_blogProductBox {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }

  .txMob_blogProductLeft {
    width: 100%;
    height: 150px;
  }

  .txMob_blogProductRight {
    width: 100%;
  }

  .txMob_blogProductName {
    font-size: 17px;
    margin-top: 6px;
    margin-bottom: -4px;
  }

  .txMob_blogProductUse {
    margin-top: 4px;
  }

  .txMob_blogProductImg {
    width: 100%;
    height: 150px;
  }

  .category_banner {
    display: block;
    width: 100%;
  }

  .txMob_blogTopLink {
    width: 100%;
    padding: 6px 20px;
  }
}

/*---------------
	230821追加 pvcブログ用テンプレート
------------------------------*/
.tx_blog_grid {
  display: flex;
  width: 100%;
  height: auto;
  gap: 2%;
  flex-wrap: wrap;
  margin-top: 1em;
  text-align: center;
}

.grid_item {
  display: flex;
  flex-direction: column;
  width: calc(95% / 3);
}

.grid_item img {
  width: 100%;
  display: block;
  aspect-ratio: 1.3875;
  object-fit: contain;
}

@media screen and (max-width: 736px) {
  .tx_blog_grid {
    flex-direction: column;
    gap: 2em;
  }
  .grid_item {
    width: 100%;
  }
}

.tx_header_wrapper {
  width: 69%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 1em auto 0;
}

.tx_pvbList {
  width: 89%;
}

.tx_texts {
  font-size: 14px;
}

.tx_blogHeader_wrapper .tx_texts {
  display: flex;
}

.tx_text_wrap {
  display: inline-block;
}

.tx_blogHeader_wrapper .tx_texts strong {
  white-space: nowrap;
}

@media screen and (max-width: 736px) {
  .tx_header_wrapper {
    width: 96%;
    align-items: baseline;
    margin-top: 8px;
  }
  .tx_headline {
    width: 20px;
  }
  .tx_texts {
    display: flex;
    flex-direction: column;
    font-size: 14px;
  }
}

/*---------------
	スライダー
------------------------------*/
.slider {
  position: relative;
  z-index: 1;
}

/*矢印の設定*/
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 3;
  top: 50%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  border-top: 4px solid #333;
  /*矢印の色*/
  border-right: 4px solid #333;
  /*矢印の色*/
  height: 25px;
  width: 25px;
  transition: 0.5s;
  opacity: 0;
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: -2.5%;
  transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: -2.5%;
  transform: rotate(45deg);
}

.slider:hover .slick-prev {
  left: 2.5%;
  opacity: 1;
}

.slider:hover .slick-next {
  right: 2.5%;
  opacity: 1;
}

/*ドットナビゲーションの設定*/
.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -70px 0 0 0;
  /*ドットの位置*/
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  /*ドットボタンのサイズ*/
  height: 8px;
  /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #fff;
  /*ドットボタンの色*/
}

.slick-dots .slick-active button {
  background: #333;
  /*ドットボタンの現在地表示の色*/
}

/*---------------------------------------
*****************************************
 20230427 OPEN INNOVATION ページCSS 追加
*****************************************
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
以下はお手を触れないようにお気を付けください
（間違えて削除などすることのないように！！！）
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-----------------------------------------*/

#open_innovation ._sectionHeading_1r3mi_7 {
  position: relative;
  z-index: 1;
}
@media (min-width: 738px) {
  #open_innovation ._sectionHeading_1r3mi_7 {
    min-height: 289px;
    padding-left: 345px;
    padding-top: 30px;
    margin-left: calc(100px + var(--oi-container-margin));
  }
}
@media (max-width: 737px) {
  #open_innovation ._sectionHeading_1r3mi_7 {
    padding: 0 30px;
  }
}
#open_innovation ._sectionHeading_1r3mi_7 ._mainTitle_1r3mi_24 {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 0.9189189189;
}
@media (min-width: 738px) {
  #open_innovation ._sectionHeading_1r3mi_7 ._mainTitle_1r3mi_24 {
    font-size: 74px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._sectionHeading_1r3mi_7 ._mainTitle_1r3mi_24 {
    font-size: 40px;
    margin-top: 20px;
    word-break: keep-all;
    max-width: 360px;
  }
  #open_innovation ._sectionHeading_1r3mi_7 ._mainTitle_1r3mi_24 > br {
    display: none;
  }
}
#open_innovation ._sectionHeading_1r3mi_7 ._subTitle_1r3mi_47 {
  display: block;
  font-weight: 900;
}
@media (min-width: 738px) {
  #open_innovation ._sectionHeading_1r3mi_7 ._subTitle_1r3mi_47 {
    font-size: 22px;
    margin-top: 20px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._sectionHeading_1r3mi_7 ._subTitle_1r3mi_47 {
    font-size: 18px;
    margin-top: 10px;
  }
  #open_innovation ._sectionHeading_1r3mi_7 ._subTitle_1r3mi_47:lang(en) {
    font-size: 15px;
    line-height: 1.1333333333;
  }
}
@media (min-width: 738px) {
  #open_innovation ._decoration_1r3mi_68 {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 737px) {
  #open_innovation ._decoration_1r3mi_68 {
    text-align: center;
  }
}
#open_innovation ._decoration_1r3mi_68 > svg {
  stroke-dasharray: 550%;
  stroke-dashoffset: 550%;
}
@media (max-width: 737px) {
  #open_innovation ._decoration_1r3mi_68 > svg > path {
    stroke-width: 4;
  }
}
#open_innovation ._decoration_1r3mi_68 > svg[data-loaded="true"] {
  animation: _line-anim_1r3mi_1 1s forwards cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 738px) {
  #open_innovation ._decoration_1r3mi_68 > svg {
    width: 303px;
    height: 289px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._decoration_1r3mi_68 > svg {
    width: 100px;
    height: 95px;
  }
}
@keyframes _line-anim_1r3mi_1 {
  from {
    stroke-dashoffset: 550%;
  }
  to {
    stroke-dashoffset: 0%;
  }
}
#open_innovation ._caseItem_1ipf1_7 {
  display: flex;
}
@media (min-width: 738px) {
  #open_innovation ._caseItem_1ipf1_7 {
    gap: 86px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._caseItem_1ipf1_7 {
    display: flex;
    flex-direction: column-reverse;
  }
}
#open_innovation ._caseItem_1ipf1_7 dt {
  font-weight: 700;
  line-height: 1.6;
}
#open_innovation ._caseItem_1ipf1_7 dt:lang(en) {
  line-height: 1.125;
}
@media (min-width: 738px) {
  #open_innovation ._caseItem_1ipf1_7 dt {
    font-size: 32px;
    word-break: keep-all;
  }
  #open_innovation ._caseItem_1ipf1_7 dt:lang(en) {
    font-size: 36px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._caseItem_1ipf1_7 dt {
    font-size: 24px;
    margin-top: 30px;
  }
  #open_innovation ._caseItem_1ipf1_7 dt:lang(en) {
    font-size: 28px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._caseItem_1ipf1_7 dd {
    margin-top: 40px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._caseItem_1ipf1_7 dd {
    margin-top: 30px;
  }
}
#open_innovation ._picture_1ipf1_56 {
  flex: none;
}
@media (min-width: 738px) {
  #open_innovation ._picture_1ipf1_56 > img {
    width: 540px;
  }
  #open_innovation ._picture_1ipf1_56 > img._-radius-right-top_1ipf1_63 {
    border-radius: 0 80px 0 0;
  }
  #open_innovation ._picture_1ipf1_56 > img._-radius-left-top_1ipf1_66 {
    border-radius: 80px 0 0 0;
  }
}
@media (max-width: 737px) {
  #open_innovation ._picture_1ipf1_56 > img._-radius-right-top_1ipf1_63 {
    border-radius: 0 50px 0 0;
  }
  #open_innovation ._picture_1ipf1_56 > img._-radius-left-top_1ipf1_66 {
    border-radius: 50px 0 0 0;
  }
}
@media (min-width: 738px) {
  #open_innovation ._case_z2ipg_8 {
    padding-top: 300px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._case_z2ipg_8 {
    padding-top: 120px;
  }
}
#open_innovation ._caseItems_z2ipg_17 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 738px) {
  #open_innovation ._caseItems_z2ipg_17 {
    gap: 80px;
    padding: 0 calc(80px + var(--oi-container-margin));
    margin-top: 74px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._caseItems_z2ipg_17 {
    padding: 0 var(--oi-container-margin);
    gap: 60px;
    margin-top: 60px;
  }
}
#open_innovation ._firstView_1j02y_7 {
  position: relative;
}
@media (min-width: 738px) {
  #open_innovation ._firstView_1j02y_7 {
    height: 723px;
    background-image: url(/files/mic/open_innovation/asset.firstview__pc.jpg);
    background-size: cover;
  }
}
@media (max-width: 737px) {
  #open_innovation ._firstView_1j02y_7 {
    height: 745px;
    background-image: url(/files/mic/open_innovation/asset.firstview__sp.jpg);
    background-size: cover;
  }
}
#open_innovation ._heading_1j02y_24 {
  background-color: var(--oi-color-body);
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 100px 0 0 0;
}
@media (min-width: 738px) {
  #open_innovation ._heading_1j02y_24 {
    height: 501px;
    width: calc(557px + var(--oi-container-margin));
    padding: 45px 36px 129px 70px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._heading_1j02y_24 {
    height: 295px;
    padding: 40px 36px 20px 49px;
  }
}
#open_innovation ._heading_1j02y_24 > ._subTitle_1j02y_44 {
  display: block;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--oi-color-ui-secondary);
}
@media (min-width: 738px) {
  #open_innovation ._heading_1j02y_24 > ._subTitle_1j02y_44 {
    font-size: 40px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._heading_1j02y_24 > ._subTitle_1j02y_44 {
    font-size: 24px;
  }
}
#open_innovation ._heading_1j02y_24 > ._mainTitle_1j02y_62 {
  display: block;
  line-height: 0.8823529412;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (min-width: 738px) {
  #open_innovation ._heading_1j02y_24 > ._mainTitle_1j02y_62 {
    font-size: 85px;
    margin-top: 20px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._heading_1j02y_24 > ._mainTitle_1j02y_62 {
    font-size: 50px;
    margin-top: 20px;
  }
}
#open_innovation ._heading_1j02y_24 > ._jaTitle_1j02y_81 {
  display: block;
  font-weight: 900;
  line-height: 1.4166666667;
}
@media (min-width: 738px) {
  #open_innovation ._heading_1j02y_24 > ._jaTitle_1j02y_81 {
    margin-top: 32px;
    font-size: 24px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._heading_1j02y_24 > ._jaTitle_1j02y_81 {
    margin-top: 20px;
    font-size: 13px;
  }
}
#open_innovation ._langSelector_1j02y_98 {
  position: absolute;
  left: var(--oi-container-margin);
  display: flex;
}
@media (min-width: 738px) {
  #open_innovation ._langSelector_1j02y_98 {
    bottom: 20px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._langSelector_1j02y_98 {
    top: 20px;
    left: 20px;
  }
}
#open_innovation ._langSelector_1j02y_98 > li {
  list-style-type: none;
}
#open_innovation ._langSelector_1j02y_98 > li:not(:first-child)::before {
  content: "\30fb";
  padding: 0 10px;
}
#open_innovation ._langSelector_1j02y_98 > li > a {
  display: inline-block;
  position: relative;
  font-weight: 900;
  line-height: 1.6875;
  padding: 0.1em 0.2em;
}
#open_innovation ._langSelector_1j02y_98 > li > a::before {
  content: "";
  position: absolute;
  display: block;
  visibility: hidden;
  height: 2px;
  width: 100%;
  background-color: currentColor;
  left: 0;
  bottom: 0;
}
#open_innovation ._langSelector_1j02y_98 > li > a:hover {
  color: #505050;
}
#open_innovation ._langSelector_1j02y_98 > li > a._is-current_1j02y_142 {
  pointer-events: none;
}
#open_innovation ._langSelector_1j02y_98 > li > a._is-current_1j02y_142::before {
  visibility: visible;
}
#open_innovation ._langSelector_1j02y_98 > li > a[hreflang="en"] {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (min-width: 738px) {
  ._flow_oqaqh_8 {
    padding-top: 300px;
    padding-bottom: 120px;
  }
}
@media (max-width: 737px) {
  ._flow_oqaqh_8 {
    padding-top: 120px;
  }
}
._container_oqaqh_19 {
  position: relative;
}
@media (min-width: 738px) {
  ._container_oqaqh_19 {
    width: calc(100% - var(--oi-container-margin) - 130px);
    overflow: hidden;
    margin-top: -84px;
    padding-top: 42px;
  }
}
@media (max-width: 737px) {
  ._container_oqaqh_19 {
    margin-right: var(--oi-container-margin);
    padding-top: 15px;
    margin-top: 40px;
  }
}
._eyecatch_oqaqh_38 {
  position: relative;
}
._eyecatch_oqaqh_38 > img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 737px) {
  ._eyecatch_oqaqh_38 > img {
    max-height: 158px;
    border-radius: 0 100px 0 0;
  }
}
@media (min-width: 738px) {
  ._eyecatch_oqaqh_38 > img {
    max-height: 543px;
    border-radius: 0 200px 0 0;
  }
}
._content_oqaqh_58 {
  background-color: #fff;
}
@media (min-width: 738px) {
  ._content_oqaqh_58 {
    padding: 50px 100px 140px calc(100px + var(--oi-container-margin));
  }
}
@media (max-width: 737px) {
  ._content_oqaqh_58 {
    padding: 60px 20px;
  }
}
._numbering_oqaqh_72 {
  position: absolute;
  z-index: 1;
}
@media (min-width: 738px) {
  ._numbering_oqaqh_72 {
    top: 0px;
    right: 25px;
  }
}
@media (max-width: 737px) {
  ._numbering_oqaqh_72 {
    top: 0px;
    right: 0px;
  }
}
._contentHead_oqaqh_89 {
  max-width: 817px;
}
._contentHead_oqaqh_89 > h3 {
  font-weight: 700;
}
._contentHead_oqaqh_89 > h3:lang(en) {
  line-height: 1.125;
}
@media (min-width: 738px) {
  ._contentHead_oqaqh_89 > h3 {
    font-size: 32px;
  }
  ._contentHead_oqaqh_89 > h3:lang(en) {
    font-size: 36px;
    padding-right: 5em;
  }
}
@media (max-width: 737px) {
  ._contentHead_oqaqh_89 > h3 {
    font-size: 24px;
  }
}
@media (min-width: 738px) {
  ._contentHead_oqaqh_89 > p {
    margin-top: 30px;
  }
}
@media (max-width: 737px) {
  ._contentHead_oqaqh_89 > p {
    margin-top: 45px;
  }
}
._column_oqaqh_123 {
  display: grid;
}
@media (min-width: 738px) {
  ._column_oqaqh_123 {
    gap: 40px;
    margin-top: 80px;
  }
  ._column_oqaqh_123._-col-3_oqaqh_131 {
    grid-template-columns: repeat(3, 1fr);
  }
  ._column_oqaqh_123._-col-2_oqaqh_134 {
    grid-template-columns: repeat(2, 1fr);
  }
  ._column_oqaqh_123._-flex_oqaqh_137 {
    display: flex;
  }
}
@media (max-width: 737px) {
  ._column_oqaqh_123 {
    gap: 30px;
    margin-top: 40px;
  }
}
._pictureGroup_oqaqh_148 {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
._pictureGroup_oqaqh_148 > figure {
  margin-top: 0 !important;
}
._buttonWrapper_oqaqh_156 {
  margin-top: 30px;
}
#open_innovation ._numbering_dhu1m_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  color: var(--oi-color-text-invert);
}
@media (min-width: 738px) {
  #open_innovation ._numbering_dhu1m_7 {
    width: 180px;
    height: 180px;
    font-size: 45px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 737px) {
  #open_innovation ._numbering_dhu1m_7 {
    width: 75px;
    height: 75px;
    font-size: 18px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
  }
}
#open_innovation ._numbering_dhu1m_7::before,
#open_innovation ._numbering_dhu1m_7::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
}
#open_innovation ._numbering_dhu1m_7::before {
  background-color: var(--oi-color-ui-secondary);
  z-index: -2;
}
@media (min-width: 738px) {
  #open_innovation ._numbering_dhu1m_7::before {
    left: -61px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._numbering_dhu1m_7::before {
    left: -25px;
  }
}
#open_innovation ._numbering_dhu1m_7::after {
  background-color: var(--oi-color-ui-primary);
  z-index: -1;
}
#open_innovation ._flowTextItem_1mb9o_7 {
  display: flex;
  flex-direction: column;
}
#open_innovation ._flowTextItem_1mb9o_7 > dt {
  font-weight: 700;
  line-height: 1.4;
  flex-grow: 1;
  display: flex;
  align-items: center;
  word-break: keep-all;
  background-image: linear-gradient(var(--oi-color-ui-primary), var(--oi-color-ui-primary));
  background-size: 6px 100%;
  background-repeat: no-repeat;
}
#open_innovation ._flowTextItem_1mb9o_7 > dt:lang(en) {
  line-height: 1.2272727273;
}
@media (min-width: 738px) {
  #open_innovation ._flowTextItem_1mb9o_7 > dt {
    padding-left: 26px;
    font-size: 24px;
  }
  #open_innovation ._flowTextItem_1mb9o_7 > dt:lang(en) {
    display: flex;
    align-items: center;
    font-size: 22px;
    min-height: 3.6818181818em;
  }
}
@media (max-width: 737px) {
  #open_innovation ._flowTextItem_1mb9o_7 > dt {
    padding-left: 26px;
    font-size: 20px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._flowTextItem_1mb9o_7 > dd {
    margin-top: 30px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._flowTextItem_1mb9o_7 > dd {
    margin-top: 20px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._flowTextItem_1mb9o_7._-row_1mb9o_54 {
    align-items: flex-start;
    flex-direction: row;
    gap: 40px;
    grid-column: 1/3;
  }
  #open_innovation ._flowTextItem_1mb9o_7._-row_1mb9o_54 > * {
    flex-basis: 50%;
  }
  #open_innovation ._flowTextItem_1mb9o_7._-row_1mb9o_54 > dt:lang(en) {
    min-height: 0;
  }
  #open_innovation ._flowTextItem_1mb9o_7._-row_1mb9o_54 > dd {
    margin-top: -0.4em;
  }
}
#open_innovation ._flowTextItem_1mb9o_7._-row_1mb9o_54 > dt:lang(en),
#open_innovation ._flowTextItem_1mb9o_7:first-of-type:last-of-type > dt:lang(en) {
  min-height: 0;
}
@media (max-width: 737px) {
  #open_innovation ._flowPictureItem_1cdgb_8:not(:first-of-type) {
    margin-top: -10px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._flowPictureItem_1cdgb_8 > img {
    aspect-ratio: 315/165;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-mb-right-top_1cdgb_16 {
    border-radius: 0 50px 0 0;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-mb-left-top_1cdgb_19 {
    border-radius: 50px 0 0 0;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-mb-right-bottom_1cdgb_22 {
    border-radius: 0 0 50px 0;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-mb-left-bottom_1cdgb_25 {
    border-radius: 0 0 0 50px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._flowPictureItem_1cdgb_8 > img {
    aspect-ratio: 488/220;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-right-top_1cdgb_33 {
    border-radius: 0 80px 0 0;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-left-top_1cdgb_36 {
    border-radius: 80px 0 0 0;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-right-bottom_1cdgb_39 {
    border-radius: 0 0 80px 0;
  }
  #open_innovation ._flowPictureItem_1cdgb_8 > img._-radius-left-bottom_1cdgb_42 {
    border-radius: 0 0 0 80px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._flowPictureItem_1cdgb_8 > figcaption {
    margin-top: 24px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._flowPictureItem_1cdgb_8 > figcaption {
    margin-top: 30px;
  }
}
#open_innovation ._arrowLink_67sd0_7 {
  display: inline-flex;
  align-items: center;
  text-align: center;
}
#open_innovation ._arrowLink_67sd0_7 > ._text_67sd0_12 {
  position: relative;
  display: inline-block;
  font-weight: 700;
  padding: 0 0.1em;
  top: -0.3em;
  line-height: 2;
}
@media (max-width: 737px) {
  #open_innovation ._arrowLink_67sd0_7 > ._text_67sd0_12 {
    font-size: 18px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._arrowLink_67sd0_7 > ._text_67sd0_12 {
    font-size: 20px;
  }
}
#open_innovation ._arrowLink_67sd0_7 > ._text_67sd0_12::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--oi-color-ui-primary);
}
#open_innovation ._arrowLink_67sd0_7 > ._arrow_67sd0_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--oi-color-ui-primary);
  border-radius: 100%;
  border: 3px solid transparent;
  transition-timing-function: cubic-bezier(0, 0.89, 0.86, 1);
  transition-duration: 0.3s;
  transition-property: border-color, background-color;
}
@media (max-width: 737px) {
  #open_innovation ._arrowLink_67sd0_7 > ._arrow_67sd0_7 {
    width: 50px;
    height: 50px;
    margin-right: 20px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._arrowLink_67sd0_7 > ._arrow_67sd0_7 {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
}
#open_innovation ._arrowLink_67sd0_7 > ._arrow_67sd0_7::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.347%22%20height%3D%2214.451%22%20viewBox%3D%220%200%209.347%2014.451%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209%22%20transform%3D%22translate(-2.983%202.121)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208%22%20transform%3D%22translate(5.104%200)%20rotate(45)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_5%22%20data-name%3D%22%E7%B7%9A%205%22%20x2%3D%227.218%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_6%22%20data-name%3D%22%E7%B7%9A%206%22%20x2%3D%227.218%22%20transform%3D%22translate(7.218%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
#open_innovation a._arrowLink_67sd0_7:hover > ._arrow_67sd0_7 {
  border-color: var(--oi-color-ui-primary);
  background-color: #fff;
}
#open_innovation a._arrowLink_67sd0_7:hover > ._arrow_67sd0_7::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.347%22%20height%3D%2214.451%22%20viewBox%3D%220%200%209.347%2014.451%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209%22%20transform%3D%22translate(-2.983%202.121)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208%22%20transform%3D%22translate(5.104%200)%20rotate(45)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_5%22%20data-name%3D%22%E7%B7%9A%205%22%20x2%3D%227.218%22%20fill%3D%22none%22%20stroke%3D%22%23004ea2%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_6%22%20data-name%3D%22%E7%B7%9A%206%22%20x2%3D%227.218%22%20transform%3D%22translate(7.218%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23004ea2%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
#open_innovation ._circlePanel_1y12r_7 {
  overflow: hidden;
}
#open_innovation ._circlePanel_1y12r_7._-radius-left-top_1y12r_10 {
  border-radius: 100px 0 0 0;
}
#open_innovation ._circlePanel_1y12r_7._-radius-right-bottom_1y12r_13 {
  border-radius: 0 0 100px 0;
}
@media (min-width: 738px) {
  #open_innovation ._circlePanel_1y12r_7 {
    width: max(583px, 46.3396778917vw);
  }
}
#open_innovation ._number_1y12r_21 {
  position: absolute;
  z-index: 1;
}
@media (min-width: 738px) {
  #open_innovation ._number_1y12r_21 {
    right: 70px;
    top: -66px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._number_1y12r_21 {
    right: 20px;
    top: -14px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._picture_1y12r_38 > img {
    height: 374px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
#open_innovation ._content_1y12r_44 {
  background-color: rgba(255, 255, 255, 0.8);
  transition: 1s 1.6s background-color;
}
@media (min-width: 738px) {
  #open_innovation ._content_1y12r_44 {
    padding: 40px 80px 80px calc(60px + var(--oi-container-margin));
  }
}
@media (max-width: 737px) {
  #open_innovation ._content_1y12r_44 {
    padding: 38px 20px 60px;
  }
}
#open_innovation :where([data-loaded="true"]) ._content_1y12r_44 {
  background-color: white;
}
@media (min-width: 738px) {
  #open_innovation ._circlePanel_1y12r_7._-right_1y12r_62 ._content_1y12r_44 {
    padding: 40px calc(60px + var(--oi-container-margin)) 80px 80px;
  }
}
#open_innovation ._heading_1y12r_66 {
  font-weight: 700;
  line-height: 1.6;
}
#open_innovation ._heading_1y12r_66:lang(en) {
  line-height: 1.125;
}
@media (min-width: 738px) {
  #open_innovation ._heading_1y12r_66 {
    font-size: 32px;
  }
  #open_innovation ._heading_1y12r_66:lang(en) {
    font-size: 36px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._heading_1y12r_66 {
    font-size: 24px;
  }
  #open_innovation ._heading_1y12r_66:lang(en) {
    font-size: 28px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._text_1y12r_90 {
    margin-top: 40px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._text_1y12r_90 {
    margin-top: 45px;
  }
}
#open_innovation ._list_1y12r_99 {
  margin-top: 40px;
}
#open_innovation ._list_1y12r_99 > li {
  display: flex;
  align-items: flex-start;
  font-weight: 700;
  line-height: 1.5;
}
#open_innovation ._list_1y12r_99 > li:lang(en) {
  line-height: 1.2272727273;
}
@media (min-width: 738px) {
  #open_innovation ._list_1y12r_99 > li {
    font-size: 20px;
  }
  #open_innovation ._list_1y12r_99 > li:lang(en) {
    font-size: 22px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._list_1y12r_99 > li {
    font-size: 16px;
  }
}
#open_innovation ._list_1y12r_99 > li + li {
  margin-top: 13px;
}
#open_innovation ._list_1y12r_99 > li::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.2em;
  width: 35px;
  height: 35px;
  margin-right: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_13534%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2013534%22%20transform%3D%22translate(-217)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_330%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20330%22%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%2217.5%22%20transform%3D%22translate(217)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M304.4%2C7041.206l6.095%2C6.514%2C13.215-12.474%22%20transform%3D%22translate(-79.556%20-7023.78)%22%20fill%3D%22none%22%20stroke%3D%22%23004ea2%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  flex: none;
}
@media (min-width: 738px) {
  #open_innovation ._circle_pzzxs_8 {
    position: relative;
    padding-top: 66px;
  }
}
#open_innovation ._bgLine_pzzxs_13 {
  margin-top: 114px;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  --progress: min(1, (var(--scroll-y) - (var(--vh) * -0.7) - var(--trigger-start-y)) / (var(--trigger-end-y) - var(--trigger-start-y)));
}
@media (max-width: 737px) {
  #open_innovation ._bgLine_pzzxs_13 {
    display: none;
  }
}
#open_innovation ._bgLine_pzzxs_13 > svg {
  width: 1176px;
  height: 1589px;
  margin-left: 26px;
}
#open_innovation ._bgLine_pzzxs_13 > svg path {
  stroke-dasharray: 880%;
  stroke-dashoffset: calc(880% * (1 - var(--progress, 0)));
  transition: 3.7s cubic-bezier(0.19, 1, 0.22, 1);
}
#open_innovation ._bgLine_pzzxs_13 > svg path:nth-of-type(2) {
  transition-duration: 3.8s;
  transition-delay: 0.04s;
}
#open_innovation ._sectionHeading_pzzxs_44 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-weight: 700;
  line-height: 1;
  padding: 32px 42px;
  background-color: var(--oi-color-body);
}
@media (min-width: 738px) {
  #open_innovation ._sectionHeading_pzzxs_44 {
    font-size: 60px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._sectionHeading_pzzxs_44 {
    font-size: 32px;
  }
}
#open_innovation ._section_pzzxs_44 {
  position: relative;
  display: flex;
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44 {
    overflow: hidden;
    flex-direction: column;
  }
}
#open_innovation ._section_pzzxs_44 ._panelWrapper_pzzxs_73 {
  position: relative;
  z-index: 1;
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(1) {
    height: 1053px;
  }
  #open_innovation ._section_pzzxs_44:nth-of-type(1):lang(en) {
    height: 1094px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(1) ._sectionHeadingWrapper_pzzxs_86 > svg {
    position: absolute;
    top: 52px;
    left: -200px;
    width: 293px;
    stroke-dasharray: 50%;
    stroke-dashoffset: 50%;
  }
}
@keyframes _circle-line-anim1_pzzxs_1 {
  from {
    stroke-dashoffset: 50%;
  }
  to {
    stroke-dashoffset: 0%;
  }
}
#open_innovation ._section_pzzxs_44:nth-of-type(1) ._sectionHeadingWrapper_pzzxs_86[data-loaded="true"] > svg {
  animation: _circle-line-anim1_pzzxs_1 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(1) ._sectionHeadingWrapper_pzzxs_86 ._sectionHeading_pzzxs_44 {
    position: absolute;
    top: calc(114px - 1.1em);
    left: calc(50% + 24px);
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(1) ._sectionHeadingWrapper_pzzxs_86 ._sectionHeading_pzzxs_44 {
    padding-left: 114px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(1) ._panelWrapper_pzzxs_73 {
    margin-right: var(--oi-container-margin);
  }
}
#open_innovation ._section_pzzxs_44:nth-of-type(2) {
  justify-content: flex-end;
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(2) {
    margin-top: -533px;
    height: 966px;
  }
  #open_innovation ._section_pzzxs_44:nth-of-type(2):lang(en) {
    margin-top: -673px;
    height: 1094px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(2) ._sectionHeadingWrapper_pzzxs_86 {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(2) ._sectionHeadingWrapper_pzzxs_86 > svg {
    display: block;
    position: absolute;
    top: -22px;
    width: 736px;
    stroke-dasharray: 140%;
    stroke-dashoffset: 140%;
  }
}
@keyframes _circle-line-anim2_pzzxs_1 {
  from {
    stroke-dashoffset: 140%;
  }
  to {
    stroke-dashoffset: 0%;
  }
}
#open_innovation ._section_pzzxs_44:nth-of-type(2) ._sectionHeadingWrapper_pzzxs_86[data-loaded="true"] > svg {
  animation: _circle-line-anim2_pzzxs_1 3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(2) ._sectionHeadingWrapper_pzzxs_86 ._sectionHeading_pzzxs_44 {
    position: absolute;
    top: 670px;
    right: calc(50% + 80px);
  }
  #open_innovation ._section_pzzxs_44:nth-of-type(2) ._sectionHeadingWrapper_pzzxs_86 ._sectionHeading_pzzxs_44:lang(en) {
    top: 740px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(2) ._sectionHeadingWrapper_pzzxs_86 ._sectionHeading_pzzxs_44 {
    display: inline-block;
    padding: 50px 20px;
    z-index: 1;
    position: relative;
  }
}
#open_innovation ._section_pzzxs_44:nth-of-type(2) ._panelWrapper_pzzxs_73 {
  position: relative;
  z-index: 1;
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(2) ._panelWrapper_pzzxs_73 {
    padding-left: var(--oi-container-margin);
  }
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._sectionHeadingWrapper_pzzxs_86 {
    width: 100%;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._sectionHeadingWrapper_pzzxs_86 > svg {
    position: absolute;
    bottom: 22px;
    left: 200px;
    width: 293px;
    stroke-dasharray: 157%;
    stroke-dashoffset: 157%;
  }
}
@keyframes _circle-line-anim3_pzzxs_1 {
  from {
    stroke-dashoffset: 157%;
  }
  to {
    stroke-dashoffset: 0%;
  }
}
#open_innovation ._section_pzzxs_44:nth-of-type(3) ._sectionHeadingWrapper_pzzxs_86[data-loaded="true"] > svg {
  animation: _circle-line-anim3_pzzxs_1 1.6s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
#open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 {
  position: relative;
  display: inline-block;
  background-color: var(--oi-color-body);
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 {
    padding: 32px 42px;
    left: calc(50% - 10px);
    margin-top: 110px;
  }
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217:lang(en) {
    margin-top: 90px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 {
    padding-left: 40px;
    margin-top: 50px;
  }
}
#open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._main_pzzxs_238 {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._main_pzzxs_238 {
    font-size: 60px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._main_pzzxs_238 {
    font-size: 32px;
  }
}
#open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._sub_pzzxs_256 {
  display: block;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 738px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._sub_pzzxs_256 {
    font-size: 32px;
  }
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._sub_pzzxs_256:lang(en) {
    font-size: 22px;
    line-height: 1.2272727273;
    margin-top: 0.2em;
  }
}
@media (max-width: 737px) {
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._sub_pzzxs_256 {
    font-size: 22px;
  }
  #open_innovation ._section_pzzxs_44:nth-of-type(3) ._complete_pzzxs_217 > ._sub_pzzxs_256:lang(en) {
    margin-top: 0.2em;
    max-width: 9em;
    font-size: 15px;
  }
}
#open_innovation ._information_1asw7_7 {
  padding-bottom: 60px;
}
@media (min-width: 738px) {
  #open_innovation ._information_1asw7_7 {
    padding-top: 300px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._information_1asw7_7 {
    padding-top: 120px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._content_1asw7_21 {
    display: flex;
    gap: 86px;
    padding: 0 calc(80px + var(--oi-container-margin));
    margin-top: 60px;
  }
  #open_innovation ._content_1asw7_21 > * {
    flex: 1;
  }
}
@media (max-width: 737px) {
  #open_innovation ._content_1asw7_21 {
    padding: 0 var(--oi-container-margin);
    margin-top: 30px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._detail_1asw7_38 {
    margin-top: 30px;
  }
}
#open_innovation ._detail_1asw7_38 > dt {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 20px;
  line-height: 2.38;
}
@media (min-width: 738px) {
  #open_innovation ._detail_1asw7_38 > dd {
    font-size: 18px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._detail_1asw7_38 > dd {
    font-size: 16px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._detail_1asw7_38 > dd + dt {
    margin-top: 60px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._detail_1asw7_38 > dd + dt {
    margin-top: 30px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._introduction_pqbqd_8 {
    display: flex;
    padding: 160px 0;
    gap: 86px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._introduction_pqbqd_8 {
    padding: 80px 0 40px;
  }
}
#open_innovation ._picture_pqbqd_19 {
  flex: none;
}
#open_innovation ._picture_pqbqd_19 > img {
  border-radius: 0 100px 100px 0;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 738px) {
  #open_innovation ._picture_pqbqd_19 > img {
    width: calc(640px + var(--oi-container-margin));
    height: 648px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._picture_pqbqd_19 > img {
    width: calc(100% - var(--oi-container-margin));
    height: 350px;
  }
}
#open_innovation ._heading_pqbqd_38 {
  font-weight: 700;
  line-height: 1.4;
}
#open_innovation ._heading_pqbqd_38:lang(en) {
  line-height: 1.125;
}
@media (min-width: 738px) {
  #open_innovation ._heading_pqbqd_38 {
    font-size: 40px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._heading_pqbqd_38 {
    font-size: 26px;
  }
  #open_innovation ._heading_pqbqd_38:lang(en) {
    font-size: 36px;
  }
}
@media (min-width: 738px) {
  #open_innovation ._texts_pqbqd_59 {
    max-width: 540px;
  }
  #open_innovation ._texts_pqbqd_59 > p {
    margin-top: 40px;
  }
  #open_innovation ._texts_pqbqd_59 > p + p {
    margin-top: 2em;
  }
}
@media (max-width: 737px) {
  #open_innovation ._texts_pqbqd_59 {
    padding: 0 var(--oi-container-margin);
    margin-top: 40px;
  }
  #open_innovation ._texts_pqbqd_59 > p {
    margin-top: 40px;
  }
  #open_innovation ._texts_pqbqd_59 > p + p {
    margin-top: 2em;
  }
}
#open_innovation ._reservation_e7ouu_7 {
  background-size: cover;
}
@media (min-width: 738px) {
  #open_innovation ._reservation_e7ouu_7 {
    background-image: url(/files/mic/open_innovation/asset.reservation__bg.jpg);
  }
}
@media (max-width: 737px) {
  #open_innovation ._reservation_e7ouu_7 {
    display: flex;
    flex-direction: column;
    background-image: url(/files/mic/open_innovation/asset.reservation__bg-sp.jpg);
    aspect-ratio: 375/240;
  }
}
#open_innovation ._heading_e7ouu_23 {
  color: var(--oi-color-text-invert);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (min-width: 738px) {
  #open_innovation ._heading_e7ouu_23 {
    font-size: 54px;
    line-height: 1;
    padding: 30px calc(51px + var(--oi-container-margin)) 144px;
  }
}
@media (max-width: 737px) {
  #open_innovation ._heading_e7ouu_23 {
    font-size: 22px;
    padding: 15px var(--oi-container-margin) 94px;
  }
}
#open_innovation a._clickArea_e7ouu_42 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--oi-color-ui-primary);
  text-align: center;
  color: var(--oi-color-text-invert);
  transition-timing-function: cubic-bezier(0, 0.89, 0.86, 1);
  transition-duration: 0.3s;
  transition-property: color, background-color;
}
#open_innovation a._clickArea_e7ouu_42:hover {
  transition-timing-function: cubic-bezier(0, 0.89, 0.86, 1);
  transition-duration: 0.3s;
  transition-property: color, background-color;
}
@media (max-width: 737px) {
  #open_innovation a._clickArea_e7ouu_42 {
    padding: 25px 0;
    margin-top: auto;
  }
}
@media (min-width: 738px) {
  #open_innovation a._clickArea_e7ouu_42 {
    padding: 40px 0;
  }
}
#open_innovation a._clickArea_e7ouu_42 > ._text_e7ouu_69 {
  position: relative;
  display: inline-block;
  font-weight: 700;
  padding: 0 0.1em;
  top: -0.3em;
  line-height: 2;
}
@media (max-width: 737px) {
  #open_innovation a._clickArea_e7ouu_42 > ._text_e7ouu_69 {
    font-size: 20px;
  }
  #open_innovation a._clickArea_e7ouu_42 > ._text_e7ouu_69:lang(en) {
    font-size: 15px;
    line-height: 1.1333333333;
    max-width: 174px;
    text-align: left;
    white-space: nowrap;
  }
}
@media (min-width: 738px) {
  #open_innovation a._clickArea_e7ouu_42 > ._text_e7ouu_69 {
    font-size: 30px;
  }
}
#open_innovation a._clickArea_e7ouu_42 > ._text_e7ouu_69::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: currentColor;
}
@media (max-width: 737px) {
  :lang(en) #open_innovation a._clickArea_e7ouu_42 > ._text_e7ouu_69::before {
    bottom: -0.5em;
  }
}
#open_innovation a._clickArea_e7ouu_42 > ._arrow_e7ouu_109 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: currentColor;
  border-radius: 100%;
}
@media (max-width: 737px) {
  #open_innovation a._clickArea_e7ouu_42 > ._arrow_e7ouu_109 {
    width: 50px;
    height: 50px;
    margin-right: 20px;
  }
}
@media (min-width: 738px) {
  #open_innovation a._clickArea_e7ouu_42 > ._arrow_e7ouu_109 {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
}
#open_innovation a._clickArea_e7ouu_42 > ._arrow_e7ouu_109::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.347%22%20height%3D%2214.451%22%20viewBox%3D%220%200%209.347%2014.451%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209%22%20transform%3D%22translate(-2.983%202.121)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208%22%20transform%3D%22translate(5.104%200)%20rotate(45)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_5%22%20data-name%3D%22%E7%B7%9A%205%22%20x2%3D%227.218%22%20fill%3D%22none%22%20stroke%3D%22%23004ea2%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_6%22%20data-name%3D%22%E7%B7%9A%206%22%20x2%3D%227.218%22%20transform%3D%22translate(7.218%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23004ea2%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
#open_innovation ._clickArea_e7ouu_42:hover {
  background-color: #fff;
  color: var(--oi-color-ui-primary);
}
#open_innovation ._clickArea_e7ouu_42:hover > ._arrow_e7ouu_109 {
  background-color: var(--oi-color-ui-primary);
}
#open_innovation ._clickArea_e7ouu_42:hover > ._arrow_e7ouu_109::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.347%22%20height%3D%2214.451%22%20viewBox%3D%220%200%209.347%2014.451%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209%22%20transform%3D%22translate(-2.983%202.121)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208%22%20transform%3D%22translate(5.104%200)%20rotate(45)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_5%22%20data-name%3D%22%E7%B7%9A%205%22%20x2%3D%227.218%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_6%22%20data-name%3D%22%E7%B7%9A%206%22%20x2%3D%227.218%22%20transform%3D%22translate(7.218%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
:root {
  position: relative;
}
body {
  position: relative;
  padding-top: 0 !important;
  overflow: scroll;
}
#open_innovation {
  font-family: "YakuHanJPs", "Zen Kaku Gothic New", sans-serif;
  font-display: swap;
  color: var(--oi-color-text);
  letter-spacing: 0.01em;
  margin: 0;
}
@media (min-width: 738px) {
  #open_innovation {
    font-size: 18px;
  }
}
@media (max-width: 737px) {
  #open_innovation {
    font-size: 16px;
  }
}
#open_innovation:lang(en) {
  font-family: "Poppins", sans-serif;
  word-break: keep-all;
  line-height: 1.58;
  letter-spacing: -0.02em;
}
@media (min-width: 738px) {
  #open_innovation:lang(en) {
    font-size: 17px;
  }
}
@media (max-width: 737px) {
  #open_innovation:lang(en) {
    font-size: 14px;
    line-height: 1.57;
  }
}
#open_innovation h1,
#open_innovation h2,
#open_innovation h3,
#open_innovation h4,
#open_innovation h5,
#open_innovation h6 {
  font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif;
  line-height: 1.4;
}
#open_innovation dl {
  margin-top: 0;
}
#open_innovation a {
  color: inherit;
  text-decoration: none;
}
#open_innovation a:hover {
  opacity: inherit;
  transition: none;
}
#open_innovation figure {
  margin: 0;
}
@media (min-width: 738px) {
  #open_innovation {
    font-size: 18px;
  }
}
@media (max-width: 737px) {
  #open_innovation {
    font-size: 16px;
  }
}
@media (max-width: 737px) {
  .u-mobile-hidden {
    display: none;
  }
}
@media (min-width: 738px) {
  .u-desktop-hidden {
    display: none;
  }
}
:root {
  --oi-color-body: #fdfbf2;
  --oi-rgb-body: 253, 251, 242;
  --oi-color-text: #000000;
  --oi-rgb-text: 0, 0, 0;
  --oi-color-text-invert: #ffffff;
  --oi-rgb-text-invert: 255, 255, 255;
  --oi-color-ui-secondary: #ff7200;
  --oi-rgb-ui-secondary: 255, 114, 0;
  --oi-color-ui-primary: #004ea2;
  --oi-rgb-ui-primary: 0, 78, 162;
}
#open_innovation.oi-l-content {
  position: relative;
  background-color: var(--oi-color-body);
}
@media (min-width: 738px) {
  #open_innovation.oi-l-content {
    --oi-content-margin: max(20px, ((var(--vw, 100vw) * 100 - 1200px) / 2));
    --oi-container-margin: max(20px, ((var(--vw, 100vw) * 100 - 1366px) / 2));
    margin-top: 15px;
    margin: 15px calc(var(--oi-content-margin) * -1) 0;
    padding-bottom: 240px;
  }
}
@media (max-width: 737px) {
  #open_innovation.oi-l-content {
    --oi-content-margin: 10px;
    --oi-container-margin: 20px;
    margin-left: calc(var(--oi-content-margin) * -1);
    margin-right: calc(var(--oi-content-margin) * -1);
  }
}