@charset "UTF-8";

/* ==========================================================================
   全体の設定
   ========================================================================== */
/* --------------------------------------------------
layout
-------------------------------------------------- */
/* html {
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 87.5%; }
  html.charlarge {
    font-size: 100%; }
  html.charXlarge {
    font-size: 112.5%; }

body {
  color: #333333;
  line-height: 1.6;
  background-color: #FFFFFF;
  font-size: 1rem; }

a {
  color: #075A94;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
    a:hover img {
      opacity: 0.7; }
    div.logo a:hover img, h1.logo a:hover img {
      opacity: inherit; } */

/* リリース・お知らせ一覧　訪問済リンク設定
-------------------------------------------------- */
ul.newsList2 a:visited {
  color: #4d187d;
  text-decoration: none; }
  ul.newsList2 a:hover {
    text-decoration: underline; }
    ul.newsList2 a:hover img {
      opacity: 0.7; }

/* ヘッダー
-------------------------------------------------- */
#mainHeader {
  margin-bottom: 0;
  padding-top: 20px;
  border-bottom: 1px solid #d9d9d9; }
  #mainHeader .inner {
    position: relative;
    width: 980px;
    margin: 0 auto; }
  #mainHeader .logo {
/*    margin: 0 0 15px 30px;*/
    margin: 0 0 15px 10px;
    line-height: 0; }

#openMenu {
  display: none; }

