@charset "UTF-8";
/**
 * 2018/01/31 CSS for renewal
 **/
/*===========================
 Company Page Layout
===========================*/
/*** ��I��� ***/
.company_menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 40px 0 0;
  padding: 0;
}
.company_menu .menu_box {
  display: flex;
  width: 230px;
  margin-left: 24px;
  margin-bottom: 60px;
}
.company_menu .menu_box a {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.company_menu .menu_box:nth-of-type(3n+1){
  margin-left: 0;
}
.company_menu .menu_box a:hover {
  text-decoration: none;
}
.company_menu .menu_box .tit {
  flex: 1 0 auto;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.06em;
  color: #000;
  border-bottom-width: 0;
  border-left: 2px solid #23429a;
  padding: 0 0 0 10px;
  margin: 0 0 15px;
}
.company_menu .menu_box .tit.is-small {
  letter-spacing: -0.05em;
}
.company_menu .menu_box .img {
  line-height: 1;
  margin: 0 0 14px;
  padding: 0;
}
.company_menu .menu_box .img img {
  vertical-align: top;
}

/*** �˜I��Ҫ ***/
.about-group-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.about-group-list:after {
  content: "";
  display: block;
  clear: both;
}
.about-group-list li {
  display: block;
  width: 180px;
  float: left;
  margin-left: 6px;
  margin-bottom: 18px;
  padding: 0;
}
.about-group-list li:nth-child(4n+1){
  clear: both;
  margin-left: 0;
}
.about-2col {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.about-2col:after {
  content: "";
  display: block;
  clear: both;
}
.about-2col .about-box {
  display: block;
  width: 359px;
  margin-left: 20px;
  margin-bottom: 20px;
  float: left;
  border-bottom: 1px solid #eee;
}
.about-2col .about-box:nth-of-type(2n+1){
  margin-left: 0;
  clear: both;
}
.about-2col .about-box .about-box-inner {
  display: block;
  width: 100%;
  padding-bottom: 20px;
}
.about-2col .about-box .about-box-inner .tit a {
  color: #23429a;
  text-decoration: underline;
}
.about-2col .about-box .about-box-inner .tit a:hover {
  text-decoration: none;
}
.about-2col .about-box:nth-child(1) .about-box-inner,
.about-2col .about-box:nth-child(2) .about-box-inner { height: 350px; }
.about-2col .about-box:nth-child(3) .about-box-inner,
.about-2col .about-box:nth-child(4) .about-box-inner { height: 300px; }
.about-2col .about-box:nth-child(5) .about-box-inner,
.about-2col .about-box:nth-child(6) .about-box-inner { height: 300px; }
.about-2col .about-box:nth-child(7) .about-box-inner,
.about-2col .about-box:nth-child(8) .about-box-inner { height: 280px; }
.about-2col .about-box:nth-child(9) .about-box-inner,
.about-2col .about-box:nth-child(10) .about-box-inner { height: 300px; }
.about-2col .about-box .about-box-inner .tit {
  margin: 0 0 5px;
  padding: 0;
  border-bottom-width: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7142;
  letter-spacing: 0.06em;
}
.about-2col .about-box .about-box-inner img {
  float: right;
  margin-left: 14px;
  margin-bottom: 14px;
}
.about-2col .about-box .about-box-inner p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.7142;
  letter-spacing: 0.06em;
}
.about-prod {
  display: block;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin: 20px 0;
}
.about-prod:after {
  content: "";
  display: block;
  clear: both;
}
.about-prod .tit {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7142;
  color: #23429a;
  border-bottom-width: 0;
  border-left: 4px solid #23429a;
  margin: 0 0 10px;
  padding: 0 0 0 5px;
}
.about-prod .tit a {
  color: #23429a;
  text-decoration: underline;
}
.about-prod .tit a:hover {
  text-decoration: none;
}
.about-prod img {
  float: left;
}
.about-prod p {
  display: block;
  width: 600px;
  float: right;
  margin: 0;
}
.about-tit {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7142;
  letter-spacing: 0.06em;
  border-bottom-width: 0;
  border-left: 4px solid #23429a;
  padding: 0 0 0 5px;
  margin-bottom: 10px;
}

/*** ���`�ܥ�˥�`�ȥ����򤱤�ȡ��M�� ***/
.nav-tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  margin: 20px 0;
}
.nav-tabs > li {
  width: 50%;
}
.nav-tabs > li > a {
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background: #23429A;
  border: 1px solid transparent;
  color: #fff;
}
.img-fluid {
  width: 100%;
  height: auto;
}
.img-box {
  display: flex;
  justify-content: center;
  margin: 40px 0 60px;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.light-blue {
  color: #229ed9;
  font-weight: bold;
}
.tab-content-link {
  padding-left: 18px;
  background: url(/common/2018/img/company/carbon/arrow_next.png) no-repeat 0 6px;
  text-decoration: underline;
  display: inline-block;
}
.climate-list {
  margin-top: 10px;
  margin-bottom: 30px;
}
.climate-list li {
  padding-top: 0;
  font-size: 15px;
}
.tab-content figure {
  margin: 0;
}
.tab-content strong {
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}
.tab-content .img-box img {
  max-width: 650px;
  height: auto;
}
.tab-content .img-box.road-map img {
  max-width: 730px;
}
#contents_carbon .clearfix {
  margin: 30px 0 10px;
}
.anchor-link {
  margin-top: -100px;
  padding-top: 100px;
}

