@charset "UTF-8";

/* ============================================
    トップページ、ルート直下 (home)
============================================ */
/* top
-------------------------------------------------- */
/* ----- 事業一覧 ----- */
.blockTopBusiness {
	margin-bottom: 50px;
}
  .blockTopBusiness .ttlB {
    font-size: 1.2rem; }
  .blockTopBusiness ul {
    overflow: hidden;
    margin-left: 2px; }
  .blockTopBusiness li {
	float: left;
	width: 150px;
	text-align: left;
	font-size: 0.9rem;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0e0e0;
	margin-left: 10px;
	margin-bottom: 10px;
}
    .blockTopBusiness li span {
      display: block;
      height: 2.5em;
      margin: 0 2px;
      font-weight: bold;
      font-size: 1rem;
      line-height: 1.2; }
    .blockTopBusiness li img {
	width: 80%;
	height: auto;
}
    .blockTopBusiness li a {
      display: block; }

/* ----- ニュース ----- */
.blockTopNews {
  float: left;
  width: 732px;
  min-height: 255px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9d9d9; }
  .blockTopNews .newsCategory li {
    width: 23%;
    font-size: 1rem; }
    .blockTopNews .newsCategory li:last-child {
      width: 31%; }
  .blockTopNews .wrapNews {
    display: none;
    padding: 20px 0; }
    .blockTopNews .wrapNews.current {
      display: block; }
	 
/* ----- ニュース ----- */
.blockTopNews2 {
  float: left;
  width: 732px;
  min-height: 255px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9d9d9; }
  .blockTopNews2 .newsCategory li {
    width: 23%;
    font-size: 1rem; }
    .blockTopNews2 .newsCategory li:last-child {
      width: 31%; }
  .blockTopNews2 .wrapNews {
    display: none;
    padding: 20px 0; }
    .blockTopNews2 .wrapNews.current {
      display: block; }

/* ----- 本日の金価格 ----- */
#frameMarket {
  overflow: hidden;
  float: right;
  min-height: 253px;
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  position: relative;
  width: 233px;
   }

/* ----- ご注意 ----- */
.blockContentsAlert {
clear:both;
}
.blockContentsAlert ul li:last-child{
border-bottom: 1px solid #d9d9d9;
margin-bottom:10px;
padding-bottom:15px;
}



/* ----- リンク一覧 ----- */
.blockContentsLinks {
  clear: both;
  overflow: hidden;
  padding-bottom: 20px; }
  .blockContentsLinks section {
    float: left;
    width: 234px;
    margin-left: 12px;
    border: 1px solid #d9d9d9;
    background-color: #eeeeee; }
    .blockContentsLinks section:first-child {
      margin-left: 0; }
    .blockContentsLinks section .ttlB {
      font-size: 1.2rem;
      margin: -1px -1px 0; }
    .blockContentsLinks section .inner {
      margin: 8px;
      padding: 13px 0 5px 16px;
      background-color: #fbfbfb;
      border: 1px solid #d9d9d9; }
    .blockContentsLinks section li {
      margin-bottom: 7px; }
html.charlarge .blockContentsLinks section li{margin-bottom: 0;}
html.charXlarge .blockContentsLinks section li{margin-bottom: 0;padding-bottom: 2px;}

/* セメント製品、四日市扉ページの設定 */
#cement_radiation .listLink a{
    padding-left: 15px;
    margin-left: 20px;
}
table.rad_data td{
  padding: 5px 0;
  margin: 0;
}
table.rad_data td p{
  margin: 0;
}
table.rad_data .bold{font-weight: bold;}

#yokkaichi.news .mimesisTbl2 dl dt{width: 80px;}

/* ニュースの設定 */
body.news .mimesisTbl2 dl dt{margin-top: 15px;}
body.news dl a{-ms-word-break: break-all;
    word-break: break-all;}

a.link_emp{
  border-bottom: dotted 1px #0C37AD;
  background-color: #ebeffa;
  }
a.link_emp:hover{text-decoration: none;}
.char_red{color: #F00;}
table td.bgo {
    background-color: #fde9d9;
}

@media print{/* 印刷時には背景を非表示にする */
  a.link_emp{
  border-bottom: none;
  background-color: #fff;
  }
}
/* イベント情報の設定 */
.end_icon,
.newsList li span.end_icon,
.newsList2 li span.end_icon{
  display: none;}
h2.ttlH .end_icon{
    background: url(/corporate/ja/img/tag_end_l.png) no-repeat;
    width: 80px;
    height: 26px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: inline-block;
    margin-left: 7px;
}
#event .ttlD{margin-bottom: 10px;}
#event .ttlD+*{margin-top: 0;}
.news .event_image{
  float: left;
  width: 250px;
  padding-top: 14px;
}
.news .event_image a:after{display: none;}
.news .event_text{float: left;width: 65%;}

/* 中途採用ページ */
#professional.home ul.sample{margin-bottom: 30px;}
#professional.home ul.sample li {
  text-indent: -2em;
  margin-left: 2em;
  margin-bottom: 1.5em;
}
#professional.home ul.sample li span{margin-right: 0.5em;}


/* お問い合わせ扉ページ */
  #index.contact .categoryTopList2 .col50{
  float: left;
  width: 50%;
  }
  #index.contact .categoryTopList2 .unitCol1:last-child{
    min-height: auto;
  }

  #index.contact .listTel1:before {
      content: url(/corporate/ja/img/ico_tel1.png);
      padding-right: 5px;
      vertical-align: -2px;
  }
  #index.contact h3{
    font-size: 1rem;
    margin-bottom: 5px;
    padding-left: 18px;
    position: relative;
  }
  #index.contact h3:before {
      content: "";
      position: absolute;
      top: 0.6em;
      left: 0;
      width: 10px;
      height: 3px;
      background-color: #f39700;
  }
  #index.contact h3+ul{
    margin-bottom: 20px;
  }
/* 用語集 */
#glossary .mimesisTblHeader [class^="plTd"],
#glossary .mimesisTblItem [class^="plTd"] {
    padding: 6px 12px;}
#glossary .mimesisTblItem {margin: 0;}
#glossary .plTd1{width: 160px;}
#glossary .mimesisTblItem .plTd1 {
      background-color: #fef9e2;
    }

/* サイトマップ */
  #sitemap .contentsWrap ul ul{padding-left: 15px;}
  #sitemap .ttlI{margin-bottom: 15px;}
  #sitemap ul.listLink{margin-top:5px;margin-bottom:20px;}
  #sitemap .block3colFull ul li{margin-bottom: 3px;}

/* 検索結果ページ */
.contentsMain1col a.gs-image:after{display: none;}
.contentsMain1col input.gsc-input{
  font-size: 1.2rem;
  padding: 7px 0px 7px 7px;
  }
.contentsMain1col input.gsc-search-button, input.gsc-search-button {
    font-size: 15px;
    padding: 0 8px;
    height: 26px;
    min-width: 61px;
}
a.gcsc-branding-clickable:after{display: none;}


/* ============================================
    会社情報 (company)
============================================ */
/* ----- インデックスページ ----- */
.block3colFull.middleHeight,
.block3colFull.lowHeight{
  margin-bottom: 30px;
}
.block3colFull.middleHeight .unitCol1,
.block3colFull.lowHeight .unitCol1{
    position: relative;
    box-sizing: border-box;
    margin-bottom: 16px;
    border: 1px solid #d9d9d9;
}
.block3colFull.middleHeight .unitCol1 h2{
    font-size: 1.15rem;
    float: left;
    width: 143px;
    padding: 62px 0 0 20px;
}
.block3colFull.middleHeight .unitCol1 a img{
    float: right;
    width: 140.5px;
    padding: 5px;
}
.block3colFull.lowHeight .unitCol1 h2{
    font-size: 1.15rem;
    float: left;
    width: 170px;
    padding: 26px 0 0 20px;
}
.block3colFull.lowHeight .unitCol1 h2.hasbr{
    padding-top: 13px;
}
.block3colFull.lowHeight .unitCol1 a img{
    float: right;
    width: 98.5px;
    padding: 5px;
}
.block3colFull.lowHeight .unitCol1.withTxt .unitTxt{
    float: left;
    width: 63%;
}
.block3colFull.lowHeight .unitCol1.withTxt h2{
  padding-top: 5px;
  margin-bottom: 5px;
}
.block3colFull.lowHeight .unitCol1.withTxt p{
  padding-left: 20px;
  font-size: 0.9rem;
  
}


