@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap);
p{font-size:16px}#first-section{margin:0 10vw}#first-section>*{margin-bottom:30px}#first-section h1{font-weight:700}#first-section p{text-align:left}section:not(:first-of-type){margin-bottom:4em}.cards{display:flex;flex-wrap:wrap;justify-content:center}.card{margin:15px;width:clamp(250px,300px,325px)}.card .card-top{display:flex;position:relative}.card .card-top img{margin:.7em;padding:7px;width:100%}.card .card-top .top-pic{flex-basis:25%}.card .card-top .top-text{display:flex;flex-basis:75%;flex-direction:column;justify-content:flex-end;margin:0 0 .1em 2em}.card .card-top .card-title{color:#fff;font-size:24px}.card .card-top .serif{font-family:serif}.card .card-main{margin:.4em}.card .card-main-text{min-height:195px}.card .bullet{font-weight:700;margin-top:14px}.card .item{margin:1em}.card .card-bottom{margin:.5em}.card .sdgs-pill{background-color:#fff;border-radius:20px;padding:0 20px}.card .sdgs-icons{display:flex;gap:.5em;margin:1em 0}.card .sdgs-icon{width:55px}.card-green{background-color:#c0e3af}.card-green .card-top{background-color:#6caa4f}.card-green img{background-color:#5b8d45}.card-blue{background-color:#a9e1ff}.card-blue .card-top{background-color:#018bdc}.card-blue img{background-color:#016ddc}.card-orange{background-color:#ffcf73}.card-orange .card-top{background-color:#fea000}.card-orange img{background-color:#fe7500}.section-title-environmental{font-weight:700}.section-title-environmental:before{background-color:#6caa4f;content:"";display:inline-block;height:.8em;line-height:normal;margin-right:.4em;vertical-align:baseline;width:.8em}.section-title-social{font-weight:700}.section-title-social:before{background-color:#018bdc;content:"";display:inline-block;height:.8em;line-height:normal;margin-right:.4em;vertical-align:baseline;width:.8em}.section-title-governance{font-weight:700}.section-title-governance:before{background-color:#fea000;content:"";display:inline-block;height:.8em;line-height:normal;margin-right:.4em;vertical-align:baseline;width:.8em}.esg-desc{margin-bottom:30px}.esg-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:relative}.esg-box{height:262px;margin:.5em;width:460px}.esg-box img{max-width:100%}.esg-top{align-items:center;border:1em solid #fff;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:221px;padding:.5em;position:absolute;width:375px;z-index:1}.esg-top h2{font-weight:700;text-align:center}.examples{-moz-column-gap:1.8em;column-gap:1.8em;display:grid;grid-template-columns:auto auto;padding:inherit}.dark-bg-environment{background-color:#5b8d45}.light-bg-environment{background-color:#c0e3af}.dark-bg-social{background-color:#016ddc}.light-bg-social{background-color:#a9e1ff}.dark-bg-governance{background-color:#fe7500}.light-bg-governance{background-color:#ffcf73}.top-left-title{margin-bottom:10px}.docomap-tag{color:#fff;margin-left:.3em;padding:.1em .5em;vertical-align:middle;white-space:nowrap}.docomap-tag.bottom{text-align:right}.image-box{overflow:hidden;position:relative}.text-box{padding:1em}.text-box h3{font-weight:700;margin-top:0}.top-left-lower-text{max-width:18em}.top-left-title h3{display:inline-block;font-weight:700;margin-bottom:0;margin-top:0;vertical-align:middle}.bottom-right-no-image-title h3{margin-bottom:5px;text-align:right}.bottom-right-no-image-content{display:flex;flex-direction:column;height:95%;justify-content:center;width:100%}.text-over-image{bottom:80%;color:#fff;filter:drop-shadow(0 1px 1px rgba(51,51,51,.9));font-weight:700;position:absolute}.text-over-image.left{left:3%}.text-over-image.right{right:3%}.link-wrapper{align-items:center;display:flex;flex-direction:column;font-size:16px;margin-top:2em}@media (max-width:1199px){.esg-top{border:none;height:262px;margin:.5em;position:relative;width:460px}.esg-top,.top-left-lower-text{max-width:none}.bottom-right-no-image-content{justify-content:flex-start}.esg-box img{max-height:100%;max-width:none}}