/* ----- グローバルナビ ----- */
.globalNav {
  margin-bottom: -1px; }
  .globalNav:after {
    display: block;
    clear: both;
    content: ""; }
  .globalNav ul {
    margin-left: 0;
    text-indent: 0; }
  .globalNav li {
    position: relative;
    float: left;
    width: 164px;
    text-align: center;
    background-color: #FFFFFF; }
  .globalNav li.lastNav {
    position: relative;
    float: left;
    width: 160px;
    text-align: center;
    background-color: #FFFFFF; }
    .globalNav li a {
      box-sizing: border-box;
      display: block;
      margin: 0 2px;
      padding-top: 15px;
      height: 45px;
      border-bottom: 2px solid #d9d9d9;
      font-size: 0.9rem;
      font-weight: bold;
      color: #333333; }
    .globalNav li.current a {
      text-decoration: none;
      border-bottom: 4px solid #EF0041;
      color: #EF0041; }
    .globalNav li:hover a {
      background-color: #faefd1;
      text-decoration: none;
      border-bottom: 4px solid #EF0041;
      color: #EF0041; }
    .globalNav li .globalSubNav {
      display: none;
      position: absolute;
      top: 45px;
      left: 2px;
      width: 158px;
      z-index: 105;
      border: 1px solid #d9d9d9; }
      .globalNav li .globalSubNav a {
        height: inherit;
        padding: 10px;
        background: none;
        border: none;
        font-weight: normal;
        color: #075A94; }
      .globalNav li .globalSubNav li {
        width: 158px;
        text-align: left;
        border-bottom: 1px solid #d9d9d9; }
        .globalNav li .globalSubNav li:last-child {
          border-bottom: none; }
        .globalNav li .globalSubNav li:hover {
          background-color: #faefd1;
          opacity: 1.0; }
    .globalNav li:hover .globalSubNav {
      display: block; }

    .globalNav li .globalSubLastNav {
      display: none;
      position: absolute;
      top: 45px;
      left: 2px;
      width: 154px;
      z-index: 105;
      border: 1px solid #d9d9d9; }
      .globalNav li .globalSubLastNav a {
        height: inherit;
        padding: 10px;
        background: none;
        border: none;
        font-weight: normal;
        color: #075A94; }
      .globalNav li .globalSubLastNav li {
        width: 154px;
        text-align: left;
        border-bottom: 1px solid #d9d9d9; }
        .globalNav li .globalSubLastNav li:last-child {
          border-bottom: none; }
        .globalNav li .globalSubLastNav li:hover {
          background-color: #faefd1;
          opacity: 1.0; }
    .globalNav li:hover .globalSubLastNav {
      display: block; }

/* ----- ローカルナビ ----- */
.localNav {
  margin: 15px 0 0; }
  .localNav ul {
    display: table;
    width: 100%; }
  .localNav li {
    position: relative;
    display: table-cell;
    text-align: center;
    padding-bottom: 13px;
    padding-left: 5px;
    border-bottom: 1px solid #d9d9d9;
    vertical-align: bottom;
    font-size: 0.9rem; }
    .localNav li a {
      display: block;
      text-decoration: none; }
      .localNav li a:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 1em;
        bottom: 1.5em;
        left: 0;
        background-color: #d9d9d9; }
    .localNav li.current, .localNav li:hover {
      border-bottom: 2px solid #EF0041;
      padding-bottom: 12px; }
      .localNav li.current a, .localNav li:hover a {
        color: #EF0041; }
    .localNav li:first-child a {
      border-left: none; }
      .localNav li:first-child a:before {
        content: normal; }

  /* ローカルナビの幅均等化  100÷項目数の%*/
    .company .localNav ul li{width: 14.25%;}
    .company .localNav ul li.hasBr{padding-bottom: 5px;}
    .company .localNav ul li.hasBr:hover{padding-bottom: 4px;}
    .company .localNav ul li.current.hasBr:hover{padding-bottom: 5px;}
    .company .localNav ul li.forSp{display: none;}

    .business .localNav ul li{width:10%;}

      .business .localNav ul li:nth-child(6){padding-bottom: 5px;}
      .business .localNav ul li:hover:nth-child(6){padding-bottom: 4px;}
      .business .localNav ul li.current:nth-child(6){padding-bottom: 5px;}

    .ir .localNav ul li{width:14.28%;}
    .csr .localNav ul li{width:14.28%;}
      .csr .localNav ul li:nth-child(7) {padding-bottom: 5px;}
      .csr .localNav ul li:hover:nth-child(7){padding-bottom: 4px;}
    .topics .localNav ul li{width:14.28%;}
    .news .localNav ul li{width:25%;}

    .localNav li.hasSub{
      background: url(/corporate/ja/img/arrow4.png) no-repeat 52% 89%;
    }
    .localNav li .localSubNav {
      display: none;
      position: absolute;
      top: 46px;
      left: 0px;
      width: 139px;
      z-index: 105;
      background:#fff;
      border: 1px solid #d9d9d9; }
      html.charXlarge .localNav li .localSubNav{top: 56px;}
      .localNav li .localSubNav a {
        height: inherit;
        padding: 10px 10px 2px;
        background: none;
        border: none;
        font-weight: normal;
        color: #075A94; }
      .localNav li .localSubNav li {
        width: 134px;
        text-align: left;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 0;
         }
      .localNav li .localSubNav li{float: left;}
        .localNav li .localSubNav li:last-child {
          border-bottom: none; }
        .localNav li .localSubNav li:hover {
          background-color: #faefd1;
          opacity: 1.0; }
    .localNav li:hover .localSubNav {
      display: block; }
    .localSubNav li a:before{display: none;}

.unitSearch {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 157px;
   height: 35px;
   top: 35px;
   padding-right: 3px;
   }
   .unitSearch form {
     position: relative;
     padding-top: 5px;
     height: 40px !important;
     margin: 0 2px !important;}
   .unitSearch .q {
     width: 80%;
     padding: 1.5% 16% 1.5% 4%;
     height: 20px;
     margin-top: 5px;
     border: 1px solid #d9d9d9;
     background-color: #fff;
     float: left;
      }
   .unitSearch input[type="submit"]{
     position: relative;
     width: 24px;
     min-width: 24px;
       height: 24px;
       border: 1px solid #fff;
       background: url(/corporate/ja/img/ico_search1.png) no-repeat center center #075A94;
       color: #075A94;
       position: absolute;
       right: 0;
       top: 11px;
        }
 
.wrapHeaderParts {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.0rem; }

.unitContact,
.unitContactC,
.unitCharSize,
.unitCompany {
  float: right; }

.unitContact,
.unitContactC {
  width: 160px;
  height: 25px;
  text-align: center; }
  .unitContact a,
  .unitContactC a {
    display: block;
    height: 22px;
    color: #FFFFFF;
    padding-top: 3px;
    background: #075A94 url(/corporate/ja/img/arrow2.png) no-repeat 17px 9px;
    vertical-align: middle; }
    .unitContact a:hover {
      opacity: 0.7;
      text-decoration: none; }
    .unitContactC a:hover {
      text-decoration: none;
}

.unitContact a:after,
.unitContactC a:after {
    content:url(/corporate/ja/img/ico_mail.png);
    position: relative;
    top: 2px;
    left: 6px;
    }
html.charXlarge .unitContact a{
    height: 26px;
    padding-top: 2px;
    background-position: 7px 10px;}
html.charXlarge .unitContact a:after {
    top: 1px;
    left: 7px;
    }

.unitCharSize {
  margin-top: 20px;
  margin-right: 20px;
  line-height: 1; }
  .unitCharSize dt, .unitCharSize dd {
    display: inline-block; }
  .unitCharSize dt {
    margin-right: 10px; }
  .unitCharSize dd {
    padding-right: 5px;
    border-right: 1px solid #d9d9d9; }
    .unitCharSize dd.current a {
      border-bottom: 1px solid #333333;
      font-weight: bold;
      color: #333333; }
      .unitCharSize dd.current a:hover {
        text-decoration: none; }
    .unitCharSize dd:last-child {
      border-right: none; }

.unitCompany {
  margin-top: 20px;
  margin-right: 20px;
  line-height: 1; }
  .unitCompany li {
    margin-bottom: 0 !important; }
    .unitCompany li a {
      padding-left: 13px;
      background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.4em; }

/* ----- パンくず ----- */
#topicPath {
  margin: 27px 0; }
  #topicPath li {
    position: relative;
    display: inline-block;
    font-size: 0.9rem; }
    #topicPath li a {
      padding-right: 1.1em; }
      #topicPath li a:after {
        content: ">";
        position: absolute;
        right: 0;
        top: 0; }

/* ----- アンカーリンク ----- */
.toTop {
  clear: both;
  width: 980px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: right;
  font-size: 0.9rem;
  line-height: 1; }
  .contentsMain .toTop, .contentsMain1col .toTop {
    clear: both;
    width: 100%;
    padding-top: 30px; }
  .toTop a {
    padding-left: 15px;
    background: url(/corporate/ja/img/arrow_totop1.png) no-repeat 0 0.4em; }

/*  アンカーリンク表示調整  */
body:not(.spSubFNav) .contentsMain > section:last-child .toTop, body:not(.spSubFNav) .contentsMain > div:last-child .toTop {
  display: none; }

.spSubFNav .contentsMain1col > .toTop {
  display: none; }
.spSubFNav .contentsMain1col > .toTop.disp {
  display: block; }

/* フッター
-------------------------------------------------- */
#mainFooter {
  padding: 20px 0;
  background-color: #f7f7f7;
  border-top: 1px solid #e2e2e2; }
  #mainFooter .inner {
    width: 980px;
    margin: 0 auto; }
  #mainFooter .listLinkHr {
    font-size: 0.8rem;
    margin-bottom: 10px; }
  #mainFooter .copyright {
    margin: 0;
    color: #939393;
    line-height: 1; }
    #mainFooter .copyright small {
      font-size: 0.75rem; }

/* ----- フッターバナー ----- */
.blockFooterBanner {
  line-height: 0; }
  .blockFooterBanner ul {
    overflow: hidden;
    margin: 0 -12px -10px 0; }
  .blockFooterBanner li {
    float: left;
    width: 236px;
    margin: 0 12px 10px 0;
    line-height: 0; }
    .blockFooterBanner li a[target="_blank"]:after {
      content: normal; }
    .blockFooterBanner li img {
      width: 100%;
      height: auto; }

  .blockFooterBanner li.tallBnr_mR2col {/* - 2018.09.06 バナーレイアウト用追加 by MBS shimoji - */
	margin-right: 496px;/* - 2019.05.14 15px→496px by MBS kurakami - */
}
  .blockFooterBanner li.tallBnr_mR3col {/* - 2019.04.02 バナーレイアウト用追加 by MBS kurakami - */
	margin-right: 738px;
}

/* フッタークッキー pc*/
.footerOptSize{
    width:1270px; 
    margin: 0 auto;
}

.cookieSwitch{
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    height: 95px;
    min-height: 21px;
    z-index: 1;
    background-color: black;
    color: white;
    padding: 8px 18px;
    text-align: center;
    bottom: 0px;
    opacity: 0.7;
}

.cookieSwitch-close{
    float: right;
    display: block;
    padding: 10px 20px;
    margin: -47px 40px 0px 5px;
    min-width: 100px;
    border-radius: 5px;
    cursor: pointer;
    color: black;
    background-color: white;
    text-align: center;
}

.cookieSwitch-close a {
    font-weight: bold;
    text-decoration: none;
}

.cookieSwitch-close a:hover {
	text-decoration: none;
    color: #87CEFA;
}

.cookie-sup{
    display: block;
    padding: 1px 0 5px 0;
    margin-top: 20px;
    width: 1100px;
    text-align: left;
}

.cookie-sublink{
    color: white;
    text-decoration: underline;
}

/* フッタークッキー sp*/
@media only screen and (max-width: 640px) {
.footerOptSize{
    max-width: 100%;
    margin: 0 auto;
}

.cookieSwitch{
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    height: 210px;
    min-height: 21px;
    z-index: 1;
    background-color: gray;
    color: white;
    padding: 8px 18px;
    text-align: center;
    bottom: 0px;
    opacity: 1;
}

.cookieSwitch-close{
    float: none;
    display: block;
    margin: 11px auto;
    background-color: white;
}

.cookieSwitch-close a {
    font-weight: bold;
    text-decoration: none;
}

.cookieSwitch-close a:hover {
	text-decoration: none;
    color: #87CEFA;
}

.cookie-sup{
    display: block;
    padding: 1px 0 5px 0;
    margin-top: 20px;
    text-align: left;
    max-width: 100%;
    font-size: 13px;
    }

.cookie-sublink{
    color: white;
    text-decoration: underline;
}


}


/* コンテンツブロック
-------------------------------------------------- */
.contentsMain {
  float: left;
  width: 732px; }

.contentsSub {
  float: right;
  width: 218px;
  /*word-break:keep-all;*/
  }

.contentsHeader .unitPic {
  margin: 0 0 30px;
  line-height: 0; }
  .contentsHeader .unitPic img {
    width: 100%;
    height: auto; }

.contentsWrap {
  width: 980px;
  margin: 0 auto;
  margin-bottom: 30px; }
  .contentsWrap:after {
    display: block;
    clear: both;
    content: ""; }

section[id^="sec"] > section:last-of-type, section[id^="sec"] > div:last-of-type, section[id^="sec"] > .secWrap:last-of-type {
  padding-bottom: 0; }

  section[id^="sec"] > section:last-of-type table:last-child, section[id^="sec"] > div:last-of-type table:last-child, section[id^="sec"] > .secWrap:last-of-type table:last-child {
    margin-bottom: 0; }

section[id^="sec"] > .box1:last-of-type {
  margin-bottom: 0; }

/* カテゴリートップリスト
-------------------------------------------------- */
.categoryTopList .unitCol1,
.categoryTopList .unitCol2 {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 16px;
  padding: 10px 20px;
  border: 1px solid #d9d9d9; }
  .categoryTopList .unitCol1:after,
  .categoryTopList .unitCol2:after {
    display: block;
    clear: both;
    content: ""; }
  .categoryTopList .unitCol1 .unitPic,
  .categoryTopList .unitCol2 .unitPic {
    line-height: 0;
    margin-top: 0; }
    .categoryTopList .unitCol1 .unitPic img,
    .categoryTopList .unitCol2 .unitPic img {
      width: 100%;
      height: auto; }
  .categoryTopList .unitCol1 h2,
  .categoryTopList .unitCol2 h2 {
    margin: 0 0 17px;
    padding-top: 20px;
    border-top: 1px solid #d9d9d9;
    line-height: 1;
    font-size: 1.15rem; }
  .categoryTopList .unitCol1 .catLead,
  .categoryTopList .unitCol2 .catLead {
    margin: 0 0 1em; }
  .categoryTopList .unitCol1 .listLink,
  .categoryTopList .unitCol2 .listLink {
    float: left;
    width: 45%;
    }
.categoryTopList .unitCol2 .unitPic:after {
  display: block;
  clear: both;
  content: ""; }
.categoryTopList .unitCol2 .unitPic img {
  float: left;
  width: 50%;
  height: auto; }

/* --------------------------------------------------
common parts
-------------------------------------------------- */
/* --- 上下 --- */
.vam {
  vertical-align: middle !important; }

/* --- 左右 --- */
.taL {
  text-align: left !important; }

.taC {
  text-align: center !important; }

.taR {
  text-align: right !important; }

/* --- 幅 --- */
.width50per {
  width: 50% !important; }

.width60per {
  width: 60% !important; }

.width70per {
  width: 70% !important;
  margin: auto;}

.width80per {
  width: 80% !important;
  margin: auto;}

.width90per {
  width: 90% !important;
  margin: auto;}

.width99per {
  width: 99% !important;
  margin: auto;}

.width100per {
  width: 100% !important;
  margin: auto;}


.widthMid {
  width: 648px !important; }

.widthMid2 {
  width: 634px !important; }

.width100per {
  width: 100% !important; }

.widthauto {
  width: auto !important;
}

.margin-rl-auto{
  margin-right: auto;
  margin-left: auto;
}

.clearfix{clear:both}

.width239 {
    width: 239px !important;
}

.width340 {
    width: 340px !important;
}


/* --- テーブル --- */
.tbl1,
.tbl2,
.tbl3,
.tbl4 {
  border-collapse: collapse;
  margin-bottom: 30px; }
  .tbl1 + .supple,
  .tbl2 + .supple,
  .tbl3 + .supple,
  .tbl4 + .supple {
    display: block;
    margin: -20px 0 30px; }

.tbl1 {
  width: 100%; }
  .tbl1 th,
  .tbl1 td {
    padding: 5px 10px;
    border: 1px solid #d9d9d9;
    vertical-align: top; }
  .tbl1 th {
    background-color: #eeeeee;
    font-weight: bold;
    text-align: left; }
.tbl1 td.boTd {border-top: 3px double #d9d9d9;}

.tbl2 th,
.tbl2 td {
  padding: 5px 10px;
  border: 1px solid #d9d9d9;
  vertical-align: top; }
.tbl2 th {
  font-weight: normal; }
.tbl2 thead th {
  background-color: #eeeeee; }
  .tbl2 thead th span {
    float: right;
    font-weight: normal; }

.tbl3 th,
.tbl3 td {
  padding: 5px 10px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  box-sizing: border-box; }
.tbl3 th {
  font-weight: normal; }
.tbl3 .hlt {
  background-color: #f1f5ff; }
.tbl3 thead th {
  background-color: #eeeeee; }
.tbl3 tfoot {
  background-color: #f1f5ff; }
  .tbl3 tfoot .current {
    background-color: #fef9e2; }
.tbl3 tbody th {
  background-color: #d3dfff; }
  .tbl3 tbody th.noBgc {
    background: none;
    text-align: left; }
.tbl3 tbody .sub {
  background-color: #f1f5ff; }
.tbl3 tbody .current th {
  background-color: #ffe4b1; }
  .tbl3 tbody .current th.noBgc {
    background: none;
    text-align: left; }
.tbl3 tbody .current .sub {
  background-color: #fef9e2; }
.tbl3 tbody .current .hlt {
  background-color: #fef9e2; }

.tbl4 th,
.tbl4 td {
  padding: 5px 10px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  box-sizing: border-box;
  text-align:left; }
.tbl4 th {
  font-weight: normal; }
.tbl4 .hlt {
  background-color: #eeeeee; }
.tbl4 thead th {
  background-color: #eeeeee; }
.tbl4 tfoot {
  background-color: #eeeeee; }
  .tbl4 tfoot .current {
    background-color: #eeeeee; }
.tbl4 tbody th {
  background-color: #eeeeee;
  width:10%; }
  .tbl4 tbody th.noBgc {
    background: none;
    text-align: left; }
.tdw18 {
  width:18%!important; }
.tdw22 {
  width:22%; }
.tdw68 {
  width:68%; }
.tdw82 {
  width:82%; }


.tbl4 tbody .sub {
  background-color: #eeeeee; }
.tbl4 tbody .current th {
  background-color: #eeeeee; }
  .tbl4 tbody .current th.noBgc {
    background: none;
    text-align: left; }
.tbl4 tbody .current .sub {
  background-color: #eeeeee; }
.tbl4 tbody .current .hlt {
  background-color: #eeeeee; }


#directors .tbl2 th{
  text-align: left;
}

/* リストテーブル */
.listTbl1 {
  border: 1px solid #d9d9d9;
  border-bottom: none; }
  .listTbl1 li {
    border-bottom: 1px solid #d9d9d9;
    padding: 5px; }
  .listTbl1 + .supple {
    margin-top: 10px; }

/* 2018.05.31 有価証券報告書ページ 分割PDF設置に伴うレイアウト変更 */
#sr .listTbl1,
#sr .listTbl1 li,
#sr_archive .listTbl1,
#sr_archive .listTbl1 li {
  border: none;
  padding: 0;
}

#sr .listTbl1 li p,
#sr_archive .listTbl1 li p {
  padding-bottom: 5px;
}

#sr p.pdfLink,
#sr_archive p.pdfLink {
  text-indent: -40px;
}

#sr .listTbl1 li.nonSep,
#sr_archive .listTbl1 li.nonSep {
  border: 1px solid #d9d9d9;
  padding: 5px;
  margin-bottom: 5px;
}
#sr .listTbl1 li.nonSep p,
#sr_archive .listTbl1 li.nonSep p {
  padding-bottom: 0;
}
#sr li.nonSep p.pdfLink,
#sr_archive li.nonSep p.pdfLink {
  text-indent: -35px;
}

ul.sr_separate {
  border: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

ul.sr_separate li p {
  padding-top: 5px;
  padding-bottom: 0;
}

ul.inPart li {
  padding: 0;
  margin-left: 30px;
}

ul.sr_separate h3 {
  background-color: #eee;
  padding: 5px 10px;
  margin: 0 0 15px 0;
}

ul.inPart {
  margin-bottom: 5px;
}

ul.inPart h4 {
  font-size: 1.15rem;
  padding: 5px 10px;
  margin: 0 5px 0 0;
}

ul.sr_separate li p {
  padding: 0 0 5px 55px;
}
/* 有価証券報告書ページ 分割PDF設置に伴うレイアウト変更 ここまで */

/*  SP用にテーブルを分割する場合のwrap  */
.tblWrap {
  margin-bottom: 30px; }
  .tblWrap:after {
    display: block;
    clear: both;
    content: ""; }
  .tblWrap table {
    float: left;
    margin-bottom: 0;
    margin-right: -1px; }
    .tblWrap table th, .tblWrap table td {
      white-space: nowrap; }
    .tblWrap table th.thHide {
      display: none; }
    .tblWrap table:first-child th:first-child {
      display: table-cell; }
    .tblWrap table:last-child {
      margin-right: 0; }
  .tblWrap .tbl3:first-child {
    margin-right: -1px; }
  .tblWrap + .supple {
    margin: -20px 0 30px; }


/* --- 擬似テーブル --- */
/*  擬似テーブル1  */
.mimesisTblHeader [class^="plTd"],
.mimesisTblBody [class^="plTd"] {
  box-sizing: border-box; }

.mimesisTblHeader {
  display: table;
  width: 100%;
  border: 1px solid #d9d9d9; }
  .mimesisTblHeader li {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px 0;
    border-left: 1px solid #d9d9d9;
    background-color: #eeeeee;
    text-align: center;
    font-weight: bold; }
    .mimesisTblHeader li:first-child {
      border-left: none; }

.mimesisTblBody {
  overflow: hidden;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-top: none; }

.mimesisTblItem {
  border-bottom: 1px solid #d9d9d9;
  display: table;
  width: 100%; }
  .mimesisTblItem:last-child {
    border-bottom: none; }
  .mimesisTblItem [class^="plTd"] {
    display: table-cell;
    border-left: 1px solid #d9d9d9; }
    .mimesisTblItem [class^="plTd"]:first-child {
      border-left: none; }

/*  擬似テーブル2  */
.mimesisTbl2 {
  border: 1px solid #d9d9d9; }

.mimesisTblItem2 {
  display: table;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  margin: 0; }
  .mimesisTblItem2:last-child {
    border-bottom: none; }
  .mimesisTblItem2 > * {
    display: table-cell;
    padding: 5px 10px;
    border-left: 1px solid #d9d9d9; }
    .mimesisTblItem2 > *:first-child {
      border-left: none; }



/* --- カラム --- */
.unitCol1,
.unitCol2 {
  float: left; }

/* 全幅 2カラム */
.block2colFull {
  margin-right: -30px; }
  .block2colFull:after {
    display: block;
    clear: both;
    content: ""; }
  .block2colFull .unitCol1 {
    width: 475px;
    margin-right: 30px; }

/* 全幅 3カラム */
.block3colFull {
  margin-right: -16px; }
  .block3colFull:after {
    display: block;
    clear: both;
    content: ""; }
  .block3colFull .unitCol1 {
    width: 316px;
    margin-right: 16px; }
  .block3colFull .unitCol2 {
    width: 648px;
    margin-right: 16px; }

/* 全幅 4カラム */
.block4colFull {
  margin-left: -12px; }
  .block4colFull:after {
    display: block;
    clear: both;
    content: ""; }
  .block4colFull .unitCol1 {
    width: 236px;
    margin-left: 12px; }

/* --- タイトル --- */
.ttlA {
  margin: 0 0 30px;
  padding-left: 45px;
  background: url(/corporate/ja/img/bg_title2.png) no-repeat 0 center;
  line-height: 1;
  font-size: 2rem;
  font-weight: normal; }

.ttlB {
  position: relative;
  min-height: 30px;
  padding: 7px 30px 3px;
  margin: 0 0 30px;
  border: 1px solid #d9d9d9;
  background: #f9f9f9 url(/corporate/ja/img/bg_title1.png) no-repeat 100% 0;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: normal; }

.ttlB:after{
display:block;
content:"";
clear:both;
}

  .ttlB:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #EF0041; }

  .ttlB .ttltextR {
    float:right;
	display:inline-block;
	margin-top:8px;
    font-size: 1rem;
    line-height: 1; }

.ttlC {
  position: relative;
  border-bottom: 2px solid #d9d9d9;
  margin: 0 0 20px;
  padding: 0 0 5px;
  font-size: 1.2rem; }
  .ttlC:after {
    display: block;
    clear: both;
    content: ""; }
  .ttlC:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 162px;
    height: 2px;
    background-color: #EF0041; }
  .ttlC span {
    float: right;
    font-size: 1rem; }

.ttlD {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 17px; }
  .ttlD:before {
    content: "■ ";
    color: #EF0041; }

.ttlE {
  margin: 0 0 25px;
  font-size: 1.7rem;
  font-weight: normal; }

.ttlF {
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 17px;
  padding-left: 20px; }
  .ttlF:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 10px;
    height: 3px;
    background-color: #EF0041; }

.ttlG {
  margin: 0 0 25px;
  font-size: 1.15rem;
  font-weight: normal;
  text-align: center; }

.ttlH {
  margin: 0 0 25px;
  font-size: 1.15rem;
  font-weight: bold;
  text-align: center; }

.ttlI {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: bold;
  margin: 0; }
  .ttlI:after {
    display: block;
    clear: both;
    content: ""; }
  .ttlI .flR {
    float: right; }

[class^="secBlock"],
.unitFreeArea,
.secWrap {
  padding-bottom: 30px; }
  [class^="secBlock"]:after,
  .unitFreeArea:after,
  .secWrap:after {
    display: block;
    clear: both;
    content: ""; }

.secWrap:last-of-type {
  padding-bottom: 0; }

.secWrap:last-of-type > *:last-child {
    margin-bottom: 0; }

/* 自由入力用wrap  */
.unitFreeArea {
  clear: both;
  font-size: 1rem; }

/* --- レイアウトブロック --- */
/* 画像+テキスト(画像省略可)  */
.secBlock1 .unitPic {
  float: right;
  width: 290px;
  padding-left: 30px;
  font-size: 0.9rem; }
  .secBlock1 .unitPic p {
    margin: 0 0 8px; }
    .secBlock1 .unitPic p:last-child {
      margin-bottom: 0; }
  .secBlock1 .unitPic img {
    width: 100%;
    height: auto;
    line-height: 0; }
.secBlock1 .unitTxt {
  overflow: hidden;
  font-size: 1rem; }
  .secBlock1 .unitTxt p {
    margin: 0 0 1em; }
    .secBlock1 .unitTxt p:last-child {
      margin-bottom: 0; }
/* 画像を240pxに小さくしたバージョン */
.secBlock1.w240 .unitPic {
  width: 240px;}

/* テキスト+画像2カラム  */
.secBlock2 dl {
  margin: 0; }
.secBlock2 dt {
  color: #EF0041; }
.secBlock2 dd {
  margin-bottom: 0; }
.secBlock2 .unitPic {
  overflow: hidden;
  float: right;
  width: 290px;
  padding-left: 30px;
  font-size: 0.9rem; }
  .secBlock2 .unitPic p {
    float: left;
    width: 139px;
    margin: 0 12px 0 0; }
    .secBlock2 .unitPic p:last-child {
      margin-right: 0; }
  .secBlock2 .unitPic img {
    width: 100%;
    height: auto;
    line-height: 0; }
.secBlock2 .unitTxt {
  float: left;
  width: 412px; }

/* サイドバー無しページ用 テキスト634px + 画像316px */
.secBlock3 .unitPic {
  float: right;
  width: 316px;
  font-size: 0.9rem;
  text-align: center; }
  .secBlock3 .unitPic p {
    margin: 0 0 8px; }
    .secBlock3 .unitPic p:last-child {
      margin-bottom: 0; }
.secBlock3 .unitTxt {
  float: left;
  width: 634px;
  margin-bottom: 30px;
  font-size: 1rem; }
  .secBlock3 .unitTxt p {
    margin: 0 0 1em; }
    .secBlock3 .unitTxt p:last-child {
      margin-bottom: 0; }
.secBlock3 .unitPic:last-child,
.secBlock3 .unitTxt:last-child {
  margin-bottom: 0; }

/* サイドバー有りページ用 テキスト412px + 画像290px */
.secBlock4 .unitPic {
  float: right;
  width: 290px;
  padding-left: 30px;
  font-size: 0.9rem; }
  .secBlock4 .unitPic p {
    margin: 0 0 8px; }
    .secBlock4 .unitPic p:last-child {
      margin-bottom: 0; }
  .secBlock4 .unitPic img {
    width: 100%;
    height: auto;
    line-height: 0; }
.secBlock4 .unitTxt {
  overflow: hidden;
  font-size: 1rem;
  float: left;
  width: 412px; }
  .secBlock4 .unitTxt p {
    margin: 0 0 1em; }
    .secBlock4 .unitTxt p:last-child {
      margin-bottom: 0; }
/* 画像を240pxに小さくしたバージョン */
.secBlock4.w240 .unitPic {
  width: 240px;}
.secBlock4.w240 .unitTxt {
  width: 462px;}

/* 全体350px画像120px、左よせバージョン */
.secBlock6{
 width: 340px;
 margin: 0 auto;}
.secBlock6 .unitPic {
  float: left;
  width: 120px;
  padding-right: 20px;
  font-size: 0.9rem; }
  .secBlock6 .unitPic p {
    margin: 0 0 8px; }
    .secBlock6 .unitPic p:last-child {
      margin-bottom: 0; }
  .secBlock6 .unitPic img {
    width: 100%;
    height: auto;
    line-height: 0; }
.secBlock6 .unitTxt {
  overflow: hidden;
  font-size: 1rem; }
  .secBlock6 .unitTxt p {
    margin: 0 0 1em; }
    .secBlock6 .unitTxt p:last-child {
      margin-bottom: 0; }


@media only screen and (max-width: 360px) {
.secBlock6{ 
  width: 100%;}
}/* end of 360 */


/* --- リスト --- */
/* 通常リスト */
.listCommon {
  margin-left: 20px; }
  .listCommon li {
  list-style: disc !important;
    margin: 0 0 5px; }
    .listCommon li ul {
      margin-top: 5px; }

/* 通常リスト:Square 2017/07/20 mihotake */
.listSquare {
  margin-left: 20px; }
  .listSquare li {
  list-style: square !important;
    margin: 0 0 5px; }
    .listSquare li ul {
      margin-top: 5px; }

/* 通常リスト:Circle 2017/07/20 mihotake */
.listCircle {
  margin-left: 20px; }
  .listCircle li {
  list-style: circle !important;
    margin: 0 0 5px; }
    .listCircle li ul {
      margin-top: 5px; }

/* 順列リスト */
.listOrder {
  margin-left: 25px; }
  .listOrder li {
    list-style: decimal;
    margin: 0 0 5px; }
    .listOrder li ul {
      margin-top: 5px; }

/* 順列リスト 片括弧付数字） 2022/04/14 mihotake */
ol.listPar {
	margin-left:  30px;
}

ol.listPar > li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

ol.listPar > li:before {
	content: "" counter(cnt)"）";
	display: inline-block;
	margin-left: -30px;
	width: 2em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

/* 順列リスト 括弧付（数字）2022/06/08 mihotake */
ol.listPar2 {
	margin-left:  50px;
}

ol.listPar2 > li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

ol.listPar2 > li:before {
	content: "（" counter(cnt)"）";
	display: inline-block;
	margin-left: -50px;
	width: 2em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}


/* アンカーリンク */
.listAnc {
  margin: 0 0 40px;
  padding: 0;
  overflow: hidden; }
  .listAnc ul {
    margin-left: -10px;}
  .listAnc li {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 15px 0 28px;
    background: url(/corporate/ja/img/arrow3.png) no-repeat 13px center;
    font-size: 1.05rem; }

 .listAncNoicon{
    background:none !important;
    border-left:none !important;
    padding-left:0 !important;}

 .listAncNoicon ul:before{
color:#A6A6A6;
content:"（";
}
 .listAncNoicon ul:after{
color:#A6A6A6;
content:"）";
}

 .listAncNoicon ul li{
background-position: left 10px center;
border-right:1px solid #ccc;
padding:0 12px 0 23px;
line-height: 1.2;
}

 .listAncNoicon ul li:first-child{
    background-position: left 2px center;
    padding-left: 15px;
}

 .listAncNoicon ul li:last-child{
    border-right:none;
    padding-right: 1px;
}

/* リンクリスト */
.listLink {
  margin-left: 12px;
  text-indent: -12px;
  font-size: 1rem; }
  .listLink li {
    padding-bottom: 5px; }
    .listLink li:last-child {
      padding-bottom: 0; }
  .listLink a,
  .listLink .noLink {
    padding-left: 12px;
    background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.4em; }
  .listLink a[href$=".pdf"] {
    position: relative;
    padding-right: 20px; }
    .listLink a[href$=".pdf"]:after {
      content: "";
      position: absolute;
      width: 16px;
      height: 20px;
      background: url(/corporate/ja/img/ico_pdf1.png) no-repeat 100% 0;
      background-size: 16px 20px; }
/* 2016.10.25 -add style for Link remove by MBS Suzuki- */
  .listLink li.current a:hover {
	text-decoration: none;
}

/* リンクリスト水平 */
.listLinkHr {
  margin-left: 0;
  text-indent: 0;
  font-size: 1rem; }
  .listLinkHr li {
    display: inline-block;
    margin: 0 20px 10px 0; }
  .listLinkHr a {
    padding-left: 12px;
    background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.4em; }

/* 電話番号リスト */
.listTel1 li {
  margin: 0; }
  .listTel1 li:before {
    content: url(/corporate/ja/img/ico_tel1.png);
    padding-right: 5px;
    vertical-align: -2px; }
  .listTel1 li.fax:before {
    content: url(/corporate/ja/img/ico_fax1.png);
    padding-right: 5px;
    vertical-align: -2px; }

/* 定義リスト */
.dList1 dt {
  padding-left: 1.5em;
  text-indent: -1.5em; }
  .dList1 dt:before {
    content: "●";
    color: #EF0041;
    margin-right: 0.5em; }
.dList1 dd {
  margin-left: 1.5em;
  font-weight: bold; }

/* 経営戦略用リスト */
.listCommon_strategy {
  margin-left: 8px; }
  .listCommon_strategy li {
  list-style: disc !important;
    margin: 0 0 5px; }
    .listCommon_strategy li ul {
      margin-top: 5px; }



dl.dtalign{overflow: hidden;margin-bottom: 30px;}
dl.dtalign dt{float: left;margin-right: 15px;clear: both;}
dl.dtalign dd{float: left;text-indent: -1em;}
dl.dtalign dd.indent0 {text-indent: 0em;}
dl.dtalign dd:before{content:"：";}
dl.dtalign.num dd:before{content:"";}
dl.dtalign.mark dt:before {content:"・";font-weight:bold;}
dl.dtalign.mark dd:before{content:"";}

dl.dtalign.w1em dt{width: 1em;}
  dl.dtalign.w1em dd{max-width: 440px;}
dl.dtalign.w10 dt{width: 10px;}
  dl.dtalign.w10 dd{max-width: 707px;}
dl.dtalign.w15 dt{width: 15px;}
  dl.dtalign.w15 dd{max-width: 702px;}
dl.dtalign.w20 dt{width: 20px;}
  dl.dtalign.w20 dd{max-width: 697px;}
dl.dtalign.w30 dt{width: 30px;}
  dl.dtalign.w30 dd{max-width: 687px;}
dl.dtalign.w40 dt{width: 40px;}
  dl.dtalign.w40 dd{max-width: 677px;}
dl.dtalign.w50 dt{width: 50px;}
  dl.dtalign.w50 dd{max-width: 667px;}
dl.dtalign.w60 dt{width: 60px;}
  dl.dtalign.w60 dd{max-width: 657px;}
dl.dtalign.w70 dt{width: 70px;}
  dl.dtalign.w70 dd{max-width: 647px;}
dl.dtalign.w80 dt{width: 80px;}
  dl.dtalign.w80 dd{max-width: 637px;}
dl.dtalign.w85 dt{width: 85px;}
  dl.dtalign.w85 dd{max-width: 632px;}
dl.dtalign.w90 dt{width: 90px;}
  dl.dtalign.w90 dd{max-width: 627px;}
dl.dtalign.w95 dt{width: 95px;}
  dl.dtalign.w95 dd{max-width: 622px;}
dl.dtalign.w100 dt{width: 100px;}
  dl.dtalign.w100 dd{max-width: 617px;}
dl.dtalign.w110 dt{width: 110px;}
  dl.dtalign.w110 dd{max-width: 607px;}
dl.dtalign.w120 dt{width: 120px;}
  dl.dtalign.w120 dd{max-width: 597px;}
dl.dtalign.w130 dt{width: 130px;}
  dl.dtalign.w130 dd{max-width: 587px;}
dl.dtalign.w140 dt{width: 140px;}
  dl.dtalign.w140 dd{max-width: 577px;}
dl.dtalign.w150 dt{width: 150px;}
  dl.dtalign.w150 dd{max-width: 567px;}
dl.dtalign.w160 dt{width: 160px;}
  dl.dtalign.w160 dd{max-width: 557px;}
dl.dtalign.w170 dt{width: 170px;}
  dl.dtalign.w170 dd{max-width: 547px;}
dl.dtalign.w170t dt{width: 170px;}
  dl.dtalign.w170t dd{max-width: 547px;}
dl.dtalign.w180 dt{width: 180px;}
  dl.dtalign.w180 dd{max-width: 537px;}
dl.dtalign.w210 dt{width: 210px;}
  dl.dtalign.w210 dd{max-width: 497px;}
dl.dtalign.w220 dt{width: 220px;}
  dl.dtalign.w220 dd{max-width: 497px;}
dl.dtalign.w200 dt{width: 200px;}
  dl.dtalign.w200 dd{max-width: 517px;}
dl.dtalign.w230 dt{width: 230px;}
  dl.dtalign.w230 dd{max-width: 487px;}
dl.dtalign.w230-02 dt{width: 230px;}
  dl.dtalign.w230-02 dd{max-width: 612px;}
dl.dtalign.w240 dt{width: 240px;}
  dl.dtalign.w240 dd{max-width: 477px;}
dl.dtalign.w240-02 dt{width: 240px;}
  dl.dtalign.w240-02 dd{max-width: 520px;}
dl.dtalign.w240-03 dt{width: 240px;}
  dl.dtalign.w240-03 dd{max-width: 560px;}
dl.dtalign.w250 dt{width: 250px;}
  dl.dtalign.w250 dd{max-width: 467px;}
dl.dtalign.w260 dt{width: 260px;}
  dl.dtalign.w260 dd{max-width: 457px;}
dl.dtalign.w270 dt{width: 270px;}
  dl.dtalign.w270 dd{max-width: 447px;}
dl.dtalign.w280 dt{width: 280px;}
  dl.dtalign.w280 dd{max-width: 437px;}
dl.dtalign.w290 dt{width: 290px;}
  dl.dtalign.w290 dd{max-width: 427px;}
dl.dtalign.w300 dt{width: 300px;}
  dl.dtalign.w300 dd{max-width: 417px;}
dl.dtalign.w310 dt{width: 310px;}
  dl.dtalign.w310 dd{max-width: 407px;}
dl.dtalign.w320 dt{width: 320px;}
  dl.dtalign.w320 dd{max-width: 397px;}
dl.dtalign.w330 dt{width: 330px;}
  dl.dtalign.w330 dd{max-width: 387px;}
dl.dtalign.w340 dt{width: 340px;}
  dl.dtalign.w340 dd{max-width: 377px;}
dl.dtalign.w350 dt{width: 350px;}
  dl.dtalign.w350 dd{max-width: 367px;}
dl.dtalign.w360 dt{width: 360px;}
  dl.dtalign.w360 dd{max-width: 357px;}
dl.dtalign.w370 dt{width: 370px;}
  dl.dtalign.w370 dd{max-width: 347px;}
dl.dtalign.w380 dt{width: 380px;}
  dl.dtalign.w380 dd{max-width: 337px;}
dl.dtalign.w390 dt{width: 390px;}
  dl.dtalign.w390 dd{max-width: 327px;}
dl.dtalign.w400 dt{width: 400px;}
  dl.dtalign.w400 dd{max-width: 317px;}

dl.dtalign dt.w10{width: 10px;}
  dl.dtalign.w10+dd{max-width: 712px;}
dl.dtalign dt.w15{width: 15px;}
  dl.dtalign.w15+dd{max-width: 702px;}
dl.dtalign dt.w20{width: 20px;}
  dl.dtalign.w20+dd{max-width: 697px;}
dl.dtalign dt.w30{width: 30px;}
  dl.dtalign.w30+dd{max-width: 687px;}
dl.dtalign dt.w40{width: 40px;}
  dl.dtalign.w40+dd{max-width: 677px;}
dl.dtalign dt.w50{width: 50px;}
  dl.dtalign.w50+dd{max-width: 667px;}
dl.dtalign dt.w60{width: 60px;}
  dl.dtalign.w60+dd{max-width: 657px;}
dl.dtalign dt.w70{width: 70px;}
  dl.dtalign.w70+dd{max-width: 647px;}
dl.dtalign dt.w80{width: 80px;}
  dl.dtalign.w80+dd{max-width: 637px;}
dl.dtalign dt.w85{width: 85px;}
  dl.dtalign.w85+dd{max-width: 632px;}
dl.dtalign dt.w90{width: 90px;}
  dl.dtalign.w90+dd{max-width: 627px;}
dl.dtalign dt.w95{width: 95px;}
  dl.dtalign.w95+dd{max-width: 622px;}
dl.dtalign dt.w100{width: 100px;}
  dl.dtalign.w100+dd{max-width: 617px;}
dl.dtalign dt.w110{width: 110px;}
  dl.dtalign.w110+dd{max-width: 607px;}
dl.dtalign dt.w120{width: 120px;}
  dl.dtalign.w120+dd{max-width: 597px;}
dl.dtalign dt.w130{width: 130px;}
  dl.dtalign.w130+dd{max-width: 587px;}
dl.dtalign dt.w140{width: 140px;}
  dl.dtalign.w140+dd{max-width: 577px;}
dl.dtalign dt.w150{width: 150px;}
  dl.dtalign.w150+dd{max-width: 567px;}
dl.dtalign dt.w160{width: 160px;}
  dl.dtalign.w160+dd{max-width: 557px;}
dl.dtalign dt.w170{width: 170px;}
  dl.dtalign.w170+dd{max-width: 547px;}
dl.dtalign dt.w180{width: 180px;}
  dl.dtalign.w180+dd{max-width: 537px;}
dl.dtalign dt.w220{width: 220px;}
  dl.dtalign.w220+dd{max-width: 497px;}
dl.dtalign dt.w400{width: 400px;}
  dl.dtalign.w400+dd{max-width: 317px;}

@media only screen and (max-width: 640px) {
dl.dtalign dt,dl.dtalign dd{float: none;text-indent: 0;margin-right: 0;}
dl.dtalign dt{font-weight: bold;}
dl.dtalign dt:after{content:"：";}
dl.dtalign dd:before{display: none;}
dl.dtalign.num dt:after {display: none;}
dl.dtalign.mark dt:before {display: none;}
dl.dtalign.mark dt:after {display: none;}
}

/* --- リンク --- */
/* 別窓リンクに自動でアイコン付与 */
/* a[target="_blank"]:after {
  content: url(/corporate/ja/img/ico_newwin1.png);
  padding-left: 5px;
  padding-right: 5px; }

.mvBottom a[target="_blank"]:after,
.panelLink a[target="_blank"]:after {
  content: "";
  padding-left: 0;
  padding-right: 0; }

a[target="_blank"][href$=".pdf"] {
  position: relative;
  padding-right: 20px; }
  a[target="_blank"][href$=".pdf"]:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 20px;
    background: url(/corporate/ja/img/ico_pdf1.png) no-repeat 100% 0;
    background-size: 16px 20px; }
  a.no_icon:after {
    display: none!important;}
  a.no_icon:before {/*2017-10-10*/
    display: none!important;}

/* 汎用リンク */
.commonLink1 {
  margin-left: 5px;
  padding-left: 20px;
  text-indent: -12px; }
  .commonLink1 a {
    padding-left: 12px;
    background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.4em; }

/* 別窓リンク（頭にアイコン） */
.blankLink {
  padding-left: 20px;
  text-indent: -20px; }
  .blankLink a[target="_blank"] {
    text-decoration: underline; }
    .blankLink a[target="_blank"]:after {
      content: normal; }
    .blankLink a[target="_blank"]:before {
      content: url(/corporate/ja/img/ico_newwin1.png); }

/* pdfリンク */
.pdfLink {
  margin: 0;
  padding-left: 40px;
  text-indent: -35px; }
  .pdfLink a:before {
    content: url(/corporate/ja/img/ico_pdf2.png);
    padding-right: 5px;
    vertical-align: -2px; }
  .pdfLink a[target="_blank"]:after {
    content: normal; }

/*- 2019.10.30 pdfリンク CSR森PDF追加の為 by MBS kondo */
.categoryTopList2 .csrPdfLink a[target="_blank"][href$=".pdf"]:before {
    content: url(/corporate/ja/img/ico_pdf2.png);
    margin-left:8px;
    position: relative;
    top: 3px;
    left: -6px;
}


.unitCol1 .csrPdfLink a[target="_blank"][href$=".pdf"]:before {
    content: url(/corporate/ja/img/ico_pdf2.png);
    margin-left:8px;
    position: relative;
    top: 3px;
    left: -6px;
}

.unitCol1 .csrPdfLink a[target="_blank"][href$=".pdf"]:after {
    content:none;
}

.contentsWrap .contentsSub .woods_bnr img{
    width:100%;
}

.contentsWrap .contentsSub .woods_bnr a[target="_blank"][href$=".pdf"]:after {
    content:none;
}

/* - 2019.01.25 Excelデータダウンロード by MBS kurakami - */
/* excelダウンロード */
.excelLink {
  margin: 0;
  padding-left: 40px;
  text-indent: -35px; }
  .excelLink a:before {
    content: url(/corporate/ja/img/ico_excel.png);
    padding-right: 5px;
    vertical-align: -2px; }

/* 画像拡大リンク */
.imgLink {
  margin: 0;
  padding-left: 40px;
  text-indent: -35px; }
  .imgLink a:before {
    content: url(/corporate/ja/img/ico_img2.png);
    padding-right: 5px;
    vertical-align: -2px; }

/* 画像拡大リンク2 */
.imgLink2 {
  margin: 0;
  padding-left: 40px;
  text-indent: -35px; }
  .imgLink2 a:before {
    content: url(/corporate/ja/img/ico_img1.png);
    padding-right: 5px;
    vertical-align: -8px; }

/* ムービーリンク */
.movieLink {
  margin: 0;
  padding-left: 40px;
  text-indent: -35px; }
  .movieLink a:before {
    content: url(/corporate/ja/img/ico_movie2.png);
    padding-right: 5px;
    vertical-align: -2px; }
  .movieLink a[target="_blank"]:after {
    content: normal; }

.movieLink_bicon {
  margin: 0;
  padding-left: 40px;
  text-indent: -35px; }
  .movieLink_bicon a:before {
    content: url(/corporate/ja/img/ico_movie2.png);
    padding-right: 5px;
    vertical-align: -2px; }

/* 地図へのリンク */
.mapLink {
  margin: 0;
  padding-left: 40px;
  text-indent: -35px; }
  .mapLink a:before {
    content: url(/corporate/ja/img/ico_map1.png);
    padding-right: 5px;
    vertical-align: -2px; }

/*  モーダル  */
.modalLink:before {
  content: "■ ";
  color: #EF0041; }

/* モーダルで開くインラインコンテンツ */
[id^="inlineContent"] {
  display: none; }
  #colorbox [id^="inlineContent"] {
    display: block;
    box-sizing: border-box;
    padding: 10px 20px; }

.modal_open{position: relative;}

a.modal_open:after,
.modal_open a:after{
    content: url(/corporate/ja/img/ico_zoom1.png);
    display: block;
    text-align: right;
    margin-right: 5px;
    margin-top: -27px;
} */

#action .modal_open:after,
#action .modal_open a:after {
    display: none;
}

/* --- テキストなど --- */
/* リード文 */
.unitLead {
  font-size: 1rem;
  margin: 0 0 30px; }

/* 画像下キャプション */
.caption {
  display: block;
  padding-top: 2px;
  font-size: 0.9rem;
  text-align: right;
  word-break:keep-all;
   }

/* 補足テキスト */
.supple {
  font-size: 0.9rem;
  margin: 0; }

/* 小さめの文字 */
.fszS, .description {
  font-size: 0.9rem; }

/* 特小の文字 add style by MBS Suzuki, 2017.03.10 */
.ss_chara {
  font-size: 0.75rem;
}

/* 汎用スタイル */

.astTI{
text-indent: -15px;
padding-left: 15px;
}

.no-word-break{word-break: keep-all !important;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}
.mb115{margin-bottom: 115px !important;}
.mb110{margin-bottom: 110px !important;}
.mb120{margin-bottom: 120px !important;}
.mb125{margin-bottom: 25px !important;}
.mb130{margin-bottom: 130px !important;}
.mb140{margin-bottom: 140px !important;}
.mb150{margin-bottom: 150px !important;}
.mb160{margin-bottom: 160px !important;}
.mb170{margin-bottom: 170px !important;}
.mb180{margin-bottom: 180px !important;}
.mb190{margin-bottom: 190px !important;}
.mb200{margin-bottom: 200px !important;}

.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt75{margin-top: 75px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}
.mt110{margin-top: 110px !important;}
.mt115{margin-top: 115px !important;}
.mt120{margin-top: 120px !important;}
.mt125{margin-top: 125px !important;}
.mt130{margin-top: 130px !important;}
.mt140{margin-top: 140px !important;}
.mt150{margin-top: 150px !important;}
.mt160{margin-top: 160px !important;}
.mt170{margin-top: 170px !important;}
.mt175{margin-top: 175px !important;}
.mt180{margin-top: 180px !important;}
.mt190{margin-top: 190px !important;}
.mt200{margin-top: 200px !important;}

.mL-14{margin-left: -14px;}
.mL-20{margin-left: -20px !important;}

.mL0{margin-left: 0 !important;}
.mL3{margin-left: 3px !important;}
.mL5{margin-left: 5px !important;}
.mL10{margin-left: 10px !important;}
.mL13{margin-left: 13px !important;}
.mL15{margin-left: 15px !important;}
.mL20{margin-left: 20px !important;}
.mL22{margin-left: 22px !important;}
.mL25{margin-left: 25px !important;}
.mL30{margin-left: 30px !important;}
.mL35{margin-left: 35px !important;}
.mL40{margin-left: 40px !important;}
.mL50{margin-left: 50px !important;}
.mL60{margin-left: 60px !important;}
.mL70{margin-left: 70px !important;}
.mL80{margin-left: 80px !important;}
.mL90{margin-left: 90px !important;}
.mL150{margin-left: 150px !important;}
.mL210{margin-left: 210px !important;}
.mL1em{margin-left: 1em !important;}
.mL2em{margin-left: 1.7em !important;}

.mR0{margin-right: 0 !important;}
.mR10{margin-right: 10px !important;}
.mR20{margin-right: 20px !important;}
.mR30{margin-right: 30px !important;}
.mR40{margin-right: 40px !important;}
.mR50{margin-right: 50px !important;}
.mR60{margin-right: 60px !important;}


/* タグをつける */
.update:after{
  content:url(/corporate/ja/img/tag_update.png);
  position: relative;
  top: 2px;
  left: 5px;
}
a.new:after{
  content:url(/corporate/ja/img/tag_new1.png);
  position: relative;
  top: 2px;
  left: 5px;
}
.column_icon{text-indent: 5px;}
.column_icon:before{
  content:url(/corporate/ja/img/column.png);
  position: relative;
  top: 3px;
  left: -5px;
}
.tel_icon:before{
    content: url(/corporate/ja/img/ico_tel1.png);
    padding-right: 5px;
    vertical-align: -2px;
    margin-left: 5px;
}
.fax_icon:before{
    content: url(/corporate/ja/img/ico_fax1.png);
    padding-right: 5px;
    vertical-align: -2px;
    margin-left: 5px;
}

/* 図のタイトル */
.fig_title{
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 1rem;
  }
/* 図の説明 */
.fig_caption{
  display: block;
  text-align: left;
  margin-bottom: 30px;
}

/* --- サブナビ --- */
.blockSubLinks {
  margin: 0 0 30px; }
  .blockSubLinks h2 {
    position: relative;
    margin: 0 0 -1px;
    padding: 10px 5px 7px 20px;
    border: 1px solid #d9d9d9;
    background: #f9f9f9 url(/corporate/ja/img/bg_title1.png) no-repeat 100% 0;
    font-size: 1rem;
    font-weight: normal; }
    .blockSubLinks h2:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background-color: #EF0041; }
  .blockSubLinks .openList {
    display: none; }
  .blockSubLinks .inner {
    border: 1px solid #d9d9d9;
    padding: 10px; }
  .blockSubLinks .listLink {
    margin: 0 -10px; }
    .blockSubLinks .listLink li {
      padding: 5px 10px 5px 25px; }
      .blockSubLinks .listLink li span:not(.noLink) {
        display: block;
        margin-top: 0;
        font-size: 0.9rem;
        text-indent: 0; }

      .blockSubLinks .listLink li a span:not(.noLink) {
        display: inline;
        font-size: 1rem;
        }

      .blockSubLinks .listLink li.current {
        background-color: #faefd1; }
  .blockSubLinks .listCommon {
    margin-left: 20px; }
    .blockSubLinks .listCommon ul {
      margin-left: 10px; }

/*-- 2017.03.06 add style for rd_story by MBS Suzuki --*/

/* 2018.03.29ストーリー一覧ページ用ボタンサイズ追加 MBS Suzuki */
#story .unitSymbol img {
	width: 274px;
}
/* ここまで */

.blockSubLinks .innerRD {
//    border: 1px solid #d9d9d9;/* 2018.03.29 ボタンデザイン変更のため削除 MBS Suzuki */
    padding: 0;
}

.blockSubLinks .innerRD .listLink {
	margin: 0;	
	text-indent: 0;
}

.blockSubLinks .innerRD .listLink li {
    padding: 0;
    line-height: 0;
    margin-bottom: 5px;/* 2018.03.29 ボタンデザイン変更のため追加 MBS Suzuki */
}

/* 2018.03.29 サブナビ変更 一覧へ戻るリンク追加 MBS Suzuki */
.blockSubLinks .innerRD .listLink li:first-child {
	position: relative;
}
.blockSubLinks .innerRD .listLink li p.toIndex {
	position: absolute;
	top: 45px;
	left: 155px;
}
.blockSubLinks .innerRD .listLink li p.toIndex a {
	font-size: 90%;
	color: #fff;
	background: url(/corporate/ja/business/rd/story/img/arrow_tostory.png) no-repeat 0 0.3em;
	padding-left: 14px;
}

.questionnaireRD{
	margin: 15px 0 25px;
    max-width: 100%;
    border: #a9a9a9 2px dotted;
}

.questionnaireRD a.rdLink{
   text-align: center;
   display: block;
}

.questionnaireRD a.rdLink::before{
    content: ">";
    color: #d0d0d0;
    right: 4px;
    position: relative;
    bottom: 1px;
    font-weight: bold;
    text-decoration: none;
}

.questionnaireRD a.rdLink:hover::before {
	color: #ef0041;
}


.questionnaireRD a.rdLink::after {
    content: url(/corporate/ja/img/icon/link_other.png);
    display: inline-block;
    vertical-align: middle;
	transform: scale(0.5);
    position: relative;
    bottom: 1px;
    right: 4px;
}

.questionnaireRD a.rdLink:hover::after {
    content: url(/corporate/ja/img/icon/link_other_2.png);
}

@media only screen and (max-width: 640px) {
.blockSubLinks .innerRD .listLink li p.toIndex {
	display: none;
}
}
/* ここまで */

.blockSubLinks .innerRD img {
	width: 100%;
}

.innerRD .listLink a {
	background: none;
	padding-left: 0;
}

#rd_story .contentsHeader .unitPic {
  margin-bottom: 0;
}

#rd_story .rd_subtitle {
  background-color: #ef0041;
  color: #fff;
  padding: 10px 20px;
}

#rd_story .rd_subtitle .ttlE {
  margin-bottom: 10px;
  font-size: 1.7rem;
  font-weight: bold;
}

#rd_story .rd_subtitle .unitLead {
  margin-bottom: 0;
  font-weight: bold;
}

/* --- タブ --- */
.blockTab {
  background-color: #eeeeee;
  padding: 10px 10px 0; }
  .blockTab ul:after {
    display: block;
    clear: both;
    content: ""; }
  .blockTab li {
    box-sizing: border-box;
    float: left;
    font-size: 0.9rem; }
    .blockTab li a {
      display: block;
      height: 41px;
      margin: 0 1px;
      background-color: #f5f5f5;
      border: 1px solid #dddddd;
      text-align: center;
      line-height: 43px;
      color: #333333; }
    .blockTab li.current a, .blockTab li:hover a {
      margin-top: -2px;
      height: 42px;
      line-height: 42px;
      padding-top: 1px;
      background-color: #fff;
      border-top: 3px solid #EF0041;
      border-right: none;
      border-bottom: none;
      border-left: none;
      text-decoration: none; }

/* 2018.11.28 IRサイト改修に伴う上下ナビ追加 MBS kurakami */
.listNav ul:after {
    display: block;
    content: "";
    clear: both;}
.contentsBlock:after {
    display: block;
    content: "";
    clear: both;}
.listNav.blockBtn li {
    box-sizing: border-box;
    float: left;
    font-size: 0.9rem;
    width: 20%;}
.listNav.blockBtn li a {
    display: block;
    height: 41px;
    margin: 0 1px;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 43px;
    color: #333333;}
.listNav.blockBtn li.twoLine a {
    line-height: normal;
    height: 38px;
    padding: 3px 0 0;}
.listNav.blockBtn li.current a,
.listNav.blockBtn li:hover a {
    background-color: #fff;
    text-decoration: none;
    color:#EF0041;
    font-weight: bold;}
.contentsBlock + .listNav {
    margin: 50px 0 70px;}
.listNav.blockTab {
    margin-bottom: 30px;}
.listNav.blockTab li {
    width:20%;}
.listNav.blockTab li.twoLine a {
    line-height: normal;
    height: 38px;
    padding: 3px 0 0;}
.listNav.blockTab li.current.twoLine a,
.listNav.blockTab li.twoLine:hover a {
    height: 40px;
    line-height: normal;}
.contentsBlock + .listNav.blockTab {
    padding: 0 10px 10px;}
.contentsBlock + .listNav.blockTab li a {
    line-height: 44px;}
.contentsBlock + .listNav.blockTab li.twoLine a {
    line-height: normal;
    height: 38px;}
.contentsBlock + .listNav.blockTab li.current a,
.contentsBlock + .listNav.blockTab li:hover a {
    margin-top: 0;
    margin-bottom: -2px;
    height: 42px;
    line-height: 43px;
    padding-bottom: 0;
    padding-bottom: 1px;
    border-top: none;
    border-bottom: 3px solid #EF0041;}
.contentsBlock + .listNav.blockTab li.current.twoLine a,
.contentsBlock + .listNav.blockTab li.twoLine:hover a {
    height: 40px;
    line-height: normal;}
/* レスポンシブ対応 */
@media only screen and (max-width: 640px) {
.listNav.blockTab li,.listNav.blockBtn li {
position: relative;
box-sizing: border-box;
float: left;
width: 49%;
margin-bottom: 5px;}
.listNav.blockTab li:nth-child(2n),.listNav.blockBtn li:nth-child(2n) {
float: right;}
.listNav.blockTab li a,.listNav.blockBtn li a{
box-sizing: border-box;
display: block;
height: 40px;
line-height: normal;
margin: 0;
padding-top: 11px;
padding-left: 3px;
background-color: #f5f5f5;
border: 1px solid #d9d9d9;
color: #333333;
font-weight: normal;}
.listNav.blockTab li.twoLine a,.listNav.blockBtn li.twoLine a {
height: 40px;
padding-top: 4px;}
.listNav.blockTab li.current a,.listNav.blockTab li:hover a,
.listNav.blockBtn li.current a,.listNav.blockBtn li:hover a {
margin-top: 0;
padding-top: 11px;
background-color: #faefd1;
border: 1px solid #dddddd;}
.listNav.blockBtn li.current a,.listNav.blockBtn li:hover a {
font-weight: normal;}
.listNav.blockTab li.twoLine.current a,.listNav.blockTab li.twoLine:hover a,
.listNav.blockBtn li.twoLine.current a,.listNav.blockBtn li.twoLine:hover a {
padding-top: 4px;}
}
/* ここまで */

/* --- 画像系 --- */
/* PC,SPで表示画像切替 */
.unitTogglePic {
  line-height: 0; }
  .unitTogglePic img {
    width: 100%;
    height: auto; }
  .unitTogglePic .forPc {
    display: block; }
  .unitTogglePic .forSp {
    display: none; }

/* 全幅画像 */
.unitWidePic {
  line-height: 0; }
  .unitWidePic img {
    width: 100%;
    height: auto; }

/* センタリング画像 */
.unitCenterPic {
  width: 60%;
  margin: 0 auto; }
  .unitCenterPic img {
    width: 100%;
    height: auto; }
  .unitCenterPic .caption {
    text-align: left; }
  
/* --- 汎用ボックス --- */
/* .box1 */
.box1 {
  border: 1px solid #d9d9d9;
  margin-bottom: 30px; }
  .box1 header {
    margin: 0;
    padding: 5px 10px;
    background-color: #eeeeee; }
    .box1 header > * {
      margin: 0; }
  .box1 .inner {
    padding: 10px 10px 5px; }
  .box1 .inner_top {
    padding: 10px 10px 5px;
    border-top: 1px solid #d9d9d9;}
  .box1 p {
    margin: 0 0 0.8em; }

/* .box2 */
.box2 {
  border: 1px solid #EF0041;
  margin-bottom: 30px; }
  .box2 header {
    margin: 0;
    padding: 8px 10px;
    border-bottom: 1px solid #EF0041;
    color: #EF0041; }
    .box2 header > * {
      margin: 0;
      font-size: 1rem; }
  .box2 .inner {
    padding: 10px 10px 5px; }
  .box2 p {
    margin: 0 0 0.8em; }

/* .box3 */
.box3 {
  border: 1px solid #EF0041;
  margin-bottom: 30px; }
  .box3 header {
    margin: 0;
    padding: 5px 10px;
    background-color: #ffe4b1; }
    .box3 header > * {
      margin: 0; }
  .box3 .inner {
    padding: 10px 10px 5px; }
    .box3 .inner:after {
      display: block;
      clear: both;
      content: ""; }
  .box3 .unitPic {
    float: right;
    width: 120px;
    margin: 0 20px 10px 30px; }
    .box3 .unitPic img {
      width: 100%;
      height: auto; }
    .box3 .unitPic .caption {
      margin: 0 -7px;
      text-align: left;
      font-size: 0.9rem; }
  .box3 p {
    margin: 0 0 0.8em; }


/* box内のリスト */
.box2 .inner{padding-left: 20px;}
.box2 ul li{
  list-style-type: disc;
  margin-left: 2em;
  }
.box2 ol ul,.box2 ol ol
{
  margin-left: 2em;
}


/* コラム等2つに分割する場合 */
.box2{overflow: hidden;}
 .inner_box{
  float: left;
  width: 48%;
  padding: 3% 0 0 2%;
  }
   .inner_box img{width: 100%;}
.secBlock1 .inner_box:nth-of-type(1){
  padding: 3% 2% 0 0;
}



@media only screen and (max-width: 640px) {
.secBlock1 .inner_box,
.secBlock1 .inner_box:first-child{
  padding: 2% 4% 0;
  width: 92%;}

}/* end of 640 */

/* box2の画像入りレイアウト */
  .box2{overflow: hidden;}
  .box2.withPic .inner {
    float: left;
    padding-left: 20px;
    padding-bottom: 20px;
    width: 510px;
    }
  .box2.withPic .unitPic {
    float: right;
    width: 150px;
    padding: 10px 20px 5px; }
  .box2.withPic .unitPic img{
    width: 100%;
  }
@media only screen and (max-width: 640px) {
  .box2.withPic .inner {float:none;width: auto;}
  .box2.withPic .unitPic {float:none;margin: 0 auto;}
}/* end of 640 */



/* box3のVOICE欄 */
  .box3{overflow: hidden;}
  .box3.voice .inner {
    float: left;
    padding-left: 20px;
    padding-bottom: 20px;
    width: 510px;
    }
  .box3.voice .person {
    float: right;
    width: 120px;
    padding: 10px 30px 5px; }
  .box3.voice .person img{
    width: 100%;
  }
@media only screen and (max-width: 640px) {
  .box3.voice .inner {float:none;width: auto;}
  .box3.voice .person {float:none;margin: 0 auto;}
}/* end of 640 */

/* box4 */
  .box4{
    overflow: hidden;
      border: 1px solid #d9d9d9;
      margin-bottom: 30px;
      }
  .box4 .header {
    float: right;
    padding: 10px 3% 0 0;
    width: 65%;
  }
  .box4 .header .ttlD{margin-bottom: 0;}
  .box4 .inner {
    float: right;
    padding-right: 3%;
    width: 65%;
    }
  .box4 .image {
    float: left;
    width: 25%;
    padding: 10px 3%;
    }
  .box4 .image img{
    width: 100%;
  }
@media only screen and (max-width: 640px) {
  .box4 .header,.box4 .inner,.box4 .image{float:none;width: 92%;margin:0 auto;}
  .box4 .image{width: 50%;}

}/* end of 640 */


/* サイドバー有りページ用  画像120px + テキスト582px */
section .secBlock5:last-child{margin-bottom: 40px;}
.secBlock5 .unitPic {
  float: left;
  width: 120px;
  padding-right: 30px;
  font-size: 0.9rem; }
  .secBlock5 .unitPic p {
    margin: 0 0 8px; }
    .secBlock5 .unitPic p:last-child {
      margin-bottom: 0; }
  .secBlock5 .unitPic img {
    width: 100%;
    height: auto;
    line-height: 0; }
.secBlock5 .unitTxt,.secBlock5 .header {
  overflow: hidden;
  font-size: 1rem;
  float: right;
  width: 582px; }
.secBlock5 .unitTxt,.secBlock5 .header .ttlD{
  margin-bottom: 10px;}
  .secBlock5 .unitTxt p {
    margin: 0 0 1em; }
    .secBlock5 .unitTxt p:last-child {
      margin-bottom: 0; }


@media only screen and (max-width: 640px) {
/* サイドバー有りページ用  画像120px + テキスト582px */
  .secBlock5 .unitPic {
    float: none;
    width: 55%;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; }
  .secBlock5 .unitTxt,.secBlock5 .header {
    float: none;
    width: 100%;
    padding-bottom: 10px; }
}




/* 記事ページ 右カラムあり 画像センタリング
-------------------------------------------------- */
.secBlock1 .unitPic.wfull{
  width: 732px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left: 0;
}
.secBlock1 .unitPic.w640{
  width: 640px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}
.secBlock1 .unitPic.w600{
  width: 600px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}
.secBlock1 .unitPic.w500{
  width: 500px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}
.secBlock1 .unitPic.w450{
  width: 450px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}
.secBlock1 .unitPic.w400{
  width: 400px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}
.secBlock1 .unitPic.w360{
  width: 360px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}
.secBlock1 .unitPic.w270{
  width: 270px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}

.secBlock1 .unitPic.w210{
  width: 210px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}

.secBlock1 .unitPic.w120{
  width: 120px;
  text-align: center;
  float: none;
  margin: 0 auto 30px;
  padding-left:0;

}

.secBlock1 .unitPic.w860 { /* --2018.01.15 image for page#safty by MBS suzuki -- */
	width: 860px;
	text-align: center;
	float: none;
	margin: 0 auto 30px;
	padding-left:0;

}

.secBlock1 p{
  margin-bottom: 30px;
}
/*.secBlock1 .unitPic.wfull img{
  width: auto;
}*/

.wauto{width: auto !important;}

@media only screen and (max-width: 640px) {
  .secBlock1 .unitPic.wfull,
  .secBlock1 .unitPic.w640,
  .secBlock1 .unitPic.w600,
  .secBlock1 .unitPic.w500,
  .secBlock1 .unitPic.w400,
  .secBlock1 .unitPic.w450,
  .secBlock1 .unitPic.w860
  {width: 100%;}
}/* end of 640 */



@media only screen and (max-width: 400px) {
  .secBlock1 .unitPic.w400,
  .secBlock1 .unitPic.w360,
  .secBlock1 .unitPic.w270
{width: 100%;}
}/* end of 400 */

/* 記事ページ (右カラムあり) 画像二枚汎用スタイル
-------------------------------------------------- */
.secBlock1 .unitPic2{overflow: hidden;}
.secBlock1 .unitPic2 p{
  width: 238px;
  float: left;
  margin: 0 56px;
}
.secBlock1 .unitPic2 p img{width: 100%;}

@media only screen and (max-width: 640px) {
.secBlock1 .unitPic2 p{
  float: none;
  margin: 0 auto 15px;
}
.secBlock1 .unitPic2 p img{float: none;margin: 0 auto;}
}/* end of 640 */


/* 記事ページ (右カラムあり) 画像3枚汎用スタイル
-------------------------------------------------- */
.secBlock1 .unitPic3 p{
  width: 205px;
  float: left;
  margin-right: 56px;
}
.secBlock1 .unitPic3 p img{
  width: 100%;
}
.secBlock1 .unitPic3 p:last-child{
  margin-right: 0;
}

@media only screen and (max-width: 640px) {
.secBlock1 .unitPic3 p:last-child{
  margin-right: auto;
}
.secBlock1 .unitPic3 p{
  float: none;
  margin: 0 auto 15px;
}
}/* end of 640 */




/* カテゴリートップリスト 3col 画像ありバージョン
-------------------------------------------------- */
.categoryTopList.withImage .unitCol1{
  padding-top: 10px;
}
.categoryTopList.withImage .unitCol1 .unitSymbol{
  height: auto;
  margin: 0;
  padding: 0 0 10px 0;
  text-align: center;
  line-height: 0;
}
.categoryTopList.withImage .unitCol1 .unitSymbol img{
  max-width: 100%;
}





/* カテゴリートップリスト 2col 画像なしバージョン
-------------------------------------------------- */
.categoryTopList2 .unitCol1 {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 16px;
  padding: 10px 20px;
  border: 1px solid #d9d9d9; }
  .categoryTopList2 .unitCol1:after {
    display: block;
    clear: both;
    content: ""; }
  .categoryTopList2 .unitCol1 .unitPic {
    line-height: 0;
    margin-top: 0; }
    .categoryTopList2 .unitCol1 .unitPic img {
      width: 100%;
      height: auto; }
  .categoryTopList2 .unitCol1 h2 {
    margin: 0 0 17px;
    /*padding-top: 20px;*/
    padding-top: 16px;
    /*line-height: 1;*/
    line-height: 1.5;
    /*padding-bottom:20px;*/
    padding-bottom:16px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 1.15rem; }
  .categoryTopList2 .unitCol1 .catLead {
    margin: 0 0 1em; }
  .categoryTopList2 .unitCol1 .listLink {
  height: auto;
     }

.categoryTopList2 .unitCol1 h2.pdf_link{
  padding-top: 7px;
  padding-bottom: 13px;
  margin-bottom: 15px;
  }

.categoryTopList2 a[target="_blank"][href$=".pdf"]{
  background: none;
  text-indent: 0px;
  margin-left: 0px;
  line-height: 160%;
}
.categoryTopList2 a[target="_blank"][href$=".pdf"]:after{
    display: none;
}
.categoryTopList2 a[target="_blank"][href$=".pdf"]:before {
    content: url(/corporate/ja/img/ico_pdf1.png);
    position: relative;
    top: 8px;
    left: -6px;
}

body.contact .categoryTopList2 .unitCol1 {
  min-height: 155px;
}



/* カテゴリートップリスト 2col 画像ありバージョン
-------------------------------------------------- */
.categoryTopList2.withThumb .unitCol1{
  min-height: 160px;
  padding-right: 10px;
  padding-bottom: 10px;
  }
.categoryTopList2.withThumb .unitCol1 a img{float: right;}
.categoryTopList2.withThumb .unitCol1 ul.listLink{width: 58%;}
.categoryTopList2.withThumb .unitCol1 ul.listLink li h2{width: 100%;}
.categoryTopList2.withThumb .unitCol1 p{width: 60%;}
@media only screen and (max-width: 480px) {
.categoryTopList2.withThumb .unitCol1 a img{
  float: none;
  display: block;
  margin: 0 auto;
  }
.categoryTopList2.withThumb .unitCol1 ul.listLink,
.categoryTopList2.withThumb .unitCol1 p{width: auto;}
}/* end of 480 */



/* --- ニュース --- */
.blockNews1 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9; }
  .blockNews1 .newsLinks {
    margin-bottom: 10px; }
 .irMovieFloat {
    width:730px;
    float:left; }

.ttlB + .blockNews1 {
  margin-top: -10px; }

.newsLinks {
  margin-bottom: 15px;
  text-align: right; }
  .newsLinks li {
    display: inline-block;
    margin-right: 20px; }
    .newsLinks li a {
      padding-left: 12px;
      background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.4em; }
    .newsLinks li.rss a {
      padding-left: 16px;
      background: url(/corporate/ja/img/ico_rss1.png) no-repeat 0 center;
      background-size: 11px 11px; }

.newsList li {
  padding-bottom: 3px;
  display: table;
  width: 100%; }
  .newsList li time,
  .newsList li span,
  .newsList li a {
    display: table-cell; }
  .newsList li time {
    width: 9em; }
  .newsList li span {
    position: relative;
    width: 80px; }
    .newsList li span img {
      position: absolute;
      top: 0.3rem;
      left: 0; }
  .newsList li a {
    padding-left: 25px;
    background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.5rem;
    overflow: hidden; }
    .newsList li a .new,
    .newsList li a .end {
      display: inline;
      width: inherit;
      margin-left: 5px; }
      .newsList li a .new img,
      .newsList li a .end img {
        margin-top: -2px; }
    .newsList li a .companyName {
      display: inline-block;
      width: inherit;
      margin-left: 5px;
      padding: 0 5px;
      border: 1px solid #404040;
      font-size: 0.86rem;
      color: #404040;}
    .newsList li span.new img {position:relative;padding-bottom:2px;}

    /* アイコンを小さいものに変更 */
      .newsList li a.pdfLink:before {
        content: url(/corporate/ja/img/ico_pdf2.png);
        padding-right: 5px;
        vertical-align: -3px; }
      .newsList li a[target="_blank"][href$=".pdf"]:after{
        display: none;
      }

      #index.home .newsList li a.pdfLink,
      #index.top .newsList li a.pdfLink,
      #index.ir .newsList li a.pdfLink{
        text-indent: 0;
      }
      #index.home .newsList li a.pdfLink span.new,
      #index.top .newsList li a.pdfLink span.new,
      #index.ir .newsList li a.pdfLink span.new{
        margin-left: -5px;
        left: 28px;
      }


.newsList2 li {
  /*padding-bottom: 3px;*/
  padding-bottom: 10px;
  display: table;
  width: 100%; }
  .newsList2 li time,
  .newsList2 li span,
  .newsList2 li a {
    display: table-cell; }
  .newsList2 li time {
    width: 10em; }
  .newsList2 li span {
    position: relative;
    width: 80px; }
    .newsList2 li span img {
      position: absolute;
      top: 0.3rem;
      left: 0; }
  .newsList2 li a {
    padding-left: 15px;
    background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.5rem;
    overflow: hidden; }
    .newsList2 li a.pdfLink {
      padding-left: 15px;
      text-indent: -32px;
      background: none;
      overflow: visible; }
      .newsList2 li a.pdfLink:before {
        content: url(/corporate/ja/img/ico_pdf2.png);
        padding-right: 5px;
        vertical-align: -3px; }
      .newsList2 li a.pdfLink[target="_blank"]:after {
        content: normal; }
    .newsList2 li a .new,
    .newsList2 li a .end {
      display: inline;
      width: inherit;
      margin-left: 5px;
      position: relative;
       }
      .newsList2 li a[target="_blank"] .new{
        position: relative;
      }
      .newsList2 li a .new img,
      .newsList2 li a .end img {
        position: relative;
       }
    .newsList2 li a .companyName {
      display: inline-block;
      width: inherit;
      margin-left: 5px;
      padding: 0 5px;
      border: 1px solid #404040;
      font-size: 0.86rem;
      color: #404040;}

  .newsList2 li span.ttl {
    position: static;
    width: 100%;
    display: inline;
}

/* Adobe readerのダウンロード */
.box1.reader a:first-child{
  float: left;
  padding: 10px 30px 10px 10px;
  }
.box1.reader a:first-child:after{display: none;}

ol.listOrder.no_desc{
list-style-type: none;
}

ol.listOrder.no_desc li{
display:block;
text-indent: -23px;
}


@media only screen and (max-width: 640px) {
.box1.reader .envPdf a:first-child{
  float: none;
    display: block;
    margin: 0 auto;
    width: 112px;
  }
}

.newsList2 li a.pdfLink .companyName {
    text-indent: 0px;
}
#index.home .newsList li a.pdfLink .companyName+span.new,
#index.top .newsList li a.pdfLink .companyName+span.new {
    left: 9px;
}


/* ==========================================================================
   ここから
   レスポンシブの設定
   ========================================================================== */
@media only screen and (max-width: 640px) {
  /* --------------------------------------------------
  layout
  -------------------------------------------------- */
  /* ヘッダー
  -------------------------------------------------- */
  #mainHeader {
    margin-bottom: 10px;
    padding-top: 10px;
    border-bottom: none; }
    #mainHeader .inner {
      position: relative;
      width: 100%; }
    #mainHeader .logo {
/*      margin: 0 0 15px 10px;*/
      margin: 0 0 5px 10px;
       }

    #mainHeader .logo img{
      width: 125px; }

  #openMenu {
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    width: 17px;
    height: 17px;
    background: url(/corporate/ja/img/btn_open1.png) no-repeat 0 0;
    background-size: 17px 17px; }
    #openMenu a {
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
    #openMenu.is-open {
      background: url(/corporate/ja/img/btn_close1.png) no-repeat 0 0;
      background-size: 17px 17px; }

  .wrapSpMenu {
    box-sizing: border-box;
    position: absolute;
    display: none;
    padding: 8px 10px 10px;
    background-color: #eeeeee;
    z-index: 105;
    top: 55px;
    left: 0;
    width: 100%; }

  /* ----- グローバルナビ ----- */
  .globalNav {
    margin-bottom: 0; }
    .globalNav li {
      position: relative;
      float: left;
      width: 49%;
      margin: 0 0 5px;
      background-color: #FFFFFF; }
    .globalNav li.lastNav {
      position: relative;
      float: left;
      width: 49%;
      margin: 0 0 5px;
      background-color: #FFFFFF; }
      .globalNav li:nth-child(odd) {
        margin-right: 2%; }
      .globalNav li a {
        box-sizing: border-box;
        display: block;
        margin: 0;
        padding-top: 0;
        height: 2.5em;
        line-height: 2.5em;
        border: none;
        font-weight: bold;
        color: #333333; }
      .globalNav li:hover a, .globalNav li.current a {
        border-bottom: none;
        color: #EF0041;
        background-color: #faefd1; }
      .globalNav li:hover .globalSubNav, .globalNav li.current .globalSubNav {
        display: none; }
      .globalNav li:hover .globalSubLastNav, .globalNav li.current .globalSubLastNav {
        display: none; }

  /* ----- ローカルナビ ----- */
  .localNav {
    margin: 15px 10px;
    border: 1px solid #d9d9d9; }
    .localNav ul {
      display: block;
      overflow: hidden; }

  .localNav li.current a, .localNav li a:hover, .localNav li.localSubNav a:hover {
          background-color: #faefd1;
      }/* add by N.T Nov.6,2015 */

   .localNav li,
  .company .localNav ul li,
  .company .localNav ul li.forSp,
  .business .localNav ul li,
  .ir .localNav ul li,
  .csr .localNav ul li,
  .topics .localNav ul li,
  .news .localNav ul li{
      display: block;
      box-sizing: border-box;
      width: 50%;
      float: left;
      padding: 0;
      margin-top: 1px;
      margin-bottom: -1px;
      vertical-align: middle;
      border-bottom: 1px solid #d9d9d9; }
      .localNav li:nth-child(odd) {
        border-right: 1px solid #d9d9d9; }
      .localNav li a {
        padding: 10px 0; }
        .localNav li a:before {
          content: normal; }
      .localNav li.current, .localNav li:hover {
        background-color: #faefd1;
        border-bottom: 1px solid #d9d9d9;
        padding: 0; }
      .localNav li br {
        display: none; }
      .localNav li:first-child, .localNav li:nth-child(2) {
        margin-top: 0; }

      .business .localNav ul li:nth-child(7){padding-bottom: 0;}
      .business .localNav ul li:hover:nth-child(7){padding-bottom: 0;}
      .business .localNav ul li.current:nth-child(7){padding-bottom: 0;}

    .localNav li:hover .localSubNav {
      display: none; }
    .localNav li.hasSub{
      background: none;
    }
/* comment out by N.T Nov.6,2015
      .company .localNav ul li:nth-child(1),
      .company .localNav ul li:nth-child(6){padding-bottom: 0;}
      .company .localNav ul li:hover:nth-child(1),
      .company .localNav ul li:hover:nth-child(6){padding-bottom: 0;}
*/
      .company .localNav ul li.hasBr,
      .company .localNav ul li.hasBr:hover,
      .company .localNav ul li.current.hasBr:hover{padding-bottom: 0;}
/* add by N.T Nov.6,2015 */



 .unitSearch {
    position: static;
    width: 100%;
    background-color: transparent; }
    .unitSearch form {
      border-bottom: none; }
.unitSearch .q {
  width: 91%;
  padding: 1.5% 7% 1% 2%;}
  .unitSearch input[type="submit"]{
   padding: 3.2%;
   }

  .wrapHeaderParts {
    position: static; }

  .unitContact,
  .unitContactC,
  .unitCharSize,
  .unitCompany {
    float: none;
    overflow: hidden; }

  .unitContact,
  .unitContactC {
    float: left;
    width: 130px;
    margin-right: 20px;
    margin-top: 0; }
    .unitContact a,
    .unitContactC a {
      background: #075A94 url(/corporate/ja/img/arrow2.png) no-repeat 7px 9px; }

  .unitCharSize {
    display: none; }

  .unitCompany {
    margin-right: 0; }

  /* ----- パンくず ----- */
  #topicPath {
    margin-bottom: 15px; }

  /* ----- アンカーリンク ----- */
  .toTop {
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px; }

  /*  アンカーリンク表示調整  */
  body:not(.spSubFNav) .contentsMain > section:last-child .toTop, body:not(.spSubFNav) .contentsMain > div:last-child .toTop {
    display: block; }

  .spSubFNav .contentsMain1col > .toTop {
    display: block; }

  .spSubFNav .contentsWrap + .toTop {
    display: none; }

  /* フッター
  -------------------------------------------------- */
  #mainFooter .inner {
    width: 90%;
    margin: 0 auto; }
  #mainFooter .listLinkHr li {
    width: 43%;
    margin-right: 0; }
    #mainFooter .listLinkHr li:nth-child(odd) {
      width: 55%; }

  /* ----- フッターバナー ----- */
  .blockFooterBanner {
    margin-bottom: 20px; }
    .blockFooterBanner ul {
      margin-right: 0; }
    .blockFooterBanner li {
      float: left;
      width: 49%;
      margin: 0 0 5px; }
      .blockFooterBanner li:nth-child(even) {
        float: right; }

  .blockFooterBanner li.tallBnr_mR2col {/* - 2018.10.03 バナーレイアウト用追加 by shimoji(フッターバナーが偶数のときは復活させる) - */
	margin-right: 0;
}

  /* コンテンツブロック
  -------------------------------------------------- */
  .contentsMain {
    float: none;
    width: 100%; }

  .contentsSub {
    float: none;
    width: 100%; }

  .contentsHeader > .unitPic {
    margin: 0 -10px 25px; }

  .contentsWrap {
    width: inherit;
    margin: 0 10px; }
    .contentsWrap + .toTop {
      padding-top: 15px; }

#rd_story .rd_subtitle {/*--2017.03.07 add style for rd_story by MBS Suzuki --*/
    margin: 0 -10px;
}

  /* カテゴリートップリスト
  -------------------------------------------------- */
  .categoryTopList .unitCol2 .unitPic:after {
    display: block;
    clear: both;
    content: ""; }
  .categoryTopList .unitCol2 .unitPic img {
    float: none;
    width: 100%;
    height: auto; }
    
  /* --------------------------------------------------
  common parts
  -------------------------------------------------- */
  /* --- 左右 --- */
  /* --- 幅 --- */
  .widthMid {
    width: 100% !important; }

  .widthMid2 {
    width: 100% !important; }

  /* --- テーブル --- */
  .tbl1,
  .tbl2,
  .tbl3 {
    margin-bottom: 15px; }
    .tbl1 + .supple,
    .tbl2 + .supple,
    .tbl3 + .supple {
      margin: -5px 0 15px; }

  .tbl3 th,
  .tbl3 td {
    padding: 2px 3px; }

  /* リストテーブル */
  /*  SP用にテーブルを分割する場合のwrap  */
  .tblWrap table {
    float: none;
    width: 100%;
    margin-bottom: 15px; }
    .tblWrap table th.thHide {
      display: table-cell; }
  .tblWrap + .supple {
    margin: -5px 0 15px; }

  /* --- 擬似テーブル --- */
  /*  擬似テーブル1  */
  .mimesisTblHeader [class^="plTd"],
  .mimesisTblBody [class^="plTd"] {
    width: 100%; }

  .mimesisTblHeader {
    display: none; }

  .mimesisTblBody {
    border: none; }

  .mimesisTblItem {
    display: block;
    border: none; }
    .mimesisTblItem [class^="plTd"] {
      display: block;
      width: 100%;
      border: none; }

  /*  擬似テーブル2  */
  .mimesisTbl2 {
    border: none; }

  .mimesisTblItem2 {
    display: block;
    border: none;
    margin: 0;
    padding-bottom: 3px; }
    .mimesisTblItem2 > * {
      display: block;
      padding: 0;
      width: 100%;
      border-left: none; }

  /* --- カラム --- */
  .unitCol1,
  .unitCol2 {
    float: none; }

  /* 全幅 2カラム */
  .block2colFull {
    margin-right: 0; }
    .block2colFull .unitCol1 {
      width: 100%;
      margin-right: 0; }

  /* 全幅 3カラム */
  .block3colFull {
    margin-right: 0; }
    .block3colFull .unitCol1 {
      width: 100%;
      margin-right: 0; }
    .block3colFull .unitCol2 {
      width: 100%;
      margin-right: 0; }

  /* 全幅 4カラム */
  .block4colFull {
    margin-right: 0; }
    .block4colFull .unitCol1 {
      width: 100%;
      margin-right: 0; }

  /* --- タイトル --- */
  .ttlA {
    margin: 0 0 15px; }

  .ttlB {
    background: #f9f9f9 url(/corporate/ja/img/bg_title1.png) no-repeat 100% 0;
    margin: 0 0 15px; }

  #strategy .ttlB{
padding-right:10px;
}


  #strategy .ttlB span {
	display:inline-block;
    width:81%;
}
  #strategy .ttlB .ttltextR {
    font-size: 1rem;
    width:auto;
    line-height: 1; }

  .ttlC {
    margin: 0 0 15px; }

  .ttlE {
    margin: 0 0 13px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4; }

  .ttlG {
    margin: 0 0 13px;
    font-size: 1.4rem;
    line-height: 1.4; }

  .ttlH {
    margin: 0 0 13px;
    font-size: 1.4rem;
    line-height: 1.4; }

  [class^="secBlock"],
  .unitFreeArea,
  .secWrap {
    padding-bottom: 15px; }

  /* 自由入力用wrap  */
  .unitFreeArea {
    clear: both;
    font-size: 1rem; }

  /* --- レイアウトブロック --- */
  /* 画像+テキスト(画像省略可)  */
  .secBlock1 .unitPic {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px; }
  .secBlock1.w240 .unitPic{
    width: 100%;}

  /* テキスト+画像2カラム  */
  .secBlock2 dl {
    margin: 0 0 15px; }
  .secBlock2 .unitPic {
    overflow: auto;
    float: none;
    width: 100%;
    padding-left: 0; }
    .secBlock2 .unitPic p {
      float: left;
      width: 49%;
      margin: 0 2% 0 0; }
    .secBlock2 .unitPic img {
      width: 100%;
      height: auto;
      line-height: 0; }
  .secBlock2 .unitTxt {
    float: none;
    width: 100% !important; }

  /* サイドバー無しページ用 テキスト634px + 画像316px */
  .secBlock3 .unitPic {
    float: none;
    width: 100%;
    margin-bottom: 15px; }
  .secBlock3 .unitTxt {
    float: none;
    width: 100%;
    margin-bottom: 15px; }

  /* サイドバー有りページ用 テキスト412px + 画像290px */
  .secBlock4 .unitPic {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px; }
  .secBlock4 .unitTxt {
    float: none;
    width: 100%;
    padding-bottom: 10px; }

  .secBlock4.w240 .unitPic,
  .secBlock4.w240 .unitTxt{
    width: 100%;}


  /* --- リスト --- */
  /* 通常リスト */
  /* 順列リスト */
  /* アンカーリンク */
  .listAnc {
    margin: 0 0 20px; }

 .listAncNoicon{
    margin-left:40px;
}

  /* リンクリスト */
  /* リンクリスト水平 */
  /* 電話番号リスト */
  /* 定義リスト */
  /* --- リンク --- */
  /* 別窓リンクに自動でアイコン付与 */
  /* 汎用リンク */
  /* 別窓リンク（頭にアイコン） */
  /* pdfリンク */
  /* 画像拡大リンク */
  /* 画像拡大リンク2 */
  /* ムービーリンク */
  /* 地図へのリンク */
  /*  モーダル  */
  /* モーダルで開くインラインコンテンツ */
  /* --- テキストなど --- */
  /* リード文 */
  .unitLead {
    margin: 0 0 15px; }

  /* 画像下キャプション */
  /* 補足テキスト（頭に※） */
  /* 小さめの文字 */
  .fszS {
    font-size: 0.9rem; }
  /* --- サブナビ --- */
  .blockSubLinks {
    margin: 0 0 7px;
    position: relative; }
    .blockSubLinks h2 {
      padding-right: 50px; }

      .blockSubLinks h2:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background-color: #EF0041; }
    .blockSubLinks .openList {
      display: block;
      position: absolute;
      top: 12px;
      right: 30px;
      width: 17px;
      height: 17px;
      background: url(/corporate/ja/img/btn_open2.png) no-repeat 0 0;
      background-size: 16px 16px; }
      .blockSubLinks .openList a {
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden; }
      .blockSubLinks .openList.is-open {
        background: url(/corporate/ja/img/btn_close2.png) no-repeat 0 0;
        background-size: 17px 17px; }
    .blockSubLinks .inner {
      display: none; }

  /* --- タブ --- */
  .blockTab {
    padding: 0 10px;
    margin: 0 -10px; }
    .blockTab ul {
      padding: 7px 0 0; }
    .blockTab li {
      position: relative;
      box-sizing: border-box;
      float: left;
      width: 49%;
      margin-bottom: 5px; }
      .blockTab li:nth-child(even) {
        float: right; }
      .blockTab li a {
        box-sizing: border-box;
        display: block;
        height: 2em;
        line-height: 2em;
        margin: 0;
        padding-left: 3px;
        background-color: #f5f5f5;
        border: 1px solid #d9d9d9;
        color: #333333;
        font-weight: normal; }
      .blockTab li.current a, .blockTab li:hover a {
        margin-top: 0;
        height: 2em;
        padding-top: 0;
        line-height: 2em;
        background-color: #faefd1;
        border: 1px solid #dddddd; }
        .blockTab li.current a:before, .blockTab li:hover a:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 3px;
          height: 100%;
          background-color: #EF0041; }

/* 2018.11.30 IRサイト改修に伴う上下ナビ追加 MBS kurakami */
.listNav.blockTab li,.listNav.blockBtn li {
position: relative;
box-sizing: border-box;
float: left;
width: 49%;
margin-bottom: 5px;}
.listNav.blockTab li:nth-child(2n),.listNav.blockBtn li:nth-child(2n) {
float: right;}
.listNav.blockTab li a,
.listNav.blockBtn li a{
box-sizing: border-box;
display: block;
height: 40px;
line-height: normal;
margin: 0;
padding-top: 11px;
padding-left: 3px;
background-color: #f5f5f5;
border: 1px solid #d9d9d9;
color: #333333;
font-weight: normal;}
.listNav.blockTab li.twoLine a,.listNav.blockBtn li.twoLine a {
height: 40px;
line-height: normal;
padding-top: 2px;}
.listNav.blockTab li.current a,
.listNav.blockTab li:hover a,
.listNav.blockBtn li.current a,
.listNav.blockBtn li:hover a{
height: 40px;
line-height: normal;
margin-top: 0;
padding-top: 11px;
background-color: #faefd1;
border: 1px solid #dddddd;}
.listNav.blockBtn li.current a,.listNav.blockBtn li:hover a {
font-weight: normal;}
.listNav.blockTab li.twoLine.current a,.listNav.blockTab li.twoLine:hover a,
.listNav.blockBtn li.twoLine.current a,.listNav.blockBtn li.twoLine:hover a {
padding-top: 2px;}
/* ここまで */

  /* --- 画像系 --- */
  /* PC,SPで表示画像切替 */
  .unitTogglePic .forPc {
    display: none; }
  .unitTogglePic .forSp {
    display: block; }

  /* 全幅画像 */
  /* センタリング画像 */
  .unitCenterPic {
    width: 100%; }
  /* --- 汎用ボックス --- */
  /* グレー囲み（お問い合わせ、参考情報など） */
  .box1 {
    margin-bottom: 15px; }

  /* .box2 */
  .box2 {
    margin-bottom: 15px; }

  /* .box3 */
  .box3 {
    margin-bottom: 15px; }

    .box3 .unitPic {
      position: relative;
      float: none;
      width: 100%;
      margin: 0 0 10px; }
      .box3 .unitPic:after {
        display: block;
        clear: both;
        content: ""; }
      .box3 .unitPic img {
        float: left;
        width: 40%;
        height: auto; }
      .box3 .unitPic .caption {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 58%;
        margin: 0; }

  /* --- ニュース --- */
  .newsLinks {
    margin-bottom: 5px; }

  .newsList li {
    padding-bottom: 5px;
    display: block;
    width: 100%; }
    .newsList li time,
    .newsList li span {
      display: inline; }
    .newsList li a {
      display: block; }
    .newsList li time {
      margin-right: 5px; }
    .newsList li span img {
      position: static;
      vertical-align: middle; }
    .newsList li a {
      padding-left: 15px;
      background: url(/corporate/ja/img/arrow1.png) no-repeat 0 0.5rem;
      overflow: hidden; }

  .newsList2 li {
    padding-bottom: 5px;
    display: block;
    width: 100%; }
    .newsList2 li time,
    .newsList2 li span {
      display: inline; }
    .newsList2 li a {
      display: block; }
    .newsList2 li time,
    .newsList2 li span {
      margin-right: 5px; }
    .newsList2 li a.pdfLink {
      margin-left: 20px;
      padding-left: 15px;
      text-indent: -32px;
      background: none;
      overflow: visible; }

.pdfLink.inline{padding-left: 0;}
.pdfLink.inline a[target="_blank"][href$=".pdf"] {padding-right: 0; }

}/* end of 640 */

@media only screen and (max-width: 370px){
  .company .localNav ul li{font-size:0.7rem;}
}/* end of 370 */



/* 財務ハイライト
-------------------------------------------------- */
#highlight p.ann { padding-left: 1.2em; text-indent: -0.8em; }


/* ==========================================================================
   CSR更新2016年
   ========================================================================== */
  
  /* --- 見出しインデント --- */
   
.csr .ttlD {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 17px 1.4em;
  text-indent: -1.4em; }
  .csr .ttlD:before {
    content: "■ ";
    color: #EF0041; }
	
  /* --- テーブル組み --- */
.csr .tbl1 {
	white-space: normal;
	word-break:break-all;
}

  /* --- 特集 --- */

.spCses .box2 .inner {
	padding: 10px;
}

.spCses .box2 .inner img {
	width: 100%;
}

.spCses a.modal_open::after, .spCses .modal_open a::after {
	margin-top: -10px;
}

.spCses h4.ttlD {
	margin-top: -20px;
}



/* ==========================================================================
   CSR更新2017年
   ========================================================================== */
  
  /* --- ステークホルダーミーティング --- */
  
  
#timetable.secBlock1 span.name {
	float: left;
	padding-right: 8px;
}

#timetable.secBlock1 span.position {
	overflow: hidden;
	margin-left: 6em;
	display: block;
}

.dialogbox {
	width: 100%;
	clear: both;
	padding-bottom: 50px;
}

.dialogbox h3 {
	color: #EF0041;
	border-top: solid 2px #d9d9d9;
	padding-top: 20px;
}
  
.dialogbox .inner {
	float: left;
	width: 60%;
	padding-bottom: 40px;
}

.dialogbox .inner .chart {
	width: 100%;
}

.dialogbox .inner .chart img {
	width: 100%;
}

.dialogbox .inner p {
	margin: 0;
	padding: 0;
}
  
.dialogbox .person {
	float: right;
	width: 40%;
	text-align: right;
}


.dialogbox .person img {
	width: 80%;
}


  /* --- SDGs --- */
.secBlock1 #sdgsWrap {
	width: 100%;
}

.secBlock1 #sdgsWrap img {
	width: 100%;
}

.secBlock1 #sdgsWrap .target01 {
	width:46%;
	float: left;
}

.secBlock1 #sdgsWrap th, .secBlock1 #sdgsWrap td {
	vertical-align: top;
}

.secBlock1 #sdgsWrap th img {
	padding-bottom: 15px;
}

.secBlock1 #sdgsWrap dl {
	margin: 0;
	padding: 0;
}

.secBlock1 #sdgsWrap td {
	padding-left: 5px;
}

.secBlock1 #sdgsWrap td dt {
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 5px;
	line-height: 1.2;
}

.secBlock1 #sdgsWrap td dd {
	padding-bottom: 15px;
}

.secBlock1 #sdgsWrap .target02 {
	width:46%;
	float: right;
}

.secBlock1 #sdgsWrap .description {
	clear: both;
}

.description .targetIcon {
	font-size: 120%;
}


.secBlock1 .sdgsBox {
	width: 100%;	
}

.secBlock1 .sdgsBox .sdgsTitle {
	width: 100%;
	border-top: solid 2px #d9d9d9;
}

.secBlock1 .sdgsBox .sdgsTitle h3 {
	margin: 0;
	padding: 20px 0 0 0;
	color: #EF0041;
	font-size: 140%;
}

.secBlock1 .sdgsBox .sdgsTitle img {
	width: 20%;
	float: right;
	padding: 0 0 20px 20px;
}

.secBlock1 .sdgsBox .listOrder li {
	list-style: disc;
}


  /* --- 三菱マテリアルグループの発展を支えて（歩み） --- */
  
.secBlock1 .historyWrap {
	width: 100%;
}

.secBlock1 .historyWrap img {
	width: 100%;
}

.secBlock1 .historyWrap .result {
	border: none;
	vertical-align: top;
	padding-bottom: 10px;
	width: 70%;
}

.secBlock1 .historyWrap .result dl {
	width: 80%;
}

.secBlock1 .historyWrap table .result dl.text {
	padding: 1em;
	background-color: #f4efd4;	
}


.secBlock1 .historyWrap .result dl dd p.photo {
	width: 100%;
	margin-bottom: 0;
	margin-top: 3px;
	text-align: right;
}

.secBlock1 .historyWrap .result dl dd p.photo img {
	width: 50%;
}

.secBlock1 .historyWrap .history {
	border-left: 4px solid #d9d9d9;
	vertical-align: top;
	padding-left: 10px;
	width: 30%;
}
  
.secBlock1 .historyWrap .result dt {
	font-weight: bold;
	font-size: 130%;
	color: #665d25;
	margin-bottom: 10px;
}

.secBlock1 .historyWrap .result dt span.category {
	display: block;
	border-bottom: solid 1px #665d25;
	text-align: right;
	font-size: 75%;
}
  
.secBlock1 .historyWrap .history dt {
	font-weight: bold;
	font-size: 130%;
	color: #665d25;
}

.secBlock1 .historyWrap table {
	border-collapse: collapse;
	width: 100%;
}

.secBlock1 .historyWrap table dl {
	padding: 0;
	margin: 0;
}



  /* --- 三菱マテリアルグループの発展を支えて（直島） --- */
  
.focus section.box2.withPic.alt .inner {
	width: 400px;	
}

  
.focus section.box2.withPic.alt .unitPic {
	width: 260px;	
}

.secBlock1 .historyWrap #naoshima .result p.photo {
	width: 80%;
}

.spCses #naoshimaSp.box2 .inner img {
	width: 70%;
}

.spCses #naoshimaSp.box2 .inner .unitPic p {
	text-align: center;
}



  /* --- 三菱マテリアルの森　扉 --- */
  
#forest.csr .categoryTopList2.withThumb .unitCol1{
  min-height: 220px;
}


  /* --- 地域・社会への参画　扉 --- */
#communication.csr .categoryTopList2 .unitCol1{
  min-height: 240px;
}

  /* --- 2020/02/25 家電リサイクルページ構築のため　kondo --- */

.imgBtn2area {
    width: 304px;
    background-image: url(../business/recycle/img/o_bg.gif);
    border: #ccc solid 1px;
    padding: 9px 4px 9px 9px;
    margin-bottom: 5px;
}

.imgBtn4area {
    width: 608px;
    background-image: url(../business/recycle/img/o_bg.gif);
    border: #ccc solid 1px;
    padding: 9px 5px 9px 9px;
    margin-bottom: 5px;
}

.imgBtn4area li, .imgBtn2area li {
    width: 147px;
    display: inline;
    margin-right: 5px;
}

.sideImg_left {
    width: 192px;
    float: left;
}

.sideImg_right {
    width: 408px;
    float: right;
    margin-left: 24px;
}

.recycle_recovery .mainImage img{
    width: 80%;
    vertical-align: top;
}

.recycle_recovery .subImage img{
    width: 80%;
    vertical-align: top;
}

.figList div.firstFig {
    width: 192px;
    float: left;
    margin: 0 5px 12px 0;
}

.figList p.figTitle {
    color: #fff;
    font-weight: bold;
    line-height: 1.8em;
    background-color: #0056ca;
    padding-left: 5px;
    margin: 0 0 1px 0;
}

.figList div p {
    font-size: 90%;
    color: #333;
    line-height: 1.2;
    text-indent: 0;
    margin:0 0 0 5px;
}

.recycle_plant-lead{
    font-family: meiryo;
}

  /* --- 2020/03/06 廃棄物処理委託ページ構築のため　kondo --- */

#area0402_table01 table{
    width: 100%;
    line-height: 1.75;
    margin-bottom: 24px;
    border-collapse: collapse;
    border-spacing: 0;
}

#area0402_table01 table th, #area0402_table01 table td {
    padding: 4px;
    border: #000 solid 1px;
}

.waste_process img{
    vertical-align: top;
}

.waste_processAsr img{
    vertical-align: top;
    margin: 0 auto;
    display:block;
}

.waste_bgGray{
    background-color: #eee;
}

.waste_pd{
    padding-left: 166px;    
}

.waste_indent{
    padding-left: 68px;
}

.waste_asrTaR{
   text-align: right !important;
   display: block;
}

/* ==========================================================================
   ここから
   レスポンシブの設定
   ========================================================================== */
@media only screen and (max-width: 640px) {

.secBlock1 #sdgsWrap .target01 {
	width:100%;
	float: none;
}

.secBlock1 #sdgsWrap .target02 {
	width:100%;
	float: none;
}

.secBlock1 .historyWrap .result {
	width: 50% !important;
}

.secBlock1 .historyWrap .history {
	width: 50% !important;
}

.secBlock1 .historyWrap .result dl {
	width: 86%;
}

.secBlock1 .historyWrap .result dt {
	font-size: 110%;
}

.secBlock1 .historyWrap .result dl dd p.photo img {
	width: 100%;
}

.secBlock1 .historyWrap table .result dl.text {
	padding: 0.5em;
}

.secBlock1 .historyWrap table .result .caption {
	word-break: break-all;
}

.spCses #naoshimaSp.box2 .inner img {
	width: 100%;
}
	
}


/* ==========================================================================
   CSR更新2019年
   ========================================================================== */
  
  /* --- 赤枠Box --- */

.box2 .boxContentsWrap {
  clear: both;
  width: 100%;
}

.box2 .boxContentsWrap .inner .boxPhotoArea {
  width: 80%;
}

.box2 .boxContentsWrap .inner .boxPhotoArea p {
  width: 40%;
  float: left;
  margin-right: 15px;
}

.box2 .boxContentsWrap .inner .boxPhotoArea p span {
  display: block;
}

.box2 .boxContentsWrap .inner .boxPhotoArea p.description {
  clear: left;
  float: none;
  margin-right: 0;
  width: 100%;
}

.box2 .boxContentsWrap .inner .boxPhotoArea p img {
  width: 100%;
}

@media only screen and (max-width: 640px) {
.box2 .boxContentsWrap .inner .boxPhotoArea p {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: 10px;
}
.box2 .boxContentsWrap .inner .boxPhotoArea {
  width: 100%;
}
}

.box3 .unitPic .note {
    position: relative;
    display: block;
    margin: 6px -7px 0;
    padding-left: 1em;
    text-align: left;
    font-size: 0.9rem;
}

.dialogbox .person .note {
    position: relative;
    margin: 6px -7px 0;
    padding-left: 1em;
    text-align: right;
    font-size: 0.9rem;
}

.secBlock1 .unitPic .note {
    position: relative;
    display: block;
    margin: 6px -7px 0;
    padding-left: 1em;
    text-align: left;
    font-size: 0.9rem;
}

.secBlock1 .unitPic .noteright {
    position: relative;
    display: block;
    margin: 6px 0 0;
    padding-left: 1em;
    text-align: right;
    font-size: 0.9rem;
}

.box3 .unitPic .note::before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: "＊";
}

.dialogbox .person .note::before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: "＊";
}

.secBlock1 .unitPic .note::before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: "＊";
}

.secBlock1 .unitPic .noteright::before {
    left: 0;
    top: 0;
    display: inline-block;
    content: "＊";
}

.box2 .unitPic .note {
    position: relative;
    display: block;
    margin: 6px -7px 0;
    padding-left: 1em;
    text-align: left;
    font-size: 0.9rem;
}

.box2 .unitPic .note::before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: "＊";
}

.box3 .person .note {
    position: relative;
    display: block;
    margin: 6px -7px 0;
    padding-left: 1em;
    text-align: left;
    font-size: 0.9rem;
}

.box3 .person .note::before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: "＊";
}