.block3colFull .unitCol1.book{
  position: relative;
}
.block3colFull .unitCol1.book a img{
  float: left;
  width: 130px;
}
.block3colFull .unitCol1.book ul{
  position: absolute;
  bottom: 0;
  right: 0;
}
.block3colFull .unitCol1.movie img{
  width: 100%;
}
.border1px{border: 1px solid #d9d9d9;}

.block3colFull .unitCol1.withdesc .desc{float:left;width: 180px;}
.block3colFull .unitCol1.withdesc .desc h2{float: none;}
.block3colFull .unitCol1.withdesc .desc p{padding-left: 20px;}
.block3colFull .unitCol1.withdesc img{
  position: absolute;
  right: 0;
  bottom: 0;}

/* ----- トップメッセージ ----- */
#topmessage.company .caption strong {
  font-size: 1.7rem;
  font-weight: normal; }

#topmessage.company .unitPic img {
  width: 100%;
  height: auto; }

/* ----- 概況 ----- */
#aboutus.company .tbl2 th,
#aboutus.company .tbl2 td {
  text-align: left; }
#aboutus.company .tbl2 thead th {
  font-weight: bold;
  text-align: left; }

#aboutus.company .executiveList {
  margin-right: -16px; }
  #aboutus.company .executiveList:after {
    display: block;
    clear: both;
    content: ""; }
  #aboutus.company .executiveList li {
    float: left;
    width: 316px;
    margin-right: 16px;
    height: 116px;
    margin-bottom: 16px;
    background-color: #eeeeee;
    display: table; }
    #aboutus.company .executiveList li img {
      float: left; }
    #aboutus.company .executiveList li .executiveName {
      display: table-cell;
      width: 210px;
      padding-top: 5px;
      vertical-align: top;
      height: 150px;
      }

/* 5分でわかる三菱マテリアル */
#digest .clearfix{clear: both;}
#digest #roots{
  height: 120px;
  background: url(/corporate/ja/company/aboutus/img/roots_bk.jpg) center no-repeat;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  text-align: center;
}
#digest #no1{
  height: 120px;
  background: url(/corporate/ja/company/aboutus/img/no1_bk.jpg) center no-repeat;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  text-align: center;
}
#digest #roots img,
#digest #no1 img{max-width: 96%;}

#digest #roots_bk{
  background: url(/corporate/ja/company/aboutus/img/line.gif) center;
  background-repeat:repeat-y;
  overflow: hidden;
}

#digest .block1{
  background-color: #f3eeeb;
  width: 36%;
  padding: 0 2%;
  margin-bottom: 40px;
  position: relative;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
#digest .block1.right_a{
  float: left;
  clear: both;
}
#digest .block1.right_a:after{
  content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 50px;
    border-color: transparent transparent transparent #f3eeeb;
    position: absolute;
    top: 41%;
    right: -38px;
}
#digest .block1.left_a{
  clear: both;
  float: right;
}
#digest .block1.left_a:after{
  content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 50px 20px 0;
    border-color: transparent #f3eeeb transparent transparent;
    position: absolute;
    top: 41%;
    left: -38px;
}

#digest .block1.left_a.no_a:after,
#digest .block1.right_a.no_a:after{display: none;}

#digest .block1.right_a p.year{
  position: absolute;
    top: 25%;
    right: -155px;
    text-align: center;
}
#digest .block1.left_a p.year{
  position: absolute;
  top:25%;
  left:-152px;
}
#digest .image1{
  width: 55%;
  margin: 4% auto 2%;
  text-align: center;
  }
#digest .image1 img{
  max-height: 150px;
  max-width: 100%;
  }
#digest .image1 .caption{
  text-align: center;
  font-weight: bold;
  }
#digest .image1.pl{
  float: left;
  width: 45%;
  margin: 4% 2.5% 2%;
  text-align: center;
  }

#digest .sente{clear: both;}
#digest .block1 .recent{
  padding: 15px;
  background: #F8FFF4;
}
#digest a.btn {
    background: url(/corporate/ja/company/aboutus/img/link_arrow.png) 12px 5px no-repeat #fff;
    border: 1px solid #ececec;
    text-indent: 60px;
    height: 45px;
    line-height: 50px;
    font-size: 1.4rem;
    display: block;
    margin-bottom: 20px;
    border-radius: 0.2em;
  -webkit-box-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
          box-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
}
#digest a.btn:hover{
    text-decoration: none;
    color: #fff;
    background-color: #3c8dde;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rem08{font-size: 0.8rem;}
#digest #takashima{margin-top: -330px;}
#digest #box1893{margin-top: -20px;}
#digest #box1893 p.year{top:-94%}
#digest #box1893:after{top: 10%;}
#digest #box1917{margin-top: -590px;}
#digest #box1917:after{top:35%}
#digest #box1918 p.year{top:-10%}
#digest #box1918:after{top: 30%;}
#digest #box1931{margin-top: -600px;}
#digest #box1931:after{top: 33%;}
#digest #box1944{margin-top: -75px;}
#digest #box1944 p.year{top: 0}
#digest #box1944:after{top: 37%;}
#digest #box1950{margin-top: -530px;}
#digest #box1950:after{top: 33%;}
#digest #box1959{margin-top: -190px;}
#digest #box1959:after{top: 34%;}
#digest #box1962{margin-top: -470px;}
#digest #box1962:after{top: 33%;}
#digest #silicon{margin-top: -220px;}
#digest #box1983:after{top: 34%;}
#digest #box1990{margin-top: -374px;}
@media print{
#digest #box1917{margin-top: -550px;}
#digest #box1990{margin-top: 0;}
}
#digest #sec2{page-break-before:always;}
#digest .block2{
  background: url(/corporate/ja/company/aboutus/img/pat1.gif);
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  min-height: 590px;
}
#digest .block2:nth-child(3){
  background: url(/corporate/ja/company/aboutus/img/pat3.gif);
}

#digest .block2:nth-child(4){
  margin-right: 0;
  background: url(/corporate/ja/company/aboutus/img/pat4.gif);
}
#digest .block2:nth-child(5){
  background: url(/corporate/ja/company/aboutus/img/pat5.gif);
  min-height: 650px;
  clear: both;
}
#digest .block2:nth-child(6){
  background: url(/corporate/ja/company/aboutus/img/pat6.gif);
  min-height: 650px;
}
#digest .block2:nth-child(7){
  margin-right: 0;
  background: url(/corporate/ja/company/aboutus/img/pat2.gif);
  min-height: 650px;
}
#digest .block2:nth-child(7) .point{line-height: 3.6em;}

#digest .point{
  text-align: center;
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.8em;
  min-height: 75px;
  letter-spacing: -0.04em;
  }
#digest .point span{
  font-weight: bold;
  font-size: 2.2rem;
  margin: 0 4px;
  }
#digest #sec2 .block2:nth-child(2) .point span{color:#ff3342;}
#digest #sec2 .block2:nth-child(3) .point span{color:#ff6600;}
#digest #sec2 .block2:nth-child(4) .point span{color:#a1671d;}
#digest #sec2 .block2:nth-child(5) .point span{color:#312495;}
#digest #sec2 .block2:nth-child(6) .point span{color:#177601;}
#digest #sec2 .block2:nth-child(7) .point span{color:#5a3aff;}
#digest #sec2 .block2:nth-child(8) .point span{color:#be0d0f;}

#digest .image2{
  margin: 2% auto;
  text-align: center;
  }
#digest .image2 img{
  max-height: 300px;
  max-width: 100%;
  }
#digest .image2 .caption{
  text-align: center;
  font-weight: bold;
  }
#digest .sente2{
  padding: 0 20px;
  }


/* ----- 沿革 ----- */
#history.company .contentsMain1col h2 {
  margin: 0 0 20px;
  font-size: 1.2rem;
  color: #666666; }
#history.company .secBlock3 .unitTxt p {
  margin-bottom: 30px; }
#history.company .secBlock3 .tbl1 {
  font-size: 0.85rem; }
#history.company .secBlock3 th {
  width: 150px;
  font-weight: normal; }
  #history.company .secBlock3 th br {
    display: none; }
#history.company .secBlock3 .unitPic {
  position: relative;
  background-color: #eee;
  text-align: left; }
  #history.company .secBlock3 .unitPic img {
    float: left; }
  #history.company .secBlock3 .unitPic .caption {
    float: left;
    padding: 5px;
    text-align: left; }
    #history.company .secBlock3 .unitPic .caption.rightBtm {
      position: absolute;
      left: 165px;
      bottom: 0; }
#history.company #sec4 + .box1 {
  margin-top: 40px; }

/* ----- マテリアルのルーツをたどる ----- */
#roots.company .secBlock4 h3 {
  margin: 0 0 20px; }

#roots.company .blockSort {
  text-align: right; }
  #roots.company .blockSort dt, #roots.company .blockSort dd {
    display: inline-block;
    font-size: 0.9rem; }

#roots.company [id^=sec]:last-of-type .toTop {
  display: none; }

#roots.company .contentsHeader .unitPic {
  margin: -17px 0 25px; }

/* ----- 理念 ----- */
#policy.company dl dt{
  display: block;
  float: left;
  margin-right: 1em;
}

