#gnavi_r {
  display: none;
}

/*dropdown*/
label[for="localNavigation-btm-accordion"] {
  display: none;
}

.dd-wrap {
  position: relative;
  color: #10a0d0;
}

.drop-down {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  list-style: none;
  bottom: -5.5em;
  left: -80%;
  width: 260%;
  z-index: 99;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
  border-radius: 3px;
}

.drop-down li {
  margin: 0 10px;
  border-bottom: 1px dotted #eee;
}

.drop-down li a {
  padding: 0.5em 0;
  display: block !important;
  font-size: 14px;
}

.dd-wrap:hover .drop-down {
  visibility: visible;
  opacity: 1;
}

.link-item {
  padding: 5px 5px;
}

/*Gナビから寄贈削除*/
#gnavi_ptw-donation,
#gnavi_ir-english {
  display: none;
}

/*20180329 採用情報右側ナビ調整*/
#localNavigation-top ul ul:nth-of-type(4) li:nth-of-type(3),
#localNavigation-btm ul ul:nth-of-type(4) li:nth-of-type(3),
#localNavigation ul ul:nth-of-type(4) li:nth-of-type(3) {
  display: none;
}

#localNavigation-btm {
  display: none;
}

#localNavigation-btm-accordion:checked ~ #localNavigation-btm {
  display: block;
}

#localNavigation-btm-accordion {
  display: none;
}

#localNavigation-btm-accordion + label {
  cursor: pointer;
  color: #10a0d0;
}

#localNavigation-btm-accordion + label::after {
  content: "もっと見る";
}

#localNavigation-btm-accordion + label::before {
  content: "▼";
}

#localNavigation-btm-accordion:checked + label::after {
  content: "閉じる";
}

#localNavigation-btm-accordion:checked + label::before {
  content: "▲";
}

/*id-170210-h */
#ph_header:after,
#GlobalNavigation:after,
#ph_content:after,
#ph_footer:after,
#ph_main:after,
#ph_sub:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}

/* Hides from IE-mac \*/
* html #ph_header,
* html #GlobalNavigation,
* html #ph_content,
* html #ph_footer,
* html #ph_main,
* html #ph_sub {
  height: 1%;
}

#ph_header,
#GlobalNavigation,
#ph_content,
#ph_footer,
#ph_main,
#ph_sub {
  display: block;
}

/* End hide from IE-mac */

/*ヘッダー*/

#head {
  display: table;
  width: 100%;
}

#head a {
  display: block;
}

#head_logo {
  display: table-cell;
  vertical-align: middle;
}

#head .head-link {
  display: flex;
  font-size: 14px;
  padding: 10px;
  justify-content: flex-end;
  align-items: center;
}

span.link-space {
  margin: 0 5px;
}

#gnavi_contact {
  display: none !important;
}

/*カテゴリ見出し*/
#business #ph_content_top > div {
  background-color: #1b77b6 !important;
}

#pr #ph_content_top > div {
  background-color: #cb3a28 !important;
}

#ir #ph_content_top > div {
  background-color: #23994f !important;
}

#ir-english #ph_content_top > div {
  background-color: #23994f !important;
}

#recruit_new #ph_content_top > div,
#recruit #ph_content_top > div {
  background-color: #e89316 !important;
}

/*フッター*/
#footer {
  margin: 0;
  padding: 15px;
  font-size: 14px;
}

#footer .footer_common {
}

#footer .footer_recruit {
  display: none;
}

#footer .footer-cr {
  font-size: 12px;
}

/* 本文 */

#ph_main {
  text-align: left;
}

#ph_main h2 {
}

#ph_main h3 {
}

#LMS_Box .largeBox {
}

#LMS_Box .mediumBox {
}

#LMS_Box .smallBox {
}

/* 大メニュー */
#index .index {
  color: #0000ff;
  cursor: pointer;
}

#index .index_on {
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
}

#ph_main h1,
#localNavigation-top h1,
#ph_main h1,
#localNavigation-btm h1,
#ph_main h1,
#localNavigation h1 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-weight: normal;
  color: #000;
  padding: 8px;
}

#ph_main h2,
#localNavigation-top h2,
#ph_main h2,
#localNavigation-btm h2,
#ph_main h2,
#localNavigation h2 {
  font-size: 24px;
  font-weight: normal;
  color: #000;
  margin: 1em 0 0.2em;
  border-left: 6px solid #1b77b6;
  padding-left: 8px;
}

