@import url(/company/basic-principles/css/principles.css);
.nagasevision .nagasevision-row .nagasevision-row-left{width:200px}
.nagasevision .nagasevision-row .nagasevision-row-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}

.section-ace20 {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pyramid-ace20 {position: relative;max-width: 747px;width:100%; height:calc(451 / 747 * 100%)}
.pyramid-ace20 .pyramid-ace20-pc-img{width:100%;}
.pyramid-ace20 .pyramid-ace20-sp-img{width:100%;}
.pyramid-ace20-sp{display: none!important;}
.pyramid-ace20 .pyramid-row-box .pyramid-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1){margin-right: 0;margin-left: auto;width: 80.5%;top:0;padding-top: 20px;height: calc(36.5% - 20px)}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-left{width: calc(100% - 27%);}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-right{width: 27%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2){margin-right: 0;margin-left: auto;width: 90%;top:36.5%;height: 32.3%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2) .pyramid-row-left{width: calc(100% - 46%);}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2) .pyramid-row-right{width: 46%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3){margin-right: 0;margin-left: auto;width: 100%;top:67.5%;height: 30%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3) .pyramid-row-left{width: calc(100% - 60%);}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3) .pyramid-row-right{width: 60%;}
.pyramid-ace20 .pyramid-row .pyramid-row-right h3{text-align: center;color: #FFFFFF;width: 100%;font-size: 16px;font-weight: bold;}
.pyramid-ace20 .pyramid-row .pyramid-row-left p{line-height: 1.2;font-size: 14px}
.pyramid-ace20 .pyramid-row .pyramid-row-left h4{color: #C42248;font-weight: bold;font-size: 14px;line-height: 1.3;margin-bottom: 5px}
.pyramid-ace20 .pyramid-row-box{position: absolute;right:0;top:0;width: 69.47%;height: 100%}
.pyramid-ace20 .pyramid-arrow{font-weight: bold;font-size: 16px;top:0;right:3%;width:16px;height: 100%;position: absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pyramid-sustainable{box-sizing: border-box;background-color: #E0E0E0;padding: 12px;width: 30.12%;display: inline-block;top:15.5%;position: absolute;left:0;}
.pyramid-sustainable h3{line-height: 1.2;font-weight: bold;font-size: 15px;margin-bottom: 10px;margin-top: 5px}
.pyramid-sustainable p{line-height: 1.3;margin-bottom: 15px;font-size: 13px}
.pyramid-sustainable ul li{line-height: 1.2;color: #C42248;font-weight: bold;margin-bottom: 5px;font-size: 14px;padding-left: 16px;text-indent: -16px;}

@media only screen and (min-width: 769px){
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-right h3{font-size: 11px;margin-top: 65px}
}

@media only screen and (max-width: 768px){
  html:not([lang="zh"]) .pyramid:before{background-image:url(../images/pyramid-sp-en.jpg)}

  .pyramid-ace20 .pyramid-row-box{width: 90%;}
  .section-ace20 {display: block;}
  .pyramid-ace20 {width:100%;}
  .pyramid-sustainable{position: static;background-color: #efefef;padding: 15px;margin-top: 30px;width: 100%;margin-left: 0px;box-sizing: border-box;}
  .pyramid-ace20-pc{display: none!important}
  .pyramid-ace20-sp{display: block!important}
  .pyramid-ace20 .pyramid-row-box .pyramid-row .pyramid-row-left{display: none}
  .pyramid-ace20 .pyramid-row-box .pyramid-row{width: 100%}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-right{width: 100%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-left{width: 0%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) {width: 100%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2) .pyramid-row-right{width: 100%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2) .pyramid-row-left{width: 0%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2) {width: 100%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3) .pyramid-row-right{width: 100%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3) .pyramid-row-left{width: 0%;}
  .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3) {width: 100%;}
  .pyramid-ace20 .pyramid-row .pyramid-row-right h3{font-size: 13px;}
    .pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-right h3{font-size: 10px;margin-top: 25px}
  .pyramid-ace20 .pyramid-arrow{font-size: 14px;right: 2.2%}
  .pyramid-ace20-list{margin-top: 20px;border-top: solid 1px #cccccc}
  .pyramid-ace20-list-inner{padding: 15px 0;border-bottom: solid 1px #cccccc;line-height: 1.3}
  .pyramid-ace20-list-inner h3{font-size:16px; font-weight: bold;margin-bottom: 10px}
  .pyramid-ace20-list-inner h4{font-size:15px; font-weight: bold;color: #C42248;margin-bottom: 10px}
  .pyramid-ace20-list-inner p{font-size:15px;}
  .pyramid-sustainable h3{font-size: 16px;}
  .pyramid-sustainable p{font-size: 15px}
  .pyramid-sustainable ul li{margin-bottom: 10px;font-size: 15px}

}