/* ----- 経営戦略 ----- */
.segmentGoal {color: #254d87;}
.segmentGoal .eachSeg{
    border: 3px solid #254d87;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    height: 153px;
    padding: 0 18px 15px;
    margin-bottom: 20px;
}
.segmentGoal .eachSeg h3{margin-bottom: 10px;}

/* ----- 組織 ----- */
#organization.company .contentsMain1col .unitPic {
  width: 644px;
  margin: 0 auto;
  line-height: 0; }

/* ----- 事業所 ----- */
#office.company .officeWrap {
  padding-bottom: 30px; }
  #office.company .officeWrap .officeWrap {
    padding: 30px 0 0; }
  #office.company .officeWrap .ttlD,
  #office.company .officeWrap .ttlF {
    margin-bottom: 5px; }
  #office.company .officeWrap:last-of-type {
    padding-bottom: 0; }

#office.company .ttlF,
#office.company .ttlF+div,
#office.company .ttlF+div+ul
{margin-left: 30px;}

#office.company .locationBox {
  margin-bottom: 10px;
  padding: 5px 5px 0;
  border: 1px solid #d9d9d9; }
  #office.company .locationBox:after {
    display: block;
    clear: both;
    content: ""; }
  #office.company .locationBox p {
    float: left;
    margin: 0; }
  #office.company .locationBox .mapLink {
    float: right; }

/* ----- グループ会社----- */
/* タブの設定 （用語集でも使用） */
.groupCategory {
  margin: 0 0 40px; }
  .groupCategory li {
    width: 131px; }
    .groupCategory li:nth-child(5) {
      width: 174px; }
#group .groupCategory {margin-bottom: 20px;}
#group ul.note{
  font-size: 0.9em;
  display: block;
  float: right;
  margin-bottom: 10px;
}
#group.company .wrapGroup,
#glossary .wrapGroup{
  display: none; }
  #group.company .wrapGroup.current,
  #glossary .wrapGroup.current{
    display: block !important; }

/* リスト */
.catCompanyHeader [class^="plTd"],
.unitCompanyItem [class^="plTd"] {
  padding: 5px 10px; }
.catCompanyHeader .plTd1,
.unitCompanyItem .plTd1 {
  width: 330px; }
.catCompanyHeader .plTd2,
.unitCompanyItem .plTd2 {
    width: 224px; 
   }
.unitCompanyItem .plTd2 span,
.unitCompanyItem .plTd3 span{display: none;}



.unitCompanyItem {
  margin: 0; }

/* ----- 環境情報 ----- */
#ohmiya_soil.company .mimesisTblWrap {
  margin-bottom: 40px; }
#ohmiya_soil.company .plTd1,
#ohmiya_soil.company .plTd2 {
  vertical-align: middle; }
#ohmiya_soil.company .plTd1 {
  width: 30%; }
#ohmiya_soil.company .plTd2 p {
  margin: 0; }
#ohmiya_soil.company .box1 {
  margin-bottom: 0; }

#ohmiya_radioactive .mimesisTblItem a,
#ohmiya_atomic .mimesisTblItem a{text-decoration: underline;}

#ohmiya_radioactive .mimesisTblItem [class^="plTd"]:first-child,
#ohmiya_atomic .mimesisTblItem [class^="plTd"]:first-child,
#akita .mimesisTblItem [class^="plTd"]:first-child {background-color: #d9d9d9;}


#ohmiya_radioactive a[target="_blank"][href$=".pdf"]:after,
#ohmiya_atomic a[target="_blank"][href$=".pdf"]:after,
#akita a[target="_blank"][href$=".pdf"]:after {display: none;}

#ohmiya_radioactive a[target="_blank"][href$=".pdf"],
#ohmiya_atomic a[target="_blank"][href$=".pdf"]{
   padding-right: 0;} 
#ohmiya_radioactive .mimesisTblBody,
#ohmiya_atomic .mimesisTblBody{text-align: center;margin-bottom: 30px;}
#ohmiya_radioactive .mimesisTblHeader,
#ohmiya_atomic .mimesisTblHeader,
#akita .mimesisTblHeader{border-top:none;}
#ohmiya_radioactive dt.plTd1,
#ohmiya_atomic dt.plTd1{width: 11%;}
#ohmiya_radioactive dd.plTd2,
#ohmiya_atomic dd.plTd2{width:7.3%;}

section.map .secBlock1{margin: 60px auto 0;}
section.map .unitPic.wfull{margin-bottom: 0;}
section.map .unitTxt img{float: left;}
section.map .unitTxt p{text-indent: 2em;}

#ohmiya_atomic .mimesisTbl2{margin-bottom: 30px;}
#ohmiya_atomic .mimesisTbl2 dl dt,
#oap .mimesisTbl2 dl dt{
  width: 120px;
}

#saitamaAdmin .listTbl1{margin-bottom: 40px;}

#akita dt.plTd1{width: 15%;}


/* ============================================
    事業 (business)
============================================ */
/* ----- カテゴリトップ ----- */
#index.business .categoryTopList .unitCol1 .unitSymbol {
  height: 114px;
  margin: 0;
  padding-top: 30px;
  text-align: center;
  line-height: 0; }
#index.business .categoryTopList .unitCol1 .unitSymbol img{width: 125px;}
html.charXlarge #index.business .categoryTopList .unitCol1{height: 400px !important;}
html.charXlarge #index.business .categoryTopList .unitCol1 .catLead{height: 68px !important;}


.business .tbl1.history tr th{width: 70px;}

#recycle.business .left_image{
  float: left;
}
#recycle.business .right_images{
  float: right;
  width: 580px;
}
#recycle.business .right_images .image_one{
  float: left;
  width: 190px;
  height: 150px;
  text-align: center;
}
#recycle.business .right_images.high .image_one{
  height: 180px;
}
#recycle.business .right_images .image_one img{

}
#recycle.business .right_images .image_one p{
text-align: left;
margin-top: 0;
padding: 0 20px;
}
#recycle.business .right_images .image_one .title{
font-weight: bold;
}
/* 研究開発ページ */
#rd.business .tbl1 th{width: 25%;}
#rd.business .tbl1 th br{display: none;}
#rd.business .unitPic2{margin-bottom: 30px;}

/* 加工事業ページ */
#tools.business .contentsImg{
  margin:0 0 23px 0;
}
@media only screen and (max-width: 640px) {
  #tools.business .embeddedBanner1,
  #tools.business .embeddedBanner2{
    margin:0 auto 10px;
    display: block;
  }
}

/* ============================================
    製品・サービス (product)
============================================ */
/* タブ */
.productCategory {
  margin: 20px 0 30px; }
  .productCategory li {
    width: 20%; }

/* アンカー画像 */
.productAncList {
  position: relative;
  width: 100%;
  margin-bottom: 40px; }
  #car.product .productAncList {
    height: 570px;
    background: url(/corporate/ja/product/img/bg_product_anc1.jpg) no-repeat 0 58px; }
  .productAncList li {
    position: absolute;
    width: 234px;
    height: 56px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    padding: 1px;
    background-color: #fff;
    font-size: 1.05rem; }
    .productAncList li a {
      display: block;
      line-height: 0;
      color: #333333; }
    .productAncList li img {
      float: left;
      width: 100px;
      height: auto;
      line-height: 0;
      margin-right: 1px; }
    .productAncList li span {
      float: left;
      box-sizing: border-box;
      display: block;
      width: 133px;
      font-weight: bold;
      text-align: center;
      height: 56px;
      line-height: 56px;
      background: url(/corporate/ja/product/img/arrow_product1.png) no-repeat 100% 100%;
      vertical-align: middle !important; }
      .productAncList li span.hasBr {
        padding: 5px 0 0;
        line-height: 1.4; }
html.charXlarge .productAncList li span.hasBr {line-height: 1.1;}

body.product .contentsWrap .unitContact{width: auto;}
body.product .contentsWrap .unitContact a{
    background-position: 10px 9px;
    padding: 3px 15px 2px 21px;
}
body.product .contentsWrap .unitContact a:after {
    content: url(/corporate/ja/img/ico_mail.png);
    position: relative;
    top: 2px;
    left: 6px;
}

/* 製品一覧ページ 自動車関連 */
  #car.product .productAncList .ancItem1 {
    top: 126px;
    left: 0; }
  #car.product .productAncList .ancItem2 {
    top: 0;
    left: 371px; }
  #car.product .productAncList .ancItem3 {
    top: 65px;
    right: 2px; }
  #car.product .productAncList .ancItem4 {
    bottom: 105px;
    left: 370px; }
  #car.product .productAncList .ancItem5 {
    bottom: 105px;
    left: 0; }
  #car.product .productAncList .ancItem6 {
    bottom: 173px;
    right: 2px; }
  #car.product .productAncList .ancItem7 {
    bottom: 0;
    left: 123px;
    font-size: 0.9rem;
     }
  #car.product .productAncList .ancItem8 {
    bottom: 0;
    left: 369px; }
  #car.product .productAncList .ancItem9 {
    bottom: 0;
    left: 615px; }