/*** ������� ***/
.map-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  box-sizing: border-box;
}
.map-table thead tr th,
.map-table thead tr td,
.map-table tbody tr th,
.map-table tbody tr td {
  border-top: 1px solid #ddd;
  word-wrap: break-word;
  word-break: break-all;
}
.map-table thead tr th,
.map-table tbody tr th,
.map-table tbody tr td {
  padding: 9px 0;
  vertical-align: middle;
}
.map-table thead tr,
.map-table tbody tr:nth-of-type(even) {
  background-color: #f8f8f8;
}
.map-table thead tr th a,
.map-table tbody tr th a {
  text-decoration: none;
  color: #23429a;
}
.map-table thead tr th a:hover,
.map-table tbody tr th a:hover {
  text-decoration: underline;
}
.map-table thead tr td a,
.map-table tbody tr td a {
  text-decoration: underline;
  color: #23429a;
}
.map-table thead tr td a:hover,
.map-table tbody tr td a:hover {
  text-decoration: none;
}
#kaigaikyoten {
  margin-top:-70px;
  padding-top:70px;
}

/*** ����`�׻���һ�E ***/
.about-syllabary-list {
  text-align: center;
  list-style: none;
  margin: 10px 0 50px;
}
.about-syllabary-list li {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  margin-left: 5px;
  padding: 0;
}
.about-syllabary-list li:first-child {
  margin-left: 0;
}
.about-syllabary-list li a,
.about-syllabary-list li span {
  display: block;
  font-size: 14px;
  line-height: 24px;
  padding: 13px 0;
}
.about-syllabary-list li a {
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  color: #000;
}
.about-syllabary-list li a:hover {
  background-color: #eee;
}
.about-syllabary-list li span {
  border: 1px solid #eee;
  background-color: #eee;
  border-radius: 4px;
  color: rgba(0,0,0,0.5);
}
.about-return {
  text-align: right;
}
.about-return a {
  color: #000;
}

