@charset "utf-8";



#main_box { line-height: 2.0; }



/* jp css ----------------- */





/* side_menu ----------------- */

li.btn006 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn006 > a {

  pointer-events: none;

  cursor: auto;

}

#side_box .side_menu li.btn006 > a::after { display: none; }





/* contents ---- */

.ttl_ss {

    height: 44px;

    margin-top: 20px;

    background-repeat: no-repeat;

}

.box01_01 .ttl_ss { background-image: url(../images/ttl_s01.png); }

.box01_02 .ttl_ss { background-image: url(../images/ttl_s02.png); }

.box01_03 .ttl_ss { background-image: url(../images/ttl_s03.png); }

.box01_04 .ttl_ss { background-image: url(../images/ttl_s04.png); }



.box01 .box_gray20 .title {

  font-size: 112.5%;

  border-bottom: 2px rgb(213,211,211) solid;

  font-weight: 700;

}

.box01 .box_gray20 .title {}

.box01 .box_gray20 .text > li {

  display: block;

  text-indent: -1em;

  padding-left: 2em;

}



.box02 table {

    width: 100%;

}

.box02 thead th {

    background-color: #7f7f7f;

    color: #fff;

    font-weight: 700;

}

.box02 tr {

    padding-bottom: 1px;

  border-bottom: 1px rgb(162,163,163) solid;

/*  

    background-image: linear-gradient(to right, #999999, #999999 2px, transparent 1px, transparent 4px);

    background-size: 4px 1px;

    background-position: bottom;

    background-repeat: repeat-x;

  */

}

.box02 th,

.box02 td {

    padding: 10px;

  vertical-align: middle;

}

.box02 td div {

    clear: both;

}

.box02 td span {

    display: block;

    float: left;

}

.box02 td span.value {

    float: right;

}



.box02 .strategy_box .item_box._upper2 {

  min-height: 310px;

}

.box02 .strategy_box .item_box._lower2 {

  min-height: 160px;

  margin-top: 8px;

}



.box03 .strategy_box {

  display: flex;

  flex-direction: row;

}

.box03 .strategy_box > li {

  display: block;

}

.box03 .strategy_box > .item01 {

  width: calc(100% - 252px);

}

.box03 .strategy_box > .item02 {

  position: relative;

  width: 32px;

}

.box03 .strategy_box > .item03 {

  width: 220px;

}



.box03 .strategy_box > .item01 .year {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}

.box03 .strategy_box > .item01 .year > span {

  display: block;

  padding-right: 24px;

  padding-left: 24px;

  background-color: rgb(127,127,127);

  color: rgb(255,255,255);

}



.box03 .strategy_box > .item01 .title {

  display: block;

  padding-top: 8px;

  padding-bottom: 8px;

  background-color: rgb(127,127,127);

  color: rgb(255,255,255);

}

.box03 .strategy_box > .item01 > ul > li:nth-of-type(n+2) {

  display: flex;

  flex-direction: row;

  align-items: center;

}

.box03 .strategy_box > .item01 > ul > li:nth-of-type(2n) {

  background-color: rgb(242,240,237);

}

.box03 .strategy_box > .item01 .item_title {

  width: 130px;

  font-size: 87.5%;

}

.box03 .strategy_box > .item01 .item_list {

  width: calc(100% - 130px);

  padding-top: 0.66em;

  padding-right: 8px;

  padding-left: 8px;

  font-size: 81.25%;

}

.box03 .strategy_box > .item01 .item_list > li {

  line-height: 1.5;

  margin-bottom: 0.66em;

}



.box03 .strategy_box > .item02::before {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 16px;

  height: 140px;

  transform: translate3d(-50%, -50%, 0);

  background:

    linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgb(242,240,237) 50.5%) no-repeat top left/100% 50%,

    linear-gradient(to top left, rgba(255,255,255,0) 50%, rgb(242,240,237) 50.5%) no-repeat bottom right/100% 50%;

  content: '';

}