/* 製品一覧ページ エレクトロニクス */
  #electronics.product .productAncList {
    height: 350px;
    background: url(/corporate/ja/product/img/bg_product_anc2.jpg) no-repeat 0 0; }
  #electronics.product .productAncList .ancItem1 {
    top: 55px;
    left: 60px; }
  #electronics.product .productAncList .ancItem2 {
    top: 55px;
    left: 371px; }
  #electronics.product .productAncList .ancItem3 {
    top: 55px;
    right: 60px; }
  #electronics.product .productAncList .ancItem4 {
    bottom: 147px;
    left: 60px; }
  #electronics.product .productAncList .ancItem6 {
    bottom: 147px;
    left: 371px; }
  #electronics.product .productAncList .ancItem5 {
    bottom: 147px;
    right: 60px; }
  #electronics.product .productAncList .ancItem7 {
    bottom: 55px;
    left: 60px; }
  #electronics.product .productAncList .ancItem9 {
    bottom: 55px;
    left: 371px; }
  #electronics.product .productAncList .ancItem8 {
    bottom: 55px;
    right: 60px; }

/* 製品一覧ページ 土木・建築 */
  #architecture.product .productAncList {
    height: 450px;
    background: url(/corporate/ja/product/img/bg_product_anc3.jpg) no-repeat 0 0;
    }
  #architecture.product .productAncList .ancItem1 {
    top: 40px;
    left: 215px; }
  #architecture.product .productAncList .ancItem2 {
    top: 40px;
    left: 526px; }

  #architecture.product .productAncList .ancItem3 {
    top: 130px;
    left: 60px; }
  #architecture.product .productAncList .ancItem4 {
    top: 130px;
    left: 371px; }
  #architecture.product .productAncList .ancItem5 {
    top: 130px;
    right: 60px; }

  #architecture.product .productAncList .ancItem6 {
    top: 220px;
    left: 60px; }
  #architecture.product .productAncList .ancItem10 {
    top: 220px;
    left: 371px; }
  #architecture.product .productAncList .ancItem11 {
    top: 220px;
    right: 60px; }

  #architecture.product .productAncList .ancItem12 {
    top: 310px;
    left: 215px; }
  #architecture.product .productAncList .ancItem13 {
    top: 310px;
    left: 526px; }
  #architecture.product .comment {
    bottom: 0;
    position: absolute;
    margin-bottom: 0;
  }
/* 製品一覧ページ 金属材料 */
  #metals.product .productAncList {
    height: 250px;
    background: url(/corporate/ja/product/img/bg_product_anc4.jpg) no-repeat 0 0; }
  #metals.product .productAncList .ancItem1 {
    top: 50px;
    left: 60px; }
  #metals.product .productAncList .ancItem2 {
    top: 50px;
    left: 371px; }
  #metals.product .productAncList .ancItem3 {
    top: 50px;
    right: 60px; }
  #metals.product .productAncList .ancItem4 {
    top: 140px;
    left: 60px; }
  #metals.product .productAncList .ancItem5 {
    top: 140px;
    left: 371px; }
  #metals.product .productAncList .ancItem6 {
    top: 140px;
    right: 60px; }

/* 製品一覧ページ 環境リサイクル技術 */
  #environment.product .productAncList {
    height: 140px;
    background: url(/corporate/ja/product/img/bg_product_anc5.jpg) no-repeat 0 0;}
  #environment.product .productAncList .ancItem1 {
    top: 40px;
    left: 60px; }
  #environment.product .productAncList .ancItem2 {
    top: 40px;
    left: 371px; }
  #environment.product .productAncList .ancItem3 {
    top: 40px;
    right: 60px; }

/* 製品テーブル */
.productList {
  padding-bottom: 20px;
  font-size: 1rem; }
  .productList:last-child {
    padding-bottom: 0; }
  .productList .catProductHeader li.plTd3 {
    border-left: none; }

  .productList .catProductHeader li.plTd4{
    width: 193px;
  }
  .productList .plTd1 {
    width: 119px;
     }
  .productList .plTd2 {
    width: 180px;
    vertical-align: middle !important;
    line-height: 0; }
    .productList .plTd2 a {
      position: relative;
      display: block; }
      .productList .plTd2 a:after {
        content: "";
        position: absolute;
        right: 3px;
        bottom: 3px;
        background: url(/corporate/ja/img/ico_zoom1.png) no-repeat 0 0;
        width: 16px;
        height: 16px;
        line-height: 0;
        z-index: 100; }
    .productList .plTd2 img {
      width: 100%;
      height: auto; }
  .productList .plTd3 {
    width: 476px;
    overflow: hidden; }
  .productList .plTd4 {
    width: 204px;
    overflow: hidden; }

  .productList .blockProduct {
    position: relative; }
    .productList .blockProduct h2 {
      position: absolute;
      top: 0;
      left: 8px;
      width: 115px;
      font-size: 1.05rem; }
    .productList .blockProduct .unitProductItem {
      width: 870px;
      margin-left: 120px;
      vertical-align: top;
      border-left: 1px solid #d9d9d9; }
      .productList .blockProduct .unitProductItem .plTd2,
      .productList .blockProduct .unitProductItem .plTd3,
      .productList .blockProduct .unitProductItem .plTd4 {
        vertical-align: top; }
      .productList .blockProduct .unitProductItem .plTd2 {
        line-height: 0; }
      .productList .blockProduct .unitProductItem .plTd3 {
        position: relative;
        padding: 10px; }
        .productList .blockProduct .unitProductItem .plTd3 h3 {
          margin: 5px 0 10px;
          padding-right: 115px; }
        .productList .blockProduct .unitProductItem .plTd3 .itemKeywords {
      margin-bottom: 5px;
          color: #666666;
          font-weight: bold; }
        .productList .blockProduct .unitProductItem .plTd3 .itemDesc {
          line-height: 1.3;
          margin: 0 0 10px; }
        .productList .blockProduct .unitProductItem .plTd3 .itemDesc h4{
      margin: 13px　0 10px;}
        .productList .blockProduct .unitProductItem .plTd3 .itemDesc .subttl{
          color: #666666;
          font-weight: bold;
          margin: 0　0 10px;}
        .productList .blockProduct .unitProductItem .plTd3 .itemBusiness {
          position: absolute;
          top: 10px;
          right: 10px;
          margin: 0; }
        .productList .blockProduct .unitProductItem .plTd3 .contact_info{
          margin-bottom: 5px;
          overflow: hidden;
        }
        .productList .blockProduct .unitProductItem .plTd3 .contact_info ul li{
          line-height: 1.8em;
        }
        .productList .blockProduct .unitProductItem .plTd3 .contact_info dt.ttlD {
          width: 120px;
          margin-bottom: 5px;
          float: left;
          }
        html.charXlarge .productList .blockProduct .unitProductItem .plTd3 .contact_info dt.ttlD{width: 140px;}
        .productList .blockProduct .unitProductItem .plTd3 .contact_info dd{
          width: 335px;
          word-break: keep-all;
          float: left;}
        html.charXlarge .productList .blockProduct .unitProductItem .plTd3 .contact_info dd{width: 320px;}
        .productList .blockProduct .unitProductItem .plTd3 .itemCatalog{
          margin: 10px 0 0;
           }
        .productList .blockProduct .unitProductItem .plTd3 .itemCatalog{
          clear: both;
           }
        .productList .blockProduct .unitProductItem .plTd3 .itemCatalog a {
            padding-left: 30px; }
        .productList .blockProduct .unitProductItem .plTd3 .itemCatalog a[target="_blank"][href$=".pdf"]:after{
          content: url(/corporate/ja/img/ico_newwin1.png);
          padding-left: 8px;
          background: none;
           }
        .productList .blockProduct .unitProductItem .plTd3 .itemCatalog {
          background: url(/corporate/ja/img/ico_catalog1.png) no-repeat 0 0.1em;
          background-size: 20px 16px; }
      .productList .blockProduct .unitProductItem .plTd4 {
        padding: 0px 28px 0 20px;
        vertical-align: middle;
        word-break: break-all; }


/* ============================================
    株主・投資家情報 (ir)
============================================ */
/* ----- IR扉ページ ----- */
#index.ir .categoryTopList .unitCol1{height: 370px;}
#index.ir .categoryTopList .unitCol1:nth-child(1),
#index.ir .categoryTopList .unitCol1:nth-child(2),
#index.ir .categoryTopList .unitCol1:nth-child(3){height: 400px !important;}
#index.ir .categoryTopList .unitCol1:nth-child(4),
#index.ir .categoryTopList .unitCol1:nth-child(5),
#index.ir .categoryTopList .unitCol1:nth-child(6){height: 450px !important;}
#index.ir .categoryTopList .unitCol1:nth-child(7){height: 315px !important;}

html.charlarge #index.ir .categoryTopList .unitCol1:nth-child(1),
html.charlarge #index.ir .categoryTopList .unitCol1:nth-child(2),
html.charlarge #index.ir .categoryTopList .unitCol1:nth-child(3){height: 450px !important;}
html.charlarge #index.ir .categoryTopList .unitCol1:nth-child(4),
html.charlarge #index.ir .categoryTopList .unitCol1:nth-child(5),
html.charlarge #index.ir .categoryTopList .unitCol1:nth-child(6){height: 500px !important;}
html.charlarge #index.ir .categoryTopList .unitCol1:nth-child(7){height: 350px !important;}

html.charXlarge #index.ir .categoryTopList .unitCol1,
html.charXlarge #index.ir .categoryTopList .unitCol1:nth-child(1),
html.charXlarge #index.ir .categoryTopList .unitCol1:nth-child(2),
html.charXlarge #index.ir .categoryTopList .unitCol1:nth-child(3){height: 460px !important;}
html.charXlarge #index.ir .categoryTopList .unitCol1:nth-child(4),
html.charXlarge #index.ir .categoryTopList .unitCol1:nth-child(5),
html.charXlarge #index.ir .categoryTopList .unitCol1:nth-child(6){height: 550px !important;}
html.charXlarge #index.ir .categoryTopList .unitCol1:nth-child(7){height: 350px !important;}


/* ----- 中期経営計画 ----- */
#mid_term_plan.ir .blockStrategy {
  display: table;
  width: 100%;
  margin: 0 0 20px; }
  #mid_term_plan.ir .blockStrategy dt,
  #mid_term_plan.ir .blockStrategy dd {
    display: table-cell; }
  #mid_term_plan.ir .blockStrategy dt {
    width: 220px;
    background-color: #002f7b;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2rem; }
  #mid_term_plan.ir .blockStrategy dd {
    padding-left: 45px; }
    #mid_term_plan.ir .blockStrategy dd li {
      text-indent: -1.4em; }
      #mid_term_plan.ir .blockStrategy dd li:before {
        content: "●";
        color: #f39700;
        padding-right: 5px; }

