@charset "utf-8";
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 768px) {

/*トップ
---------------------------------------------*/
.sustainability_hed_img{
position: relative;
background: url("../images/sustainability/index/bg_hed_img.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height: 325px;
}

.sustainability_hed_img .pankuzu{
color: #FFF;
}

.sustainability_hed_img .pankuzu a{
color:#FFF;
}

.sustainability_hed_img .pankuzu li::after{
color: #FFF;
}

.sustainability_hed_img .ttl{
padding: 100px 0 0;
margin: 0 0 60px;
}

.sustainability_hed_img .ttl h2,
.sustainability_hed_img .ttl h2 span{
color: #FFF;
}

.sustainability_hed_img .hed_btn{
position: relative;
width: 1000px;
height: 80px;
margin:120px auto 0;
border-radius: 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
z-index: 1;
}

.sustainability_hed_img .hed_btn li{
text-align: center;
position: relative;
width: 15.7%;
height: 60px;
}

.sustainability_hed_img .hed_btn li:nth-child(3){
width: 21.5%;
}

.sustainability_hed_img .hed_btn li::before{
content: "";
position: absolute;
top: 0;
right:0;
width: 1px;
height: 50px;
background: #D5D5D5;
}

.sustainability_hed_img .hed_btn li:last-child::before{
display: none;
}

.sustainability_hed_img .hed_btn li a{
position: relative;
display: block;
padding: 5px 5px 10px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
}

.sustainability_hed_img .hed_btn li span{
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -6px;
width: 12px;
}

.sustainability_hed_img .hed_btn li a:hover{
color: #086DB0;
}

#sustainability {
position: relative;
padding: 150px 0 10px;
}


#sustainability .ttl_c{
font-size: 26px;
font-weight: bold;
color: #086DB0;
line-height: 1;
text-align: center;
margin: 0 0 30px;
}

#sustainability .top_comment_box{
position: relative;
margin: 0 0 30px;
}

#sustainability .top_comment_box .txt_box{
position: absolute;
top: 20%;
right: 5%;
z-index: 1;
}

#sustainability .top_comment_box .txt_box h3{
font-size: 24px;
font-weight: bold;
color: #FFF;
margin: 0 0 80px;
text-shadow: 0px 0px 5px rgba(0,0,0,.4);
}

#sustainability .top_comment_box .txt_box h4{
font-size: 15px;
font-weight: bold;
color: #FFF;
line-height: 1;
text-shadow: 0px 0px 5px rgba(0,0,0,.4);
}

#sustainability .top_comment_box .txt_box h4 span{
font-size: 13px;
font-weight: 500;
display: block;
}

#sustainability .top_comment_box .txt_box h4 em{
font-size: 22px;
font-weight: bold;
font-style: normal;
margin-left: 15px;
}

#sustainability .top_comment_box .img{
position: relative;
}

#sustainability .top_comment_box .img img{
border-radius: 1.2rem;
}

#sustainability .txt_b{
font-size: 17px;
font-weight: bold;
text-align: center;
}

#sustainability .txt_b2{
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 0 auto 60px;
}

#sustainability .txt02 { margin: 0 0 40px; }

#sustainability .table_box{
margin: 0 0 80px;
}

#sustainability .table_box table{
width: 100%;
border-top:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
font-size: 14px;
}

#sustainability .table_box table th{
background: #086DB0;
text-align: center;
line-height: 1;
color: #FFF;
width: 12%;
padding:10px;
box-sizing: border-box;
border-bottom:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
}

#sustainability .table_box table th:nth-child(n + 3){
width: 38%;
}

#sustainability .table_box table td{
padding:10px;
box-sizing: border-box;
border-bottom:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
vertical-align: middle;
line-height: 1.4;
}

#sustainability .table_box table td.center{
text-align: center;
}

#sustainability .table_box table td ul{
list-style-type: disc;
margin-left: 15px;
}

#sustainability .table_box2{
margin: 0 0 30px;
}

#sustainability .table_box2 table{
width: 100%;
border-top:1px solid #B3B3B3;
border-right:1px solid #B3B3B3;
font-size: 14px;
}

#sustainability .table_box2 table th{
background: #086DB0;
text-align: center;
line-height: 1;
color: #FFF;
width: 20%;
padding:10px;
box-sizing: border-box;
border-bottom:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
}

#sustainability .table_box2 table th:nth-child(n + 2){
width: 40%;
background: #D5D5D5;
color: #000;
}

#sustainability .table_box2 table td{
padding:10px;
box-sizing: border-box;
border-bottom:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
vertical-align: middle;
line-height: 1.4;
}

#sustainability .table_box2 table td:nth-child(1){
background: #F3F8FB;
color: #086DB0;
font-weight: bold;
}

#sustainability .table_box2 table td ul{
list-style-type: none;
display: flex;
flex-wrap: wrap;
}

#sustainability .table_box2 table td ul li{
width:18%;
margin-right:2%;
}

#sustainability .table_box2 table td ul li img{
width: 100%;
height: auto;
}

#sustainability .table_box2 table td ul li:last-child{
margin-right: 0;
}

#sustainability .ttl_s{
font-size: 18px;
font-weight: bold;
line-height: 1;
color: #086DB0;
margin: 0 0 30px;
}

#sustainability .flow_img{
}

#sustainability .flow_img img{
width: 100%;
height: auto;
}

#sustainability .btn {
text-align: center;
}

#sustainability .btn a {
position: relative;
display: inline-block;
background: #FFF;
font-size: 1.8rem;
font-weight: 700;
color: #086DB0;
padding: 10px 100px 10px 30px;
border-radius: 25rem;
transition: all 0.3s;
border: none;
border:2px solid #086DB0;
}

#sustainability .btn a:hover {
opacity: 0.8;
transition: all 0.3s;
background: #086DB0;
color: #FFF;
}

#sustainability .btn a::before {
content: '';
position: absolute;
top: 40%; right: 25px;
width: 0.6em; height: 0.6em;
border: 0.2em solid #086DB0;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
transition: all 0.3s;
}

#sustainability .btn a:hover::before {
content: '';
position: absolute;
top: 40%; right: 25px;
width: 0.6em; height: 0.6em;
border: 0.2em solid #FFF;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
}


#sustainability .esg_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#sustainability .esg_list li{
width: 32%;
height: 360px;
background: #FFF;
border-radius: 15px;
box-shadow: 0px 0px 20.1px rgba(8, 109, 176, 0.2);
padding: 25px 0;
box-sizing: border-box;
position: relative;
}

#sustainability .esg_list li h4,
#sustainability .esg_list li h4 a{
text-align: center;
line-height: 1;
color: #086DB0;
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
}

#sustainability .esg_list li p{
font-weight: bold;
margin: 0 0 5px;
padding: 0 20px;
box-sizing: border-box;
}

#sustainability .esg_list li p:last-child{
margin-bottom: 60px;
}

#sustainability .esg_list li p a{
color: #000;
transition: .3s;
}

#sustainability .esg_list li p a:hover{
color: #086DB0;
}

#sustainability .esg_list li p a span {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
width: 16px;
height:16px;
margin: 0 0 4px 5px;
background: #086DB0;
border-radius: 50%;
box-sizing: content-box;
}

#sustainability .esg_list li p a span::before {
content: '';
width: 0.3em;
height: 0.3em;
border: 0.1em solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-20%) rotate(45deg);
}

#sustainability .esg_list li .img{
position: absolute;
bottom: 25px;
left: 0;
}

#sustainability .news_list{
margin: 0;
}

#sustainability .news_list li{
display: flex;
border-bottom: 1px solid #D5D5D5;
padding:15px 0;
box-sizing: border-box;
}
#sustainability .news_list li:last-child{
border-bottom: none;
}

