.report-book .shareholder-letter-signature {     max-width: 100%;     height: 80px; }  .report-book .sl-row-header {     margin-top: 3rem;     margin-bottom: 3rem; }  .report-book .sl-row-footer {     margin-top: 3rem; }  .report-book .sl-row-header img {     margin-bottom: 1rem;     width: 100%; }  .report-book .sl-row-footer img {     margin-bottom: 1rem; }  @media screen and (max-width: 767px) {     .report-book .sl-row-header,     .report-book .sl-row-footer {         display: block;     }          .report-book .row.sl-row-header .col,     .report-book .row.sl-row-footer .col {         width: 100%;     }          .report-book .row.sl-row-header .col:first-child,     .report-book .row.sl-row-footer .col:first-child {         margin-bottom: 2rem;     } } 
.highlights p {     margin-top: 3rem;          font-size: 1.625rem; }  .highlights .highlight-row-spacer {     margin-bottom: 3rem; }  .highlights .col {     display: flex; }  .highlights .col-inner {     flex: 1;          display: flex;     justify-content: center;     align-items: center;          border-bottom: 1px solid #000000; }  .highlights .col-inner img {     max-height: 300px;          margin: 1rem 0; }  .highlights h2 {     margin: 0 !important;     width: 100%;          font-size: 3.75rem; }  .highlight-box {     padding: 1.5rem; }  .highlight-box > div {     text-align: center; }  .highlight-box .highlight-unit {     font-size: 1.25rem; }  .highlight-box .highlight-value {     font-size: 9.375rem;     line-height: 1; }  .highlight-box .highlight-label {     font-size: 1.625rem;     line-height: 1.2;     margin-bottom: 1.25rem; }  .highlight-box .highlight-old-value {     font-size: 1.25rem; }  @media screen and (max-width: 767px) {     .report-book .highlights .row {         display: block;     }          .report-book .highlights .row.two-col .col {         width: 100%;     }          .highlights .title-row .col-inner {         border-bottom: none;     }          .highlights .title-row .col:last-child .col-inner {         border-bottom: 1px solid #000000;     }          .highlights h2 {         margin-bottom: 2rem !important;     }          .highlights .col-inner img {         max-height: 200px;     }          .highlight-box .highlight-value {         font-size: 7rem;     } } 
.text-red {     color: #E60000; }  .long-term-sub-title, .report-content h2.long-term-sub-title {     text-align: center;          max-width: 80%;     margin-left: auto;     margin-right: auto;          font-size: 2.5rem;     line-height: 1.25; }  .long-term-sub-title .long-term-sub-title-prefix {     color: #E60000;          font-size: 1rem;     line-height: 1.25;     text-transform: uppercase;          display: block; }  .long-term-row {     display: flex;     flex-wrap: wrap;          margin: 0 -2rem; }  .long-term-row .long-term-col {     flex: 0 0 50%;          padding: 0 2rem;     margin-bottom: 1rem; }  .long-term-group-icon {     text-align: center;          margin-top: 1rem; }  .long-term-group-icon img {     max-width: 7.5rem;          display: inline-block; }  .long-term-row .long-term-col h3 {     font-size: 1.5rem;     margin-bottom: 0.5rem; }  .long-term-purpose-container {     display: flex;     justify-content: space-around; }  .long-term-purpose-container h3 {     font-size: 1rem;     font-weight: bold;     line-height: 1;          margin-bottom: 1rem; }  .long-term-purpose-container .long-term-purpose-text {     font-size: 2.5rem;     line-height: 1.15; }  .long-term-purpose-detail-container {     margin-top: 2rem; }  .long-term-purpose-detail-outer-container {     position: relative;          overflow: hidden;          padding-top: 10px; }  .long-term-purpose-detail-outer-container:before {     content: '';     display: block;          background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0idXVpZC1iOTZiYWZlNS0xZmRkLTQxY2EtYjgwYi1hZjFlYzcxODExY2EiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjA2LjA3IiBoZWlnaHQ9IjIwNi4wNyIgdmlld0JveD0iMCAwIDIwNi4wNyAyMDYuMDciPgogIDxyZWN0IHg9IjM1LjE4IiB5PSIzNS4xOCIgd2lkdGg9IjEzNS43MSIgaGVpZ2h0PSIxMzUuNzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Mi42OCAxMDMuMDQpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZWJlOWU1Ii8+CiAgPHBhdGggZD0ibTEwMy4wNCwxNC4xNGw4OC44OSw4OC44OS04OC44OSw4OC44OUwxNC4xNCwxMDMuMDQsMTAzLjA0LDE0LjE0bTAtMTQuMTRsLTcuMDcsNy4wN0w3LjA3LDk1Ljk2bC03LjA3LDcuMDcsNy4wNyw3LjA3LDg4Ljg5LDg4Ljg5LDcuMDcsNy4wNyw3LjA3LTcuMDcsODguODktODguODksNy4wNy03LjA3LTcuMDctNy4wN0wxMTAuMTEsNy4wN2wtNy4wNy03LjA3aDBaIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPg==");     background-position: center;     background-size: cover;          width: 210px;     height: 210px;          position: absolute;          top: -10rem;     left: 50%;     margin-left: -105px;          z-index: 5; }  .long-term-purpose-detail-outer-container:first-child:before {     content: unset; }  .long-term-purpose-detail-inner-container {     background: #EAE9E4;          padding: 1.5rem;     border-radius: 1.5rem;          overflow: hidden;          position: relative; }  .long-term-purpose-detail-row {     display: flex;     flex-wrap: wrap;          margin: 0 -1rem; }  .long-term-purpose-detail-row h3 {     font-size: 1rem;     font-weight: bold;     line-height: 1;          margin-top: 0;     margin-bottom: 1rem; }  .long-term-purpose-detail-row p {     font-size: 1.5rem;     margin-bottom: 0.75rem; }  .long-term-purpose-detail-col {     padding: 0 1rem;          flex: 0 0 50%; }  .long-term-purpose-detail-col.small-col {     flex: 0 0 33.33333%; }  .long-term-purpose-detail-col.large-col {     flex: 0 0 66.66666%; }  .long-term-purpose-detail-full-col {     flex: 0 0 100%; }  .long-term-arrow-row {     margin: 5rem 0;     text-align: center; }  .long-term-arrow-row img {     display: inline-block;     width: 3rem; }  .long-term-options-dropdown-opener {     display: none; }  .long-term-options-dropdown {     max-width: 80%;          margin: 0 auto 3rem; }  .long-term-options-row {     display: flex;     flex-wrap: wrap;     justify-content: center;          margin: 0 -0.2rem; }  .long-term-options-row .long-term-options-col {     padding: 0 0.2rem;     margin-bottom: 0.5rem;          min-width: 33.33333%;          display: flex;     justify-content: center; }  .long-term-options-dropdown-opener button, .long-term-options-row button {     border: 2px solid #b8b29c;     border-radius: 1rem;          background: #FFFFFF;          flex: 0 0 100%;     min-height: 2rem;          padding: 0.5rem 1.2rem;          font-size: 1rem;          display: flex;     justify-content: center;     align-items: center;          cursor: pointer; }  .long-term-options-dropdown-opener button:hover, .long-term-options-row button:hover, .long-term-options-row button.active {     border-color: #bd000c; }  .long-term-options-row button.active {     font-weight: bold; }  .long-term-options-divider {     height: 12px;     overflow: hidden;          position: relative;          margin: 0.5rem 0 0.75rem 0; }  .long-term-options-divider:before, .long-term-options-divider:after {     content: '';     display: block;          position: absolute;          border: 2px solid #b8b29c; }  .long-term-options-divider:before {     border-width: 2px 0 0 0;          top: 0;     left: 0;     right: 0; }  .long-term-options-divider:after {     width: 30px;     height: 30px;          top: -24px;     left: 50%;          margin-left: -15px;          transform: rotate(45deg);          background: #FFFFFF; }  .long-term-data-row {     display: flex;     flex-wrap: wrap;          margin: 0 -2rem; }  .long-term-data-col {     flex: 0 0 50%;          padding: 0 2rem;     margin-bottom: 3rem;          display: none; }  .long-term-data-col.focus {     margin: 0 auto;     flex: 0 0 80%; }  .long-term-data-icon {     text-align: center; }  .long-term-data-icon img {     max-width: 7.5rem;          display: inline-block; }  .long-term-data-col.focus .long-term-data-icon img {     max-width: 11.25rem; }  .long-term-data-col h3 {     font-size: 1.5rem;     margin-bottom: 0.5rem;          display: none; }  .long-term-data-col.focus {     font-size: 1.25rem; }  .long-term-data-col.focus h3 {     font-size: 1.75rem; }  @media screen and (max-width: 690px) {     .long-term-purpose-container .long-term-purpose-text {         font-size: 2rem;     }          .long-term-row .long-term-col,     .long-term-purpose-detail-col,     .long-term-data-col {         flex: 0 0 100% !important;     }          .long-term-purpose-detail-col {         margin-bottom: 3rem;     }          .long-term-purpose-detail-col:last-child {         margin-bottom: 0;     }          .long-term-purpose-detail-col.no-bottom-margin {         margin-bottom: 0;     }          .long-term-purpose-detail-col.no-bottom-margin:last-child {         margin-top: 1rem;     }          .long-term-options-dropdown {         position: relative;     }          .long-term-options-dropdown-opener {         display: flex;     }          .long-term-dropdown-content {         display: none;     }          .long-term-options-dropdown.open .long-term-dropdown-content {         display: block;                  position: absolute;         top: 0;         left: 0;         right: 0;                  padding-top: 2rem;                  border-radius: 1rem;                  box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.33);     }          .long-term-options-container {         padding: 0 1rem;                  background: #FFFFFF;                  border-radius: 1rem;     }          .long-term-options-row {         margin: 0;     }          .long-term-options-row .long-term-options-col {         flex: 0 0 100%;                  margin-bottom: 0;         padding: 0;     }          .long-term-options-row .long-term-options-col button {         border-radius: 0;         border-width: 0 0 1px 0;                  margin-bottom: 0;         padding: 0.25rem 1rem;                  position: relative;     }          .long-term-options-dropdown-opener button:after,     .long-term-options-row .long-term-options-col button:after {         content: '';         display: block;                  position: absolute;         right: 0.25rem;         top: 50%;                  margin-top: -0.5rem;                  width: 1rem;         height: 1rem;                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNlNjAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJDb250ZW50Ij48cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjEuNDEgMTQuMzYgOC4yNSA3LjUxIDEuMzkgMC42NSIvPjwvZz48L3N2Zz4=");         background-position: center;         background-size: cover;     }          .long-term-options-dropdown-opener button:after {         right: 0.75rem;     }          .long-term-options-dropdown.open .long-term-options-dropdown-opener button:after {         display: none;     }          .long-term-options-row .long-term-options-col:last-child button {         border-width: 0;     }          .long-term-options-divider {         height: 8px;         margin: 0 0 -0.1rem 0;     }          .long-term-options-divider:after {         top: -28px;     }          .long-term-options-row button.active,     .long-term-options-row button:hover {         border-color: #b8b29c;     }          .long-term-group-icon img,     .long-term-data-icon img {         max-width: 7rem;     }          .long-term-data-col.focus .long-term-data-icon img {         max-width: 10rem;     } }  @media screen and (max-width: 570px) {     .long-term-sub-title,     .long-term-options-dropdown {         max-width: 100%;     }          .long-term-purpose-container .long-term-purpose-text {         font-size: 1.5rem;     }          .long-term-purpose-detail-outer-container:before {         top: -11rem;     } }  @media screen and (max-width: 767px), screen and (max-height: 460px) {     .long-term-row,     .long-term-data-row {         margin: 0 -20px;     }          .long-term-row .long-term-col,     .long-term-data-col {         padding: 0 20px;     } } 
.purpose-plus-icon {     width: 40px;     height: 40px;          background: transparent;     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4wMiAzNC4wMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiMyYjJiMmI7fS5jbHMtM3tmaWxsOiNlMjFiMWE7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJDb250ZW50Ij48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE3LjAxIiBjeT0iMTcuMDEiIHI9IjEyLjA5Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTcsMjkuNkExMi41OSwxMi41OSwwLDEsMSwyOS42LDE3LDEyLjYxLDEyLjYxLDAsMCwxLDE3LDI5LjZaTTE3LDUuNDJBMTEuNTksMTEuNTksMCwxLDAsMjguNiwxNywxMS42LDExLjYsMCwwLDAsMTcsNS40MloiLz48cG9seWdvbiBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMjMuMDEgMTYuNTEgMTcuNTEgMTYuNTEgMTcuNTEgMTEuMDEgMTYuNTEgMTEuMDEgMTYuNTEgMTYuNTEgMTEuMDEgMTYuNTEgMTEuMDEgMTcuNTEgMTYuNTEgMTcuNTEgMTYuNTEgMjMuMDEgMTcuNTEgMjMuMDEgMTcuNTEgMTcuNTEgMjMuMDEgMTcuNTEgMjMuMDEgMTYuNTEiLz48L2c+PC9zdmc+");     background-repeat: no-repeat;     background-position: center;     background-size: 32px;          margin-top: -14px;     margin-bottom: -14px;          display: inline-block;     vertical-align: middle; }  .purpose-intro {     font-size: 1.625rem;     margin-top: 2rem; }  .purpose h2 {     font-size: 2.5rem;     margin-top: 0; }  .purpose h3 {     font-size: 1.625rem;          padding-bottom: 0;     margin-top: 2rem;     margin-bottom: 1rem; }  .purpose h3:after {     display: none; }  .purpose-main-box-container {     margin: 4rem 0; }  .purpose-main-box {     font-size: 2.75rem;     line-height: 1.25;          position: relative;          margin: 0.5rem 0; }  .purpose-main-box-inner {     border-radius: 30px;     background: #ebeae5;          padding: 2.5rem 3rem; }  .purpose-main-box.active span {     color: #CCCCCC; }  .purpose-main-box.active span.active {     color: #000000; }  .purpose-plus-row {     display: flex;          position: relative; }  .purpose-plus-col {     width: 50%;          display: flex;     align-items: center;     justify-content: center; }  .purpose-plus-button {     width: 40px;     height: 40px;          background: transparent;     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4wMiAzNC4wMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiMyYjJiMmI7fS5jbHMtM3tmaWxsOiNlMjFiMWE7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJDb250ZW50Ij48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE3LjAxIiBjeT0iMTcuMDEiIHI9IjEyLjA5Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTcsMjkuNkExMi41OSwxMi41OSwwLDEsMSwyOS42LDE3LDEyLjYxLDEyLjYxLDAsMCwxLDE3LDI5LjZaTTE3LDUuNDJBMTEuNTksMTEuNTksMCwxLDAsMjguNiwxNywxMS42LDExLjYsMCwwLDAsMTcsNS40MloiLz48cG9seWdvbiBjbGFzcz0iY2xzLTMiIHBvaW50cz0iMjMuMDEgMTYuNTEgMTcuNTEgMTYuNTEgMTcuNTEgMTEuMDEgMTYuNTEgMTEuMDEgMTYuNTEgMTYuNTEgMTEuMDEgMTYuNTEgMTEuMDEgMTcuNTEgMTYuNTEgMTcuNTEgMTYuNTEgMjMuMDEgMTcuNTEgMjMuMDEgMTcuNTEgMTcuNTEgMjMuMDEgMTcuNTEgMjMuMDEgMTYuNTEiLz48L2c+PC9zdmc+");     background-repeat: no-repeat;     background-position: center;     background-size: 32px;          outline: 0;     border: 0;      cursor: pointer;     user-select: none; }  .purpose-plus-col.active .purpose-plus-button {     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4wMiAzNC4wMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3NTc1NzU7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJDb250ZW50Ij48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE3LjAxIiBjeT0iMTcuMDEiIHI9IjEyLjU5Ii8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxMS4wMSIgeT0iMTYuNTEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxIi8+PC9nPjwvc3ZnPg=="); }  .purpose-message {     	position: absolute; 	width: 340px; 	 	background: #FFFFFF; 	 	padding: 1.25rem; 	 	font-size: 1rem; 	 	-webkit-box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.2);  	box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.2); 	 	border-radius: 5px;          z-index: 5;          display: none; }  .purpose-plus-row.purpose-plus-top-row .purpose-message {     bottom: 130%; }  .purpose-plus-row.purpose-plus-bottom-row .purpose-message {     top: 130%; }  .purpose-plus-col.active .purpose-message {     display: block; }  .purpose-message-title {     color: #e60000; }  @media screen and (max-width: 767px) {     .purpose-intro {         font-size: 1.25rem;     }          .purpose-main-box {         font-size: 1.5rem;     }          .purpose-main-box-inner {         padding: 1.5rem 2.5rem 1.5rem 1.5rem;     }          .purpose-message {         left: 0;                  width: 300px;     }          .purpose-plus-right-col .purpose-message {         left: auto;         right: 0;     }          .purpose .row.two-col {         display: block;     }          .purpose .row.two-col .col {         width: 100%;     } } 
.bod-intro {     font-size: 1.25rem;          margin-top: 3rem; }  .bod-group-picture {     margin-top: 3rem; }  .bod-group-picture-illustration {     text-align: center;          overflow: hidden; }  .bod-group-picture-illustration img {     display: inline-block;     max-width: 60%;          margin-top: -2rem;     margin-bottom: 2rem; }  .bod-group-person-list {     display: flex;          margin: 0 -30px; }  .bod-group-person-column {     width: 50%;          padding: 0 30px; }  .bod-group-person {     margin-bottom: 1.75rem;          display: flex; }  .bod-person-number {     font-weight: bold;     color: #E60000;          width: 1.5rem; }  .bod-person-data {     flex: 1;          padding-right: 2rem; }  .bod-person-name {     font-weight: bold; }  @media screen and (max-width: 767px) {         .bod-group-picture-illustration img {         margin-top: -1rem;         margin-bottom: 2rem;         margin-left: 0;         margin-right: 0;                  max-width: 100%;     }          .bod-group-person-list {         display: block;                  margin: 0 -15px;     }          .bod-group-person-column {         width: 100%;                  padding: 0 15px;     } } 
.geb-intro {     font-size: 1.25rem;          margin-top: 3rem; }  .geb-group-picture {     margin-top: 3rem; }  .geb-group-picture-illustration {     text-align: center;          overflow: hidden; }  .geb-group-picture-illustration img {     display: inline-block;     max-width: 60%;          margin-top: -1rem;     margin-bottom: 2rem; }  .geb-group-person-list {     display: flex;          margin: 0 -30px; }  .geb-group-person-column {     width: 50%;          padding: 0 30px; }  .geb-group-person {     margin-bottom: 1.75rem;          display: flex; }  .geb-person-number {     font-weight: bold;     color: #E60000;          width: 1.5rem; }  .geb-person-data {     flex: 1;          padding-right: 2rem; }  .geb-person-name {     font-weight: bold; }  @media screen and (max-width: 767px) {     .geb-group-picture-illustration img {         margin-top: -1rem;         margin-bottom: 2rem;         margin-left: 0;         margin-right: 0;                  max-width: 100%;     }          .geb-group-person-list {         display: block;                     margin: 0 -15px;     }          .geb-group-person-column {         width: 100%;                  padding: 0 15px;     } }