@charset "Shift_JIS";
/* Updated 2022/03/16.T */
/* header */
.aboutus-globalNav {
  display: block;
}
.aboutus-globalDropList,
.aboutus-globalDropWrap {
  display: none;
}
/* aboutus top */
.aboutus-titleBackground01 > .inner > .body::before {
  background: url(/aboutus/imgs/cmn_bg_title_01_webp.jpg) center 50%/cover no-repeat;
}
/* diversity */
.aboutus-decoImg {
  margin: 50px 0;
  padding: 0 0 10px;
  border-bottom: 1px dashed #004831;
}
.aboutus-decoImg * {
  text-align: left;
}
/* support */
.aboutus-linkBnr {
  position: relative;
  text-align: center;
}
.aboutus-linkBnr > .body > .inner {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.aboutus-linkBnr > .body > .inner::after {
  content: url(/aboutus/sustainability/imgs/arw2_wh.png);
  position: relative;
  top: 3px;
  left: 10px;
}
/* topics */
.aboutus-contentTopics > .inner > .section-block01 {
  padding-bottom: 70px;
  border-bottom: 1px solid #d5dedb;
}
/* kengaku */
.aboutus-textReport {
  padding: 12px 0;
}
/* equator */
.aboutus-iconChk {
  vertical-align: -3px;
  width: 25px;
}
@media screen and (min-width: 768px) {
  /* header */
  .aboutus-globalDropPanelList {
    width: 100%;
    padding: 30px 0 30px 20px;
  }
  .aboutus-globalDropPanelList:not(:first-child) {
    margin: 0;
  }
  .aboutus-globalDropPanelList > .list > .item,
  .aboutus-globalDropPanelList > .list > .item:nth-child(odd) {
    width: 22.5%;
    margin: 10px 0 0 24px;
  }
  /* aboutus top */
  .aboutus-titleBackground01 > .inner > .body .text {
    width: calc(11em + 60px);
  }
  /* kengaku */
  .aboutus-textReport {
    height: 145px;
  }
}
@media screen and (max-width: 767px) {
  /* layout */
  ._sp-flexbox {
    display: flex;
    flex-wrap: wrap;
  }
  ._sp-order1 {
    order: 1;
    margin: 0 0 4vw;
  }
  ._sp-order2 {
    order: 2;
  }
  ._sp-order3 {
    order: 3;
  }
  /* btn */
  .aboutus-spEnlargeSwitchWrap {
    position: relative;
  }
  .aboutus-spEnlargeSwitcBtn {
    display: block;
    position: absolute;
    bottom: -50px;
    right: 5px;
    width: 44px;
    height: 44px;
  }
  /* header */
  #global-nav.aboutus-globalNav > .inner > .list > .item:nth-child(1) {
    width: 17%;
  }
  #global-nav.aboutus-globalNav > .inner > .list > .item:nth-child(2) {
    width: 28%;
  }
  #global-nav.aboutus-globalNav > .inner > .list > .item:nth-child(3) {
    width: 17%;
  }
  #global-nav.aboutus-globalNav > .inner > .list > .item:last-child {
    width: 38%;
  }
  #global-nav.aboutus-globalNav > .aboutus-globalDrop > .aboutus-globalDropWrap > .aboutus-globalDropPanelList > .list > .item {
    width: 100%;
  }
  #global-nav.aboutus-globalNav > .inner > .list > .item > a,
  #global-nav.aboutus-globalNav > .inner > .list > .item > button {
    min-height: 57px;
    align-items: center;
  }
  #global-nav.aboutus-globalNav > .inner > .list > .item > a[class*=glyph],
  #global-nav.aboutus-globalNav > .inner > .list > .item > button[class*=glyph] {
    padding: 0;
  }
  #global-nav.aboutus-globalNav > .inner > .list > .item > .link > .inner,
  #global-nav.aboutus-globalNav > .inner > .list > .item > a[class*=glyph] > .inner,
  #global-nav.aboutus-globalNav > .inner > .list > .item > button[class*=glyph] > .inner {
    font-size: 3.2vw;
  }
  .aboutus-globalDrop {
    top: 57px;
    z-index: 100;
  }
  .aboutus-globalDropWrap {
    height: 100vh;
    padding: 0 0 3vw;
    overflow-x: scroll;
  }
  .aboutus-globalDropPanelList {
    margin: 0;
  }
  .aboutus-globalDropClose,
  .aboutus-globalDropPanelList > .list > .item {
    border-bottom: 1px solid #d5dedb;
  }
  .aboutus-globalDropPanelList > .list > .item > .btn-type03 {
    padding-right: 30px;
    padding-left: 4.8vw;
    box-shadow: none;
    position: relative;
    font-weight: 700;
    border-radius: 0;
    background: #fff;
  }
  .aboutus-globalDropPanelList > .list > .item > .btn-type03 > .inner {
    font-size: 4.2vw;
  }
  #main-area.aboutus-mainArea {
    padding-top: 158px;
  }
}