@charset "UTF-8";


@media only screen and (max-width:1220px){

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

  .pg_dsgs .section#sec2 {
    padding-bottom: 50px;
  }
  .sdgs_item_wrap .img{
    width:70%;
    margin: 0 auto;
  }
  .sdgs_item_wrap .st1 {
    line-height: 2.125em;
    letter-spacing: 0.05em;
    margin: 0;
  }

}

@media only screen and (max-width:1023px){

}


@media only screen and (max-width:767px){

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

  .pg_dsgs .section#sec1 {
    padding-bottom: 20px;
  }
  .pg_dsgs .section#sec2 {
    padding-bottom: 50px;
  }
  .sdgs_item_wrap .st1 {
    line-height: 2.125em;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .sdgs_item_wrap .box {
    margin-top: 20px;
  }
  .sdgs_item_wrap .text {
    padding-top: 25px;
  }
  .sdgs_item_wrap .box .img {
    margin: 0 auto;
  }
  .sdgs_item_wrap .box .initials {
    font-size: 40px;
    top: -34px;
  }
  .sdgs_item_wrap .box .initials:after {
    left:-11px;
  }
  .sdgs_item_wrap .box .text_box li {
    font-size: 13px;
    padding: 10px 10px 10px 35px;
    position: relative;
  }
  .sdgs_item_wrap .box .text .text_box li:before {
    left:12px
  }

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

  .pg_company .section#sec4{
    padding-top: 50px;
  }
  .philosophy ul{
    margin-top: 0;
  }
  .philosophy li {
    font-size:14px;
    width:100%;
    padding:10px;
  }
  .philosophy li:after{
    max-width: 100%;
  }
  .message_box {
    display: block;
  }
  .message_box .box1 {
    width: 70%;
    padding-top: 10px;
    margin: 0 auto;
  }
  .message_box .box2 {
    width:100%;
    padding:20px 10px;
  }
  .message_box .box2 .sign{
    text-align: center;
  }
  .message_box .box1 .daihyo .company {
    font-size:15px;
  }
  .message_box .box1 .daihyo .name {
    font-size:15px;
  }
  .pagenation .items .item {
    padding:10px 18px;
  }
  .pagenation .items .item:first-child:after {
    left: 72px;
    top: 23px;
  }
  .pagenation .items .item:last-child:after {
    left: 77px;
    top: 23px;
  }
  
  .company_tbl tr:nth-of-type(6) th,
  .company_tbl tr:nth-of-type(6) td{
    padding: 10px;
  }
}