﻿.text {
  font-size: 1.57rem;
  line-height: 1.3em;
  margin-left: 10px;
}

.sup {
  font-size: 0.86rem;
  line-height: 1.3em;
}

.background-arrow {
  background: #fff url("../images/index_arrow.gif") no-repeat center center;
  min-height: 25px;
}

@media screen and (min-width: 768px) {
  .box {
    margin: 0 1.5em;
    width: 100%;
    margin-top: 30px;
    display: table;
  }
  .box .box__cell--left {
    width: 42%;
    display: table-cell;
    vertical-align: middle;
  }
  .box .box__cell--center {
    width: 6%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .box .box__cell--center.background-arrow2 {
    background: #fff url("../images/index_arrow2.gif") no-repeat center center;
    min-height: 25px;
  }
  .box .box__cell--right {
    width: 46%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 6%;
  }
  .box .box__cell--right .box__cell--right-heading {
    font-size: 2.14rem;
    line-height: 1.3em;
  }
}
@media screen and (max-width: 767px) {
  .box {
    width: 100%;
    margin-top: 30px;
  }
  .box .box__cell--center {
    margin-top: 20px;
  }
  .box .box__cell--center.background-arrow2 {
    background: #fff url("../images/index_arrow.gif") no-repeat center center;
    min-height: 25px;
  }
  .box .box__cell--right {
    text-align: center;
    margin-top: 20px;
  }
  .box .box__cell--right .box__cell--right-heading {
    font-size: 1.27rem;
    line-height: 1.3em;
  }
}
.box2 {
  margin-top: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}
.box2 .box2__list-ul {
  margin-top: 10px;
  display: table;
  width: 100%;
}
.box2 .box2__list-ul li {
  display: table-cell;
  box-sizing: border-box;
  padding-right: 10px;
  width: 14.29%;
  vertical-align: bottom;
  text-align: center;
  font-size: 0.71rem;
  line-height: 1.3em;
}
.box2 .box2__list-ul li .box2__color {
  display: block;
  margin-top: 10px;
  width: 100%;
  height: 10px;
}
.box2 .box2__list-ul li .box2__color.box2__color--iron {
  background-color: #19b9cd;
}
.box2 .box2__list-ul li .box2__color.box2__color--mineral {
  background-color: #0078c3;
}
.box2 .box2__list-ul li .box2__color.box2__color--machinery {
  background-color: #e65582;
}
.box2 .box2__list-ul li .box2__color.box2__color--chemicals {
  background-color: #8cc33c;
}
.box2 .box2__list-ul li .box2__color.box2__color--energy {
  background-color: #eb5541;
}
.box2 .box2__list-ul li .box2__color.box2__color--lifestyle {
  background-color: #ffe141;
}
.box2 .box2__list-ul li .box2__color.box2__color--innovation {
  background-color: #f5aa3c;
}

@media screen and (max-width: 767px) {
  .box2 {
    margin-top: 10px;
  }
  .box2 .box2__list-ul {
    display: block;
  }
  .box2 .box2__list-ul li {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 0;
    width: 100%;
    line-height: 20px;
    text-align: left;
    font-size: 0.86rem;
    line-height: 1.3em;
    min-height: 1px;
    zoom: 1;
  }
  .box2 .box2__list-ul li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .box2 .box2__list-ul li .box2__color {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
  }
}
.box3 {
  padding: 2% 0;
}
.box3 .box3__box {
  display: table;
  width: 100%;
}
.box3 .box3__box .box3__box-left {
  display: table-cell;
  vertical-align: middle;
  padding-left: 2%;
}
.box3 .box3__box .box3__box-left > *:first-child {
  margin-top: 0;
}
.box3 .box3__box .box3__box-right {
  display: table-cell;
  vertical-align: middle;
  padding-right: 2%;
}
.box3 .box3__box .box3__box-right > *:first-child {
  margin-top: 0;
}
.box3 .box3__box .box3__box-right.box3__box-right--iron {
  width: 168px;
}
.box3 .box3__box .box3__box-right.box3__box-right--mineral {
  width: 140px;
}
.box3 .box3__box .box3__box-right.box3__box-right--machinery {
  width: 112px;
}
.box3 .box3__box .box3__box-right.box3__box-right--chemicals {
  width: 196px;
}
.box3 .box3__box .box3__box-right.box3__box-right--energy {
  width: 112px;
}
.box3 .box3__box .box3__box-right.box3__box-right--lifestyle {
  width: 84px;
}
.box3 .box3__box .box3__box-right.box3__box-right--innovation {
  width: 112px;
}
.box3 .box3__box2 {
  margin-top: 20px;
  border-top: solid 1px #ddd;
}
.box3 .box3__box2 .box3__list-dl {
  padding: 0 2%;
}
.box3 .box3__list-ul2 {
  text-align: right;
}
.box3 .box3__list-ul2 li {
  display: inline-block;
  margin-left: 3px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
.box3 .box3__list-ul2 li.box3__list-ul2-item--iron {
  background-color: #19b9cd;
}
.box3 .box3__list-ul2 li.box3__list-ul2-item--mineral {
  background-color: #0078c3;
}
.box3 .box3__list-ul2 li.box3__list-ul2-item--machinery {
  background-color: #e65582;
}
.box3 .box3__list-ul2 li.box3__list-ul2-item--chemicals {
  background-color: #8cc33c;
}
.box3 .box3__list-ul2 li.box3__list-ul2-item--energy {
  background-color: #eb5541;
}
.box3 .box3__list-ul2 li.box3__list-ul2-item--lifestyle {
  background-color: #ffe141;
}
.box3 .box3__list-ul2 li.box3__list-ul2-item--innovation {
  background-color: #f5aa3c;
}

@media screen and (max-width: 767px) {
  .box3 {
    padding: 0;
  }
  .box3 .box3__list-ul {
    display: block;
  }
  .box3 .box3__list-ul li {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 0;
    width: 100%;
    line-height: 20px;
    text-align: left;
    font-size: 0.86rem;
    line-height: 1.3em;
    min-height: 1px;
    zoom: 1;
  }
  .box3 .box3__list-ul li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .box3 .box3__color {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
  }
  .box3 .box3__box {
    display: block;
    width: 100%;
  }
  .box3 .box3__box .box3__box-left {
    display: block;
    padding: 10px;
  }
  .box3 .box3__box .box3__box-right {
    display: block;
    margin-top: 0;
    padding: 0 10px;
  }
  .box3 .box3__box2 {
    margin-top: 20px;
    border-top: solid 1px #ddd;
  }
  .box3 .box3__list-ul2 {
    text-align: left;
  }
}
.box4 {
  padding: 4% 0;
}
.box4 .box4__box {
  display: table;
  width: 100%;
}
.box4 .box4__box .box4__box-left {
  display: table-cell;
  vertical-align: middle;
  padding-left: 2%;
}
.box4 .box4__box .box4__box-left > *:first-child {
  margin-top: 0;
}
.box4 .box4__box2 {
  margin-top: 20px;
  border-top: solid 1px #ddd;
}
.box4 .box4__box2 .box4__list-ul {
  padding: 0 4%;
}
.box4 .box4__box2.box4__layout {
  min-height: 230px;
}
.box4 .box4__box2.box4__layout2 {
  min-height: 160px;
}
.box4 .box4__list-ul2 {
  text-align: right;
}
.box4 .box4__list-ul2 li {
  display: inline-block;
  margin-left: 3px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}

@media screen and (max-width: 767px) {
  .box4 {
    padding: 10px 0;
  }
  .box4 .box4__box {
    display: table;
    width: 100%;
  }
  .box4 .box4__box .box4__box-left {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
  }
  .box4 .box4__box .box4__box-left > *:first-child {
    margin-top: 0;
  }
  .box4 .box4__box2 {
    margin-top: 10px;
  }
  .box4 .box4__box2 .box4__list-ul {
    padding: 0 4%;
  }
  .box4 .box4__box2.box4__layout {
    min-height: initial;
  }
  .box4 .box4__box2.box4__layout2 {
    min-height: initial;
  }
}
.activities-box__list-ul {
  display: table;
  width: 100%;
}
.activities-box__list-ul li {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  width: 14.29%;
  text-align: center;
  font-size: 13px;
  line-height: 1.2em;
}
.activities-box__color {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 10px;
}
.activities-box__color.activities-box__color--black {
  background-color: #000000;
}

.activities-box__color.activities-box__color--lifestyle {
  background-color: #f2f2f2;
}

.box__list-ul-item {
  color: #999999;
}

.activities-box__box {
  display: table;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .activities-box__list-ul {
    display: block;
  }
  .activities-box__list-ul li {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 6px;
    padding: 0;
    width: 100%;
    line-height: 20px;
    text-align: left;
    font-size: 13px;
    line-height: 1.6em;
    min-height: 1px;
    zoom: 1;
  }
  .activities-box__list-ul li:after {
    /* content: "."; */
    display: block;
    /* clear: both; */
    height: 0;
    visibility: hidden;
  }
  .activities-box__list-ul .activities-box__color {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
  }
  .activities-box__list-ul .activities-box__box {
    display: block;
    width: 100%;
  }
}

.anchor_icon:after {
    content: url(/common/images/module_list-anchor_icon.gif);
    position: relative;
    margin-left: 8px;
    top: -2px;
}

.image1 {
  width: auto;
}

@media screen and (max-width: 836px) {
  .image1 {
    width: 100%;
  }
}

.image2 {
  width: 1121px;
}

@media screen and (max-width: 1171px) {
  .image2 {
    width: 100%;
  }
}

.image3 {
  width: 986px;
}

@media screen and (max-width: 1036px) {
  .image3 {
    width: 100%;
  }
}

.image4 {
  width: 1046.9px;
}

@media screen and (max-width: 1096.9px) {
  .image4 {
    width: 100%;
  }
}

.image5 {
  width: 893px;
}

@media screen and (max-width: 943px) {
  .image5 {
    width: 100%;
  }
}

.image6 {
  width: 1103.9px;
}

@media screen and (max-width: 1153.9px) {
  .image6 {
    width: 100%;
  }
}

.image7 {
  width: 997.5px;
}

@media screen and (max-width: 1047.5px) {
  .image7 {
    width: 100%;
  }
}

.image8 {
  width: auto;
}

@media screen and (max-width: 1080px) {
  .image8 {
    width: 100%;
  }
}

.box__images .box__list-ul {
  display: table;
}
.box__images .box__list-ul li {
  display: table-cell;
  box-sizing: border-box;
  padding-right: 10px;
  font-size: 1.14rem;
  line-height: 1.3em;
}
.box__images .box__list-ul .box__paragraph {
  margin-top: 10px;
}
@media screen and (max-width: 842.5px) {
    .box__images .box__list-ul {
    display: block;
  }
}
@media screen and (max-width: 842.5px) {
  .box__images .box__list-ul li {
    margin-top: 6px;
    display: block;
    box-sizing: border-box;
    padding-right: 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1.3em;
  }
}

@media screen and (max-width: 767px){
  .priority_measures_current {
    display:none
  }
}

.priority_measures {
  min-height: 84px;
}
@media screen and (max-width: 767px){
.priority_measures {
  min-height: auto;
}
}

.font_plan {
  font-size: 1.57rem !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .font_plan {
    font-size: 1.47rem !important;
  }
}

@media screen and (max-width: 767px) {
  .font_plan {
    font-size: 1.13rem !important;
  }
}

.font_plan2 {
  font-size: 2.14rem !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .font_plan2 {
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .font_plan2 {
    font-size: 1.27rem !important;
  }
}

@media print {
  .font_plan2 {
    font-size: 1.57rem !important;
  }
}

.module_list-data  {
  position: relative;
  top: -12px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 4px 0;
  min-width: 150px;
  padding: 2px 5px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 1.57rem;
  font-weight: normal;
  color: #fff;
  background-color: #000;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.module_list-data  {
  position: relative;
  top: -11px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 4px 0;
  min-width: 150px;
  padding: 2px 5px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 1.47rem;
  font-weight: normal;
  color: #fff;
  background-color: #000;
}
}

@media screen and (max-width: 767px) {
.module_list-data  {
  position: relative;
  top: -4px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 4px 0;
  min-width: 150px;
  padding: 5px 5px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 1.13rem !important;
  font-weight: normal;
  color: #fff;
  background-color: #000;
}
}
.margin_plan {
  margin-left: 65px !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .margin_plan {
    margin-left: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .margin_plan {
    margin-left: 0px !important;
  }
}

.table_plan {
border: 0;
  }

.table_plan_td {
    border-style: none !important;
  }

.block_pc {
  display: block;
}
.image_pc {
  display: inline-block;
}
.image_sp,
.block_sp {
  display: none;
}
.image_symbol {
  height: 40px;
}
.module_paragraph .image_arrow_rotation {
  transform: rotate(90deg);
}
.module_box-3column.box-3column_custom .module_box-3column__cell:nth-child(1),
.module_box-3column.box-3column_custom .module_box-3column__cell:nth-child(3) {
  width: 44%;
  padding: 0 0 0 2%;
}
.module_box-3column.box-3column_custom .module_box-3column__cell:nth-child(2) {
  width: 8%;
  padding: 0;
  margin-top: 13%;
}
@media screen and (max-width: 767px) {
  .image_pc,
  .block_pc {
    display: none;
  }
  .block_sp {
    display: block;
  }
  .image_sp {
    display: inline-block;
  }
  .module_paragraph .image_arrow_rotation {
    transform: rotate(180deg);
  }
  .module_box-3column.box-3column_custom .module_box-3column__cell:nth-child(1),
  .module_box-3column.box-3column_custom .module_box-3column__cell:nth-child(2),
  .module_box-3column.box-3column_custom .module_box-3column__cell:nth-child(3) {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
}