#ph_main h3,
#localNavigation-top h3,
#ph_main h3,
#localNavigation-btm h3,
#ph_main h3,
#localNavigation h3 {
  font-weight: normal;
  font-size: 22px;
  color: #000;
  margin: 1.2em 0 0.2em 0;
}

#LMS_Box h1 a,
#LMS_Box h2 a,
#LMS_Box h3 a {
  color: #000;
}

#LMS_Box h1 a:hover,
#LMS_Box h2 a:hover,
#LMS_Box h3 a:hover {
  text-decoration: none;
}

/*ページTOP*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}

#page-top a {
  background: rgba(0, 0, 0, 0.8);
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 16px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a:hover {
  text-decoration: none;
  background: #3498db;
}

/*PC*/
@media screen and (min-width: 768px) {
  /*全体*/
  body {
    text-align: center;
    background: #fff;
    overflow-y: scroll;
  }

  #cojpbox {
    margin: 0 auto;
    text-align: left;
    width: 992px;
  }

  /*--レイアウト---------------------------------------------*/

  /*メイン*/
  #ph_content {
    text-align: center;
    margin: 0;
    padding: 20px 0;
  }

  #ph_footer {
    padding: 0;
    margin: 0;
    background: #f6f7f8;
    margin: 0 calc(50% - 50vw);
  }

  /*-----------------------------------------------*/

  /*カラムレイアウト*/
  #col1 #ph_main {
    margin: 0 15px;
    text-align: left;
  }

  #col2_r #ph_main {
    float: left;
    text-align: left;
    background: #fff;
    float: left;
    width: 712px;
    padding: 0 16px;
    box-sizeing: border-box;
    margin: 0 0 0 16px;
  }

  #col2_r #ph_sub {
    float: right;
    width: 216px;
    margin: 0 16px 0 0;
    text-align: left;
  }

  #col2_l #ph_main {
    float: right;
    text-align: left;
    width: 712px;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 0 16px 0 0;
  }

  #col2_l #ph_sub {
    float: left;
    width: 216px;
    margin: 0 0 0 16px;
    text-align: left;
  }

  #col3 #ph_side {
    float: left;
    width: 160px;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #col3 #ph_main {
    float: left;
    text-align: left;
    width: 485px;
    margin-left: 4px;
  }

  #col3 #ph_sub {
    float: right;
    width: 190px;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  /*-----------------------------------------------*/

  /*ナビゲーション*/
  #naviMenu {
    margin: 0 0 15px 10px;
  }

  #naviMenu ul {
    margin: 0;
  }

  #naviMenu li {
    float: left;
    list-style: none;
    margin: 0 3em 0 0;
  }

  #ph_main h1 {
    margin-top: 0;
    border-bottom: 1px solid #454545;
  }

  /*グローバルナビゲーション*/
  #GlobalNavigation {
    padding: 10px 0;
    margin: 0;
    display: none;
  }

  #GlobalNavigation li {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 10px;
    font-size: 14px;
    float: left;
  }

  #GlobalNavigation li a {
    padding: 5px 10px;
    display: block;
    cursor: pointer;
    color: #454545;
  }

  #GlobalNavigation li a:hover {
    color: #10a0d0;
    text-decoration: none;
  }

  #GlobalNavigation li a.current:link,
  #GlobalNavigation li a.current:visited {
    color: #00a8ff !important;
  }

  #GlobalNavigation #gnavi_contact {
    float: right;
    margin-right: 15px;
    font-size: 14px;
    font-weight: normal;
  }

  #head .head-link a {
    display: inline;
  }

  /*inner popup v2*/
  #innerPopup_base {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 999999;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(
      top,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(0, 0, 0, 0.5)),
      color-stop(100%, rgba(0, 0, 0, 0.5))
    );
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    /* IE10+ */
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0);
    /* IE6-8 */
  }

  #innerPopup_BoxTD {
    width: 100%;
    height: 100%;
  }

  #innerPopup_topBAR {
    text-align: right;
    height: 32px;
    padding: 0;
    margin-top: -32px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(
      top,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(0, 0, 0, 0.75)),
      color-stop(100%, rgba(0, 0, 0, 0.75))
    );
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      top,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      top,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    /* Opera 11.10+ */
    background: -ms-linear-gradient(
      top,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    /* IE10+ */
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#bf000000', GradientType=0);
    /* IE6-8 */
    z-index: 1000001;
    width: 100%;
  }

  #innerPopup_FrameBox {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    z-index: 1000002;
    max-height: 80%;
    max-width: 80%;
  }

  #innerPopup_FrameDiv {
    height: 100%;
    width: 100%;
    background-color: #fff;
    text-align: center;
    z-index: 1000002;
  }

  #innerPopup_Frame {
    border: 0;
    frameborder: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    z-index: 1000002;
  }

  #innerPopup_topBARbox {
    margin: 0 5px;
    padding-top: 1px;
  }

  #innerPopup_topBAR img {
    cursor: pointer;
  }

  /*カテゴリ見出し*/
  #ph_content_top div {
    height: 50px !important;
    overflow: hidden;
    background-size: auto 50px !important;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }

  /*本文*/

  /* PR/IR */
  #localNavigation-top,
  #localNavigation-btm,
  #localNavigation {
    /*width: 180px;*/
    margin: 0;
  }

  #localNavigation-top ul li a,
  #localNavigation-btm ul li a,
  #localNavigation ul li a {
    padding: 15px 0;
    display: block;
    cursor: pointer;
    color: #454545;
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
  }
  .localNavigation + li > a {
    border-top: 1px solid #d8d8d8;
  }

  #localNavigation-top ul li a:hover,
  #localNavigation-btm ul li a:hover,
  #localNavigation ul li a:hover {
    color: #00a8ff;
    text-decoration: none;
    border-bottom: 1px solid #454545;
  }

  #localNavigation-top ul li a.current:link,
  #localNavigation-top
    ul
    li
    a.current:visited
    #localNavigation-btm
    ul
    li
    a.current:link,
  #localNavigation-btm
    ul
    li
    a.current:visited
    #localNavigation
    ul
    li
    a.current:link,
  #localNavigation ul li a.current:visited {
    color: #00a8ff !important;
  }

  #localNavigation-top ul ul,
  #localNavigation-btm ul ul,
  #localNavigation ul ul {
    margin: 0;
    padding: 0;
  }

  #localNavigation-top ul li,
  #localNavigation-btm ul li,
  #localNavigation ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
  }

  #localNavigation-top ul ul li,
  #localNavigation-btm ul ul li,
  #localNavigation ul ul li {
    font-size: 14px !important;
    list-style: url(/%7e/media/Images/Common/icon/icon_next_s2.ashx?h=8);
    margin-left: 20px;
  }

  #localNavigation-top ul ul li a,
  #localNavigation-btm ul ul li a,
  #localNavigation ul ul li a {
    border: none !important;
  }

  #localNavigation-top ul ul li a:before,
  #localNavigation-btm ul ul li a:before,
  #localNavigation ul ul li a:before {
    content: url("%7e/media/Images/Common/icon/icon_next_s2?w=8&h=8");
    margin-right: 3px;
    position: relative;
  }

  #contentsContainer {
    margin-left: 210px;
  }
}