#sustainability .news_list li .day{
width: 13%;
font-weight: bold;
}

#sustainability .news_list li .title{
width: 87%;
}

#sustainability .news_list li .title a{
transition: .5s;
}

#sustainability .news_list li .title a:hover{
opacity: .75;
}

#sustainability .news_list li .link{
width: 16px;
margin-left: 2px;
display: inline-block;
}

#sustainability .news_list li .link img{
width: 16px;
margin-left: 5px;
}



/*マテリアリティに対する取り組み、指標及び目標
---------------------------------------------*/
#theme {
position: relative;
padding: 150px 0 0;
}

#theme .ttl p.read {
font-size: 1.7rem;
font-weight: 700;
margin-top: 30px;
}

#theme .table01{
width: 100%;
margin: 0 0 10px;
border-top: 1px solid #B3B3B3;
border-right: 1px solid #B3B3B3;
font-size: 13px;
}

#theme .table01 th{
font-size: 15px;
background: #086DB0;
color: #000;
border-bottom: 1px solid #B3B3B3;
border-left: 1px solid #B3B3B3;
width: 20%;
padding: 5px;
box-sizing: border-box;
}

#theme .table01 th span{
font-size: 13px;
}

#theme .table01 th:nth-child(1){
color: #FFF;
}

#theme .table01 th:nth-child(2){
width: 40%;
}

#theme .table01 th:nth-child(n + 2){
background: #D5D5D5;
}


#theme .table01 td{
padding: 10px;
border-bottom: 1px solid #B3B3B3;
border-left: 1px solid #B3B3B3;
vertical-align: middle;
line-height: 1.4;
text-align: right;
}

#theme .table01 td.bg_c{
font-weight: bold;
color: #086DB0;
background: #F3F8FB;
}

#theme .table01 td.txt_left{
text-align: left;
}


#theme .table01 td.txt_strong{
font-weight: bold;
}

#theme .table01 td:first-child{
text-align: left;
}

#theme .s_list{
position: relative;
font-size: 11px;
margin:0;
}

#theme .s_list li{
position: relative;
padding-left: 10px;
}

#theme .s_list li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}



/*環境への取り組み
---------------------------------------------*/
#environment{
position: relative;
padding: 150px 0 0;
}

#environment .hed_btn{
position: relative;
width: 1000px;
margin: 0 auto 80px;
border-radius: 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#environment .hed_btn::before{
content: "";
position: absolute;
top: 16px;
left:50%;
width: 1px;
height: 50px;
background: #D5D5D5;
}

#environment .hed_btn li{
width: 50%;
text-align: center;
}

#environment .hed_btn li a{
display: block;
padding: 20px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1;
}

#environment .hed_btn li a span{
display:block;
width: 12px;
margin:10px auto 0;
}

#environment .hed_btn li a:hover{
color: #086DB0;
}

#environment .block{
position: relative;
margin: 0 0 80px;
padding-bottom: 80px;
border-bottom: 1px solid #086DB0;
}

#environment .block:last-child{
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}

#environment .block h3{
font-size: 26px;
font-weight: bold;
line-height: 1;
margin: 0 0 40px;
color: #086DB0;
}

#environment .block h3 span{
font-size: 15px;
}

#environment .block .flex_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 60px;
}

#environment .block .flex_wrap:last-child{
margin-bottom: 0;
}

#environment .block .flex_wrap h4{
font-weight: 700;
width: 130px;
height: 130px;
border-radius: 50%;
background: #0a5ea8;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}

#environment .flex_wrap .txt_b {
width: calc(100% - 160px);
font-size: 17px;
font-weight: bold;
line-height: 2;
}


#environment .flex_wrap ol {
width: calc(100% - 160px);
}

#environment .flex_wrap ol li {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}

#environment .flex_wrap ol li h5 {
width: 48px;
font-size:4.8rem;
font-weight: 100;
color: #086DB0;
}

#environment .flex_wrap ol li .txt_box{
width: calc(100% - 50px);
}

#environment .flex_wrap ol li .txt_box h6{
font-size: 18px;
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 5px;
}

#environment .flex_wrap ol li .txt_box p{
font-size: 15px;
line-height: 1.4;
}

#environment .txt{
margin: 0 0 60px;
}

#environment .panel_area h6{
display: none;
}

#environment .panel_area table{
margin: 0;
padding: 0;
}

#environment .panel_area table tr{
display: block;
margin-bottom: 5px;
font-size: 13px;
}

#environment .panel_area table tr:last-child{
margin-bottom: 0;
}

#environment .panel_area table th{
width: 100px;
background: #D6EFF7;
padding: 10px;
box-sizing: border-box;
}

#environment .panel_area table td{
padding: 10px;
box-sizing: border-box;
}

#environment .panel_area table td ul{
list-style-type: disc;
margin-left: 15px;
}

#environment .ttl2{
font-size: 18px;
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 10px;
}

#environment .tab_box{
position: relative;
margin: 0 0 60px;
}

#environment .table03{
width: 100%;
margin: 0;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}

#environment .table03 th{
background: #086DB0;
color: #FFF;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
width: 20%;
}

#environment .table03 th:first-child{
width: 40%;
}

#environment .table03 td{
padding: 10px;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
text-align: right;
line-height: 1.4;
}

#environment .table03 td.txt_strong{
font-weight: bold;
}

#environment .table03 td:first-child{
text-align: left;
}

#environment .s_list{
position: relative;
font-size: 11px;
margin: 0 0 20px;
}

#environment .s_list li{
position: relative;
padding-left: 15px;
}

#environment .s_list li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}



/*社会への取り組み
---------------------------------------------*/
#social{
position: relative;
padding: 150px 0 0;
}

#social .hed_ttl_btn{
background: #086DB0;
border-radius: 1.2rem 1.2rem 0 0;
padding:10px;
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 1;
color: #FFF;
}

#social .hed_btn{
position: relative;
width: 1000px;
margin: 0 auto 80px;
border-radius:0 0 1.2rem 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

#social .hed_btn li{
width: 25%;
height: 65px;
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

#social .hed_btn li::before{
content: "";
position: absolute;
top: 10px;
right:0;
width: 1px;
height: 45px;
background: #D5D5D5;
}

#social .hed_btn li:last-child::before{
display: none;
}

#social .hed_btn li a{
display: block;
padding: 0 5px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
margin-top:-10px;
}

#social .hed_btn li span{
position: absolute;
bottom:0;
left: 50%;
margin-left:-6px;
width: 12px;
}

#social .hed_btn li a:hover{
color: #086DB0;
}

#social .hed_btn2{
position: relative;
width: 1000px;
margin: 0 auto 80px;
border-radius:0 0 1.2rem 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#social .hed_btn2 li{
width: 33.333%;
height: 60px;
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

#social .hed_btn2 li::before{
content: "";
position: absolute;
top: 10px;
right:0;
width: 1px;
height: 50px;
background: #D5D5D5;
}

#social .hed_btn2 li:last-child::before{
display: none;
}

#social .hed_btn2 li a{
display: block;
padding: 0 5px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1;
margin-top: -10px;
}

#social .hed_btn2 li span{
position: absolute;
bottom: 0;
left: 50%;
margin-left:-6px;
width: 12px;
}

#social .hed_btn2 li a:hover{
color: #086DB0;
}

#social .block{
position: relative;
margin: 0 0 80px;
padding-bottom: 80px;
border-bottom: 1px solid #086DB0;
}

#social .block:last-child{
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}

#social .block h3{
font-size: 26px;
font-weight: bold;
line-height: 1;
margin: 0 0 40px;
color: #086DB0;
}

#social .block h3 span{
font-size: 15px;
}

#social .block .txt2{
margin: 0 0 40px;
}

#social .block .table_wrap{

}

#social .block .table_wrap2{
margin: 0 0 60px;
}

