/* CSR Content */
.sec-csr {
  padding: 66px 0 102px;
}

.sec-csr .csr-container {
  width: 984px;
  margin: 0 auto;
}

.sec-csr .txt {
  line-height: 2.1;
  text-align: center;
  letter-spacing: 1px;
}

.sec-csr .anchor-box {
  display: flex;
  justify-content: space-between;
  margin: 47px 0 89px;
  padding: 15px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background-color: #ffffff;
}

.sec-csr .anchor-box li {
  width: 310px;
  background-color: #f0f2f4;
  transition: background-color 0.5s;
  border-radius: 5px;
}

.sec-csr .anchor-box li a {
  display: block;
  line-height: 2.2;
  padding: 10px 0;
  color: #282a2b;
  font-weight: 500;
  text-align: center;
  letter-spacing: 3px;
  transition: color 0.5s;
}

@media (hover: hover) and (pointer: fine) {
  .sec-csr .anchor-box li:hover {
    background-color: #7cbe41;
  }

  .sec-csr .anchor-box li:hover a {
    color: #ffffff;
  }
}

/* Basic Content */
.sec-csr .basic {
  margin-bottom: 90px;
}

.sec-csr .sub-ttl {
  margin-bottom: 38px;
}

.sec-csr .semi-ttl {
  line-height: 2;
  margin: 55px 0 33px;
  font-family: "Shippori Mincho", serif;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1.4px;
}

.sec-csr .semi-ttl .semi-ttl-txt {
  position: relative;
  padding: 0 32px;
}

.sec-csr .semi-ttl .semi-ttl-txt::before,
.sec-csr .semi-ttl .semi-ttl-txt::after {
  position: absolute;
  top: 0;
  font-size: 28px;
  content: "“";
}

.sec-csr .semi-ttl .semi-ttl-txt::before {
  left: 0;
}

.sec-csr .semi-ttl .semi-ttl-txt::after {
  right: 0;
}

.sec-csr .semi-ttl+.semi-desc {
  line-height: 2.1;
  letter-spacing: 0.95px;
}

.sec-csr .basic-cnt {
  margin-bottom: 58px;
}

.sec-csr .info-box {
  position: relative;
  margin-top: 25px;
  padding: 26px 26px 34px 36px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background-color: #ffffff;
}

.sec-csr .info-box::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #7cbe41;
  content: "";
}

