@charset "utf-8";
/* CSS Document */

#sustainability #philosophy,
#sustainability #customer,
#sustainability #thinking,
#sustainability #compliance{
  padding-top:0px;
}

#sustainability .sec01{
  padding-top: 0px;
}

#sustainability .product_content{
  padding-top: 150px;
}

#sustainability .content p{
  font-size: 16px;
  line-height:46px;
  letter-spacing: 0em;
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: justify;
}

#sustainability .content p a {
  font-size: 16px;
  line-height: 28px;
  color: #00479B;
  text-decoration: underline;
}

#sustainability .cover .wrap .content h1 {
  font-size: 40px;
  line-height: 42px;
  margin-top: 40px;
  margin-bottom: 40px;
}

#sustainability .product_content h2.row_title {
  font-size: 28px;
  margin-bottom: 30px;
  color: #00479B;
}

#sustainability .sec01 h2.row_title {
  font-size: 28px;
  margin-bottom: 40px;
  color: #00479B;
}

#sustainability .cover .wrap .content h3 {
  font-size: 24px;
  line-height: 32px;
  margin-top: 40px;
  margin-bottom: 40px;
}

#sustainability .cover .wrap .content h4 {
  color: #00479B;
  background-color: #EFF0F1;
  padding: 15px;
  margin-top: 30px;
}

#sustainability .sus_table_style{
  padding: 20px;
}
#sustainability .sus_table_style table{
  background: #FFF;
  width: 100%;
  border-left: 1px solid #A3A3A3;
  border-top: 1px solid #A3A3A3;
  border-right: 2px solid #A3A3A3;
  border-bottom: 2px solid #A3A3A3;
}
#sustainability .sus_table_style table th,
#sustainability .sus_table_style table td{
  border-left: 1px solid #A3A3A3;
  border-top: 1px solid #A3A3A3;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 5px;
}
#sustainability .sus_table_style table th{
  text-align: center;
}
#sustainability .sus_table_style table th.bold{
  font-weight: 700;
  color: #00469B;
}
#sustainability .sus_table_style table td.table_tytle{
  width: 150px;
}

#sustainability .column_2block, #sustainability .column_3block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

#sustainability .column_2block div.left {
  margin-right: 5%;
}

#sustainability .column_2block div {
  width: 47.5%;
}

#sustainability .column_3block div.left, #sustainability .column_3block div.center {
  margin-right: 5%;
}

#sustainability .column_3block div {
  width: 30%;
}

#sustainability .column_1block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  width: 47.5%;
  margin: 0 auto;
}





/* �ȉ��ˏ�d�@�\�t�g���lj� */

#sustainability .cover .wrap .content .sec01 .btn{
  width: 100%;
  margin-top:50px;
  margin-bottom: 50px;
  text-align: center;

}

#sustainability .cover .wrap .content .sec01 .btn a{
  width:30%;
  border: 1px solid #dcdcdc;
  color: #000;
  position: relative;
  box-sizing: border-box;
}

#sustainability .btn a{
  border: 1px solid #FFF;
  display: inline-block;
  padding: 25px 50px;
  color: #FFF;
  box-sizing: border-box;
  position: relative;
}

#sustainability .cover .wrap .content .sec01 .btn a:after{
  background: #00469A;
}

#sustainability .btn a:after{
  content:"";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFF;
  position: absolute;
  top: -4px;
  left:10px;
}

#sustainability .btn a:hover:after{
  animation:0.5s linear btn_anime;

}

#sustainability span.cat{
  visibility: hidden;
}