#mid_term_plan.ir .blockGoal {
  text-align: center; }
  #mid_term_plan.ir .blockGoal li {
    display: inline-block; }

#mid_term_plan.ir .tbl2 {
  width: 300px; }
  #mid_term_plan.ir .tbl2:first-child {
    width: 432px; }
  #mid_term_plan.ir .tbl2 th,
  #mid_term_plan.ir .tbl2 td {
    vertical-align: middle; }
  #mid_term_plan.ir .tbl2 td {
    text-align: right; }

/* ----- 財務ハイライト ----- */
#highlight.ir .highlightTblWrap1 table {
  width: 330px; }
  #highlight.ir .highlightTblWrap1 table:first-child {
    width: 400px; }
  #highlight.ir .highlightTblWrap1 table:nth-child(3) {
    width: 250px; }

#highlight.ir .highlightTbl1 td,
#highlight.ir .highlightTbl1 tbody th {
  height: 1em; }
#highlight.ir .highlightTbl1 thead th {
  height: 9.5em; }
#highlight.ir .highlightTbl1 td {
  text-align: center; }
#highlight.ir .highlightTbl1 tbody tr th:first-child {
  width: 90px; }
#highlight.ir .highlightTbl1 tbody tr th:nth-child(2) {
  width: 60px; }

#highlight.ir .highlightTbl2,
#highlight.ir .highlightTbl3,
#highlight.ir .highlightTbl4 {
  width: 100%; }
  #highlight.ir .highlightTbl2 td,
  #highlight.ir .highlightTbl3 td,
  #highlight.ir .highlightTbl4 td {
    text-align: center; }

/* ----- 株主メモ・株価情報 ----- */
#memo.ir h3 {
  margin-bottom: 0; }
  #memo.ir h3 + p {
    margin-top: 0; }
#memo.ir span.commonLink1 {
  display: inline-block; }

/* ----- 決算短信 ----- */
#results.ir .listTbl1 li span {
  margin-right: 20px; }
#results.ir .listTbl1 li .wrap {
  display: inline-block; }
#results.ir .listTbl1 li p {
  display: inline-block;
  margin-right: 10px; }

/* ----- 決算説明資料・補足資料 ----- */
#presentation.ir .thumbBox:after {
  display: block;
  clear: both;
  content: ""; }
#presentation.ir .thumbBox .unitPic {
  float: left;
  margin: 0 10px 0 0; }
#presentation.ir .thumbBox .unitTxt {
  overflow: hidden; }
  #presentation.ir .thumbBox .unitTxt dd {
    vertical-align: top; }
  #presentation.ir .thumbBox .unitTxt span {
    vertical-align: top;
    display: inline-block;
    overflow: hidden; }

#presentation.ir .mimesisTbl2 {
  overflow: hidden; }

#presentation.ir .mimesisTblItem2 dt {
  width: 330px; }


/* ----- IRカレンダー ----- */
#calender.ir .unitTogglePic {
  padding: 20px 0 45px; }

#calender.ir .mimesisTblItem2 dt {
  width: 172px; }

/* よくあるご質問 */
#faq.ir .contentsMain1col dl{
 margin-bottom: 40px;
}
#faq.ir .contentsMain1col dl dt{
 font-size:1.2rem;
 border-bottom: 1px solid #d9d9d9;
 margin-bottom: 10px;
 font-weight: bold;
}
#faq.ir .contentsMain1col dl dt span{
 color: #042275;
 margin-right: 0.5em;
 font-size: 1.5rem;
}
#faq.ir .contentsMain1col dl dd{
 font-size:1.2rem;
 margin-left: 2rem;
 text-indent: -2rem;
}
#faq.ir .contentsMain1col dl dd span{
 font-weight: bold;
 color: #f39700;
 font-size: 1.5rem;
 margin-right: 0.5rem;
}


/* ============================================
    CSR活動 (csr)
============================================ */
/* csrトップ */
#index.csr .categoryTopList .unitCol1 .unitSymbol {
  height: 114px;
  margin: 0;
  padding-top: 30px;
  text-align: center;
  line-height: 0; }
html.charlarge #index.csr .categoryTopList .unitCol1,
html.charlarge #index.csr .categoryTopList .unitCol2{height: 458px !important;}
html.charXlarge #index.csr .categoryTopList .unitCol1,
html.charXlarge #index.csr .categoryTopList .unitCol2{height: 530px !important;}
html.charXlarge #index.csr .categoryTopList .unitCol1 .catLead{height: 68px !important;}



#warming.csr #sec2 table,
#warming.csr #sec3 table,
#warming.csr #sec4 table {
  width: 100%; }

#warming.csr #sec2 table td {
  text-align: right; }

#warming.csr #sec3 .tbl3 {
  width: 100%; }
  #warming.csr #sec3 .tbl3 thead th:first-child {
    width: 8em; }
  #warming.csr #sec3 .tbl3 thead th:nth-child(2) {
    width: 6em; }
  #warming.csr #sec3 .tbl3 thead th:last-child {
    width: 6em; }
  #warming.csr #sec3 .tbl3 th,
  #warming.csr #sec3 .tbl3 td {
    font-size: 0.9rem; }

#warming.csr #sec4 .tbl3 {
  width: 100%; }
  #warming.csr #sec4 .tbl3 thead tr:first-child th:first-child {
    width: 6em; }
  #warming.csr #sec4 .tbl3 thead tr:first-child th:nth-child(2) {
    width: 8em; }
  #warming.csr #sec4 .tbl3 thead tr:first-child th:last-child {
    width: 6em; }
  #warming.csr #sec4 .tbl3 thead tr:last-child th:first-child {
    width: 10em; }
  #warming.csr #sec4 .tbl3 thead tr:last-child th:nth-child(2) {
    width: 12em; }
  #warming.csr #sec4 .tbl3 th,
  #warming.csr #sec4 .tbl3 td {
    font-size: 0.9rem; }

#warming.csr #sec2 .secWrap section,
#warming.csr #sec3 .secWrap section,
#warming.csr #sec4 .secWrap section {
  margin-top: 20px; }

.tbl1.goals th, .tbl1.goals td {padding: 5px 10px 2px;}
    #warming.csr #sec2 table.goals th{width: 50%;}
    #warming.csr #sec2 table.goals td.target{width:38%;text-align: left;vertical-align: middle;}
    #warming.csr #sec2 table.goals td.achieve{width: 12%;text-align: center;vertical-align: middle;}
    .indent1{text-indent:-1em;padding-left:1em;}

/* 特集扉ページ */
#special.csr .categoryTopList2 .unitCol1{
  min-height: 266px;
}