/***��ͷ�������`������ؕ�׻��***/
.c_csr-group-list4 {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.c_csr-group-list4:after {
  content: "";
  display: block;
  clear: both;
}
.c_csr-group-list4 li {
  display: block;
  width: 180px;
  float: left;
  margin-left: 6px;
  margin-bottom: 18px;
  padding: 0;
}
.c_csr-group-list4 li:nth-child(4n+1){
  clear: both;
  margin-left: 0;
}

.c_csr-group-list3 {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.c_csr-group-list3:after {
  content: "";
  display: block;
  clear: both;
}
.c_csr-group-list3 li {
  display: block;
  float: left;
  margin-left: 9px;
  margin-bottom: 18px;
  padding: 0;
}
.c_csr-group-list3 li:nth-child(3n+1){
  clear: both;
  margin-left: 0;
}

.c_csr-group-list2 {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.c_csr-group-list2:after {
  content: "";
  display: block;
  clear: both;
}
.c_csr-group-list2 li {
  display: block;
  float: left;
  margin-left: 12px;
  margin-bottom: 18px;
  padding: 0;
}
.c_csr-group-list2 li:nth-child(2n+1){
  clear: both;
  margin-left: 0;
}

.c_csr-group-list2_2 {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.c_csr-group-list2_2:after {
  content: "";
  display: block;
  clear: both;
}
.c_csr-group-list2_2 li {
  display: block;
  float: left;
  margin-left: 12px;
  margin-bottom: 18px;
  padding: 0;
}
.c_csr-group-list2_2 li:nth-child(2n+1){
  clear: both;
  margin-left: 0;
}

.c_csr-prod {
  display: block;
  width: 100%;
  margin: 20px 0;
}
.c_csr-prod:after {
  content: "";
  display: block;
  clear: both;
}

.c_csr-prod img {
  float: right;
}
.c_csr-prod p {
  display: block;
  width: 500px;
  float: left;
  margin: 0;
}

.c_csr-menu-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 20px;
}
.c_csr-menu-list::after {
  content: "";
  display: block;
  clear: both;
}
.c_csr-menu-list > li {
  display: block;
  width: 174px;
  float: left;
  background: -moz-linear-gradient(top, #23429a 0%, #1e3985 100%);
  background: -webkit-linear-gradient(top, #23429a 0%,#1e3985 100%);
  background: linear-gradient(to bottom, #23429a 0%,#1e3985 100%);
  padding: 3px;
  box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
  margin-left: 10px;
}
.c_csr-menu-list > li:first-child { margin-left: 0; }
.c_csr-menu-list > li > a {
  display: table;
  width: 100%;
  height: 48px;
  color: #fff;
  border: 1px solid #7693c3;
}
.c_csr-menu-list > li > a > span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-left: 17px;
  text-align: center;
  position: relative;
  z-index: 0;
}
.c_csr-menu-list > li > a > span::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/en/common/2018/img/company/ico_arrow_btm1.png) no-repeat center;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto 0;
}

.c_csr-return-top {
  text-align: right;
  margin-top: 15px;
}

.c_csr-return-top a { color: #000; }


#anc01,#anc01-01,#anc01-02,#anc01-03,#anc01-04,#anc01-05,#anc01-06,#anc01-07,#anc01-08,#anc01-09,#anc01-10,#anc01-11,#anc01-12,#anc01-13,#anc01-14,#anc01-15,#anc01-16,#anc01-17,#anc01-18,#anc01-19,#anc01-20,#anc02,#anc02-01,#anc02-02,#anc02-03,#anc02-04,#anc02-05,#anc02-06,#anc02-07,#anc02-08,#anc02-09,#anc02-10,#anc02-11,#anc02-12,#anc02-13,#anc02-14,#anc02-15,#anc02-16,#anc02-17,#anc02-18,#anc02-19,#anc02-20,#anc03,#anc03-01,#anc03-02,#anc03-03,#anc03-04,#anc03-05,#anc03-06,#anc03-07,#anc03-08,#anc03-09,#anc03-10,#anc03-11,#anc03-12,#anc03-13,#anc03-14,#anc03-15,#anc03-16,#anc03-17,#anc03-18,#anc03-19,#anc03-20,#anc04,#anc04-01,#anc04-02,#anc04-03,#anc04-04,#anc04-05,#anc04-06,#anc04-07,#anc04-08,#anc04-09,#anc04-10,#anc04-11,#anc04-12,#anc04-13,#anc04-14,#anc04-15,#anc04-16,#anc04-17,#anc04-18,#anc04-19,#anc04-20 {
    margin-top: -100px;
    padding-top: 100px;
}