/*スマホ*/
@media screen and (max-width: 767px) {
  /*カラムレイアウト*/
  #ph_main {
    margin: 0 15px;
  }

  #ph_sub {
    position: relative;
  }

  #ph_side {
  }

  ul#GlobalNavigation {
    background: #e2e2e2;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
  }

  #GlobalNavigation li {
    list-style-type: none;
    padding: 0;
    margin: 0px;
    font-size: 14px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  #GlobalNavigation li a {
    padding: 8px 6px;
    display: block;
    cursor: pointer;
    color: #454545;
    line-height: 13px;
  }

  #gnavi_home {
    display: none !important;
  }

  #head_logo img {
    width: 116px;
  }

  #ph_content_top div {
    height: 50px !important;
    overflow: hidden;
    background-size: auto 50px !important;
  }

  /*ローカルナビ*/

  #localNavigation-top,
  #localNavigation-btm,
  #localNavigation {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }

  #localNavigation-top,
  #localNavigation-btm,
  #localNavigation ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    padding: 0;
    margin: 0;
  }

  #localNavigation-top ul li,
  #localNavigation-btm ul li,
  #localNavigation ul li {
    float: none;
    position: static;
    margin: 0;
    padding: 0;
  }

  #ph_sub #localNavigation-top ul li a,
  #ph_sub #localNavigation-btm ul li a,
  #ph_sub #localNavigation ul li a {
    width: 100%;
    display: block;
    color: #454545;
    padding: 18px;
  }

  #ph_sub #localNavigation-top > ul > li a,
  #ph_sub #localNavigation-btm > ul > li a,
  #ph_sub #localNavigation > ul > li a {
    font-weight: bold;
  }

  /* Toggle Button */
  #nav-toggle {
    display: block;
    position: absolute;
    right: 12px;
    top: -38px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
  }

  #nav-toggle div {
    position: relative;
  }

  #nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
  }

  #nav-toggle span:nth-child(1) {
    top: 0;
  }

  #nav-toggle span:nth-child(2) {
    top: 11px;
  }

  #nav-toggle span:nth-child(3) {
    top: 22px;
  }

  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
    -webkit-transform: translateY(11px) rotate(-45deg);
    transform: translateY(11px) rotate(-45deg);
  }

  .open #nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  .open #nav-toggle span:nth-child(3) {
    -webkit-transform: translateY(-11px) rotate(45deg);
    transform: translateY(-11px) rotate(45deg);
  }

  /* #localNavigation スライドアニメーション */
  .open #localNavigation-top,
  .open #localNavigation-btm,
  .open #localNavigation {
    height: auto;
    z-index: 99;
  }

  /*モーダルウィンドウ*/
  .ismodal_only_mob #modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*z-index: 10;*/
    background-color: rgba(0, 0, 0, 0.75);
  }

  /*ヘッダーサブリンク*/
  #ph_header .head-link {
    display: none;
  }

  #ph_footer .head-link {
    display: block;
    background: #e2e2e2;
    text-align: center;
    padding: 10px 0;
    margin: 20px 0 0 0;
  }

  #ph_footer .head-link a {
    color: #454545;
  }

  /*本文*/
  #ph_main h1 {
    margin: 0;
    padding-left: 0;
    font-size: 21px;
    font-weight: 500;
  }

  #ph_main h2 {
    font-size: 18px;
    margin: 2em 0 1em 0;
    position: relative;
  }

  #ph_main h2:before {
    content: "";
    display: block;
    border-top: 1px solid #000;
    position: absolute;
    top: -20px;
    left: -8px;
    height: 1px;
    width: 100%;
  }

  #ph_main > h2:first-child {
    margin-top: 1em;
  }

  #ph_main > h2:first-child:before {
    border: none;
  }

  /*IR-SRバナー*/
  #bn-srGenII {
    display: table;
    width: 100%;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding-bottom: 20px;
    margin-top: 20px;
  }

  #bn-srGenII p {
    display: table-cell;
  }

  #bn-srGenII p img {
    width: 100%;
    max-width: 154px;
    height: auto;
  }
}