/* 特集ページ */
/* box2のcolumn欄 */
  .special .box2{overflow: hidden;}
  .special .box2.column .inner {
    float: left;
    padding-left: 20px;
    width: 510px;
    }
  .special .box2.column .img {
    float: right;
    width: 120px;
    padding: 10px 30px 5px; }

  .special .box2 .inner_box .tbl1 { margin-bottom: 15px;}
  .special .tbl1 .name { font-weight: bold; display: inline-block; width: 6.5em;}
  .special .tbl1 .border_t_none { border-top: none;}
  .special .tbl1 .border_tb_none { border-top: none; border-bottom: none;}
  .special .tbl1 .border_b_none { border-bottom: none;}
  .special .secBlock1 .unitPic.w150 { width: 150px;}

 .special .box2.column .secBlock1 .inner_box:nth-of-type(1){padding: 3% 0 0 2%;}

  /* 特集個別設定 */
  #refining.special .unitPic.wfull{position: relative;}
  #refining.special .unitPic.wfull a{
    width: 19%;
    height: 9%;
    position: absolute;
    bottom: 17.5%;
  }
  #refining.special .unitPic.wfull a#go_sec2{left: 29%;}
  #refining.special .unitPic.wfull a#go_sec3{right: 28%;}
  #photovoltaic h3 img{vertical-align: middle;margin-right: 8px;}
  #society .unitTogglePic{padding:30px 0 10px;}
    #society .unitTogglePic .forPc{text-align: center;}
  #society .unitTogglePic img{
    width: auto;
    margin: 0 auto;
    }
  #society .box2 .unitPic{
      width: 150px;
      padding: 40px 20px 0 40px;
  }

#energy.csr p.linkmap{position: relative;}
#energy.csr p.linkmap a{z-index:100;
background-color: rgba(0,0,0,0); 
display:block;
}
 #energy.csr a#a_energy{
   position: absolute;
   width: 27%;
   height: 11%;
   top: 70%;
   left: 74%;
 }
 #energy.csr a#a_solar{
   position: absolute;
   width: 26%;
   height: 10%;
   top: 0%;
   left: 72%;
 }
 #energy.csr a#a_thermal{
   position: absolute;
   width: 35%;
   height: 11%;
   top:85%;
   left:3%;
 }
 #energy.csr a#a_battery{
   position: absolute;
   width: 29%;
   height: 11%;
   top: 38%;
   left: 0%;
 }


/* 循環型社会に向けてページ */
#sustainable.csr .blue { color:#008493; }
#sustainable.csr table.tbl1 th{width: 35%;}
#sustainable.csr table.tbl1 th.color01 { border-left: 14px solid #FE860C; }
#sustainable.csr table.tbl1 th.color02 { border-left: 14px solid #F25F4C; }
#sustainable.csr table.tbl1 th.color03 { border-left: 14px solid #F68F81; }
#sustainable.csr table.tbl1 th.color04 { border-left: 14px solid #009CE1; }
#sustainable.csr table.tbl1 th.color05 { border-left: 14px solid #4CBAEA; }
#sustainable.csr table.tbl1 th.color06 { border-left: 14px solid #005495; }
#sustainable.csr table.tbl1 th.color07 { border-left: 14px solid #3376AA; }
#sustainable.csr table.tbl1 th.color08 { border-left: 14px solid #99BBD5; }
#sustainable.csr table.tbl1 th.color09 { border-left: 14px solid #36A36D; }
#sustainable.csr table.tbl1 th.color10 { border-left: 14px solid #72BE99; }
#sustainable.csr table.tbl1 th.color11 { border-left: 14px solid #374686; }



  /* 私たちの考えるCSR扉ページ */
  #view.csr .categoryTopList2 .unitCol1{
  min-height: 200px;
  }

  /* 私たちの考えるCSR */
  #policy.view dl dt{
    font-weight: bold;
    margin-bottom: 5px;
  }
  #policy.view dl dd{
    margin-bottom: 20px;
  }


  /* CSRトップメッセージ */
  #topmessage.csr .areaIntro{
    text-align: center;
  }
  #topmessage.csr .areaIntro img{
    max-width: 100%;
  }
  #topmessage.csr h3.ttlC{
    clear: both;
    margin-top: 60px;
  }
  #topmessage.csr .contentMessage .areaCSRsidePr{
    width: 247px;
    float: right;
    padding: 0 0 25px 25px;
  }
  #topmessage.csr .contentMessage dl {
    border: 1px solid #567bbd;
    width: 70%;
    margin: 30px auto;
    padding: 0;
    text-align: center;
  }
  #topmessage.csr .contentMessage dl dt {
    color: #fff;
    font-weight: bold;
    background-color: #567bbd;
    padding: 5px 0;
  }
  #topmessage.csr .contentMessage dl dd {
    color: #4c6ea8;
    padding: 15px 20px;
  }

/* カンパニーレポート扉ページ */
#vision .categoryTopList2 .unitCol1{
  min-height: 200px;
}
/* カンパニーレポート記事一覧ページ */
body.vision .contentsMain > div:last-child .toTop{display: block;}

/* 環境への取り組み扉ページ */
#environment.csr .categoryTopList2 .unitCol1{
  min-height: 220px;
}

#energy section.box2.withPic.alt .inner{width: 430px;}
#energy section.box2.withPic.alt .unitPic{width: 230px;}
#energy section.box2.withPic.alt .unitPic.map360{
  width: 360px;
  margin: 0 auto;
  float: none;
}

/* 社会性報告ページ */
#social.csr .categoryTopList2 .unitCol1{
  min-height: 200px;
}

#stockholder.social .tbl1 th,
#stockholder.social .tbl1 td,
#employee.social .tbl1 th,
#employee.social .tbl1 td{text-align: center;}
#stockholder.social .tbl1 td.taR,
#employee.social .tbl1 td.taR{text-align: right;}
#eiti.procurement dl dt{
  font-weight: bold;
  margin-bottom: 10px;
  }
#eiti.procurement dl dd{
  margin-bottom: 25px;
  margin-left: 4em;
  }
#eiti.procurement dl dd ol li{
  text-indent: -2.5em;
  margin-bottom: 5px;
  }
#contribution.csr .box4 .listLink{padding-bottom: 20px;}

/* 海外での活動トピック */
.char_img{
  position: relative;
  top: 2px;
  margin-right: 1px;
}
a:hover .char_img{border-bottom: 1px solid #042275;top:3px;}


/* CSR報告書 */
#report.csr #request_btn{
    background: #faefd1;
    border: solid #cac5b7 1px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    text-align: center;
    width: 240px;
    height: 45px;
    cursor: pointer;
    font-weight: bold;
    line-height: 45px;
    margin: 0 auto 40px;
    display: block;
}
#report.csr #request_btn:hover{
  text-decoration: none;
  opacity: 0.75;
}
#report.csr .inner_box img {
    width: auto; 
    float: left;
    padding-right: 20px;
}
#report.csr .inner_box ul{
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
#report.csr .inner_box ul li.title{
  font-weight: bold;
  margin-bottom: 15px;
}
#report.csr h3+ul{
  margin-bottom: 20px;
}

#backnumber.csr div.book{
    text-align: center;
    width: 134px;
    float: left;
    margin:0 6px 15px;
}
#backnumber.csr div.book a:after{
  display: none;
}





/* ==========================================================================
   ここからレスポンシブの設定
   ========================================================================== */
@media only screen and (max-width: 640px) {
/* ============================================
    トップページ、ルート直下 (home) 640px以下の設定
============================================ */
/* top
-------------------------------------------------- */
  /* ----- 事業一覧 ----- */
  .blockTopBusiness {
    margin-bottom: 20px; }
    .blockTopBusiness ul {
      border-bottom: none;
      margin-left: 0; }
    .blockTopBusiness li {
      width: 29%;
      margin-bottom: 8px;
      border-right: none; }
      .blockTopBusiness li span {
        height: 1.5em; }
      .blockTopBusiness li:nth-child(odd) {
	  	border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #e0e0e0;
        margin-left: 10px; }
}
      .blockTopBusiness li a {
        display: block; }

  /* ----- ニュース ----- */
  .blockTopNews {
    float: none;
    width: 100%;
    min-height: inherit;
    margin-bottom: 10px; }
    .blockTopNews .newsCategory:after {
      display: block;
      clear: both;
      content: ""; }
    .blockTopNews .newsCategory li {
      width: 60%;
      font-size: 0.9rem; }
      .blockTopNews .newsCategory li:nth-child(odd) {
        width: 38% !important; }
      .blockTopNews .newsCategory li:last-child {
        width: 60%; }
    .blockTopNews .wrapNews {
      display: none;
      padding: 5px 0; }

  /* ----- 本日の金価格 ----- */
  #frameMarket {
    float: none;
    width: 100%;
     }

  /* ----- リンク一覧 ----- */
  .blockContentsLinks {
    overflow: visible;
    padding: 10px 0 0; }
    .blockContentsLinks section {
      float: none;
      width: 100%;
      margin: 0 0 12px; }

  /* イベント情報の設定 */