#social .block .table_wrap table,
#social .block .table_wrap2 table{
width: 100%;
margin: 0;
padding: 0;
}

#social .block .table_wrap table tr,
#social .block .table_wrap2 table tr{
display: block;
margin-bottom: 5px;
font-size: 13px;
border: 1px solid #D5D5D5;
}

#social .block .table_wrap table tr:last-child,
#social .block .table_wrap2 table tr:last-child{
margin-bottom: 0;
}

#social .block .table_wrap table th,
#social .block .table_wrap2 table th{
width: 100px;
background: #D6EFF7;
padding: 10px;
box-sizing: border-box;
}

#social .block .table_wrap table td,
#social .block .table_wrap2 table td{
padding: 10px;
box-sizing: border-box;
}

#social .block .table_wrap table td ul,
#social .block .table_wrap2 table td ul{
list-style-type: disc;
margin-left: 15px;
}

#social .block .flex_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 60px;
}

#social .block .flex_wrap2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 30px;
}

#social .block .flex_wrap h4,
#social .block .flex_wrap2 h4{
font-weight: 700;
width: 140px;
height: 140px;
border-radius: 50%;
background: #0a5ea8;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.4;
}

#social .flex_wrap .txt_b,
#social .flex_wrap2 .txt_b{
width: calc(100% - 160px);
font-size: 17px;
font-weight: bold;
line-height: 2;
}

#social .flex_wrap .txt_b .txt_l{
font-size: 22px;
}

#social .flex_wrap .list_b{
width: calc(100% - 160px);
font-size: 17px;
font-weight: bold;
line-height: 2;
list-style-type: disc;
}

#social .flex_wrap .list_b li{
margin-left: 25px;
}


#social .block .s_ttl{
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 0 0 20px;
color: #086DB0;
}

#social .s_ttl2 {
padding: 0 0 20px 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}

#social .s_ttl2::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}

#social .block .s_ttl3{
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 0 0 30px;
color: #086DB0;
}

#social .s_ttl5 {
padding: 0 0 0 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}

#social .s_ttl5::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}

#social .block .s_ttl6{
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
color: #086DB0;
}

#social .s_ttl7 {
padding: 0 0 10px 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}

#social .s_ttl7::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}


#social .block .txt3{
margin: 0 0 40px;
}

#social .block .di_list{
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
list-style-type: disc;
margin: 0 0 80px;
}

#social .block .di_list li{
margin-left: 20px;
}

#social .flex_wrap .box1 {
width: 35%;
padding-top: 40px;
}

#social .flex_wrap .box2 {
width: 65%;
}

#social .flex_wrap .box1 dl{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: center;
}

#social .flex_wrap .box1 dl dt{
width: 30%;
background: #086DB0;
font-weight: bold;
line-height: 1;
text-align: center;
border-radius: 50rem;
padding: 5px 15px;
box-sizing: border-box;
color: #FFF;
}

#social .flex_wrap .box1 dl dd{
width: 65%;
color: #086DB0;
font-weight: bold;
line-height: 1.8;
padding-bottom: 3px;
box-sizing: border-box;
}

#social .flex_wrap .box1 dl dd span{
font-size: 22px;
margin-left: 5px;
}

#social .flex_wrap .box2 table{
width: 100%;
font-size: 13px;
}

#social .flex_wrap .box2 table th{
background: #F3F5F5;
font-weight: normal;
text-align: center;
}

#social .flex_wrap .box2 table td{
padding: 15px 10px 0;
box-sizing: border-box;
text-align: center;
font-weight: bold;
font-size: 22px;
line-height: 1;
}

#social .flex_wrap .box2 table td span{
font-size: 13px;
}

#social .s_ttl3{
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 15px;
}

#social .table01{
width: 100%;
margin: 0 0 60px;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}

#social .table01 th{
background: #086DB0;
color: #FFF;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
}

#social .table01 th:first-child{
width: 15%;
}

#social .table01 td{
font-size: 13px;
padding: 10px;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
}

#social .table01 td.center{
text-align: center;
}

#social .kurumin{
width: 100px;
margin: 0 0 10px 15px;
float: right;
}

#social .kurumin img{
width: 100%;
height: auto;
}


#social .kurumin_txt{
margin: 0 0 30px;
}

#social .s_ttl4{
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
}

#social .block .di_list2{
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
list-style-type:decimal;
margin: 0;
}

#social .block .di_list2 li{
margin-left: 20px;
}

#social .txt4{
margin: 0 0 60px;
}

#social .no_list{
margin: 0 0 40px;
}

#social .no_list:last-child{
margin-bottom: 0;
}

#social .no_list li{
margin: 0 0 40px;
}

#social .no_list li:last-child{
margin-bottom: 0;
}

#social .no_list li h4{
font-size:18px;
line-height: 1;
font-weight: bold;
color: #086DB0;
margin: 0 0 10px;
}

#social .no_list li h4 em{
font-style: normal;
}

#social .no_list li h4 span{
font-size: 48px;
font-weight: 200;
margin-right: 5px;
font-family: "Noto Sans", sans-serif;
}

#social .no_list li p a{
text-decoration: underline;
}

#social .no_list li p a:hover{
text-decoration: none;
}

#social .no_list li .s_txt{
font-size: 11px;
}

#social .president{
text-align: right;
font-size: 13px;
}

#social .president span{
font-size: 15px;
margin-left:10px;
}

#social .no_list li .dot_list{
list-style-type: disc;
margin:0 0 0 16px;
}

#social .no_list li .dot_list li{
margin: 0;
}

#social .flex_wrap .ol_list {
width: calc(100% - 200px);
}

#social .flex_wrap .ol_list li {
counter-increment: num;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.5;
position: relative;
margin-bottom: 25px;
}

#social .flex_wrap .ol_list li:last-child{
margin-bottom: 0;
}

#social .flex_wrap .ol_list li::before {
content: counter(num) ".";
position: absolute;
left: -3rem;
top: 0;
font-size: 3.2rem;
font-weight: 200;
color: #086DB0;
line-height: 1;
}

#social ul.materials {
}

#social ul.materials li {
padding: 0 0 20px 25px;
transition: all 0.4s ease 0s;
position: relative;
font-size: 1.7rem;
font-weight: 700;
}

#social ul.materials li:last-child{
marpgin-bottom: 0;
padding-bottom: 0;
}

#social ul.materials li::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}

#social ul.materials li a {
color: #086DB0;
position: relative;
}

#social ul.materials li p {
font-size: 1.5rem; font-weight: 500;
}

#social ul.materials li a.iconPdf2{
position: relative;
display: flex;
align-items: center;
}

#social ul.materials li a.iconPdf2 span{
width: 14px;
display: inline-block;
margin-left: 5px;
}

#social .illust_img{
width: 96%;
margin: 0 auto 60px;
}

#social .illust_img img{
width: 100%;
height: auto;
}

#social .list3{
margin: 0 0 60px;
border-top: 1px solid #086DB0;
border-right: 1px solid #086DB0;
}

#social .list3 li{
border-left: 1px solid #086DB0;
border-bottom: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
}

#social .list4{
margin: 0 0 60px 15px;
list-style: disc;
}

#social .kenko_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 60px
}

#social .kenko_wrap .img{
width: 270px;
}

#social .kenko_wrap .img img{
width: 100%;
height: auto;
}

#social .kenko_wrap p{
width: calc(100% - 290px);
}

#social .table02{
width: 100%;
margin: 0;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
font-size: 13px;
}

#social .table02 th{
padding:5px 10px;
box-sizing: border-box;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
font-weight: normal;
}

#social .table02 th:first-child{
width: 20%;
}

#social .table02 td{
padding:5px 10px;
box-sizing: border-box;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
}