/* 202206 renew */
html > body ul.corp-header__navi ul,
ul.corp-header__navi ul,
ul.corp-header__navi ul li {
  margin: 0;
}

@media (min-width: 769px) {
  .is-sp {
    display: none;
  }
}

@media (max-width: 768px) {
  .is-pc {
    display: none;
  }
}

#home,
#business,
#pr,
#ir {
  overflow: hidden;
}

.js_modal-body {
  height: 100vh;
  overflow: hidden;
}

#corp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 15px;
}

.navbar_toggle {
  display: none;
}

.corp-header__navi {
  margin: 0;
  background: #fff;
  border-left: 1px solid #e3e3e3;
}

.corp-header__navi > li {
  list-style: none;
  width: 9em;
  margin: 0;
  font-size: 16px;
  text-align: center;
}

@media (min-width: 769px) {
  .corp-header__navi {
    display: flex;
  }

  .corp-header__navi > li {
    border-right: 1px solid #e3e3e3;
  }
}

@media (max-width: 768px) {
  #corp-header {
    padding: 0 15px 0 5px;
  }

  .navbar_toggle {
    display: block;
    z-index: 9999;
    width: 7%;
  }

  .navbar_toggle_icon {
    position: relative;
    display: flex;
    height: 4px;
    width: 100%;
    background: #000;
    transition: ease 0.5s;
    border-radius: 20px;
    justify-content: center;
  }

  .navbar_toggle_icon:nth-child(1) {
    top: 0;
  }

  .navbar_toggle_icon:nth-child(2) {
    margin: 4px 0;
  }

  .navbar_toggle_icon:nth-child(3) {
    top: 0;
  }

  .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 8px;
    transform: rotate(45deg);
  }

  .navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
    transform: translateY(-50%);
    opacity: 0;
  }

  .navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
    top: -8px;
    transform: rotate(-45deg);
  }

  .corp-header__navi {
    position: fixed;
    z-index: 1000;
    top: 60px;
    left: 100vw;
    transition: ease 0.5s;
  }

  .corp-header__navi.open {
    left: 0%;
  }

  .corp-header__navi.open::after {
    content: "";
    position: absolute;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  .corp-header__navi > li {
    box-sizing: border-box;
    width: 100vw;
    padding: 1.25em 2em;
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
  }
}