/* --------------------------------------------------------------------------

  目指す姿実現の原動力
  2022.08.18 追加
  2022.12.26 変更
  2023.03.31 変更
  2024.12.19 変更

-------------------------------------------------------------------------- */
#action .Wrap-Mission {
  width: 100vw;
  position: relative;
  overflow: hidden;
}
#action .Wrap-Mission .img-sp {
  display: none;
}
#action .Wrap-Mission .img-pc {
  display: inline-block;
}
#action .Wrap-Mission .pc-main {
  display: block;
}
#action .Wrap-Mission .sp-main {
  display: none;
}
#action .Wrap-Mission p .is-pc {
  display: inline-block;
}
#action .Wrap-Mission #topicPath {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 139px;
}
#action .Wrap-Mission .main-contents .OurMission, #action .Wrap-Mission .main-contents .PersonalMission, #action .Wrap-Mission .main-contents .InternalCommunication {
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 500;
}
#action .Wrap-Mission .main .video-js {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
#action .Wrap-Mission .main .video-js .vjs-control-bar {
  height: 56px;
  background: transparent;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  bottom: 20px;
  padding-right: 2%;
}
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-play-control,
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-progress-control,
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-picture-in-picture-control,
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-fullscreen-control,
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-progress-control,
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-remaining-time {
  display: none;
}
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-volume-panel {
  width: 56px;
}
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: 56px;
}
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-control {
  display: none;
}
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
  width: 100%;
}
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-volume-panel .vjs-mute-control .vjs-icon-placeholder::before {
  background-image: url(/corporate/ja/company/mezasusugata/img/icon_sound-off.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
#action .Wrap-Mission .main .video-js .vjs-control-bar .vjs-volume-panel .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before {
  background-image: url(/corporate/ja/company/mezasusugata/img/icon_sound-on.png);
}
#action .Wrap-Mission .ttl {
  width: 100vw;
}
#action .Wrap-Mission .ttl-bg .wrap::before {
  width: 200%;
  height: 110%;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: #fff;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  will-change: transform;
  -webkit-transition: -webkit-transform ease-out 1500ms 200ms;
  transition: -webkit-transform ease-out 1500ms 200ms;
  transition: transform ease-out 1500ms 200ms;
  transition: transform ease-out 1500ms 200ms, -webkit-transform ease-out 1500ms 200ms;
  top: -1%;
  right: 0;
}
#action .Wrap-Mission .inner {
  width: 1000px;
  position: relative;
  margin: 0 auto;
}
#action .Wrap-Mission .inner .unitLead {
  width: 78.4%;
  font-size: 1rem;
  line-height: 180%;
  opacity: 0;
  margin: 0 0 0 auto;
}
#action .Wrap-Mission .inner .unitLead.active {
  -webkit-animation: mezasusugata-view-fade 1500ms forwards;
  animation: mezasusugata-view-fade 1500ms forwards;
}
#action .Wrap-Mission .inner .inner-left {
  width: 89.2%;
}
#action .Wrap-Mission .inner .inner-right {
  width: 10.8%;
}
#action .Wrap-Mission .inner .ttl-sub {
  height: 120vh;
}
#action .Wrap-Mission .OurMission {
  margin-bottom: 420px;
}
#action .Wrap-Mission .OurMission .section-ttl {
  position: relative;
  margin-bottom: 66px;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
  margin-top: -240px;
  padding-right: 239px;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl.active .wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#action .Wrap-Mission .OurMission .section-ttl .ttl.active .wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#action .Wrap-Mission .OurMission .section-ttl .ttl .wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  -webkit-transition: -webkit-transform ease-out 1000ms 200ms;
  transition: -webkit-transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms, -webkit-transform ease-out 1000ms 200ms;
  -webkit-transform: translate3d(-110.1%, 0, 0);
  transform: translate3d(-110.1%, 0, 0);
  overflow: hidden;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl .wrapper {
  display: block;
  -webkit-transition: -webkit-transform ease-out 1000ms 200ms;
  transition: -webkit-transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms, -webkit-transform ease-out 1000ms 200ms;
  -webkit-transform: translate3d(110.1%, 0, 0);
  transform: translate3d(110.1%, 0, 0);
}
#action .Wrap-Mission .OurMission .section-ttl .ttl img {
  width: auto;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl-bg {
  text-align: right;
  position: relative;
  z-index: -1;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl-bg::after {
  width: 776px;
  height: 231px;
  max-width: 100vw;
  content: "";
  position: absolute;
  z-index: 2;
  background: #E60012;
  mix-blend-mode: multiply;
  -webkit-transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1500ms;
  transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1500ms;
  right: -100%;
  top: -13%;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl-bg.active .wrap::before {
  -webkit-transform: translateX(-60%);
  -ms-transform: translateX(-60%);
  transform: translateX(-60%);
}
#action .Wrap-Mission .OurMission .section-ttl .ttl-bg.active::after {
  right: 0;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl-bg img.img-pc {
  display: inline-block;
}
#action .Wrap-Mission .OurMission .section-ttl .ttl-bg img.img-sp {
  display: none;
}
#action .Wrap-Mission .OurMission .inner .inner-left {
  width: 91.5%;
}
#action .Wrap-Mission .OurMission .inner .inner-left .unitLead {
  width: 85.6%;
  margin-left: 0;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message {
  margin: 98px 0 0;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message .message-img {
  opacity: 0;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message .message-img.active {
  -webkit-animation: mezasusugata-view-fade 1500ms forwards;
  animation: mezasusugata-view-fade 1500ms forwards;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt {
  width: 61%;
  color: #fff;
  line-height: 200%;
  font-size: 90%;
  background: #E60012;
  mix-blend-mode: multiply;
  z-index: 2;
  opacity: 0;
  position: relative;
  right: 0;
  padding: 56px 56px 46px 63px;
  margin: -420px 0 0px auto;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt.active {
  -webkit-animation: mezasusugata-view-fade 1500ms forwards;
  animation: mezasusugata-view-fade 1500ms forwards;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt h4 {
  margin-bottom: 46px;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt .name {
  text-align: right;
  font-size: 107%;
  margin-top: 2rem;
}
#action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt .name span {
  border-bottom: 2px solid #fff;
  padding-bottom: 0.2rem;
}
#action .Wrap-Mission .OurMission .inner .inner-right {
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}
#action .Wrap-Mission .OurMission .inner .inner-right .ttl-sub {
  display: inline-block;
  position: relative;
}
#action .Wrap-Mission .OurMission .inner .inner-right .ttl-sub::before {
  position: absolute;
  content: "";
  background: #fff;
  -webkit-transform: scaleX(1) skewY(16deg);
  -ms-transform: scaleX(1) skewY(16deg);
  transform: scaleX(1) skewY(16deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#action .Wrap-Mission .OurMission .inner .inner-right .ttl-sub.active::before {
  -webkit-animation: mezasusugata-slashLine 2000ms forwards cubic-bezier(0.3, 0.4, 0.1, 1) 500ms;
  animation: mezasusugata-slashLine 2000ms forwards cubic-bezier(0.3, 0.4, 0.1, 1) 500ms;
}
#action .Wrap-Mission .PersonalMission {
  margin-bottom: 446px;
}
#action .Wrap-Mission .PersonalMission .section-ttl {
  text-align: right;
  position: relative;
  margin-bottom: 0;
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl {
  text-align: left;
  display: inline-block;
  margin-top: 300px;
  padding-left: 26vw;
  margin-bottom: 0;
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl.active .wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl.active .wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl .wrap {
  display: block;
  overflow: hidden;
  -webkit-transition: -webkit-transform ease-out 1000ms 200ms;
  transition: -webkit-transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms, -webkit-transform ease-out 1000ms 200ms;
  -webkit-transform: translate3d(-110.1%, 0, 0);
  transform: translate3d(-110.1%, 0, 0);
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl .wrapper {
  display: block;
  -webkit-transition: -webkit-transform ease-out 1000ms 200ms;
  transition: -webkit-transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms, -webkit-transform ease-out 1000ms 200ms;
  -webkit-transform: translate3d(110.1%, 0, 0);
  transform: translate3d(110.1%, 0, 0);
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl .wrapper .img-pc {
  width: 95%;
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 89px;
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl-bg::after {
  width: 920px;
  height: 210px;
  position: absolute;
  z-index: 2;
  content: "";
  background: #E60012;
  mix-blend-mode: multiply;
  -webkit-transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1500ms;
  transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1500ms;
  left: -40%;
  top: -20%;
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl-bg.active .wrap::before {
  -webkit-transform: translateX(-60%);
  -ms-transform: translateX(-60%);
  transform: translateX(-60%);
}
#action .Wrap-Mission .PersonalMission .section-ttl .ttl-bg.active::after {
  left: 0;
}
#action .Wrap-Mission .PersonalMission .inner {
  margin-bottom: 320px;
}
#action .Wrap-Mission .PersonalMission .inner .inner-left {
  width: 10.8%;
  position: absolute;
  top: 32px;
  left: 0;
}
#action .Wrap-Mission .PersonalMission .inner .inner-left .ttl-sub {
  position: relative;
}
#action .Wrap-Mission .PersonalMission .inner .inner-left .ttl-sub::before {
  position: absolute;
  content: "";
  background: #fff;
  -webkit-transform: scaleX(1) skewY(16deg);
  -ms-transform: scaleX(1) skewY(16deg);
  transform: scaleX(1) skewY(16deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#action .Wrap-Mission .PersonalMission .inner .inner-left .ttl-sub.active::before {
  -webkit-animation: mezasusugata-slashLine 2000ms forwards cubic-bezier(0.3, 0.4, 0.1, 1) 200ms;
  animation: mezasusugata-slashLine 2000ms forwards cubic-bezier(0.3, 0.4, 0.1, 1) 200ms;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right {
  width: 89.2%;
  margin: 0 0 0 auto;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .unitLead {
  width: 87.8%;
  margin: 0;
  padding: 180px 0 70px 0;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie {
  width: 100%;
  font-size: 90%;
  display: -ms-grid;
  display: grid;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px;
  opacity: 0;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .video-js {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .video-js .vjs-poster {
  background-size: inherit;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .video-js .vjs-big-play-button {
  width: 4rem;
  height: 4rem;
  border: solid 1px #fff;
  border-radius: 50%;
  background: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  opacity: 0.95;
  top: 60%;
  left: 60%;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  width: 0;
  height: 0;
  border: 1rem solid transparent;
  border-left: 1.8rem solid #fff;
  position: absolute;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 50%;
  left: 34%;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .name {
  margin: 0.8rem 0 0.3rem;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .name span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(76%, transparent), color-stop(0, #E60012));
  background: linear-gradient(transparent 76%, #E60012 0);
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .name-sub {
  font-size: 75%;
  margin-bottom: 0;
}
#action .Wrap-Mission .PersonalMission .inner .inner-right .movie.active {
  -webkit-animation: mezasusugata-view-fade 1500ms forwards;
  animation: mezasusugata-view-fade 1500ms forwards;
}
#action .Wrap-Mission .PersonalMission .members {
  overflow: hidden;
}
#action .Wrap-Mission .PersonalMission .members .members-ttl {
  text-align: center;
  opacity: 0;
  margin-bottom: 40px;
}
#action .Wrap-Mission .PersonalMission .members .members-ttl.active {
  -webkit-animation: mezasusugata-view-fade 1500ms forwards;
  animation: mezasusugata-view-fade 1500ms forwards;
}
#action .Wrap-Mission .PersonalMission .members .swiper {
  opacity: 0;
}
#action .Wrap-Mission .PersonalMission .members .swiper ul {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
#action .Wrap-Mission .PersonalMission .members .swiper ul li {
  padding-left: 15px;
}
#action .Wrap-Mission .PersonalMission .members .swiper ul li img {
  width: 100%;
  height: auto;
}
#action .Wrap-Mission .PersonalMission .members .swiper ul.members-top {
  margin-bottom: 15px;
}
#action .Wrap-Mission .PersonalMission .members .swiper.active {
  -webkit-animation: mezasusugata-view-fade 1500ms forwards;
  animation: mezasusugata-view-fade 1500ms forwards;
}
#action .Wrap-Mission .InternalCommunication {
  background: #DEDEDE;
  position: relative;
  padding-bottom: 190px;
}
#action .Wrap-Mission .InternalCommunication::after {
  width: 100vw;
  height: 208px;
  background: #fff;
  position: absolute;
  content: "";
  top: 0;
}
#action .Wrap-Mission .InternalCommunication .section-ttl {
  position: relative;
  z-index: 1;
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 56px;
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl.active .wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl.active .wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl .wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  -webkit-transition: -webkit-transform ease-out 1000ms 200ms;
  transition: -webkit-transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms, -webkit-transform ease-out 1000ms 200ms;
  -webkit-transform: translate3d(-110.1%, 0, 0);
  transform: translate3d(-110.1%, 0, 0);
  overflow: hidden;
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl .wrapper {
  display: block;
  -webkit-transition: -webkit-transform ease-out 1000ms 200ms;
  transition: -webkit-transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms;
  transition: transform ease-out 1000ms 200ms, -webkit-transform ease-out 1000ms 200ms;
  -webkit-transform: translate3d(110.1%, 0, 0);
  transform: translate3d(110.1%, 0, 0);
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl img {
  width: 100%;
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl-bg {
  position: absolute;
  z-index: -1;
  right: 0;
  top: -161px;
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl-bg::after {
  width: 808px;
  height: 235px;
  background: #E60012;
  mix-blend-mode: multiply;
  position: absolute;
  content: "";
  -webkit-transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1500ms;
  transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1500ms;
  z-index: 2;
  right: -100%;
  top: -94px;
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl-bg.active .wrap::before {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
#action .Wrap-Mission .InternalCommunication .section-ttl .ttl-bg.active::after {
  right: 0;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .unitLead {
  width: 87.8%;
  margin-bottom: 120px;
  padding-top: 70px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list {
  width: 87.8%;
  position: relative;
  margin: 0 0 0 auto;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-icon-box .is-sp {
  display: none;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#ambassador {
  margin-bottom: 87px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#experience {
  margin-bottom: 90px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#radio {
  margin-bottom: 107px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#radio .sec-comment .comment-inner .comm-arrow-box {
  min-height: 8rem;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#reversementoring {
  margin-bottom: 49px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#reversementoring p {
  padding-bottom: 20px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#one-on-one .sec-unitLead {
  margin-bottom: 0;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#one-on-one p {
  padding-bottom: 20px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-ttl {
  position: relative;
  margin-bottom: 25px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-ttl::before {
  background: #DEDEDE;
  position: absolute;
  content: "";
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 800ms;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 800ms;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-ttl.active::before {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-unitLead {
  font-size: 14px;
  line-height: 168%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  margin-bottom: 46px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-unitLead p {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 20px 22.5px 0;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-unitLead.no-image {
  display: block;
  height: auto;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-unitLead.active {
  -webkit-animation: mezasusugata-view-fade 1500ms forwards;
  animation: mezasusugata-view-fade 1500ms forwards;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment.active .comment-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner {
  -webkit-transform: translate(0, 64px);
  -ms-transform: translate(0, 64px);
  transform: translate(0, 64px);
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  opacity: 0;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner.second {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner .comm-arrow-box {
  width: 290px;
  font-size: 12px;
  border: solid #000 3px;
  background: #fff;
  display: block;
  position: relative;
  z-index: 2;
  padding: 16px;
  margin-left: 74px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner .comm-arrow-box::before {
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: rgba(0, 0, 0, 0);
  border-top-width: 24px;
  border-bottom-width: 156px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-top-color: #000000;
  position: absolute;
  content: "";
  pointer-events: none;
  -webkit-transform: skewX(160deg);
  -ms-transform: skewX(160deg);
  transform: skewX(160deg);
  top: 100%;
  left: 9%;
  margin-left: -13px;
  margin-top: 3px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner .comm-arrow-box::after {
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 21px;
  border-bottom-width: 157px;
  border-left-width: 8px;
  border-right-width: 8px;
  border-top-color: #FFFFFF;
  position: absolute;
  content: "";
  pointer-events: none;
  -webkit-transform: skewX(160deg);
  -ms-transform: skewX(160deg);
  transform: skewX(160deg);
  top: 100%;
  left: 9%;
  margin-left: -10px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner .comm-icon-box {
  position: relative;
  padding: 36px 0 0 110px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner .comm-icon-box img {
  position: absolute;
  z-index: 1;
  left: -4%;
  bottom: -10%;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner .comm-icon-box .name {
  color: #fff;
  font-size: 16px;
  background: #E61F17;
  padding: 0 4px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .sec-comment .comment-inner .comm-icon-box p {
  font-size: 11px;
  margin-top: 4.5px;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-right {
  width: 21.3%;
  position: absolute;
  top: 48px;
  left: 89.2%;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-right .ttl-sub {
  height: 201vh;
  position: relative;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-right .ttl-sub img {
  width: 100%;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-right .ttl-sub::before {
  background: #DEDEDE;
  position: absolute;
  content: "";
  -webkit-transform: scaleX(1) skewY(16deg);
  -ms-transform: scaleX(1) skewY(16deg);
  transform: scaleX(1) skewY(16deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#action .Wrap-Mission .InternalCommunication .inner .inner-right .ttl-sub.active::before {
  -webkit-animation: mezasusugata-slashLine 2000ms forwards cubic-bezier(0.3, 0.4, 0.1, 1) 500ms;
  animation: mezasusugata-slashLine 2000ms forwards cubic-bezier(0.3, 0.4, 0.1, 1) 500ms;
}
@-webkit-keyframes mezasusugata-slashLine {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}
@keyframes mezasusugata-slashLine {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes mezasusugata-view-fade {
  0% {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes mezasusugata-view-fade {
  0% {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@media (max-width: 994px) {
  #action .Wrap-Mission {
    margin-top: -4px;
  }
  #action .Wrap-Mission .img-pc {
    display: none;
  }
  #action .Wrap-Mission .img-sp {
    display: inline-block;
  }
  #action .Wrap-Mission img {
    width: 100%;
    height: auto;
  }
  #action .Wrap-Mission p .is-pc {
    display: none;
  }
  #action .Wrap-Mission #topicPath {
    width: 96vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14rem;
  }
  #action .Wrap-Mission .main {
    height: auto;
  }
  #action .Wrap-Mission .main .pc-main {
    display: none;
  }
  #action .Wrap-Mission .main .sp-main {
    display: block;
  }
  #action .Wrap-Mission .main .sp-main .main-text {
    position: absolute;
    z-index: 2;
    padding: 36% 5%;
  }
  #action .Wrap-Mission .main .sp-main .main-img {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  #action .Wrap-Mission .ttl {
    text-align: center;
    margin: 0;
    padding: 0;
  }
  #action .Wrap-Mission .ttl img {
    width: 100%;
  }
  #action .Wrap-Mission .inner {
    width: 96vw;
  }
  #action .Wrap-Mission .OurMission {
    margin-bottom: 6rem;
  }
  #action .Wrap-Mission .OurMission .section-ttl {
    margin-bottom: 0;
  }
  #action .Wrap-Mission .OurMission .section-ttl .ttl-bg {
    width: 83vw;
    position: absolute;
    right: 0;
    top: -65%;
  }
  #action .Wrap-Mission .OurMission .section-ttl .ttl-bg::after {
    width: 81%;
    height: 46%;
    right: -100%;
    top: -11%;
  }
  #action .Wrap-Mission .OurMission .section-ttl .ttl-bg img.img-pc {
    display: none;
  }
  #action .Wrap-Mission .OurMission .section-ttl .ttl-bg img.img-sp {
    display: inline-block;
  }
  #action .Wrap-Mission .OurMission .section-ttl .ttl {
    width: 96%;
    margin: -5% 0 0 3%;
    padding: 0;
    justify-content: space-between;
  }
  #action .Wrap-Mission .OurMission .section-ttl .ttl img {
    width: 100%;
  }
  #action .Wrap-Mission .OurMission .inner .inner-left {
    width: auto;
  }
  #action .Wrap-Mission .OurMission .inner .inner-left .unitLead {
    width: 75vw;
    min-height: 20rem;
    margin-left: 3vw;
    padding: 10% 0 5%;
  }
  #action .Wrap-Mission .OurMission .inner .inner-left .message {
    width: auto;
    display: block;
    margin: 0 auto 180px;
  }
  #action .Wrap-Mission .OurMission .inner .inner-left .message .message-img {
    width: 77%;
  }
  #action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt {
    width: 82vw;
    line-height: 192%;
    mix-blend-mode: multiply;
    position: relative;
    margin: -12% 0 0 16.6%;
    padding: 16% 7% 6%;
  }
  #action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt h4 {
    width: 62vw;
    margin-bottom: 1.2rem;
  }
  #action .Wrap-Mission .OurMission .inner .inner-left .message .message-txt .name {
    font-size: 116%;
    margin-top: 1.5rem;
  }
  #action .Wrap-Mission .OurMission .inner .inner-right {
    width: 14%;
    margin-top: 10%;
  }
  #action .Wrap-Mission .PersonalMission {
    margin-bottom: 12rem;
  }
  #action .Wrap-Mission .PersonalMission .section-ttl .ttl {
    width: 66vw;
    display: block;
    margin: 0 0 16% 3%;
    padding: 0;
  }
  #action .Wrap-Mission .PersonalMission .section-ttl .ttl-bg {
    width: 83vw;
    right: 0;
    left: auto;
    top: 76%;
  }
  #action .Wrap-Mission .PersonalMission .section-ttl .ttl-bg::after {
    width: 55%;
    height: 62%;
    left: -100%;
    top: 56%;
  }
  #action .Wrap-Mission .PersonalMission .section-ttl .ttl-bg.active::after {
    left: -21%;
  }
  #action .Wrap-Mission .PersonalMission .inner {
    margin-bottom: 8rem;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-left {
    width: 12%;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-right {
    width: auto;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-right .unitLead {
    width: auto;
    padding: 58% 0 0 26%;
    min-height: 40rem;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-right .movie {
    width: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block {
    width: 94vw;
    margin-bottom: 3rem;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .name {
    font-size: 1.2rem;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block .name-sub {
    font-size: 0.9rem;
  }
  #action .Wrap-Mission .PersonalMission .inner .inner-right .movie .movie-block:last-child {
    margin-bottom: 0;
  }
  #action .Wrap-Mission .PersonalMission .members {
    overflow: hidden;
  }
  #action .Wrap-Mission .PersonalMission .members .members-ttl {
    width: 79vw;
    margin: 0 auto 3rem;
  }
  #action .Wrap-Mission .PersonalMission .members .swiper ul li {
    padding-left: 2%;
  }
  #action .Wrap-Mission .PersonalMission .members .swiper ul.members-top {
    margin-bottom: 2%;
  }
  #action .Wrap-Mission .PersonalMission .members .members-top {
    margin-bottom: 1%;
  }
  #action .Wrap-Mission .InternalCommunication {
    padding-bottom: 6rem;
  }
  #action .Wrap-Mission .InternalCommunication::after {
    height: 2.5rem;
  }
  #action .Wrap-Mission .InternalCommunication .section-ttl .ttl {
    text-align: left;
    width: 94vw;
    margin: 0 auto;
  }
  #action .Wrap-Mission .InternalCommunication .section-ttl .ttl-bg {
    width: 83vw;
    top: -74%;
  }
  #action .Wrap-Mission .InternalCommunication .section-ttl .ttl-bg::after {
    width: 90%;
    height: 56%;
    right: -100%;
    top: -24%;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left {
    width: 77%;
    margin: 0 auto;
    padding-top: 3rem;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .unitLead {
    width: auto;
    margin-bottom: 4rem;
    padding: 0 2rem 0 0;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list {
    width: auto;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-unitLead {
    height: auto;
    font-size: 0.9rem;
    display: block;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-unitLead p {
    padding: 0.8rem 1rem;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment {
    display: block;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner {
    position: relative;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-arrow-box {
    width: 90%;
    font-size: 0.8rem;
    margin: 0 auto;
    padding: 0.8rem 1rem;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-arrow-box::before {
    left: 10%;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-arrow-box::after {
    left: 10%;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-icon-box {
    margin-bottom: 3rem;
    padding: 14% 0 0 26%;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-icon-box .is-sp {
    display: block;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-icon-box img {
    width: 30%;
    position: absolute;
    left: -7%;
    bottom: auto;
    top: 10%;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-icon-box p {
    font-size: 76%;
    margin-top: 2%;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner .comm-icon-box p.small {
    font-size: 72%;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner:nth-child(2) .comm-arrow-box::before {
    -webkit-transform: skewX(202deg);
    -ms-transform: skewX(202deg);
    transform: skewX(202deg);
    right: 6%;
    left: auto;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner:nth-child(2) .comm-arrow-box::after {
    border-bottom-width: 175px;
    -webkit-transform: skewX(202deg);
    -ms-transform: skewX(202deg);
    transform: skewX(202deg);
    right: 6%;
    left: auto;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner:nth-child(2) .comm-icon-box {
    text-align: right;
    padding: 14% 26% 0 0;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec .sec-comment .comment-inner:nth-child(2) .comm-icon-box img {
    right: -7%;
    left: auto;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-left .comm-list .comm-sec#experience .sec-unitLead img {
    right: auto;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-right {
    width: 9%;
    top: 0;
  }
  #action .Wrap-Mission .InternalCommunication .inner .inner-right .ttl-sub {
    width: auto;
  }
}
@media (max-width: 599px) {
  #action .Wrap-Mission .PersonalMission .inner .inner-right .unitLead {
    min-height: 38rem;
  }
}
@media (max-width: 415px) {
  #action .Wrap-Mission .PersonalMission .inner .inner-right .unitLead {
    min-height: 32rem;
  }
}

/* --- / 目指す姿実現の原動力 --- */