#social .ttl_square{
position: relative;
font-size: 17px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
padding-left: 18px;
box-sizing: border-box;
}

#social .ttl_square::before{
content: "■";
position: absolute;
top: 3px;
left: 0;
font-size: 14px;
color: #086DB0;
}

#social .table03{
width: 100%;
margin: 0 0 10px;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}

#social .table03 th{
background: #086DB0;
color: #FFF;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
width: 20%;
}

#social .table03 th:first-child{
width: 40%;
}

#social .table03 td{
padding: 10px;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
text-align: right;
}

#social .table03 td:first-child{
text-align: left;
}

#social .s_list{
position: relative;
font-size: 11px;
margin: 0 0 40px;
}

#social .s_list li{
position: relative;
padding-left: 15px;
}

#social .s_list li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}

#social .ttl_square2{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 20px;
padding-left: 18px;
box-sizing: border-box;
}

#social .ttl_square2::before{
content: "■";
position: absolute;
top: 0;
left: 0;
font-size: 15px;
color: #086DB0;
}

#social .ttl6{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
color: #086DB0;
}

#social .dl_rec{
margin: 0 0 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#social .dl_rec dt{
width: 100px;
}

#social .dl_rec dt h5{
font-size:13px;
font-weight: bold;
line-height:1;
background: #D6EFF7;
text-align: center;
border-radius:50rem;
padding: 5px 10px;
box-sizing: border-box;
}

#social .dl_rec dd{
width: calc(100% - 110px);
margin: 0 0 10px;
}

#social .dl_rec dd ul{
list-style-type: disc;
margin-left: 15px;
font-size: 15px;
line-height: 1.4;
}

#social .concept_wrap{
background: #D6EFF7;
padding: 20px;
box-sizing: border-box;
border-radius: .6rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#social .concept_wrap h4{
font-weight: 700;
width:115px;
height:115px;
border-radius: 50%;
background: #FFF;
color: #0a5ea8;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 12px;
line-height: 1.4;
border: 1px solid #0a5ea8;
}

#social .concept_wrap .txt_box{
width: calc(100% - 130px);
position: relative;
margin-top: 10px;
}

#social .concept_wrap .txt_box h5{
font-size: 15px;
font-weight: bold;
line-height: 1;
color: #0a5ea8;
margin: 0 0 10px;
}

#social .concept_wrap .txt_box ul{
list-style-type: disc;
margin-left: 20px;
}



/*ガバナンス
---------------------------------------------*/
#governance {
position: relative;
padding: 150px 0 0;
}

#governance .hed_btn{
position: relative;
width: 1000px;
margin: 0 auto 80px;
border-radius: 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#governance .hed_btn li{
width: 33.333%;
text-align: center;
position: relative;
}

#governance .hed_btn li::before{
content: "";
position: absolute;
top: 16px;
right:0;
width: 1px;
height: 50px;
background: #D5D5D5;
}

#governance .hed_btn li:last-child::before{
display: none;
}

#governance .hed_btn li a{
display: block;
padding: 20px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1;
}

#governance .hed_btn li a span{
display:block;
width: 12px;
margin:10px auto 0;
}

#governance .hed_btn li a:hover{
color: #086DB0;
}

#governance .block{
position: relative;
margin: 0 0 80px;
padding-bottom: 80px;
border-bottom: 1px solid #086DB0;
}

#governance .block:last-child{
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}

#governance .block h3{
font-size: 26px;
font-weight: bold;
line-height: 1;
margin: 0 0 40px;
color: #086DB0;
}

#governance .block h3 span{
font-size: 15px;
}

#governance .block .flex_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 60px;
}

#governance .block .flex_wrap2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0;
}

#governance .block .flex_wrap h4{
font-weight: 700;
width: 140px;
height: 140px;
border-radius: 50%;
background: #0a5ea8;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.4;
}

#governance .flex_wrap .txt_b{
width: calc(100% - 160px);
font-size: 17px;
font-weight: bold;
line-height: 2;
}

#governance .flex_wrap .txt_b .txt_l{
font-size: 22px;
}

#governance .flex_wrap .list_b{
width: calc(100% - 160px);
font-size: 17px;
font-weight: bold;
line-height: 2;
list-style-type: disc;
}

#governance .flex_wrap .list_b li{
margin-left: 25px;
}


#governance .block .s_ttl{
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 0 0 20px;
color: #086DB0;
}

#governance .block .s_ttl3{
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 0 0 30px;
color: #086DB0;
}


#governance .block .txt2{
margin: 0 0 40px;
}


#governance .block .txt3{
margin: 0 0 40px;
}


#governance .block .txt4{
margin: 0 0 20px;
}

#governance .block .txt5{
margin: 0 0 80px;
}

#governance .block .txt3 a,
#governance .block .txt4 a,
#governance .block .txt5 a{
color: #086DB0;
text-decoration: underline;
}

#governance .block .txt3 a:hover
#governance .block .txt4 a:hover,
#governance .block .txt5 a:hover{
text-decoration: none;
}

#governance .block .di_list{
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
list-style-type: disc;
margin: 0 0 80px;
}

#governance .block .di_list li{
margin-left: 20px;
}

#governance .s_ttl2 {
padding: 0 0 20px 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}

#governance .s_ttl2::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}


#governance .s_ttl3{
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 15px;
}

#governance .s_ttl4{
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
}


#governance .s_list{
position: relative;
font-size: 11px;
margin: 0 0 40px;
}

#governance .s_list li{
position: relative;
padding-left: 15px;
}

#governance .s_list li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}

#governance .ttl_square2{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 20px;
padding-left: 18px;
box-sizing: border-box;
}

#governance .ttl_square2::before{
content: "■";
position: absolute;
top: 0;
left: 0;
font-size: 15px;
color: #086DB0;
}

#governance .ttl6{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
color: #086DB0;
}

#governance .time_txt{
font-size: 11px;
}

#governance .chart_box{
padding: 50px;
box-sizing: border-box;
background: linear-gradient(281.4deg, rgba(201, 218, 255, 0.2) 22.31%, rgba(89, 189, 255, 0.2) 81.59%);
background-blend-mode: multiply;
border-radius: 10px;
margin:0 0 0;
}

#governance .chart_box img{
width: 100%;
height: auto;
}

#governance .bcp_box{
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
margin: 0 0 20px;
}

#governance .bcp_box h5{
font-weight:500;
font-size: 15px;
}

#governance .bcp_box p{
margin: 0 0 5px;
}

#governance .no_list{
position: relative;
list-style-type: none;
margin: 0 0 80px;
}

#governance .no_list li{
position: relative;
display: flex;
}


}




/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

/*トップ
---------------------------------------------*/
.sustainability_hed_img{
position: relative;
background: url("../images/sustainability/index/bg_hed_img.jpg") center center no-repeat;
background-size: cover;
width: 100%;
height: 340px;
}