.news .event_image{float: none;margin: 0 auto;}
.news .event_text{width: 96%;margin: 0 auto;}

  /* お問い合わせ扉ページ */
#index.contact .categoryTopList2 .col50{
float: none;
width: 100%;
}

  /* 用語集 */
#glossary .wrapGroup{margin-top: 30px;}
#glossary .mimesisTblItem .plTd1 {
      width: 100%;
    }



/* ============================================
    会社情報 (company) 640px以下の設定
============================================ */
/* ----- インデックスページ ----- */
.block3colFull.middleHeight,
.block3colFull.lowHeight{
  margin-bottom: 30px;
  overflow: hidden;
}
.block3colFull.middleHeight .unitCol1,
.block3colFull.lowHeight .unitCol1{
    width: 100%;
    float: none;
    overflow: hidden;
}
.block3colFull.middleHeight .unitCol1 h2{
    width: 32%;
}
.block3colFull.lowHeight .unitCol1 h2{
    width: auto;
}
.block3colFull.lowHeight .unitCol1 h2.hasbr{
    padding-top: 17px;
}
.block3colFull.lowHeight .unitCol1.withTxt .unitTxt{
width: 60%;
}
.block3colFull.lowHeight .unitCol1.withTxt h2{
float: none;
}


.block3colFull.banner{text-align: center;}
.block3colFull.banner img{max-width: 100%;}
.block3colFull .unitCol1.book{
  overflow: hidden;
  margin: 0 auto 20px;
  width: 85%;
}
.block3colFull .unitCol1.book ul{
  position: relative;
  float: left;
  padding-left: 10px;
}
.block3colFull .unitCol1.movie{
text-align: center;
margin-bottom: 20px;
}
.block3colFull .unitCol1.movie img{
  width: 90%;
  margin: 0 auto;
}
.block3colFull .unitCol1.withdesc .desc{width: auto;}
.block3colFull .unitCol1.withdesc .desc p{padding-left: 0;}

  /* ----- 概況 ----- */
  #aboutus.company .tbl2 th {
    width: 30%; }

  #aboutus.company .executiveList {
    margin-right: -2%; }
    #aboutus.company .executiveList li {
      width: 48%;
      margin-right: 2%;
      height: inherit;
      margin-bottom: 16px;
      min-height: 280px;
    }
      #aboutus.company .executiveList li img {
        float: none;
      }
      #aboutus.company .executiveList li .executiveName {
        width: 92%;
        padding: 0 4%;
        display: block;
        }

 /* 5分でわかる三菱マテリアル */
  #digest .block1.right_a,
  #digest .block1.left_a{
    float: left;
    margin-bottom: 28px;
  }
  #digest .block1.last{margin-bottom: 0;}
  #digest .block1{width: 96%;}
  #digest .block1.right_a:after,
  #digest .block1.left_a:after{
  display: none;
  }
  #digest .image1 {
    width: 100%;
    margin: 15px 0 4%;
  }
#digest #takashima,
#digest #box1893,
#digest #box1917,
#digest #box1918,
#digest #box1931,
#digest #box1944,
#digest #box1950,
#digest #box1959,
#digest #box1962,
#digest #silicon,
#digest #box1983,
#digest #box1990{margin-top: 0;}

#digest #box1893{text-align:center;}

#digest #box1871 p.year,
#digest #box1893 p.year,
#digest #box1917 p.year,
#digest #box1918 p.year,
#digest #box1931 p.year,
#digest #box1944 p.year,
#digest #box1950 p.year,
#digest #box1959 p.year,
#digest #box1962 p.year,
#digest #box1983 p.year,
#digest #box1990 p.year{
  position: static;
  margin: 20px auto 10px;
  top: auto;
  right: auto;
  left: auto;
  text-align: center;}
#digest .block2{
  float: none;
  width: 96%;
  margin: 0 auto 30px;
  min-height: auto;
  overflow: hidden;
}

 /* ----- 沿革 ----- */
  #history.company .contentsMain1col h2 {
    margin: 0 0 10px; }
  #history.company .secBlock3 .unitTxt p {
    margin-bottom: 15px; }
  #history.company .secBlock3 th {
    width: 7.5em;
    text-align: center; }
    #history.company .secBlock3 th br {
      display: block; }
  #history.company .secBlock3 .unitPic {
    position: relative;
    background-color: #eee;
    text-align: left; }
    #history.company .secBlock3 .unitPic:after {
      display: block;
      clear: both;
      content: ""; }
    #history.company .secBlock3 .unitPic img {
      float: left; }
    #history.company .secBlock3 .unitPic .caption.rightBtm {
      position: absolute;
      left: 165px;
      bottom: 0; }

  /* ----- マテリアルのルーツをたどる ----- */
  #roots.company .secBlock4 h3 {
    margin: 0 0 10px; }
  #roots.company .secBlock4 .imgLink2 {
    margin: 0 0 5px; }

  #roots.company .contentsHeader .unitPic {
    margin-top: -10px 0 15px; }

  /* ----- 経営戦略 ----- */
.segmentGoal .eachSeg{
    height: auto;
}

  /* ----- 組織 ----- */
  #organization.company .contentsMain1col .unitPic {
    width: 100%; }
    #organization.company .contentsMain1col .unitPic img {
      width: 100%;
      height: auto; }

  /* ----- 事業所 ----- */
  #office.company .officeWrap {
    padding-bottom: 15px; }

  #office.company .locationBox p {
    float: none; }
  #office.company .locationBox .mapLink {
    float: none; }

  /* ----- グループ会社 ----- */
  /* タブ */
  .groupCategory li {
    width: 49% !important; }

  /* リスト */
  .unitCompanyItem .plTd1 {
    background-color: #eeeeee; }
  .unitCompanyItem .plTd2 span,
  .unitCompanyItem .plTd3 span{display: inline-block;}

  /* ----- 環境情報 ----- */
  #ohmiya_soil.company .mimesisTblWrap {
    margin-bottom: 20px; }
  #ohmiya_soil.company .plTd1 {
    width: 100%; }
  #ohmiya_radioactive dd.spHide,
  #ohmiya_atomic dd.spHide{display: none;}
  #ohmiya_radioactive dd.plTd2,
  #ohmiya_atomic dd.plTd2 {
      width: auto;
      float: left;
      border-right: 1px solid #d9d9d9;
      width: 56.5px;
      }
  #ohmiya_radioactive dt.plTd1,
  #ohmiya_atomic dt.plTd1{
    float: none;
    clear: both;
    width:auto;}
  #akita dt.plTd1{width: 100%;}

/* ============================================
    事業 (business) 640px以下の設定
============================================ */
  /* ----- カテゴリトップ ----- */
  #index.business .categoryTopList .unitCol1 .unitSymbol {
    float: left;
    width: 45%;
    height: inherit;
    padding: 0; }
    #index.business .categoryTopList .unitCol1 .unitSymbol img {
      width: 100%;
      height: auto;
      margin-bottom: 15px; }
  #index.business .categoryTopList .unitCol1 h2 {
    float: right;
    width: 50%;
    margin: 0;
    padding: 12% 0 0;
    border-top: none; }
  #index.business .categoryTopList .unitCol1 .catLead {
    clear: both;
    border-top: 1px solid #d9d9d9;
    padding-top: 20px; }

  #recycle.business .left_image{
    float: none;
    width: auto;
    text-align: center;
  }
  #recycle.business .right_images{
    float: none;
    width: 100%;
  }
  #recycle.business .right_images .image_one{
    width: 50%;
  }
  #recycle.business .right_images .image_one img{
    max-width: 100%;
  }
/* 研究開発ページ */
  #rd.business .tbl1 th{width: 100px;}
  #rd.business .tbl1 th br{display: block;}
  #rd.business .unitPic2{margin-bottom: 0;}

/* ============================================
    製品・サービス (product) 640px以下の設定
============================================ */
  /* タブ */
  .productCategory {
    margin-bottom: 20px; }
  .productCategory li {
    width: 49%; }
  /* アンカー画像 */
  .productAncList {
    height: inherit !important;
    margin-bottom: 60px;
    background: none !important; }
    .productAncList li {
      position: static;
      float: left;
      box-sizing: border-box;
      width: 30%;
      height: inherit;
      margin: 0 5% 10px 0;
      border: 1px solid #d9d9d9;
      padding: 1px; }
      .productAncList li:nth-child(3n) {
        margin-right: 0; }
      .productAncList li img {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0; }
      .productAncList li span {
        float: none;
        width: 100%;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        background: url(/corporate/ja/product/img/arrow_product1.png) no-repeat 100% 100%;
        background-size: 15px 15px;
        font-weight: normal; }
      .productAncList li span.hasBr {
           padding: 15px 0 0;
           font-size: 0.85rem;
           }




    /* 製品一覧ページ 土木・建築 */
    #architecture.product .comment {
       clear: both;
       position: static;
    }