.box03 .strategy_box > .item03 .year > span {

  display: block;

  background-color: rgb(247,175,11);

  color: rgb(255,255,255);

}



.box03 .strategy_box > .item03 .title {

  display: block;

  padding-top: 8px;

  padding-bottom: 8px;

  background-color: rgb(247,175,11);

  color: rgb(255,255,255);

}

.box03 .strategy_box > .item03 > ul > li:nth-of-type(n+2) {

  border-bottom: 1px rgb(200,198,196) dashed;

}

.box03 .strategy_box > .item03 .gm_title {

  margin-top: 4px;

  color: rgb(247,175,11);

  font-weight: 700;

}

.box03 .strategy_box > .item03 .gm_text {

  display: flex;

  flex-direction: row;

  align-items: center;

  height: 44px;

  margin-bottom: 4px;

  padding-left: 36px;

  background-repeat: no-repeat;

  background-size: 32px 28px;

  background-position: left center;

  line-height: 1.3;

  font-weight: 700;

  font-size: 87.5%;

}

.box03 .strategy_box > .item03 .item11 .gm_text {

  background-image: url(/corporate/group_mission/images/icon01.png);

}

.box03 .strategy_box > .item03 .item12 .gm_text {

  background-image: url(/corporate/group_mission/images/icon02.png);

}

.box03 .strategy_box > .item03 .item13 .gm_text {

  background-image: url(/corporate/group_mission/images/icon03.png);

}

.box03 .strategy_box > .item03 .item14 .gm_text {

  background-image: url(/corporate/group_mission/images/icon04.png);

}

.box03 .strategy_box > .item03 .gm_text > span {

  display: block;

}



@media screen and (max-width:767px) {

  .box02 .strategy_box .item_box._upper2 {

    min-height: 190px;

  }

  .box02 .strategy_box .item_box._lower2 {

    min-height: 120px;

  }

  .box03 .strategy_box > .item01 {

    width: calc(100% - 140px);

  }

  .box03 .strategy_box > .item02 {

    width: 20px;

  }

  .box03 .strategy_box > .item03 {

    width: 120px;

  }

  .box03 .strategy_box > .item01 .year > span {

    padding-right: 8px;

    padding-left: 8px;

  }

  .box03 .strategy_box > .item01 .title {

    font-size: 12px;

  }

  .box03 .strategy_box > .item01 > ul > li:nth-of-type(n+2) {

    flex-direction: column;

  }

  .box03 .strategy_box > .item01 .item_title {

    width: 100%;

  }

  .box03 .strategy_box > .item01 .item_list {

    width: 100%;

  }

  

  .box03 .strategy_box > .item03 .title {

    font-size: 12px;

  }

  .box03 .strategy_box > .item03 .gm_title {

    line-height: 1.3;

  }

  html[lang="en"] .box03 .strategy_box > .item03 .gm_text {

    height: 56px;

  }

}



.box04 .img03,

.box04 .img04 {

  width: calc(300 / 794 * 100%);

  margin-left: 20px;

}



.box02 .strategy_box .item_box span {

    max-width: 100%;

}



.box02 .strategy_box > li:last-child .item_box._lower > div {

  min-height: 160px;

}



.box01 .box_gray20 ._m {

    width: 60%;

    min-width: 300px;

}



.box01 .model_box02 > ul > li.col1 {

    width: 100%;

    background-color: #f8cbad;

}



@media screen and (max-width:767px) {

.box01 .box_gray20 ._m {

    min-width: 240px;

}

    .box01 .box_gray20 ._s {

    white-space:normal;

}

    .box02 .strategy_box > li:last-child .item_box > div > .image {

    max-width: 100px;

}

    .box02 .strategy_box .item_box._upper {

    min-height: 100px;

}





}





.box01 .model_box > .title {

    min-height: auto;

}



.box01 .model_box02 > ul > li p {

    word-wrap: break-word;

}