.sustainability_hed_img .pankuzu { color: #FFF; }
.sustainability_hed_img .pankuzu a { color:#FFF; }
.sustainability_hed_img .pankuzu li::after { color: #FFF; }

.sustainability_hed_img .ttl { padding: 80px 0 0; }
.sustainability_hed_img .ttl h2,
.sustainability_hed_img .ttl h2 span { color: #FFF; }

.sustainability_hed_img .hed_btn{
position: relative;
width: 90%;
margin: auto;
padding: 0 20px;
border-radius: 1.2rem;
background: #FFF;
box-sizing: border-box;
box-shadow: 0 0 15px rgba(0,0,0,.1);
z-index: 1;
}
.sustainability_hed_img .hed_btn li {
position: relative;
border-bottom: 1px solid #D5D5D5;
padding: 8px 0 8px 20px;
}
.sustainability_hed_img .hed_btn li:last-child { border: none; }

.sustainability_hed_img .hed_btn li a{
position: relative;
display: block;
padding: 5px;
box-sizing: border-box;
font-weight: bold;
line-height: 1.7;
}
.sustainability_hed_img .hed_btn li span{
position: absolute;
top: 50%;
left: 0;
width: 12px;
line-height: 1;
transform: translate(0, -50%);
}
.sustainability_hed_img .hed_btn li a:hover { color: #086DB0; }

#sustainability { position: relative; padding: 250px 0 0; }

#sustainability .ttl_c{
font-size: 2.2rem;
color: #086DB0;
text-align: center;
margin: 0 0 30px;
}

#sustainability .top_comment_box { position: relative; margin: 0 0 30px; }

#sustainability .top_comment_box .txt_box{  }
#sustainability .top_comment_box .txt_box h3{
font-size: 1.6rem;
color: #FFF;
text-shadow: 0px 0px 5px rgba(0,0,0,.4);
position: absolute;
top: 20px;
right: 8px;
z-index: 1;
}

#sustainability .top_comment_box .txt_box h4{
font-size: 1.2rem;
font-weight: bold;
color: #FFF;
line-height: 1;
text-shadow: 0px 0px 5px rgba(0,0,0,.4);
position: absolute;
bottom: 15px;
right: 8px;
z-index: 1;
}
#sustainability .top_comment_box .txt_box h4 span{
font-size: 1.5rem;
font-weight: bold;
display: block;
}
#sustainability .top_comment_box .txt_box h4 em{
font-size: 1.5rem;
font-weight: bold;
font-style: normal;
margin-left: 10px;
}

#sustainability .top_comment_box .img { position: relative; }
#sustainability .top_comment_box .img img { border-radius: 1.2rem; min-height: 170px; object-fit: cover; object-position: top; }

#sustainability .txt_b { font-size: 1.8rem; font-weight: bold; }
#sustainability .txt_b2 { font-weight: bold; margin: 0 auto 30px; }

#sustainability .txt01 { line-height: 2.2; }
#sustainability .txt02 { margin: 0 0 30px; line-height: 2.2; }

#sustainability .table_box {
margin: 0 0 30px;
overflow-x: scroll;
scrollbar-width: thin;
}

#sustainability .table_box table {
width: 860px;
border-top:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
font-size: 1.3rem;
}

#sustainability .table_box table th {
background: #086DB0;
text-align: center;
line-height: 1;
color: #FFF;
width: 12%;
padding:10px;
box-sizing: border-box;
border-bottom:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
}
#sustainability .table_box table th:nth-child(n + 3) { width: 38%; }

#sustainability .table_box table td {
padding:10px;
box-sizing: border-box;
border-bottom:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
vertical-align: middle;
line-height: 1.4;
}
#sustainability .table_box table td.center { text-align: center; }
#sustainability .table_box table td ul { list-style-type: disc; margin-left: 15px; }

#sustainability .table_box2 {
margin: 0 0 30px;
overflow-x: scroll;
scrollbar-width: thin;
}
#sustainability .table_box2 table{
width: 860px;
border-top:1px solid #B3B3B3;
border-right:1px solid #B3B3B3;
font-size: 1.3rem;
}
#sustainability .table_box2 table th{
background: #086DB0;
text-align: center;
line-height: 1;
color: #FFF;
width: 15%;
padding: 10px;
box-sizing: border-box;
border-bottom:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
}
#sustainability .table_box2 table th:nth-child(n + 2){
width: 40%;
background: #D5D5D5;
color: #000;
}

#sustainability .table_box2 table td{
padding:10px;
box-sizing: border-box;
border-bottom:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
vertical-align: middle;
line-height: 1.4;
}
#sustainability .table_box2 table td:nth-child(1){
background: #F3F8FB;
color: #086DB0;
font-weight: bold;
}
#sustainability .table_box2 table td ul { list-style-type: none; display: flex; flex-wrap: wrap; }
#sustainability .table_box2 table td ul li { width:18%; margin-right:2%; }
#sustainability .table_box2 table td ul li img { width: 100%; height: auto; }
#sustainability .table_box2 table td ul li:last-child { margin-right: 0; }

#sustainability .ttl_s{
font-weight: bold;
line-height: 1;
color: #086DB0;
margin: 0 0 20px;
}

#sustainability .flow_img {  }
#sustainability .flow_img img { width: 100%; height: auto; }

#sustainability .btn { text-align: center; }
#sustainability .btn a {
position: relative;
display: inline-block;
background: #FFF;
font-weight: 700;
color: #086DB0;
line-height: 1.5;
padding: 10px 60px 10px 30px;
border-radius: 25rem;
transition: all 0.3s;
border: 2px solid #086DB0;
}
#sustainability .btn a:hover {
opacity: 0.8;
transition: all 0.3s;
background: #086DB0;
color: #FFF;
}
#sustainability .btn a::before {
content: '';
position: absolute;
top: 40%; right: 25px;
width: 0.6em; height: 0.6em;
border: 0.2em solid #086DB0;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
transition: all 0.3s;
}
#sustainability .btn a:hover::before {
content: '';
position: absolute;
top: 40%; right: 25px;
width: 0.6em; height: 0.6em;
border: 0.2em solid #FFF;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
}


#sustainability .esg_list {  }
#sustainability .esg_list li {
background: #FFF;
border-radius: 15px;
box-shadow: 0px 0px 20.1px rgba(8, 109, 176, 0.2);
margin-bottom: 20px;
padding: 25px 0;
box-sizing: border-box;
position: relative;
}
#sustainability .esg_list li:last-child { margin-bottom: 0; }

#sustainability .esg_list li h4,
#sustainability .esg_list li h4 a{
text-align: center;
line-height: 1;
color: #086DB0;
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
}
#sustainability .esg_list li p { font-weight: bold; padding: 0 20px; box-sizing: border-box; }
#sustainability .esg_list li p:last-child { margin-bottom: 60px; }
#sustainability .esg_list li p a { color: #000; transition: .3s; }
#sustainability .esg_list li p a:hover { color: #086DB0; }
#sustainability .esg_list li p a span {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
width: 16px;
height:16px;
margin: 0 0 4px 5px;
background: #086DB0;
border-radius: 50%;
box-sizing: content-box;
}
#sustainability .esg_list li p a span::before {
content: '';
width: 0.3em;
height: 0.3em;
border: 0.1em solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-20%) rotate(45deg);
}
#sustainability .esg_list li .img { margin-top: 20px; }

#sustainability .news_list {
margin: 0;
}
#sustainability .news_list li {
border-bottom: 1px solid #D5D5D5;
padding: 10px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#sustainability .news_list li:last-child {
border-bottom: none;
}
#sustainability .news_list li .day {
width: 100%;
margin-bottom: 5px;
font-weight: bold;
}

#sustainability .news_list li .title{
}

#sustainability .news_list li .title a{
transition: .5s;
}

#sustainability .news_list li .title a:hover{
opacity: .75;
}

#sustainability .news_list li .link{
width: 16px;
margin-left: 2px;
display: inline-block;
}

#sustainability .news_list li .link img{
width: 13px;
margin-left: 2px;
}


/*マテリアリティに対する取り組み、指標及び目標
---------------------------------------------*/
#theme { position: relative; padding: 80px 0 0; }

#theme .table-scroll { overflow-x: scroll; margin: 0 0 10px; scrollbar-width: thin; }
#theme .table01 {
width: 860px;
border-top: 1px solid #B3B3B3;
border-right: 1px solid #B3B3B3;
font-size: 1.4rem;
}