.corp-header__navi a {
  color: #222;
}

.corp-header__navi .external::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 0.5em;
  margin-bottom: -1px;
  background: url(-/media/Images/cojp/common/icon/icon-open) center / contain
    no-repeat;
  filter: brightness(0.5);
}

.corp-header__navi .drop-list::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 0.5em;
  margin-bottom: 3px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  transform: rotate(45deg);
}

@media (max-width: 768px) {
  .corp-header__navi .drop-list {
    position: relative;
  }

  .corp-header__navi .drop-list::after {
    position: absolute;
    top: calc(20px + 0.4em);
    right: 2em;
  }
}

.corp-header__navi .drop-list > ul {
  list-style: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;

  /* padding: 0.2em 1em; */
  font-size: 13px;
  text-align: center;
}

.corp-header__navi .drop-list > ul > li {
  padding: 0.8em 0;
  font-size: 16px;
  margin: 0 15px;
}

.corp-header__navi .drop-list > ul > li:not(:last-of-type) {
  border-bottom: 1px dashed #b4b4b4;
}

.corp-header__navi .drop-list .sub-list li {
  list-style: none;
  padding: 0.5em 0;
  font-size: 13px;
}

@media (min-width: 769px) {
  .corp-header__navi .drop-list > ul {
    position: absolute;
    z-index: 99;
    top: 4em;
    transform: translateX(-15%);
    width: 200px;
    background: #f6f7f8;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }

  .corp-header__navi .drop-list:hover > ul {
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .corp-header__navi .drop-list > ul {
    display: none;
    height: 0;
  }

  .corp-header__navi .drop-list.active > ul {
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto;
  }
}

.corp-header__link a {
  display: block;
  background-color: #0096de;
  background-image: url(-/media/Images/cojp/common/icon/icon-open);
  background-position: 4.5em center;
  background-size: 11px;
  background-repeat: no-repeat;
  border-radius: 20px;
}

.corp-header__link a:hover {
  opacity: 0.6;
}

.corp-header__link a::before {
  content: "製品情報";
  padding: 0 2.2em 0 1.2em;
  color: #fff;
  font-size: 13px;
  line-height: 2;
}

#ph_content_top {
  display: none;
}

.corp-header__title {
  width: 100vw;
  height: 50px;
  margin: 0 calc(50% - 50vw);
}

.corp-header__title::before {
  display: block;
  max-width: 970px;
  margin: auto;
  padding: 0 10px;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: 50px;
}

#business .corp-header__title {
  background: linear-gradient(90deg, #1b77b6, #0097ff);
}

#business .corp-header__title::before {
  content: "企業情報";
}

#pr .corp-header__title {
  background: linear-gradient(90deg, #cb3a28, #ff1c00);
}

#pr .corp-header__title::before {
  content: "プレスリリース";
}

#ir .corp-header__title,
#ir-english .corp-header__title {
  background: linear-gradient(90deg, #23994f, #96df00);
}

#ir .corp-header__title::before,
#ir-english .corp-header__title::before {
  content: "IR情報";
}

#sustainability .corp-header__title {
  background: linear-gradient(90deg, #00b58c, #00de9d);
}

#sustainability .corp-header__title::before {
  content: "サステナビリティ";
}

#localNavigation-top ul ul li,
#localNavigation-btm ul ul li,
#localNavigation ul ul li {
  list-style: none;
  width: 8em;
  padding-left: 1em;
  margin: auto;
}

#localNavigation-top ul ul li a,
#localNavigation-btm ul ul li a,
#localNavigation ul ul li a {
  text-align: left;
}

@media screen and (max-width: 767px) {
  #localNavigation-top ul ul li,
  #localNavigation-btm ul ul li,
  #localNavigation ul ul li {
    width: auto;
  }

  #sustainability .corp-header__title::before {
    font-size: 19px;
  }
}

/* 202504 */
