:root{--module-color:#ed6c1e}.newgrad{--module-color:rgb(255, 225, 0)}.career{--module-color:#df0013}.content-inner{position:relative}.content-inner::before{writing-mode:vertical-rl;font-size:11vw;line-height:1;font-weight:900;color:#ffe100;position:absolute;left:-11vw}.content-inner.dx::before{content:"DX";top:9%}.content-inner.dx::after{content:"";width:14vw;height:26vw;background:url(../images/newgrad/evolution/evolution-index-dx-robo.webp) no-repeat center/contain;position:absolute;top:-16vw;right:0}.content-inner.sdgs::before{content:"SDGs";top:0}h4.evolution-title{font-size:calc(2rem + .4vw);color:#9c8abb;font-weight:500;margin-bottom:3vmax;padding-left:1.5em;position:relative}h4.evolution-title::before{content:"";width:1em;height:1em;background:#9c8abb;position:absolute;left:0;top:50%;transform:translateY(-50%)}h4.evolution-title.sdgs{color:#64a344}h4.evolution-title.sdgs::before{background:#64a344}.evolution-wrap{display:flex;justify-content:space-between;margin-bottom:5vmax}.evolution-wrap figure{width:40%;position:relative;z-index:0}.evolution-wrap figure img{width:100%}.evolution-wrap figure.dx-img::after{content:"";width:100%;height:100%;background:#ffe100;position:absolute;top:3%;right:-3%;z-index:-1}.evolution-wrap figure.sdgs-img::after{content:"";width:100%;height:100%;background:0 0;border:10px solid #ffe100;border-radius:50%;position:absolute;top:0;left:0}.evolution-wrap .text-box{width:55%}.evolution-wrap .text-box p.title{font-size:calc(2.2rem + .4vw);line-height:1.5;font-weight:500;margin-bottom:2vmax}.evolution-wrap .text-box ul.sdgs-list{display:flex;margin-bottom:1vmax}.evolution-wrap .text-box ul.sdgs-list li{width:4vw;margin-right:1%}.evolution-wrap .text-box ul.sdgs-list li img{width:100%}.evolution-wrap.reverse{flex-direction:row-reverse}.content-section.wd100.bg-evolution{background:#9c8abb;padding:5vw 10vw;margin-bottom:8vmax}.content-section.wd100.bg-evolution .content-inner{margin:0 auto}h4.dx-title{font-size:calc(2rem + .4vw);color:#fff;text-align:center;margin-bottom:2vmax}ul.dx-action-list{display:flex;justify-content:space-between}ul.dx-action-list li{width:19%}ul.dx-action-list li figure{width:100%}ul.dx-action-list li figure img{width:100%}ul.dx-action-list li p.circle-title{width:7vw;height:7vw;border-radius:50%;background:#ffe100;display:flex;justify-content:center;align-items:center;position:relative;left:50%;top:-10%;transform:translateX(-50%);margin-bottom:-2vw}ul.dx-action-list li p.circle-title span{display:block;font-weight:500}ul.dx-action-list li p.circle-title::after{content:"";width:10vw;border-bottom:5px dotted #ffe100;position:absolute;top:50%;right:-10vw;transform:translateY(-50%);z-index:-1}ul.dx-action-list li:last-of-type p.circle-title::after{content:none}ul.dx-action-list li p.paragraph{color:#fff}:root{--module-color:#ed6c1e}.newgrad{--module-color:rgb(255, 225, 0)}.career{--module-color:#df0013}@media screen and (max-width:1024px) and (orientation:portrait){.content-inner::before{font-size:13vw}.content-inner.dx::before{top:4.5%}.content-inner.dx::after{width:17vw;height:31vw;top:-19vw;right:-10vw}h4.evolution-title{font-size:calc(1.7rem + 1vw)}.evolution-wrap{flex-direction:column}.evolution-wrap figure{width:100%;margin-bottom:4vmax}.evolution-wrap .text-box{width:100%}.evolution-wrap .text-box p.title{font-size:calc(1.6rem + 1vw)}.evolution-wrap .text-box ul.sdgs-list li{width:12vw}.evolution-wrap.reverse{flex-direction:column}h4.dx-title{font-size:calc(2rem + 1vw)}ul.dx-action-list{flex-wrap:wrap}ul.dx-action-list li{width:48%;margin-bottom:5vmax}ul.dx-action-list li figure img{max-height:300px;object-fit:cover;object-position:0 30%}ul.dx-action-list li p.circle-title{width:15vw;height:15vw;max-width:120px;max-height:120px;margin-bottom:-7vw}ul.dx-action-list li p.circle-title::after{width:40vw;right:unset;left:-11vw}ul.dx-action-list li p.paragraph{margin-top:4vw}ul.dx-action-list li:last-of-type p.circle-title::after{content:"";width:20vw;border-bottom:5px dotted #ffe100;position:absolute;top:50%;right:unset;left:-11vw;transform:translateY(-50%);z-index:-1}ul.dx-action-list li:nth-of-type(2n) p.circle-title::after{content:"";width:38vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.evolution-wrap{flex-direction:row}.evolution-wrap figure{width:40%;margin-bottom:0}.evolution-wrap figure.dx-img{height:26vw}.evolution-wrap figure.sdgs-img{width:31vw}.evolution-wrap figure.sdgs-img::after{width:31vw;height:31vw}.evolution-wrap .text-box{width:55%}.evolution-wrap.reverse{flex-direction:row-reverse}}