/* 製品テーブル */
        .productList .blockProduct .unitProductItem .plTd3 .itemCatalog{
              margin: 0 0 10px 10px;
           }
        .productList .blockProduct .unitProductItem .plTd3 .contact_info dt.ttlD {
          float: none;
          margin-bottom: 5px;
          }
       .productList .blockProduct .unitProductItem .plTd3 .contact_info dd{
          width: 100%;
          float: none;}
  .productList .catProductHeader {
    display: none; }
  .productList [class^="plTd"] {
    width: 100%; }
  .productList .blockProduct {
    border: none; }
    .productList .blockProduct h2 {
      position: relative;
      width: 100%;
      text-align: left;
      border-bottom: 2px solid #d9d9d9;
      padding: 0 0 5px; }
      .productList .blockProduct h2:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 50%;
        height: 2px;
        background-color: #f39700; }
    .productList .blockProduct .unitProductItem {
      display: block;
      width: 100%;
      margin-left: 0;
      border: none;
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: 25px;
      }
      .productList .blockProduct .unitProductItem:last-child{
      border: none;
      margin-bottom: 0;
      }
      .productList .blockProduct .unitProductItem .plTd2,
      .productList .blockProduct .unitProductItem .plTd3,
      .productList .blockProduct .unitProductItem .plTd4 {
        vertical-align: top; }
      .productList .blockProduct .unitProductItem .plTd2 {
        display: block;
        width: 56.25%;
        margin: 0 auto; }
      .productList .blockProduct .unitProductItem .plTd3 {
        display: block;
        border: none;
        padding: 0; }
        .productList .blockProduct .unitProductItem .plTd3 .wrap {
          margin-bottom: 10px;
          padding-top: 5px;
          text-align: center;
          line-height: 1.2; }
        .productList .blockProduct .unitProductItem .plTd3 h3 {
          display: inline;
          margin-bottom: 0;
          padding-right: 0; }
        .productList .blockProduct .unitProductItem .plTd3 .itemBusiness {
          position: static;
          display: inline; }
          .productList .blockProduct .unitProductItem .plTd3 .itemBusiness img {
            vertical-align: middle; }
      .productList .blockProduct .unitProductItem .plTd4 {
        display: block;
        border: none;
        padding: 0; }
  .productList .toTop {
    margin: 25px 0 0; }




/* ============================================
    株主・投資家情報 (ir) 640px以下の設定
============================================ */
/* ----- IR扉ページ ----- */
  #index.ir .categoryTopList .unitCol1{height: auto;}
  #index.ir .categoryTopList .unitCol1:nth-child(4),
  #index.ir .categoryTopList .unitCol1:nth-child(5),
  #index.ir .categoryTopList .unitCol1:nth-child(6),
  #index.ir .categoryTopList .unitCol1:nth-child(7),{height: auto;}
  /* ----- 中期経営計画 ----- */
  #mid_term_plan.ir .blockStrategy {
    display: block;
    margin: 0 0 10px; }
    #mid_term_plan.ir .blockStrategy dt,
    #mid_term_plan.ir .blockStrategy dd {
      display: block; }
    #mid_term_plan.ir .blockStrategy dt {
      width: 60%;
      margin: 0 auto 5px;
      padding: 10px 5px; }
    #mid_term_plan.ir .blockStrategy dd {
      width: 100%;
      padding-left: 0; }
      #mid_term_plan.ir .blockStrategy dd ul {
        margin-left: 25px; }
      #mid_term_plan.ir .blockStrategy dd li {
        text-indent: -1.4em; }

  #mid_term_plan.ir .blockGoal li {
    width: 100%; }
    #mid_term_plan.ir .blockGoal li img {
      width: 100%;
      height: auto; }

  #mid_term_plan.ir .tbl2 {
    width: 100%; }
    #mid_term_plan.ir .tbl2:first-child {
      width: 100%; }

  /* ----- 財務ハイライト ----- */
  #highlight.ir .unitCol1 .unitPic img {
    width: 100%;
    height: auto; }

  #highlight.ir .highlightTblWrap1 table {
    width: 100%; }
    #highlight.ir .highlightTblWrap1 table:first-child, #highlight.ir .highlightTblWrap1 table:nth-child(3) {
      width: 100%; }
    #highlight.ir .highlightTblWrap1 tablelast-child {
      margin-bottom: 0; }

  #highlight.ir .highlightTbl1 th {
    font-size: 0.8rem; }
  #highlight.ir .highlightTbl1 td {
    font-size: 0.9rem; }
  #highlight.ir .highlightTbl1 tbody tr th:first-child {
    width: 90px; }
  #highlight.ir .highlightTbl1 tbody tr th:nth-child(2) {
    width: 60px; }

  #highlight.ir .highlightTbl2 th, #highlight.ir .highlightTbl2 td,
  #highlight.ir .highlightTbl3 th,
  #highlight.ir .highlightTbl3 td,
  #highlight.ir .highlightTbl4 th,
  #highlight.ir .highlightTbl4 td {
    font-size: 0.8rem; }

  /* ----- 決算説明資料・補足資料 ----- */
  #presentation.ir .thumbBox {
    width: 95%; }

  #presentation.ir .mimesisTblItem2 dt {
    width: 100%; }
    #presentation.ir .mimesisTblItem2 dt br {
      display: none; }
  #presentation.ir .mimesisTblItem2 dd {
    padding-left: 1em; }
    #presentation.ir .mimesisTblItem2 dd .pdfLink,
    #presentation.ir .mimesisTblItem2 dd .movieLink,
    #presentation.ir .mimesisTblItem2 dd .supple {
      box-sizing: border-box;
      width: 95%; }
  /* ----- IRカレンダー ----- */
  #calender.ir .unitTogglePic {
    padding: 10px 0 15px; }

  #calender.ir .mimesisTblItem2 dt {
    width: 100%; }
  #calender.ir .mimesisTblItem2 dd {
    padding-left: 1em; }
    #calender.ir .mimesisTblItem2 dd:before {
      content: "・"; }





/* ============================================
    CSR活動 (csr) 640px以下の設定
============================================ */
  #warming.csr #sec3 .tbl3 thead th:first-child {
    width: 15%; }
  #warming.csr #sec3 .tbl3 thead th:nth-child(2) {
    width: 15%; }
  #warming.csr #sec3 .tbl3 thead th:last-child {
    width: 15%; }
  #warming.csr #sec3 .tbl3:last-of-type thead th:nth-child(3) {
    width: 20%; }
   #warming.csr #sec4 .tbl3 thead tr:first-child th:first-child {
    width: 12%; }
  #warming.csr #sec4 .tbl3 thead tr:first-child th:nth-child(2) {
    width: 12%; }
  #warming.csr #sec4 .tbl3 thead tr:first-child th:last-child {
    width: 12%; }
  #warming.csr #sec4 .tbl3 thead tr:last-child th:first-child {
    width: 20%; }
  #warming.csr #sec4 .tbl3 thead tr:last-child th:nth-child(2) {
    width: 20%; }
  #warming.csr #sec4 .tbl3:last-of-type thead th:nth-child(3) {
    width: 20%; }
  #warming.csr #sec4 .tbl3 th,
  #warming.csr #sec4 .tbl3 td {
    font-size: 0.8rem; }

  /* 特集ページ */
  .special .box2.column .inner {float:none;width: 94%;}
  .special .box2.column .img {float:none;margin: 0 auto;}

  .special .secBlock1 .unitPic.w150
  {width: 100%;}

  /* 特集個別設定 */
 #society .box2 .unitPic{width: 150px;margin: 0 auto 10px;}
  #society .unitTogglePic .forSp{width: 80%;margin: 0 auto;}

  /* CSRトップメッセージ */
#topmessage.csr .contentMessage .areaCSRsidePr{
  float: none;
  padding: 0 0 25px 0;
  margin: 0 auto;
}

#employee.csr .box3 .unitPic.adj p img {
     width: 40%; 
     padding-left: 0; 
}
#employee.csr .box3 .unitPic.adj {
     width: 100%; 
     margin: 0 0 10px; 
}

#energy section.box2.withPic.alt .inner{width: 90%;}
#energy section.box2.withPic.alt .unitPic.map360{width: 80%;}

}/* end of 640 */


/* ============================================
    さらに細かい設定が必要な場合
============================================ */
@media only screen and (max-width: 476px) {
  /* CSR報告書 */
#backnumber.csr div.book{
    width: 50%;
    margin: 0 0 15px;
}
}/* end of 476 */

@media only screen and (max-width: 400px) {
    /* 3分でわかる三菱マテリアル */
#digest #roots img, #digest #no1 img{
  margin-top: 4%;
}
}/* end of 400 */