@charset "UTF-8";

/*****************SDGs*********************/

.pg_dsgs .section#sec1 {
  padding-bottom: 74px;
}
.pg_dsgs .section#sec2 {
  padding-bottom: 10px;
}
.pg_dsgs .section#sec2 .tt2{
  margin-bottom: 45px;
}
.sdgs_item_wrap .source {
  letter-spacing: 0.05em;
  padding:30px 20px 0; 
}
.sdgs_item_wrap .img{
  text-align: center;
}
.sdgs_item_wrap .text {
  padding-top: 5px;
}
.sdgs_item_wrap .st1 {
  line-height: 2.125em;
  letter-spacing: 0.05em;
  margin:-20px;
}
.sdgs_item_wrap .text .txt {
  line-height: 2.125em;
  letter-spacing: 0.05em;
  padding-bottom: 10px;
  padding-top: 5px;
}
.sdgs_item_wrap .text .txt1 {
  line-height: 2.125em;
  letter-spacing: 0.05em;
  padding-bottom: 10px;
  padding-top: 20px;
}

.sdgs_item_wrap .box {
  background:#f5f5f5;
  position: relative;
  margin-top:85px;
  padding:20px 20px 27px;
}
.sdgs_item_wrap:f .text .txt
.sdgs_item_wrap .box:nth-child(n+3) .text .text_box li:nth-child(n+3) {
  padding:13px 30px 13px 60px;
  line-height: 2.1em;
}
.sdgs_item_wrap .box:nth-child(n+3) .text .text_box li:nth-child(n+3):before{
  top:35%;
}
.sdgs_item_wrap .box:nth-child(n+4) .text .text_box {
  margin-top:10px;
}
.sdgs_item_wrap .box .initials {
  font-size:49px;
  font-weight: normal;
  display: block;
  margin:0 auto;
  position: absolute;
  left: 0;
  top: -44px;
  width: 100%;
  text-align: center;
  line-height: 1.6;
}
.sdgs_item_wrap .box .initials:after {
  content: "";
  width: 49px;
  height: 8px;
  background: #e4d730;
  display: block;
  margin: 0 auto;
}
.sdgs_item_wrap .box .mean {
  font-size:22px;
  font-weight: 700;
  display: block;
  text-align: center;
  padding:36px 0 20px;
}
.sdgs_item_wrap .box .img {
  text-align: center;
  padding-bottom: 14px;
}
.sdgs_item_wrap .box .text_box li{
  color:#ffffff;
  background: #123784;
  letter-spacing: 0.05em;
  margin-top:5px;
  padding:17px 30px 17px 60px;
  position: relative;
}
.sdgs_item_wrap .box .text {

}
.sdgs_item_wrap .box .text .text_box li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color:#ffffff;
  position: absolute;
  left: 36px;
  top: 52%;
  font-size: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 0.0065em;
}


/*******************会社概要**********************/


.pg_company .section#sec1 {

}
.pg_company .section#sec2 {
}
.pg_company .section#sec3 {

}
.pg_company .section#sec4 {
  padding-top: 114px;
}
.pg_company {

}
.pg_company .philosophy {
  display: block;
  
  text-align: center;
}
.philosophy ul {
  display: inline-block;
  /*width: 680px;*/
  max-width: 100%;
  text-align: left;
  margin-top:-20px;
}
.philosophy li{
  font-size: 18px;
  letter-spacing: 0.08em;
  padding: 24px 0;
  position: relative;
}
.philosophy li:after{
  content: "";
  width: 680px;
  height: 1px;
  background: #b5b5b5;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  /*max-width: 100%;*/
}
/*.philosophy li span {
  width:350px;
  display: block;
  text-align: left;
  margin: 0 auto;
}*/
.philosophy {

}
.message_box {
  display: flex;
}
.message_box .box1 {
  width: 30%;
  padding-top: 10px;
}
.message_box .box1 .daihyo{
  text-align: center;
  padding-top: 15px;
}
.message_box .box1 .daihyo .company {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.message_box .box1 .daihyo .name {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding-top: 10px;
}
.message_box .box2 {
  width:70%;
  padding:0 0 0 27px;
}
.message_box .box2 .text {
  line-height: 2.125;
  letter-spacing: 0.05em;
}
.message_box .box2 .sign{
  text-align: right;
  margin-top: 10px;
}
.message_box .box1 .img {
  width:100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
} 
.message_box .box1 .img:before {
  content: "";
  display: block;
  padding-top: 120%;
}

.group_photo .img{
  width:100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.group_photo .img:before{
  content: "";
  display: block;
  padding-top: 49.83%;
}

.company_tbl th, .company_tbl td {
  padding:16px 30px;
}
.company_tbl tr:nth-of-type(5) th {
  vertical-align: middle;
}
.company_tbl tr:nth-of-type(6) th {
  vertical-align: top;
  padding:12px 30px;
}
.company_tbl tr:nth-of-type(6) td {
  padding:16px 30px;
}

.pagenation {
  border:1px solid #000000;
  background: #eeeeee;
  padding:15px 21px 15px 0;
  margin:106px 4px 0 5px;
} 
.pagenation .items {
  display: flex;
  text-align: center;
  justify-content: center;
}
.pagenation .items .item {
  /*  padding:10px 25px;*/
}
.pagenation .items .item a{
  display: block;
  width:80px;
}
.pagenation .items span.item {
  display: block;
  width: 23px;
}

.pagenation .items .item:last-child {
  position: relative
}
.pagenation .items .item:first-child {
  position: relative;
}
.pagenation .items .item:last-child:after{
  content: "\f061";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 82px;
  top:14px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}