.sec-csr .info-box h4 {
  line-height: 1.4;
  margin-bottom: 23px;
  font-family: "Shippori Mincho", serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.sec-csr .info-box .info-txt {
  line-height: 1.88;
  margin-left: 5px;
  letter-spacing: 0.9px;
}

.sec-csr .border-ttl {
  line-height: 1.7;
  margin: 47px 0 27px;
  padding: 17px 0;
  border-top: 1px solid #262627;
  border-bottom: 1px solid #262627;
}

/* WEC Content */
.sec-csr .wec {
  margin-bottom: 69px;
}

.sec-csr .wec-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec-csr .wec-box .wec-card-area {
  display: flex;
}

.sec-csr .wec-box .wec-card {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 481px;
  margin-bottom: 23px;
  padding: 32px 38px 35px 35px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background-color: #ffffff;
  border-top: 6px solid #7cbe41;
}

.sec-csr .wec-box .card-ttl {
  position: relative;
  line-height: 1.4;
  margin-bottom: 27px;
  padding-bottom: 19px;
  font-family: "Shippori Mincho", serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.sec-csr .wec-box .card-ttl::before,
.sec-csr .wec-box .card-ttl::after {
  position: absolute;
  bottom: 0;
  left: 6px;
  content: "";
}

.sec-csr .wec-box .card-ttl::before {
  z-index: 1;
  width: 13px;
  height: 2px;
  background-color: #34343a;
}

.sec-csr .wec-box .card-ttl::after {
  width: 100%;
  height: 1px;
  background-color: #afafb7;
}

.sec-csr .wec-box .card-txt {
  flex: 1;
  line-height: 1.87;
  letter-spacing: 1px;
}

.sec-csr .wec-box .wec-card-area .wec-img {
  flex: 1;
}

.sec-csr .wec-box .wec-card-area:nth-child(1) .wec-img {
  width: 329px;
  margin: 11px auto 18px;
}

.sec-csr .wec-box .wec-card-area:nth-child(2) .wec-img {
  width: 392px;
  margin: 44px auto 16px;
}

.sec-csr .wec-box .wec-card-area:nth-child(3) .wec-img {
  width: 346px;
  margin: 84px 10px 120px;
}

.sec-csr .wec-box .wec-card-area:nth-child(4) .wec-img {
  width: 273px;
  margin: 35px auto 35px;
}

.sec-csr .wec-box .wec-card-area:nth-child(5) .wec-img {
  width: 392px;
  margin: 43px auto 49px;
}

/* Other Content */
.sec-csr .other-list {
  margin-top: 58px;
}

.sec-csr .other-list .other-item {
  margin-bottom: 33px;
  padding: 40px 20px 28px 34px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background: url("../img/company/img_other.jpg") no-repeat center/cover;
}

.sec-csr .other-list h4 {
  margin-bottom: 28px;
  font-family: "Shippori Mincho", serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
}

.sec-csr .other-list .other-box {
  width: 738px;
  line-height: 2.15;
  letter-spacing: 1px;
}

/* Ipad
-----------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {

  /*CSR Content*/
  .sec-csr {
    padding: 5.156vw 0 7.969vw;
  }

  .sec-csr .csr-container {
    width: 76.875vw;
  }

  .sec-csr .txt {
    letter-spacing: 0.078vw;
  }

  .sec-csr .anchor-box {
    margin: 3.672vw 0 6.953vw;
    padding: 1.172vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
  }

  .sec-csr .anchor-box li {
    width: 24.219vw;
    border-radius: 0.391vw;
  }

  .sec-csr .anchor-box li a {
    padding: 0.781vw 0;
    letter-spacing: 0.234vw;
  }

  /* Basic Content */
  .sec-csr .basic {
    margin-bottom: 7.031vw;
  }

  .sec-csr .sub-ttl {
    margin-bottom: 2.969vw;
  }

  .sec-csr .semi-ttl {
    margin: 4.297vw 0 2.578vw;
    font-size: 2.188vw;
    letter-spacing: 0.109vw;
  }

  .sec-csr .semi-ttl .semi-ttl-txt {
    padding: 0 2.5vw;
  }

  .sec-csr .semi-ttl .semi-ttl-txt::before,
  .sec-csr .semi-ttl .semi-ttl-txt::after {
    font-size: 2.188vw;
  }

  .sec-csr .semi-ttl+.semi-desc {
    letter-spacing: 0.074vw;
  }

  .sec-csr .basic-cnt {
    margin-bottom: 4.531vw;
  }

  .sec-csr .info-box {
    margin-top: 1.953vw;
    padding: 2.031vw 1.3vw 2.656vw 2.513vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
  }

  .sec-csr .info-box::before {
    width: 0.469vw;
  }

  .sec-csr .info-box h4 {
    margin-bottom: 1.797vw;
    font-size: 2.031vw;
    letter-spacing: 0.117vw;
  }

  .sec-csr .info-box .info-txt {
    margin-left: 0.391vw;
    letter-spacing: 0.07vw;
  }

  .sec-csr .border-ttl {
    margin: 3.672vw 0 2.109vw;
    padding: 1.328vw 0;
    border-top: 0.13vw solid #262627;
    border-bottom: 0.13vw solid #262627;
  }

  /* WEC Content */
  .sec-csr .wec {
    margin-bottom: 5.391vw;
  }

  .sec-csr .wec-box .wec-card {
    width: 37.578vw;
    margin-bottom: 1.797vw;
    padding: 2.5vw 2.534vw 2.734vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
    border-top: 0.469vw solid #7cbe41;
  }

  .sec-csr .wec-box .card-ttl {
    margin-bottom: 2.109vw;
    padding-bottom: 1.484vw;
    font-size: 2.031vw;
    letter-spacing: 0.117vw;
  }

  .sec-csr .wec-box .card-ttl::before,
  .sec-csr .wec-box .card-ttl::after {
    left: 0.469vw;
  }

  .sec-csr .wec-box .card-ttl::before {
    width: 1.016vw;
    height: 0.156vw;
  }

  .sec-csr .wec-box .card-ttl::after {
    height: 0.13vw;
  }

  .sec-csr .wec-box .card-txt {
    letter-spacing: 0.078vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(1) .wec-img {
    width: 25.703vw;
    margin: 0.859vw auto 1.406vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(2) .wec-img {
    width: 30.625vw;
    margin: 3.438vw auto 1.25vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(3) .wec-img {
    width: 27.031vw;
    margin: 6.563vw 0.781vw 9.375vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(4) .wec-img {
    width: 21.328vw;
    margin: 2.734vw auto 2.734vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(5) .wec-img {
    width: 30.625vw;
    margin: 3.359vw auto 3.828vw;
  }

  /* Other Content */
  .sec-csr .other-list {
    margin-top: 4.531vw;
  }

  .sec-csr .other-list .other-item {
    margin-bottom: 2.578vw;
    padding: 3.125vw 1.563vw 2.188vw 2.656vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
  }

  .sec-csr .other-list h4 {
    margin-bottom: 2.188vw;
    font-size: 1.719vw;
    letter-spacing: 0.078vw;
  }

  .sec-csr .other-list .other-box {
    width: 57.656vw;
    letter-spacing: 0.078vw;
  }

}

/* SP
-----------------------------------------------------------------*/
@media only screen and (max-width: 767.9px) {

  /* CSR Content */
  .sec-csr {
    padding: 9.415vw 0 18.454vw;
  }

  .sec-csr .csr-container {
    width: 100%;
  }

  .sec-csr .txt {
    line-height: 2;
    text-align: left;
    letter-spacing: 0.254vw;
  }

  .sec-csr .anchor-box {
    flex-wrap: wrap;
    margin: 6.107vw 0 12.532vw;
    padding: 6.607vw 5.852vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
  }

  .sec-csr .anchor-box li {
    width: 100%;
    margin-bottom: 4.735vw;
    border-radius: 1.272vw;
  }

  .sec-csr .anchor-box li:last-child {
    margin-bottom: 0;
  }

  .sec-csr .anchor-box li a {
    padding: 3.162vw 0;
    letter-spacing: 0.763vw;
  }

  /* Basic Content */
  .sec-csr .basic {
    margin-bottom: 17.857vw;
  }

  .sec-csr .sub-ttl {
    margin-bottom: 6.261vw;
  }

  .sec-csr .semi-ttl {
    line-height: 1.7;
    margin: 12.314vw 0 5.444vw;
    font-size: 5.089vw;
    text-align: left;
    letter-spacing: 0.28vw;
  }

  .sec-csr .semi-ttl .semi-ttl-txt {
    padding: 0 5.498vw;
  }

  .sec-csr .semi-ttl .semi-ttl-txt::before,
  .sec-csr .semi-ttl .semi-ttl-txt::after {
    top: 0.537vw;
    font-size: 5.598vw;
  }

  .sec-csr .semi-ttl+.semi-desc {
    line-height: 2;
    letter-spacing: 0.254vw;
  }

  .sec-csr .basic-cnt {
    margin-bottom: 0;
  }

  .sec-csr .info-box {
    margin-top: 6.361vw;
    padding: 5.598vw 4.58vw 5.898vw 5.852vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
  }

  .sec-csr .info-box::before {
    width: 1.527vw;
  }

  .sec-csr .info-box h4 {
    margin-bottom: 5.035vw;
    font-size: 5.089vw;
    letter-spacing: 0.301vw;
  }

  .sec-csr .info-box .info-txt {
    line-height: 1.87;
    margin-left: 0;
    letter-spacing: 0.22vw;
  }

  .sec-csr .border-ttl {
    line-height: 1.2;
    margin: 8.906vw 0 5.089vw;
    padding: 5.053vw 0;
    text-align: center;
    border-top: 0.296vw solid #262627;
    border-bottom: 0.296vw solid #262627;
  }

  /* WEC Content */
  .sec-csr .wec {
    margin-bottom: 12.059vw;
  }

  .sec-csr .wec-content {
    margin-bottom: 8.906vw;
  }

  .sec-csr .wec .semi-ttl {
    margin: 5.952vw 0 5.507vw;
  }

  .sec-csr .wec-box .wec-card {
    width: 100%;
    margin-bottom: 4.326vw;
    padding: 6.87vw 5.77vw 7.86vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
    border-top: 1.527vw solid #7cbe41;
  }

  .sec-csr .wec-box .card-ttl {
    margin-bottom: 6.725vw;
    padding-bottom: 5.135vw;
    font-size: 5.598vw;
    letter-spacing: 0.282vw;
  }

  .sec-csr .wec-box .card-ttl::before,
  .sec-csr .wec-box .card-ttl::after {
    left: 1.527vw;
  }

  .sec-csr .wec-box .card-ttl::before {
    width: 3.308vw;
    height: 0.509vw;
  }

  .sec-csr .wec-box .card-ttl::after {
    height: 0.296vw;
  }

  .sec-csr .wec-box .card-txt {
    letter-spacing: 0.24vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(1) .wec-img {
    width: 66.667vw;
    margin: 4.326vw auto 4.852vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(2) .wec-img {
    width: 65.14vw;
    margin: 6.696vw auto 7.526vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(3) .wec-img {
    width: 65.903vw;
    margin: 8.774vw auto 8.034vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(4) .wec-img {
    width: 47.074vw;
    margin: 5.206vw auto 3.006vw;
  }

  .sec-csr .wec-box .wec-card-area:nth-child(5) .wec-img {
    width: 100%;
    margin: 11.441vw auto 10.868vw;
  }

  .sec-csr .wec-box .wec-card .link {
    line-height: 1.6;
  }

  .sec-csr .wec-box .wec-card .link .ico-link::before {
    top: 1.099vw;
  }

  /* Other Content */
  .sec-csr .other-list {
    margin-top: 12.214vw;
  }

  .sec-csr .other-list .other-item {
    margin-bottom: 0;
    background: url("../img/company/img_other_sp.jpg") no-repeat bottom/contain, #ffffff;
    padding: 7.978vw 5.089vw 30.97vw 5.851vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
  }

  .sec-csr .other-list h4 {
    margin-bottom: 5.879vw;
    font-size: 5.598vw;
    letter-spacing: 0.354vw;
  }

  .sec-csr .other-list .other-box {
    width: 100%;
    line-height: 1.88;
    letter-spacing: 0.255vw;
  }



}