#theme .table01 th {
font-size: 1.4rem;
background: #086DB0;
color: #000;
border-bottom: 1px solid #B3B3B3;
border-left: 1px solid #B3B3B3;
width: 20%;
padding: 5px;
box-sizing: border-box;
}
#theme .table01 th span { font-size: 1.3rem; }
#theme .table01 th:nth-child(1) { color: #FFF; }
#theme .table01 th:nth-child(2) { width: 40%; }
#theme .table01 th:nth-child(n + 2) { background: #D5D5D5; }

#theme .table01 td {
padding: 10px;
border-bottom: 1px solid #B3B3B3;
border-left: 1px solid #B3B3B3;
vertical-align: middle;
line-height: 1.4;
text-align: right;
}
#theme .table01 td.bg_c { font-weight: bold; color: #086DB0; background: #F3F8FB; }
#theme .table01 td.txt_left { text-align: left; }
#theme .table01 td.txt_strong { font-weight: bold; }
#theme .table01 td:first-child { text-align: left; }

#theme .s_list { position: relative; font-size: 1.1rem; margin:0; }
#theme .s_list li { position: relative; padding-left: 10px; }
#theme .s_list li::before {
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 1.1rem;
}



/*環境への取り組み
---------------------------------------------*/
#environment{
position: relative;
padding: 80px 0 0;
}

#environment .hed_btn{
position: relative;
width: 96%;
margin: 0 auto 30px;
border-radius: 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#environment .hed_btn::before{
content: "";
position: absolute;
top: 16px;
left:50%;
width: 1px;
height: 50px;
background: #D5D5D5;
}

#environment .hed_btn li{
width: 50%;
text-align:left;
display: flex;
align-items: center;
position: relative;
}

#environment .hed_btn li a{
padding:20px 15px 20px 35px;
box-sizing: border-box;
font-weight: bold;
font-size: 1.5rem;
line-height: 1.2;
}

#environment .hed_btn li a span{
position: absolute;
top: 37%;
left: 8%;
width: 12px;
}

#environment .hed_btn li a:hover{
color: #086DB0;
}

#environment .block{
position: relative;
margin: 0 0 40px;
padding-bottom:40px;
border-bottom: 1px solid #086DB0;
}

#environment .block:last-child{
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}

#environment .block h3{
font-size: 22px;
font-weight: bold;
line-height: 1;
margin: 0 0 30px;
color: #086DB0;
}

#environment .block h3 span{
font-size: 12px;
}

#environment .block .flex_wrap{
margin: 0 0 30px;
}

#environment .block .flex_wrap:last-child{
margin-bottom: 0;
}

#environment .block .flex_wrap h4{
width: 120px;
font-weight: 700;
border-radius:50rem;
background: #0a5ea8;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
padding: 5px;
box-sizing: border-box;
font-size: 1.6rem;
}

#environment .flex_wrap .txt_b {
width:100%;
font-size: 15px;
font-weight: bold;
line-height: 1.4;
}


#environment .flex_wrap ol {
width: 100%;
}

#environment .flex_wrap ol li {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 30px;
}

#environment .flex_wrap ol li:last-child {
margin-bottom: 0;
}

#environment .flex_wrap ol li h5 {
width: 32px;
font-size:3.2rem;
font-family: "Noto Sans", sans-serif;
font-weight: 200;
color: #086DB0;
margin-top: -20px;
}

#environment .flex_wrap ol li .txt_box{
width: calc(100% - 50px);
}

#environment .flex_wrap ol li .txt_box h6{
font-size: 16px;
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 5px;
}

#environment .flex_wrap ol li .txt_box p{
font-size: 15px;
line-height: 1.4;
}

#environment .txt{
margin: 0 0 60px;
}

#environment .panel_area h6{
display: block;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #086DB0;
line-height: 1.2;
margin: 10px 0 20px;
}

#environment .panel_area table{
margin: 0;
padding: 0;
}

#environment .panel_area table tr{
display: block;
margin-bottom: 5px;
font-size: 13px;
}

#environment .panel_area table tr:last-child{
margin-bottom: 0;
}

#environment .panel_area table th{
width: 100%;
background: #D6EFF7;
padding: 5px;
box-sizing: border-box;
display: block;
}

#environment .panel_area table td{
padding: 10px;
box-sizing: border-box;
display: block;
}

#environment .panel_area table td ul{
list-style-type: disc;
margin-left: 15px;
}

#environment .panel_area table td ul li{
line-height: 1.7;
}

#environment .ttl2{
font-size: 18px;
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 10px;
}

#environment .tab_box{
position: relative;
margin: 0 0 30px;
}

#environment .table-scroll{
width: 100%;
overflow-y: hidden;
}

#environment .table03{
width: 560px;
margin: 0;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
font-size: 1.4rem;
}

#environment .table03 th{
background: #086DB0;
color: #FFF;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
width: 20%;
}

#environment .table03 th:first-child{
width: 40%;
}

#environment .table03 td{
padding: 10px;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
text-align: right;
line-height: 1.4;
}

#environment .table03 td.txt_strong{
font-weight: bold;
}

#environment .table03 td:first-child{
text-align: left;
}

#environment .s_list{
position: relative;
font-size: 11px;
margin: 0 0 10px;
}

#environment .s_list li{
position: relative;
padding-left: 15px;
}

#environment .s_list li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}



/*社会への取り組み
---------------------------------------------*/
#social{
position: relative;
padding: 80px 0 0;
display: inline-table;
}

#social .hed_ttl_btn{
background: #086DB0;
border-radius: 1.2rem 1.2rem 0 0;
padding:10px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1;
color: #FFF;
}

#social .hed_btn{
position: relative;
width: 100%;
margin: 0 auto 40px;
border-radius:0 0 1.2rem 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
}

#social .hed_btn li{
width: 100%;
text-align: center;
position: relative;
display: flex;
align-items: center;
}

#social .hed_btn li::before{
content: "";
position: absolute;
bottom:0;
right:5%;
width: 90%;
height:1px;
background: #D5D5D5;
}

#social .hed_btn li:last-child::before{
display: none;
}

#social .hed_btn li a{
display: block;
width: 100%;
padding: 20px 20px 20px 45px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
text-align: left;
}

#social .hed_btn li span{
position: absolute;
top:24%;
left: 7%;
width: 12px;
}

#social .hed_btn li a:hover{
color: #086DB0;
}

#social .hed_btn2{
position: relative;
width: 100%;
margin: 0 auto 40px;
border-radius:0 0 1.2rem 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
}

#social .hed_btn2 li{
width: 100%;
text-align: center;
position: relative;
display: flex;
align-items: center;
}

#social .hed_btn2 li::before{
content: "";
position: absolute;
bottom:0;
right:5%;
width: 90%;
height:1px;
background: #D5D5D5;
}

#social .hed_btn2 li:last-child::before{
display: none;
}

#social .hed_btn2 li a{
display: block;
width: 100%;
padding: 20px 20px 20px 45px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
text-align: left;
}

#social .hed_btn2 li span{
position: absolute;
top:24%;
left: 7%;
width: 12px;
}

#social .hed_btn2 li a:hover{
color: #086DB0;
}


#social .block{
position: relative;
margin: 0 0 40px;
padding-bottom: 40px;
border-bottom: 1px solid #086DB0;
}

#social .block:last-child{
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}

#social .block h3{
font-size: 22px;
font-weight: bold;
line-height: 1.2;
margin: 0 0 30px;
color: #086DB0;
}

#social .block h3 span{
font-size: 15px;
}

#social .block .txt2{
margin: 0 0 40px;
}

#social .block .table_wrap{

}

#social .block .table_wrap2{
margin: 0 0 60px;
}

#social .block .table_wrap table,
#social .block .table_wrap2 table{
width: 100%;
margin: 0;
padding: 0;
}

#social .block .table_wrap table tr,
#social .block .table_wrap2 table tr{
display: block;
margin-bottom: 15px;
font-size: 13px;
border: 1px solid #D5D5D5;
}

