#environment {
  padding-top: 7rem; }

.list_navi {
  padding-bottom: 4rem; }
  .list_navi ul {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .list_navi ul li {
      width: 54rem;
      list-style: none; }
      .list_navi ul li a {
        border: 0.1rem solid #EDEDED;
        display: block;
        padding-top: 1.4rem;
        padding-bottom: 2.4rem;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        position: relative; }
        .list_navi ul li a:after {
          content: "";
          width: 1.3rem;
          height: 0.8rem;
          background: url(../images/common/arrow_down.svg) 0 0 no-repeat;
          background-size: 100% auto;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          bottom: 1.0rem;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all  0.3s ease; }
        .list_navi ul li a:hover:after {
          bottom: 0.5rem; }

.environment_block {
  padding-top: 2rem;
  padding-bottom: 6rem; }
  .environment_block p {
    font-size: 1.5rem;
    line-height: 2.133; }
    .environment_block p span {
      font-size: 1.2rem; }

#policy .policy_block {
  padding-bottom: 4rem; }
  #policy .policy_block:last-of-type {
    padding-bottom: 0; }
  #policy .policy_block ol {
    padding-top: 3rem; }
    #policy .policy_block ol li {
      list-style: none;
      padding-left: 1.5em;
      text-indent: -1.5em;
      padding-bottom: 1em;
      font-size: 1.5rem; }
      #policy .policy_block ol li:last-child {
        padding-bottom: 0; }
      #policy .policy_block ol li span {
        color: #00BAA4;
        padding-right: 0.5em; }
  #policy .policy_block h4 {
    color: #00BAA4;
    font-size: 1.8rem;
    font-weight: 700;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 2rem;
    margin-bottom: 2rem; }

#management {
  padding-bottom: 12rem; }
  #management .management_inner {
    display: flex;
    flex-wrap: wrap; }
    #management .management_inner .txt {
      width: 88rem; }
    #management .management_inner .pic {
      margin-left: auto;
      width: 20rem; }

@media screen and (max-width: 767px) {
  #eyecatch h1 {
    font-size: 1.8rem; }

  #environment {
    padding-top: 3rem; }
    #environment .l_con {
      padding-left: 2rem;
      padding-right: 2rem; }

  .list_navi {
    padding-bottom: 2rem; }
    .list_navi ul li {
      width: calc(50% - 0.75rem);
      margin-bottom: 1rem; }
      .list_navi ul li a {
        padding-top: 1.0rem;
        padding-bottom: 2.2rem;
        font-size: 1.2rem; }
        .list_navi ul li a:after {
          width: 1.0rem;
          height: 0.6rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          bottom: 1.0rem; }
        .list_navi ul li a:hover:after {
          bottom: 0.5rem; }

  .environment_block {
    padding-top: 2rem;
    padding-bottom: 6rem; }
    .environment_block p {
      font-size: 1.3rem;
      line-height: 1.9; }
      .environment_block p span {
        font-size: 1.1rem; }

  #policy .policy_block {
    padding-bottom: 3rem; }
    #policy .policy_block ol {
      padding-top: 3rem; }
      #policy .policy_block ol li {
        font-size: 1.3rem;
        line-height: 1.9; }
    #policy .policy_block h4 {
      font-size: 1.6rem;
      padding-bottom: 1.0rem;
      margin-bottom: 1.0rem; }

  #management {
    padding-bottom: 6rem; }
    #management .management_inner .txt {
      width: 100%; }
    #management .management_inner .pic {
      width: 70%;
      margin: 0 auto;
      padding-top: 3rem; } }