.section{margin-bottom:40px}
.ttl-phil{background-color:#eee;padding:6px 6px 6px 40px;font-weight:bold;font-size:16px;font-size:1.6rem;position:relative;margin-bottom:20px}
.ttl-phil:before{content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;border:8px solid #c01443;display:inline-block;width:13px;height:13px}
.pyramid{background-image:url("../images/pyramid.png");background-repeat:no-repeat;position:relative;width:100%;height:326px}
.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}

.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: 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: 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:25%;position: absolute;left:0;}
.pyramid-sustainable h3{line-height: 1.2;font-weight: bold;font-size: 15px;margin-bottom: 15px;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}

@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}
}

.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 .vision-title.socialtitle{margin-top:60px;color:#000}
.groupslogan{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.groupslogan .slogan{font-size:22px;border-bottom:thin solid #666;padding:14px 25px;font-weight:bold;word-break:keep-all;margin-right:10px}
.groupslogan .message{line-height:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
@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}
  html:not([lang="zh"]) .groupslogan{display:block}
  html:not([lang="zh"]) .groupslogan .slogan{margin-right:0;padding:0 0 10px;text-align:center}
  html:not([lang="zh"]) .groupslogan .message{margin-top:12px}
}