.pyramid{background-image:url("../images/pyramid.png");background-repeat:no-repeat;position:relative;width:100%;height:326px;margin-bottom: 40px}
.pyramid .pyramid-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:109px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pyramid .pyramid-row .pyramid-row-left{width:376px;text-align:center}
.pyramid .pyramid-row .pyramid-row-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;line-height:18px;font-size:13px;font-size:1.3rem}
.pyramid .pyramid-row .pyramid-row-right .pyramid-list li{list-style-type:disc;margin-left:20px;font-size: 13px;line-height: 1.5; margin: 0}
.pyramid .pyramid-row .pyramid-row-right .pyramid-list {margin: 0 0 0 2rem;}
.nagasevision {margin-bottom: 30px}
.nagasevision .nagasevision-row{border:thin solid #ccc;border-radius:10px;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;line-height:18px;height:140px;overflow:hidden;background-color:#f6ecf3}
.nagasevision .nagasevision-row .nagasevision-row-left{width:200px;text-align:center;padding:10px}
.nagasevision .nagasevision-row .nagasevision-row-right{border-left:thin solid #ccc;padding:10px;height:100%;background-color:#fff;width:100%}
.nagasevision .nagasevision-row .nagasevision-row-right dl{margin-top:20px}
.nagasevision .nagasevision-row .nagasevision-row-right dl dt{float:left;clear:left;margin-bottom:10px;margin-right:10px}
.nagasevision .nagasevision-row .nagasevision-row-right dl dt:after{width:0px;height:0px;content:'';border:5px solid transparent;border-left:5px solid #aaa;display:inline-block;margin-left:10px}
.nagasevision .nagasevision-row .nagasevision-row-right dl dd{float:left;margin-bottom:10px}
.nagasevision .nagasevision-row .nagasevision-row-right .vision-title{margin-top:30px;font-size:16px;font-size:1.6rem;margin-bottom:10px;color:#c01443}
.nagasevision .nagasevision-row .nagasevision-row-right .visionlist{margin: 0}
.nagasevision .nagasevision-row .nagasevision-row-right .visionlist li{margin: 0}
.nagasevision .nagasevision-row .nagasevision-row-right .vision-title.socialtitle{margin-top:60px;color:#000}


.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: 980px;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: 82.5%;top:0;padding-top: 30px;height: calc(36.5% - 30px)}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-left{width: calc(100% - 22.5%);}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(1) .pyramid-row-right{width: 22.5%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2){margin-right: 0;margin-left: auto;width: 91.5%;top:36.5%;height: 32.3%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2) .pyramid-row-left{width: calc(100% - 40%);}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(2) .pyramid-row-right{width: 40%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3){margin-right: 0;margin-left: auto;width: 100%;top:67.5%;height: 33.3%;}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3) .pyramid-row-left{width: calc(100% - 53%);}
.pyramid-ace20 .pyramid-row-box .pyramid-row:nth-child(3) .pyramid-row-right{width: 53%;}
.pyramid-ace20 .pyramid-row .pyramid-row-right h3{text-align: center;color: #FFFFFF;width: 100%;font-size: 18px;font-weight: bold;}
.pyramid-ace20 .pyramid-row .pyramid-row-left p{line-height: 1.3;font-size: 15px}
.pyramid-ace20 .pyramid-row .pyramid-row-left h4{color: #C42248;font-weight: bold;font-size: 15px;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:26%;position: absolute;left:0;}
.pyramid-sustainable h3{line-height: 1.5;font-weight: bold;font-size: 16px;margin-bottom: 15px;margin-top: 5px}
.pyramid-sustainable p{line-height: 1.5;margin-bottom: 15px;font-size: 14px}
.pyramid-sustainable ul li{line-height: 1.5;color: #C42248;font-weight: bold;margin-bottom: 5px;font-size: 15px}

.sustable.materials {border: none}
.sustable.materials tr td {vertical-align: top;font-size: 16px;border-right: solid 1px #bbb;border-bottom: solid 1px #bbb;line-height: 1.5}
.sustable.stakeholders tr {font-size: 16px;}
.sustable.stakeholders tr td{vertical-align: top;}
.sustable.materials thead tr th, .sustable.materials tbody tr th{background-color: #595959;color: #FFF}
.sustable.materials thead tr th.empty {background-color: #FFF;border: none}
.sustable.materials thead tr th.material-red{background-color: #c01443}
.sustable b {font-weight: bold;margin-bottom: 10px;display: block;}
.sustable td span.sdgs-icon {display: block;}
.sustable td span.sdgs-icon + .sdgs-icon {margin-top: 12px}
.sustable td span.sdgs-icon img {width: 100%;max-width: 60px;-webkit-backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
.sustable span.indent{padding-left: 1em;text-indent: -1em;display: block;margin-bottom: 10px}
.sustable span.indent::before{content: '・';font-weight: bold;color: #8e8e8e}
.sustable td em {color: #c01443}

@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){
  .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: 16px;}
  .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}
}


@media only screen and (max-width: 768px){
  html:not([lang="zh"]) .pyramid{width:auto;height:auto;background:none}
  html:not([lang="zh"]) .pyramid:before{display:block;width:100%;height:0;padding-bottom:calc( 301 / 345 * 100%);background:url(../images/pyramid-sp.jpg);background-size:cover;content:""}
  html:not([lang="zh"]) .pyramid .pyramid-row{display:block;height:auto;padding-top:16px}
  html:not([lang="zh"]) .pyramid .pyramid-row+.pyramid-row{margin-top:16px;border-top:1px solid #ccc}
  html:not([lang="zh"]) .pyramid .pyramid-row .pyramid-row-left{width:auto;font-weight:bold;text-align:left}
  html:not([lang="zh"]) .pyramid .pyramid-row .pyramid-row-right{margin-top:12px}
  html:not([lang="zh"]) .nagasevision .nagasevision-row{display:block;height:auto}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-left{width:auto}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right{-webkit-box-sizing:border-box;box-sizing:border-box;border-top:thin solid #ccc;border-left:none}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right dl{margin-top:0}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right dl dt{float:none;margin-right:0;margin-bottom:4px}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right dl dt:after{display:none}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right dl dd{float:none}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right dl dd:last-child{margin-bottom:0}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right dl dd:before{width:0px;height:0px;content:'';border:5px solid transparent;border-left:5px solid #aaa;display:inline-block;margin-right:10px}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right .vision-title{margin-top:0}
  html:not([lang="zh"]) .nagasevision .nagasevision-row .nagasevision-row-right .vision-title.socialtitle{margin-top:0}
}

.sustable td span.sdgs-icon + .sdgs-icon{
  margin-top: 0;
}

.sustable tr:first-child th:nth-child(2){
  width: 38%;
}