#social .block .table_wrap table tr:last-child,
#social .block .table_wrap2 table tr:last-child{
margin-bottom: 0;
}

#social .block .table_wrap table th,
#social .block .table_wrap2 table th{
width: 100%;
background: #D6EFF7;
padding: 5px;
display: block;
box-sizing: border-box;
}

#social .block .table_wrap table td,
#social .block .table_wrap2 table td{
padding: 10px;
box-sizing: border-box;
}

#social .block .table_wrap table td ul,
#social .block .table_wrap2 table td ul{
list-style-type: disc;
margin-left: 15px;
}

#social .block .flex_wrap{
margin: 0 0 30px;
}

#social .block .flex_wrap2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 40px;
}

#social .block .flex_wrap h4,
#social .block .flex_wrap2 h4{
font-weight: 700;
border-radius: 50rem;
background: #0a5ea8;
color: #fff;
display: table;
text-align: center;
line-height: 1.4;
padding: 5px 35px;
box-sizing: border-box;
margin: 0 auto 10px;
}

#social .flex_wrap .txt_b,
#social .flex_wrap2 .txt_b{
width:100%;
font-size: 15px;
font-weight: bold;
line-height:1.6;
}

#social .flex_wrap .txt_b .txt_l{
font-size: 22px;
text-align: center;
display: flex;
justify-content: center;
margin-bottom: 10px;
}

#social .flex_wrap .list_b{
width:100%;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.6;
list-style-type: disc;
}

#social .flex_wrap .list_b li{
margin-left: 25px;
}


#social .block .s_ttl{
font-size: 18px;
font-weight: bold;
line-height: 1.4;
margin: 0 0 10px;
color: #086DB0;
}

#social .s_ttl2 {
padding: 0 0 20px 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}

#social .s_ttl2::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}

#social .block .s_ttl3{
font-size: 18px;
font-weight: bold;
line-height: 1.4;
margin: 0 0 30px;
color: #086DB0;
}

#social .s_ttl5 {
padding: 0 0 20px 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}

#social .s_ttl5::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}

#social .block .s_ttl6{
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
color: #086DB0;
}

#social .s_ttl7 {
padding: 0 0 20px 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}

#social .s_ttl7::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}


#social .block .txt3{
margin: 0 0 40px;
}

#social .block .di_list{
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
list-style-type: disc;
margin: 0 0 40px;
}

#social .block .di_list li{
margin-left: 20px;
}

#social .flex_wrap .box1 {
width: 100%;
margin-bottom: 15px;
}

#social .flex_wrap .box2 {
width: 100%;
}

#social .flex_wrap .box1 dl{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: center;
}

#social .flex_wrap .box1 dl dt{
width: 30%;
background: #086DB0;
font-weight: bold;
line-height: 1;
text-align: center;
border-radius: 50rem;
padding: 5px 15px;
box-sizing: border-box;
color: #FFF;
}

#social .flex_wrap .box1 dl dd{
width: 65%;
color: #086DB0;
font-weight: bold;
line-height: 1.8;
padding-bottom: 3px;
box-sizing: border-box;
}

#social .flex_wrap .box1 dl dd span{
font-size: 22px;
margin-left: 5px;
}

#social .flex_wrap .box2 table{
width: 100%;
font-size: 13px;
}

#social .flex_wrap .box2 table th{
background: #F3F5F5;
font-weight: normal;
text-align: center;
line-height: 1.2;
padding: 5px;
box-sizing: border-box;
}

#social .flex_wrap .box2 table td{
padding: 15px 10px 0;
box-sizing: border-box;
text-align: center;
font-weight: bold;
font-size: 22px;
line-height: 1;
}

#social .flex_wrap .box2 table td span{
font-size: 13px;
}

#social .s_ttl3{
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 15px;
}

#social .table01{
width: 100%;
margin: 0 0 30px;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
font-size: 1.3rem;
}

#social .table01 th{
background: #086DB0;
color: #FFF;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
}

#social .table01 th:first-child{
width: 25%;
}

#social .table01 td{
padding: 5px;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
}

#social .table01 td.center{
text-align: center;
}

#social .kurumin{
width: 100px;
margin: 0 0 10px 15px;
float: right;
}

#social .kurumin img{
width: 100%;
height: auto;
}


#social .kurumin_txt{
margin: 0 0 30px;
}

#social .s_ttl4{
font-size: 15px;
font-weight: bold;
line-height: 1.4;
margin: 0 0 10px;
}

#social .block .di_list2{
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
list-style-type:decimal;
margin: 0;
}

#social .block .di_list2 li{
margin-left: 20px;
}

#social .txt4{
margin: 0 0 30px;
}

#social .no_list{
margin: 0 0 40px;
}

#social .no_list:last-child{
margin-bottom: 0;
}

#social .no_list li{
margin: 0 0 40px;
}

#social .no_list li:last-child{
margin-bottom: 0;
}

#social .no_list li h4{
font-size:18px;
line-height: 1;
font-weight: bold;
color: #086DB0;
margin: 0 0 10px;
position: relative;
padding-left: 30px;
}

#social .no_list li h4 span{
position: absolute;
left: 0;
top: 50%;
transform: translate(0%,-50%);
width: 30px;
font-size: 30px;
font-weight: 200;
font-family: "Noto Sans", sans-serif;
margin-right: 5px;
}

#social .no_list li p a{
text-decoration: underline;
}

#social .no_list li p a:hover{
text-decoration: none;
}

#social .no_list li .s_txt{
font-size: 11px;
}

#social .president{
text-align: right;
font-size: 15px;
}

#social .president span{
font-size: 15px;
margin-left:10px;
}

#social .no_list li .dot_list{
list-style-type: disc;
margin:0 0 0 25px;
}

#social .no_list li .dot_list li{
margin: 0;
}

#social .flex_wrap .ol_list {
margin-left: 30px;
}

#social .flex_wrap .ol_list li {
counter-increment: num;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.5;
position: relative;
margin-bottom: 25px;
}

#social .flex_wrap .ol_list li:last-child {
margin-bottom: 0;
}

#social .flex_wrap .ol_list li::before {
content: counter(num) ".";
position: absolute;
left:-3rem;
top:0;
font-size: 3.2rem;
font-weight:200;
font-family: "Noto Sans", sans-serif;
color: #086DB0;
line-height: 1;
}

#social ul.materials {
}

#social ul.materials li {
padding: 0 0 20px 20px;
transition: all 0.4s ease 0s;
position: relative;
font-size: 1.65rem;
font-weight: 700;
}

#social ul.materials li:last-child{
marpgin-bottom: 0;
padding-bottom: 0;
}

#social ul.materials li::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}

#social ul.materials li a {
color: #086DB0;
position: relative;
}

#social ul.materials li p {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.8;
}

#social ul.materials li a.iconPdf2{
position: relative;
}

#social ul.materials li a.iconPdf2 span{
width: 14px;
display: inline-block;
margin-left: 5px;
}

#social .illust_img{
width:100%;
margin: 0 auto 30px;
}

#social .illust_img img{
width: 100%;
height: auto;
}

#social .list3{
margin: 0 0 60px;
border-top: 1px solid #086DB0;
border-right: 1px solid #086DB0;
}

#social .list3 li{
border-left: 1px solid #086DB0;
border-bottom: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
}

#social .list4{
margin: 0 0 60px 15px;
list-style: disc;
}

#social .kenko_wrap{
margin: 0 0 30px
}

#social .kenko_wrap .img{
width: 270px;
}

#social .kenko_wrap .img img{
width: 100%;
height: auto;
}

#social .kenko_wrap p{
width:100%;
margin: 0 0 20px;
}

#social .table02{
width: 100%;
margin: 0;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
font-size: 13px;
}

