@charset "UTF-8";
  .con_article .inner,
#contents .main .section_block,
#message .main .box_message {
max-width: 1100px;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.con_article .inner,
#contents .main .section_block,
#message .main .box_message {
width: 95%;
}
}
.con_article .inner ul.list_article:after,
.con_article .inner ul.list_article li:after,
#message .main .section_intro:after,
#board .section_managerment:after {
content: "";
display: table;
clear: both;
}
@-moz-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}   .con_article {
margin-top: 2%;
}
.con_article .inner {
margin-bottom: 4%;
}
.con_article .inner ul.list_article li {
float: left;
width: 49%;
border: 1px solid #177fb8;
margin-bottom: 2%;
background: #1957a0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2%;
position: relative;
}
.con_article .inner ul.list_article li:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 1.5em 1.5em;
border-color: transparent transparent #fff transparent;
}
.con_article .inner ul.list_article li:nth-child(2n + 2) {
margin-left: 2%;
}
.con_article .inner ul.list_article li:nth-child(2),
.con_article .inner ul.list_article li:nth-child(3),
.con_article .inner ul.list_article li:nth-child(6),
.con_article .inner ul.list_article li:nth-child(7) {
background: #fff;
}
.con_article .inner ul.list_article li:nth-child(2) a,
.con_article .inner ul.list_article li:nth-child(3) a,
.con_article .inner ul.list_article li:nth-child(6) a,
.con_article .inner ul.list_article li:nth-child(7) a {
color: #4b4b4b;
}
.con_article .inner ul.list_article li:nth-child(2) dt,
.con_article .inner ul.list_article li:nth-child(3) dt,
.con_article .inner ul.list_article li:nth-child(6) dt,
.con_article .inner ul.list_article li:nth-child(7) dt {
color: #177fb8;
}
.con_article .inner ul.list_article li:nth-child(2):after,
.con_article .inner ul.list_article li:nth-child(3):after,
.con_article .inner ul.list_article li:nth-child(6):after,
.con_article .inner ul.list_article li:nth-child(7):after {
border-color: transparent transparent #1957a0 transparent;
}
@media only screen and (max-width: 767px) {
.con_article .inner ul.list_article li {
float: none;
width: 100%;
}
.con_article .inner ul.list_article li:nth-child(2n + 2) {
margin-left: 0;
}
.con_article .inner ul.list_article li:nth-child(2),
.con_article .inner ul.list_article li:nth-child(4),
.con_article .inner ul.list_article li:nth-child(6),
.con_article .inner ul.list_article li:nth-child(8) {
background: #fff;
}
.con_article .inner ul.list_article li:nth-child(2) a,
.con_article .inner ul.list_article li:nth-child(4) a,
.con_article .inner ul.list_article li:nth-child(6) a,
.con_article .inner ul.list_article li:nth-child(8) a {
color: #313131;
}
.con_article .inner ul.list_article li:nth-child(2) dt,
.con_article .inner ul.list_article li:nth-child(4) dt,
.con_article .inner ul.list_article li:nth-child(6) dt,
.con_article .inner ul.list_article li:nth-child(8) dt {
color: #177fb8;
}
.con_article .inner ul.list_article li:nth-child(2):after,
.con_article .inner ul.list_article li:nth-child(4):after,
.con_article .inner ul.list_article li:nth-child(6):after,
.con_article .inner ul.list_article li:nth-child(8):after {
border-color: transparent transparent #1957a0 transparent;
}
.con_article .inner ul.list_article li:nth-child(3),
.con_article .inner ul.list_article li:nth-child(7) {
background: #1957a0;
}
.con_article .inner ul.list_article li:nth-child(3) a,
.con_article .inner ul.list_article li:nth-child(7) a {
color: #fff;
}
.con_article .inner ul.list_article li:nth-child(3) dt,
.con_article .inner ul.list_article li:nth-child(7) dt {
color: #fff;
}
.con_article .inner ul.list_article li:nth-child(3):after,
.con_article .inner ul.list_article li:nth-child(7):after {
border-color: transparent transparent #fff transparent;
}
}
.con_article .inner ul.list_article li a {
display: block;
text-decoration: none;
color: #fff;
}
.con_article .inner ul.list_article li a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.con_article .inner ul.list_article li dt {
padding-bottom: 2%;
font-size: 150%;
color: #fff;
font-weight: 500;
}
.con_article .inner ul.list_article li.last {
color: #fff;
}
.con_article .inner ul.list_article li.last:after {
display: none;
}
.con_article .inner ul.list_article li.last dt {
padding-bottom: 2%;
font-size: 150%;
color: #fff;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.con_article .inner ul.list_article li dt {
font-size: 120%;
}
.con_article .inner ul.list_article li.last {
color: #313131;
}
.con_article .inner ul.list_article li.last:after {
display: none;
}
.con_article .inner ul.list_article li.last dt {
color: #313131;
}
}
.con_article .inner ul.list_article li .box_txt {
display: table;
width: 100%;
}
.con_article .inner ul.list_article li .img {
width: 30%;
display: table-cell;
vertical-align: middle;
}
.con_article .inner ul.list_article li .txt {
display: table-cell;
vertical-align: middle;
width: 70%;
padding-left: 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} #contents {
overflow: hidden;
}
#contents .youtube {
width: 50%;
margin: 0 auto;
padding-bottom: 28.125%;
height: 0px;
position: relative;
}
@media only screen and (max-width: 1024px) {
#contents .youtube {
width: 100%;
padding-bottom: 56.25%;
}
}
#contents .youtube iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
} #contents .main {
vertical-align: top;
padding-top: 3%;
}
@media only screen and (max-width: 767px) {
#contents .main {
display: block;
width: 100%;
}
}
#contents .main .section_block {
margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contents .main .section_header {
position: relative;
overflow: hidden;
}
#contents .main .section_header .title-block {
overflow: hidden;
margin-bottom: 2%;
}
#contents .main .section_header .description {
padding-top: 3%;
margin-bottom: 8%;
clear: both;
}
#contents .main .section_header .nav {
display: table;
width: 100%;
}
#contents .main .section_header .nav li {
display: table-cell;
width: 50%;
border: 1px solid #81c0de;
}
#contents .main .section_header .nav li:last-child {
border-left: 0;
}
#contents .main .section_header .nav li a {
display: block;
text-decoration: none;
padding: 3% 3%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.07692rem;
font-weight: bold;
color: #177fb8;
text-align: center;
position: relative;
}
#contents .main .section_header .nav li a:after {
display: block;
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/common/ico-s44531b23a7.png);
background-repeat: no-repeat;
background-position: 0 -36px;
width: 14px;
height: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
right: 0.9em;
content: "";
}
#contents .main .section_list {
margin: 0 0 8%;
}
#contents .main .section_list h3 {
margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
#contents .main .section_list h3 {
margin-bottom: 1em;
}
}
#contents .main .section_list .summary_contents dl {
display: table;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #dbdbdc;
}
#contents .main .section_list .summary_contents dl dt,
#contents .main .section_list .summary_contents dl dd {
display: table-cell;
vertical-align: top;
line-height: 1.8;
}
#contents .main .section_list .summary_contents dl dt {
width: 130px;
font-weight: bold;
color: #177fb8;
}
@media only screen and (max-width: 767px) {
#contents .main .section_list .summary_contents dl dt {
width: 30%;
}
}
#contents .main .post {
margin-bottom: 0.5em;
font-weight: bold;
color: #177fb8;
line-height: 1;
}
#contents .main .name {
margin-bottom: 0.9em;
font-size: 1.53846em;
font-weight: bold;
line-height: 1;
}
#contents .main .team_member {
padding-bottom: 0.9em;
margin-bottom: 2em;
border-bottom: 1px solid #dbdbdc;
}
#contents .main .team_member p {
line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
#contents .main .team_member p span {
padding-left: 6.7em;
}
}
@media print {
#contents .main .team_member p span {
padding-left: 6.7em;
}
}
.ie8 #contents .main .team_member p span {
padding-left: 6.7em;
}
#contents .main #history {
padding-top: 0;
}
#contents .main .history_contents {
padding: 2% 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contents .main .history_contents dl {
font-size: 108%;
display: table;
width: 100%;
margin-bottom: 2.5em;
border-bottom: 1px dotted #dbdbdc;
}
@media only screen and (max-width: 767px) {
#contents .main .history_contents dl {
margin-bottom: 1em;
}
}
#contents .main .history_contents dl dt,
#contents .main .history_contents dl dd {
display: table-cell;
vertical-align: top;
line-height: 1.8;
}
#contents .main .history_contents dl dt {
width: 7.2em;
color: #177fb8;
padding-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
#contents .main .history_contents dl dt {
width: 30%;
}
}
.ie .con_article .inner ul.list_article li .box_txt {
overflow: hidden;
width: 100%;
display: block;
}
.ie .con_article .inner ul.list_article li .img {
display: block;
width: 30%;
float: left;
}
.ie .con_article .inner ul.list_article li .txt {
display: block;
float: right;
width: 70%;
} #contents .side ul li {
height: 61px;
}
#contents .side ul li a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
} #message .main.wrp_massage {
width: 960px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#message .main.wrp_massage {
width: 90%;
}
}
@media only screen and (max-width: 767px) {
#message .main.wrp_massage {
width: 100%;
}
}
#message .main .section_intro {
margin-bottom: 5em;
position: relative;
margin-top: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#message .main .section_intro {
margin-bottom: 5em;
}
}
@media only screen and (max-width: 767px) {
#message .main .section_intro {
margin-bottom: 2em;
}
}
#message .main .section_intro h4 {
font-weight: normal;
position: absolute;
top: 40%;
-moz-transform: translate(0, -40%);
-ms-transform: translate(0, -40%);
-webkit-transform: translate(0, -40%);
transform: translate(0, -40%);
}
@media only screen and (max-width: 767px) {
#message .main .section_intro h4 {
position: inherit;
top: inherit;
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
#message .main .section_intro h4 .en {
font-size: 124%;
font-family:
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
sans-serif;
color: #000000;
display: block;
}
@media only screen and (max-width: 767px) {
#message .main .section_intro h4 .en {
text-align: center;
font-size: 108%;
}
}
#message .main .section_intro h4 .ja {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif;
font-size: 270%;
color: #1957a0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#message .main .section_intro h4 .ja {
font-size: 200%;
}
}
@media only screen and (max-width: 767px) {
#message .main .section_intro h4 .ja {
font-size: 154%;
text-align: center;
display: block;
}
}
#message .main .section_intro .box_img {
width: 24.45455%;
float: left;
}
@media only screen and (max-width: 767px) {
#message .main .section_intro .box_img {
width: 100%;
margin-bottom: 3%;
}
#message .main .section_intro .box_img img {
width: 100%;
}
}
#message .main .section_intro .box_txt {
width: 68.18182%;
float: right;
}
@media only screen and (max-width: 767px) {
#message .main .section_intro .box_txt {
width: 100%;
margin-bottom: 3%;
}
}
#message .main .section_intro .txt_message {
position: absolute;
right: 1em;
bottom: -1em;
font-size: 124%;
}
@media only screen and (max-width: 767px) {
#message .main .section_intro .txt_message {
position: inherit;
bottom: inherit;
right: inherit;
text-align: center;
font-size: 100%;
margin-top: 0.5em;
}
}
#message .main .box_message {
padding-bottom: 10em;
line-height: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#message .main .box_message {
padding-bottom: 10em;
}
}
@media only screen and (max-width: 767px) {
#message .main .box_message {
padding-bottom: 5em;
}
}
#message .main .box_message .txt {
margin-bottom: 1.5em;
} #board .section_history {
margin-bottom: 10%;
}
#board .section_history .post {
font-size: 154%;
font-weight: normal;
}
#board .section_history .post small {
font-size: 75%;
}
#board .introduce {
font-size: 139%;
margin-bottom: 2%;
font-weight: bold;
color: #1957a0;
line-height: 1.4;
}
#board .section_managerment {
margin-bottom: 3%; }
#board .section_managerment dl {
display: table;
width: 100%;
padding: 20px 0;
border-top: 1px solid #dbdbdc;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#board .section_managerment dl {
padding: 20px 0;
}
}
@media only screen and (max-width: 767px) {
#board .section_managerment dl {
padding: 8% 0;
}
}
#board .section_managerment dl dt,
#board .section_managerment dl dd {
display: table-cell;
vertical-align: top;
line-height: 1.8;
}
#board .section_managerment dl dt {
width: 23.63636%;
font-weight: bold;
color: #177fb8;
padding-right: 3.63636%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#board .section_managerment dl dt {
width: 100%;
margin-bottom: 3%;
display: block;
padding-right: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#board .section_managerment dl dt img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
#board .section_managerment dl dd {
width: 100%;
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#board .section_managerment dl h4 {
color: #1957a0;
font-weight: normal;
font-size: 154%;
margin-bottom: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#board .section_managerment dl h4 {
margin-bottom: 0.5em;
}
}
@media only screen and (max-width: 767px) {
#board .section_managerment dl h4 {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
#board .section_managerment dl h4 {
font-size: 139%;
}
}
#board .section_managerment dl h4 small {
font-size: 75%;
}
#board .section_managerment dl .txt {
font-size: 108%;
}
#board .soshikizu h3 {
font-size: 139%;
margin-bottom: 2%;
font-weight: bold;
color: #1957a0;
line-height: 1.4;
}
#board .soshikizu p.d_img {
text-align: center;
margin-bottom: 4em;
}
#board .soshikizu p.d_txt {
margin-bottom: 2em;
} #board .soshikizu h3 {
font-size: 139%;
margin-bottom: 2%;
font-weight: bold;
color: #1957a0;
line-height: 1.4;
}
#board .soshikizu p.d_img {
text-align: center;
margin-bottom: 4em;
}
#board .soshikizu p.d_txt {
margin-bottom: 2em;
}
#board .section_managerment {
margin-bottom: 5%;
border-top: 1px solid #dbdbdc;
}
#board .section_managerment .managerment_member_wrapper {
width: 100%;
margin-top: 1.5%;
}
#board .section_managerment .managerment_member_wrapper .member_list {
width: 100%;
height: auto;
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
align-items: top;
}
#board .section_managerment .managerment_member_wrapper .member_list .member {
width: 25%;
margin-bottom: 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a:hover {
opacity: 0.7;
}
#board .section_managerment .managerment_member_wrapper .member_list .member a {
color: #313131;
display: block;
width: 90%;
text-decoration: none;
transition: all 0.4s;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_picture {
width: 100%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_picture
img {
width: 100%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info {
display: flex;
margin-top: 5%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.left {
width: 10%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.left
img {
width: 60%;
margin-top: -1px;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.right {
width: 90%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.right
.member_name {
font-size: 19px;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.right
.position {
font-size: 14px;
line-height: 140%;
margin-top: 2%;
font-weight: normal;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(4n + 1)
a {
margin-right: auto;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(4n + 2)
a {
margin-left: 9.5px;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(4n + 3)
a {
margin-left: 18px;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(4n)
a {
margin-left: auto;
}
#board .section_managerment .managerment_member_wrapper .member_list:after {
content: "";
display: block;
width: 25%;
height: 0;
}
#board .section_history {
margin-bottom: 5%;
}
#board .section_history .post {
font-size: 154%;
font-weight: bold;
color: #313131;
}
#board .section_history .post small {
font-size: 75%;
font-weight: normal;
}
#board .introduce {
font-size: 139%;
margin-bottom: 2%;
font-weight: bold;
color: #1957a0;
line-height: 1.4;
}
@media only screen and (max-width: 1150px) {
#board .section_managerment .managerment_member_wrapper .member_list .member {
width: 33.3%;
margin-bottom: 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(3n + 1)
a {
margin-right: auto;
margin-left: 0;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(3n + 2)
a {
margin-left: 5%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(3n)
a {
margin-left: auto;
}
#board .section_managerment .managerment_member_wrapper .member_list:after {
content: "";
display: block;
width: 33.3%;
height: 0;
}
#board .section_history {
margin-bottom: 5%;
}
}
@media only screen and (max-width: 767px) {
#board .section_managerment .managerment_member_wrapper {
margin-top: 3%;
}
#board .section_managerment .managerment_member_wrapper .member_list .member {
width: 50%;
margin-bottom: 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a {
color: #313131;
display: block;
width: 96%;
text-decoration: none;
transition: all 0.4s;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info {
display: flex;
margin-top: 5%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.left {
width: 10%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.left
img {
width: 60%;
margin-top: -1px;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.right {
width: 90%;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.right
.member_name {
font-size: 19px;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member
a
.member_info
.right
.position {
font-size: 12px;
line-height: 140%;
margin-top: 2%;
font-weight: normal;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(odd)
a {
margin-right: auto;
margin-left: 0;
}
#board
.section_managerment
.managerment_member_wrapper
.member_list
.member:nth-child(even)
a {
margin-left: auto;
margin-right: 0;
}
#board .section_managerment .managerment_member_wrapper .member_list:after {
content: "";
display: block;
width: 50%;
height: 0;
}
#board .section_history {
margin-bottom: 5%;
}
} #board .header_link_area {
padding: 15px 0;
}
#board .header_link_area a {
padding: 10px 20px 10px 0px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
transition: all 0.4s;
}
#board .header_link_area a img {
width: 15px;
margin-top: -2px;
}
#board .header_link_area a:hover {
opacity: 0.8;
}
#board .board_member {
display: flex;
margin-bottom: 8%;
}
#board .board_member_picture {
width: 40%;
}
#board .board_member_picture img {
width: 100%;
}
#board .board_member_info {
width: 60%;
display: flex;
flex-direction: column;
}
#board .board_member_info .info_area {
width: 94%;
height: 94%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
display: flex;
justify-content: center;
}
#board .board_member_info .info_area h3.member_name {
font-size: 22px;
font-weight: bold;
margin-bottom: 1%;
}
#board .board_member_info .info_area h3.position {
font-size: 14px;
font-weight: bold;
margin-bottom: 5%;
}
#board .board_member_info .info_area h4.explanation {
font-size: 14px;
font-weight: normal;
}
#board .board_member_info .link_area {
width: 94%;
height: 6%;
display: flex;
margin-left: auto;
margin-right: auto;
}
#board .board_member_info .link_area .link_prev {
width: 50%;
text-align: left;
}
#board .board_member_info .link_area .link_prev a {
padding: 10px 20px 10px 0px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
transition: all 0.4s;
}
#board .board_member_info .link_area .link_prev a img {
width: 15px;
margin-top: -2px;
}
#board .board_member_info .link_area .link_prev a:hover {
opacity: 0.8;
}
#board .board_member_info .link_area .link_next {
width: 50%;
text-align: right;
}
#board .board_member_info .link_area .link_next a {
padding: 10px 0px 10px 20px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
transition: all 0.4s;
}
#board .board_member_info .link_area .link_next a img {
width: 15px;
margin-top: -2px;
}
#board .board_member_info .link_area .link_next a:hover {
opacity: 0.8;
}
@media only screen and (max-width: 767px) {
#board .header_link_area {
width: 94%;
margin-left: auto;
margin-right: auto;
padding: 15px 0;
}
#board .header_link_area a {
font-size: 15px;
text-decoration: none;
font-weight: bold;
}
#board .board_member {
display: flex;
flex-direction: column;
margin-bottom: 8%;
}
#board .board_member_picture {
width: 94%;
margin-left: auto;
margin-right: auto;
}
#board .board_member_picture img {
width: 100%;
}
#board .board_member_info {
width: 94%;
margin-left: auto;
margin-right: auto;
margin-top: 7%;
display: flex;
flex-direction: column;
}
#board .board_member_info .info_area {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
display: flex;
justify-content: center;
}
#board .board_member_info .info_area h3.member_name {
font-size: 22px;
font-weight: bold;
}
#board .board_member_info .info_area h3.position {
font-size: 14px;
font-weight: bold;
margin-top: 1%;
margin-bottom: 5%;
}
#board .board_member_info .info_area h4.explanation {
font-size: 13px;
font-weight: normal;
}
#board .board_member_info .link_area {
width: 100%;
height: 6%;
display: flex;
margin-top: 8%;
margin-bottom: 2%;
margin-left: auto;
margin-right: auto;
display: flex;
}
#board .board_member_info .link_area .link_prev {
width: 50%;
text-align: left;
}
#board .board_member_info .link_area .link_prev a {
padding: 10px 20px 10px 0px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
#board .board_member_info .link_area .link_prev a img {
width: 15px;
margin-top: -2px;
}
#board .board_member_info .link_area .link_next {
width: 50%;
text-align: right;
}
#board .board_member_info .link_area .link_next a {
padding: 10px 0px 10px 20px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
#board .board_member_info .link_area .link_next a img {
width: 15px;
margin-top: -2px;
}
} #ci {
overflow: hidden;
*zoom: 1; }
#ci .section_block {
width: 85%;
padding-bottom: 5em;
}
@media only screen and (max-width: 767px) {
#ci .section_block {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#ci .section_block {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
#ci .section_block {
padding-bottom: 10%;
}
}
#ci p {
line-height: 2; }
#ci p.txt {
line-height: 2;
padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#ci p.txt {
padding: 60px 0;
}
}
@media only screen and (max-width: 767px) {
#ci p.txt {
padding: 5% 0;
}
}
#ci h4 {
font-size: 193%;
font-family:
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
sans-serif;
font-weight: normal;
color: #1957a0;
}
@media only screen and (max-width: 767px) {
#ci h4 {
font-size: 139%;
}
}
#ci h4.st_ci {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif;
font-size: 270%;
padding-top: 60px;
color: #1957a0;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#ci h4.st_ci {
padding-top: 60px;
}
}
@media only screen and (max-width: 767px) {
#ci h4.st_ci {
padding-top: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#ci h4.st_ci {
font-size: 208%;
}
}
@media only screen and (max-width: 767px) {
#ci h4.st_ci {
font-size: 139%;
display: block;
}
}
#ci .box_logo {
padding: 60px 0;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#ci .box_logo {
padding: 60px 0;
}
}
@media only screen and (max-width: 767px) {
#ci .box_logo {
padding: 10% 0;
}
}
#ci .box_logo img {
width: 30.72727%;
}
@media only screen and (max-width: 767px) {
#ci .box_logo img {
width: 80%;
}
}
#ci h4.st_ci2 {
margin-top: 4%;
color: #fff;
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif;
font-size: 246%;
text-align: center;
line-height: 1;
}
#ci h4.st_ci2 span {
padding: 15px 25px 10px;
background: #1957a0;
display: inline-block;
}
#ci h4.st_ci2 span span {
padding: 0;
background: none;
font-family:
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
sans-serif;
font-size: 34%;
}
#ci p.txt02 + h4.st_ci2 {
margin-top: 10%;
}
@media only screen and (max-width: 767px) {
#ci h4.st_ci2 {
margin-top: 6%;
font-size: 154%;
}
#ci h4.st_ci2 span {
padding: 2% 5%;
}
}
#ci h5.st_ci2 {
margin-top: 3%;
font-family:
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
sans-serif;
font-size: 169%;
font-weight: normal;
text-align: center;
}
#ci h5.st_ci2 span {
padding-bottom: 0.1em;
border-bottom: 1px solid #707070;
display: inline;
}
@media only screen and (max-width: 767px) {
#ci h5.st_ci2 {
margin-top: 5%;
font-size: 138%;
}
}
#ci h4.st_ci3 {
margin: 10% 0 2%;
text-align: center;
}
#ci h4.st_ci4 {
margin: 0% 0 2%;
text-align: center;
}
#ci p.txt02 {
max-width: 800px;
margin: 2em auto;
line-height: 2;
}
#ci .youtube {
width: 100%;
padding-bottom: 56.25%;
margin: 0 auto;
}
#ci .youtube iframe {
width: 75%;
height: 75%;
position: absolute;
top: 0;
left: 12.5%;
}
#ci p.txt02_youtube {
max-width: 800px;
margin: -7em auto 2em auto;
line-height: 2;
}
@media only screen and (max-width: 1024px) {
#ci .youtube {
width: 100%;
padding-bottom: 56.25%;
}
#ci .youtube iframe {
width: 85%;
height: 85%;
position: absolute;
top: 0;
left: 7.5%;
}
#ci p.txt02_youtube {
max-width: 800px;
margin: -2em auto 2em auto;
line-height: 2;
}
}
@media only screen and (max-width: 768px) {
#ci .youtube {
width: 100%;
padding-bottom: 56.25%;
}
#ci .youtube iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0%;
}
#ci p.txt02_youtube {
max-width: 800px;
margin: 2em auto;
line-height: 2;
}
} #philosophy .movie-area {
text-align: center;
padding: 10px 18px 5%;
}
#philosophy .movie-area h3 {
color: #1e599e;
font-weight: bold;
margin-top: 40px;
text-align: center;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
#philosophy .movie-area h3 {
margin-top: 0%;
}
}
#philosophy .movie-area .title {
color: #444 !important;
font-size: 12px !important;
font-weight: bold;
text-align: center;
margin-bottom: 1rem;
line-height: 1.6 !important;
}
#philosophy .movie-area .lead-text,
#philosophy .lead-text {
color: #1e599e;
font-size: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 1rem;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#philosophy .main .title-block {
margin-bottom: 0 !important;
}
#philosophy .main .title-block .en {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif !important;
}
@media only screen and (max-width: 767px) {
#philosophy .main .title-block {
margin-top: 5%;
}
}
#philosophy .section_mission {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/company/images/bg_world.png) no-repeat center center #000;
padding: 3em 0;
margin: 55px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#philosophy .section_mission {
padding: 3em 0;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_mission {
padding: 3em 0 1em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#philosophy .section_mission {
margin: 30px 0 0;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_mission {
margin: 5% 0 0;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_mission {
background-size: cover;
}
}
#philosophy .section_mission .tmp_st {
color: #fff !important;
}
#philosophy .section_mission .tmp_st .en {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif !important;
}
#philosophy .section_mission .txt_mission {
font-size: 293%;
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif;
color: #fff;
text-align: center;
margin: 30px 0 80px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#philosophy .section_mission .txt_mission {
margin: 30px 0 80px;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_mission .txt_mission {
margin: 1em auto 2em;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_mission .txt_mission {
font-size: 139%;
width: 95%;
}
}
#philosophy .section_vision {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/company/images/bg_vision.png) repeat center center
#1957a0;
padding: 3em 0;
margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#philosophy .section_vision {
padding: 3em 0;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_vision {
padding: 3em 0 1em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#philosophy .section_vision {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_vision {
margin: 0;
}
}
#philosophy .section_vision .tmp_st {
color: #fff !important;
}
#philosophy .section_vision .tmp_st .en {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif !important;
}
#philosophy .section_vision .txt_mission {
font-size: 293%;
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif;
color: #fff;
text-align: center;
margin: 30px 0 80px;
letter-spacing: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#philosophy .section_vision .txt_mission {
margin: 30px 0 80px;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_vision .txt_mission {
margin: 1em auto 2em;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_vision .txt_mission {
font-size: 150%;
width: 95%;
}
}
#philosophy .section_value {
overflow: hidden;
*zoom: 1;
margin-bottom: 3em;
}
@media only screen and (max-width: 767px) {
#philosophy .section_value {
width: 95%;
margin: 0 auto 3em;
}
}
#philosophy .section_value .post {
font-size: 177%;
margin-bottom: 0.2em;
}
@media only screen and (max-width: 767px) {
#philosophy .section_value .post {
font-size: 139%;
}
}
#philosophy .section_value p.txt02 {
max-width: 800px;
margin: 2em auto;
line-height: 2;
}
@media only screen and (max-width: 767px) {
#philosophy .section_value p.txt02 {
max-width: 800px;
margin: 2em auto;
line-height: 2;
}
}
#philosophy .section_value .post small {
font-size: 57%;
}
#philosophy .section_value .cap {
font-size: 135%;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
#philosophy .section_value .cap {
font-size: 120%;
}
}
#philosophy .section_value .team_contents {
border-top: 1px solid #dbdbdc;
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 767px) {
#philosophy .section_value .team_contents {
border-top: 1px solid #dbdbdc;
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
#philosophy .section_value .team_member {
padding: 2em 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#philosophy .section_value .team_member {
padding: 2em 0;
}
}
@media only screen and (max-width: 767px) {
#philosophy .section_value .team_member {
padding: 3% 0;
}
}
#philosophy .section_value .team_member:last-child {
border-bottom: none;
} #feature .movie-area {
text-align: center;
padding: 10px 18px 5%;
}
#feature .movie-area h3 {
color: #1e599e;
font-weight: bold;
margin-top: 40px;
text-align: center;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
#feature .movie-area h3 {
margin-top: 0%;
}
}
#feature .movie-area .title {
color: #444 !important;
font-size: 12px !important;
font-weight: bold;
text-align: center;
margin-bottom: 1rem;
line-height: 1.6 !important;
}
#feature .movie-area .lead-text,
#feature .lead-text {
color: #1e599e;
font-size: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 1rem;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#feature .main .title-block {
margin-bottom: 0 !important;
}
#feature .main .title-block .en {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif !important;
}
@media only screen and (max-width: 767px) {
#feature .main .title-block {
margin-top: 5%;
}
}
#feature .section_mission {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/company/images/bg_world.png) no-repeat center center #000;
padding: 3em 0;
margin: 55px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#feature .section_mission {
padding: 3em 0;
}
}
@media only screen and (max-width: 767px) {
#feature .section_mission {
padding: 3em 0 1em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#feature .section_mission {
margin: 30px 0 0;
}
}
@media only screen and (max-width: 767px) {
#feature .section_mission {
margin: 5% 0 0;
}
}
@media only screen and (max-width: 767px) {
#feature .section_mission {
background-size: cover;
}
}
#feature .section_mission .tmp_st {
color: #fff !important;
}
#feature .section_mission .tmp_st .en {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif !important;
}
#feature .section_mission .txt_mission {
font-size: 293%;
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif;
color: #fff;
text-align: center;
margin: 30px 0 80px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#feature .section_mission .txt_mission {
margin: 30px 0 80px;
}
}
@media only screen and (max-width: 767px) {
#feature .section_mission .txt_mission {
margin: 1em auto 2em;
}
}
@media only screen and (max-width: 767px) {
#feature .section_mission .txt_mission {
font-size: 139%;
width: 95%;
}
}
#feature .section_vision {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/company/images/bg_vision.png) repeat center center
#1957a0;
padding: 3em 0;
margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#feature .section_vision {
padding: 3em 0;
}
}
@media only screen and (max-width: 767px) {
#feature .section_vision {
padding: 3em 0 1em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#feature .section_vision {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
#feature .section_vision {
margin: 0;
}
}
#feature .section_vision .tmp_st {
color: #fff !important;
}
#feature .section_vision .tmp_st .en {
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif !important;
}
#feature .section_vision .txt_mission {
font-size: 293%;
font-family:
"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3",
"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
"Times New Roman", Times, Garamond, Georgia, serif;
color: #fff;
text-align: center;
margin: 30px 0 80px;
letter-spacing: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#feature .section_vision .txt_mission {
margin: 30px 0 80px;
}
}
@media only screen and (max-width: 767px) {
#feature .section_vision .txt_mission {
margin: 1em auto 2em;
}
}
@media only screen and (max-width: 767px) {
#feature .section_vision .txt_mission {
font-size: 150%;
width: 95%;
}
}
#feature .section_value {
overflow: hidden;
*zoom: 1;
margin-bottom: 3em;
}
@media only screen and (max-width: 767px) {
#feature .section_value {
width: 95%;
margin: 0 auto 3em;
}
}
#feature .section_value .post {
font-size: 177%;
margin-bottom: 0.2em;
}
@media only screen and (max-width: 767px) {
#feature .section_value .post {
font-size: 139%;
}
}
#feature .section_value p.txt02 {
max-width: 800px;
margin: 2em auto;
line-height: 2;
}
@media only screen and (max-width: 767px) {
#feature .section_value p.txt02 {
max-width: 800px;
margin: 2em auto;
line-height: 2;
}
}
#feature .section_value .post small {
font-size: 57%;
}
#feature .section_value .cap {
font-size: 135%;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
#feature .section_value .cap {
font-size: 120%;
}
}
#feature .section_value .team_contents {
border-top: 1px solid #dbdbdc;
}
#feature .section_value .team_member {
padding: 2em 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#feature .section_value .team_member {
padding: 2em 0;
}
}
@media only screen and (max-width: 767px) {
#feature .section_value .team_member {
padding: 3% 0;
}
}
#feature .section_value .team_member:last-child {
border-bottom: none;
} #outline .member {
margin-left: 0;
}
#outline .indent {
text-indent: 5em; }
#outline .indent-bottomspace {
text-indent: 5em; margin-bottom: 1.5em;
}
@media (max-width: 768px) {
#outline .indent {
text-indent: 1.5em; }
#outline .indent-bottomspace {
text-indent: 1.5em; margin-bottom: 1.5em;
}
}
p.address_spaced {
margin-top: 20px;
}  .pc-break-companymenu {
display: none;
} @media (min-width: 768px) {
.pc-break-companymenu {
display: inline;
}
}  .sustainability-discription {
width: 600px;
color: #2a579a;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 183.5%; margin: 0 auto 80px auto;
}
@media (max-width: 768px) {
.sustainability-discription {
width: 100%; }
} span.sustainability-discription-note {
font-size: 12px;
font-weight: 300;
display: inline-block;
padding-top: 1em;
} .sustainability-outside-contents-box {
width: 1050px;
margin: 0 auto;
}
@media (max-width: 768px) {
.sustainability-outside-contents-box {
width: 100%; }
} .sustainability-inside-contents-container-box {
border-top: solid 1px #cfcfcf;
padding: 50px 0;
}
.sustainability-inside-contents-container-box h5 {
color: #2476d8;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
} .sustainability-inside-contents-flex-box {
display: flex;
align-items: flex-start;
padding: 20px 0;
gap: 40px;
}
.sustainability-inside-contents-flex-box .sustainability-text {
width: 650px;
}
.sustainability-inside-contents-flex-box .sustainability-text p {
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 28px; }
.sustainability-inside-contents-flex-box .sustainability-image {
display: flex;
flex-wrap: wrap; gap: 20px;
width: 338px;
} .sustainability-inside-contents-flex-box .sustainability-image img {
width: 120px;
height: auto;
} @media (max-width: 768px) {
.sustainability-inside-contents-flex-box {
flex-direction: column; }
.sustainability-inside-contents-flex-box .sustainability-text,
.sustainability-inside-contents-flex-box .sustainability-image {
width: 100%; }
.sustainability-inside-contents-flex-box .sustainability-image {
justify-content: center; flex-wrap: wrap; }
.sustainability-inside-contents-flex-box .sustainability-image img {
width: 40%;
height: auto;
}
}
.sustainability-table {
width: 338px;
} @media (max-width: 768px) {
.sustainability-table {
width: 100%;
}
} .sustainability-table table {
width: 100%;
border-collapse: collapse;
text-align: center;
}
.sustainability-table thead th {
background-color: #2e5b9f;
color: white;
padding: 10px;
font-size: 14px;
line-height: 1.2em;
text-align: center;
}
.sustainability-table thead th:nth-child(1) {
background-color: #2e5b9f;
width: 25%;
}
.sustainability-table tbody td {
background-color: #f3f4f6;
padding: 16px;
font-size: 14px;
color: #333;
}
.sustainability-table tbody tr:nth-child(odd) td {
background-color: #d1e2f1;
}
.sustainability-table tbody tr:nth-child(even) td {
background-color: #f3f4f6;
}
.sustainability-table tbody td:last-child {
font-weight: bold;
color: #175dae;
}
.sustainability-table thead th.sustainability-table-background-none {
background-color: #fff !important;
}
.sustainability-table tbody td.sustainability-table-first {
background-color: #2476d8 !important;
color: white;
text-align: left;
font-weight: bold;
padding-left: 10px;
width: 33%;
}
.sustainability-table thead th .sustainability-table-font-small {
font-size: 80%;
}