#social .table02 th{
padding:5px 10px;
box-sizing: border-box;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
font-weight: normal;
}

#social .table02 th:first-child{
width: 30%;
}

#social .table02 td{
padding:5px 10px;
box-sizing: border-box;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
}

#social .ttl_square{
position: relative;
font-size: 17px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
padding-left: 18px;
box-sizing: border-box;
}

#social .ttl_square::before{
content: "■";
position: absolute;
top: 3px;
left: 0;
font-size: 14px;
color: #086DB0;
}

#social .table03{
width: 100%;
margin: 0 0 10px;
border-top: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
font-size:1.2rem;
}

#social .table03 th{
background: #086DB0;
color: #FFF;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
width: 20%;
line-height: 1.2;
}

#social .table03 th:first-child{
width: 30%;
}

#social .table03 td{
padding: 5px;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
vertical-align: middle;
text-align: right;
}

#social .table03 td:first-child{
text-align: left;
}

#social .s_list{
position: relative;
font-size: 11px;
margin: 0 0 40px;
}

#social .s_list li{
position: relative;
padding-left: 15px;
}

#social .s_list li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}

#social .ttl_square2{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 20px;
padding-left: 18px;
box-sizing: border-box;
}

#social .ttl_square2::before{
content: "■";
position: absolute;
top: 0;
left: 0;
font-size: 15px;
color: #086DB0;
}

#social .ttl6{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
color: #086DB0;
}

#social .dl_rec{
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#social .dl_rec dt{
width: 20px;
}

#social .dl_rec dt h5{
font-size: 13px;
font-weight: bold;
line-height: 1;
background: #D6EFF7;
padding:15px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
border-radius: 25rem;
}

#social .dl_rec dd{
width: calc(100% - 30px);
margin: 0 0 30px;
}

#social .dl_rec dd ul{
list-style-type: disc;
margin-left:25px;
font-size: 15px;
line-height: 1.4;
}

#social .concept_wrap{
background: #D6EFF7;
padding:40px 15px 15px;
box-sizing: border-box;
border-radius: .6rem;
position: relative;
margin-bottom: 20px;
}

#social .concept_wrap h4{
width: 240px;
position: absolute;
top: -25px;
left: 50%;
margin-left: -120px;
font-weight: 700;
border-radius: 50rem;
background: #FFF;
color: #0a5ea8;
font-size: 15px;
line-height: 1.4;
border: 1px solid #0a5ea8;
display: table;
padding: 5px 25px;
box-sizing: border-box;
text-align: center;
}

#social .concept_wrap .txt_box{
width: 100%;
position: relative;
margin-top: 10px;
}

#social .concept_wrap .txt_box h5{
font-size: 15px;
font-weight: bold;
line-height: 1.4;
color: #0a5ea8;
margin: 0 0 10px;
text-align: center;
}

#social .concept_wrap .txt_box ul{
list-style-type: disc;
margin-left: 20px;
}



/*ガバナンス
---------------------------------------------*/
#governance { position: relative; padding: 80px 0 0; display: inline-table; }

#governance .hed_btn {
position: relative;
margin: 0 auto 60px;
padding: 10px 20px;
border-radius: 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
}
#governance .hed_btn li { position: relative; border-bottom: 1px solid #D5D5D5; }
#governance .hed_btn li:last-child { border: none; }
#governance .hed_btn li a {
position: relative;
display: block;
padding: 15px 0 15px 30px;
box-sizing: border-box;
font-weight: bold;
line-height: 1;
}
#governance .hed_btn li a span {
position: absolute;
top: 50%;
left: 10px;
width: 12px;
line-height: 1;
transform: translate(0, -50%);
}
#governance .hed_btn li a:hover { color: #086DB0; }

#governance .block {
position: relative;
margin: 0 0 40px;
padding-bottom: 40px;
border-bottom: 1px solid #086DB0;
}
#governance .block:last-child{ padding-bottom: 0; border-bottom: none; margin-bottom: 0; }
#governance .block h3 {
font-size: 2.2rem;
font-weight: bold;
line-height: 1;
margin: 0 0 30px;
color: #086DB0;
}
#governance .block h3 span { font-size: 15px; }

#governance .block .flex_wrap { margin: 0 0 40px; }
#governance .block .flex_wrap2 { margin: 0; }

#governance .block .flex_wrap h4 {
width: fit-content;
margin: 0 auto 10px;
font-size: 1.6rem;
font-weight: 700;
padding: 5px 30px;
border-radius: 25rem;
background: #0a5ea8;
color: #fff;
text-align: center;
line-height: 1.4;
}

#governance .flex_wrap .txt_b { font-weight: bold; }
#governance .flex_wrap .txt_b .txt_l { font-size: 22px; }

#governance .flex_wrap .list_b {
width: calc(100% - 160px);
font-size: 17px;
font-weight: bold;
line-height: 2;
list-style-type: disc;
}
#governance .flex_wrap .list_b li { margin-left: 25px; }


#governance .block .s_ttl{
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
margin: 0 0 20px;
color: #086DB0;
}

#governance .block .s_ttl3{
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 0 0 30px;
color: #086DB0;
}

#governance .block .txt2 { margin: 0 0 40px; }
#governance .block .txt3 { margin: 0 0 40px; }
#governance .block .txt4 { margin: 0 0 20px; }
#governance .block .txt5 { margin: 0 0 40px; }

#governance .block .txt3 a,
#governance .block .txt4 a,
#governance .block .txt5 a { color: #086DB0; text-decoration: underline; }
#governance .block .txt3 a:hover
#governance .block .txt4 a:hover,
#governance .block .txt5 a:hover { text-decoration: none; }

#governance .block .di_list {
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
list-style-type: disc;
margin: 0 0 40px;
}
#governance .block .di_list li { margin-left: 20px; }

#governance .s_ttl2 {
padding: 0 0 20px 20px;
position: relative;
font-size: 15px;
font-weight: 700;
}
#governance .s_ttl2::before {
content: '■';
color: #086DB0;
position: absolute;
top: 0;
left: 0;
}

#governance .s_ttl3{
font-weight: bold;
color: #086DB0;
line-height: 1;
margin: 0 0 15px;
}

#governance .s_ttl4{
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
}


#governance .s_list{
position: relative;
font-size: 11px;
margin: 0 0 40px;
}

#governance .s_list li{
position: relative;
padding-left: 15px;
}

#governance .s_list li::before{
content: "※";
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}

#governance .ttl_square2{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 20px;
padding-left: 18px;
box-sizing: border-box;
}

#governance .ttl_square2::before{
content: "■";
position: absolute;
top: 0;
left: 0;
font-size: 15px;
color: #086DB0;
}

#governance .ttl6{
position: relative;
font-size: 15px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
color: #086DB0;
}

#governance .time_txt { font-size: 11px; text-align: right; margin-bottom: 10px; }

#governance .chart_box {
padding: 10px;
box-sizing: border-box;
background: linear-gradient(281.4deg, rgba(201, 218, 255, 0.2) 22.31%, rgba(89, 189, 255, 0.2) 81.59%);
background-blend-mode: multiply;
border-radius: 10px;
margin:0 0 0;
}
#governance .chart_box img { width: 100%; height: auto; }

#governance .bcp_box{
border: 1px solid #086DB0;
padding: 10px;
box-sizing: border-box;
margin: 0 0 20px;
}
#governance .bcp_box h5 { font-weight:500; font-size: 15px; }
#governance .bcp_box p { margin: 0 0 5px; }

#governance .no_list {
position: relative;
list-style-type: none;
margin: 30px 0 40px;
}
#governance .no_list li { position: relative; display: flex; }
#governance .no_list li span { width: 25px; line-height: 1.4; }
#governance .no_list li p { width: calc(100% - 25px); }



}