.ld-letter__bunner__box--14 {
  background: url("../../assets/img/img-ld14@2x.jpg") no-repeat center center;
  background-size: cover
}

.ld-letter__bunner__box--13 {
  background: url("../../assets/img/img-ld13@2x.jpg") no-repeat center center;
  background-size: cover
}

.ld-letter__bunner__box--12 {
  background: url("../../assets/img/img-ld12@2x.jpg") no-repeat center center;
  background-size: cover
}

.ld-letter__bunner__box--10 {
  background: url("../../assets/img/img-ld10@2x.jpg") no-repeat center center;
  background-size: cover
}

.ld-letter__bunner__box--11 {
  background: url("../../assets/img/img-ld11@2x.jpg") no-repeat center center;
  background-size: cover
}

[class*="ld-letter--vol"] .ld-letter__contents .ld-letter__btn__icon {
  font-size: 13px;
}
[class*="ld-letter--vol"] .ld-letter__contents .ld-letter__btn__icon a {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-right: 20px;
}

@media (min-width:961px) {
  [class*="ld-letter--vol"] .ld-letter__front__bottom h3 {
    text-align: center;
  }
  .ld-letter--vol10 {
    overflow: hidden;
    padding: 0 100px
  }
}

.ld-letter--vol10 .ld-letter__front__top h4 {
  margin-right: 23px
}

.ld-letter--vol10 .ld-letter__front__top p {
  font-size: 11px;
  padding-right: 25px;
  margin-right: 25px
}

.ld-letter--vol10 .ld-letter__front__top p.icon-community-enrichment:before {
  height: 19px;
  top: calc(50% - 10px);
  width: 19px
}

@media (min-width:961px) {
  .ld-letter--vol10 .ld-letter__front__bottom h3 {
    text-align: center
  }
}

.ld-letter--vol10 .ld-letter__main p {
  line-height: 2
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__btn__icon {
  font-size: 13px
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__text {
  margin: 70px auto 70px auto
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__text p span {
  font-size: 10px
}

@media (min-width:961px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__text--width540 {
    width: 540px
  }
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__img__front {
  width: 540px;
  max-width: 100%;
  margin: 0 auto
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__table--orange {
  background-color: rgba(234, 172, 55, 0.2);
  margin: 40px auto 40px auto
}

@media (min-width:961px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__table--orange {
    padding: 50px 90px;
    margin: 40px auto 40px auto
  }
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__table--gray {
  background-color: #eaeaea
}

@media (min-width:961px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__table--gray {
    padding: 50px 235px
  }
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__table table th {
  padding-right: 50px
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__block {
  margin: 0 auto 30px auto
}

@media (min-width:961px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__block--width730 {
    width: 730px
  }
}

@media (min-width:961px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__block--width850,
  [class*="ld-letter--vol"] .ld-letter__block--width850 {
    width: 850px
  }
  [class*="ld-letter--vol"] .ld-letter__block--width730 {
    width: 730px
  }
  [class*="ld-letter--vol"] .ld-letter__block--width630 {
    width: 630px
  }
  [class*="ld-letter--vol"] .ld-letter__text--width540 {
    width: 540px
  }
  [class*="ld-letter--vol"] .ld-letter__block--width530 {
    width: 530px
  }
  [class*="ld-letter--vol"] .ld-letter__block--align-center {
    align-items: center;
  }
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__block--width850 .ld-letter__box {
  margin: 0 0 30px 0
}

@media (min-width:961px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__block--width850 .ld-letter__box--half,
  [class*="ld-letter--vol"] [class*="ld-letter__block--width"] .ld-letter__box--half {
    width: 49%
  }
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__block--width850 .ld-letter__box:first-child .ld-letter__box__pic img {
  width: 100%
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__block__vol10-01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 850px;
  max-width: 100%;
  margin: 0 auto 70px auto;
  padding-bottom: 90px
}

@media (max-width:600px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__block__vol10-01 {
    display: block;
    width: 100%;
    max-width: none
  }
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__block__vol10-01:after {
  background: #231815;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: calc(50% - 150px);
  position: absolute;
  width: 300px;
  margin: auto auto 20px auto
}

.ld-letter--vol10 .ld-letter__contents .ld-letter__block__vol10-01 div {
  width: 49%;
  margin-bottom: 10px
}

@media (max-width:600px) {
  .ld-letter--vol10 .ld-letter__contents .ld-letter__block__vol10-01 div {
    width: 100%
  }
}

@media (min-width:961px) {
  .ld-letter--vol11 {
    overflow: hidden;
    padding: 0 100px
  }
}

.ld-letter--vol11 .ld-letter__front__top h4 {
  margin-right: 23px;
  letter-spacing: -2px;
  padding-right: 20px
}

.ld-letter--vol11 .ld-letter__front__top p {
  display: flex;
  align-items: center;
  font-size: 10px;
  padding-right: 20px;
  margin-right: 20px
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__front__top p {
    margin-bottom: 5px
  }
}

.ld-letter--vol11 .ld-letter__front__top p.icon__community-enrichment:before {
  content: "";
  display: inline-block;
  background: url(../../assets/img/icon_ld-vision01@2x.png) no-repeat center center/contain;
  width: 14px;
  height: 14px;
  margin-right: 5px
}

.ld-letter--vol11 .ld-letter__front__top p.icon__vibrant-design:before {
  content: "";
  display: inline-block;
  background: url(../../assets/img/icon_ld-vision10@2x.png) no-repeat center center/contain;
  width: 16px;
  height: 16px;
  margin-right: 5px
}

.ld-letter--vol11 .ld-letter__front__top p.icon__special-framework:before {
  content: "";
  display: inline-block;
  background: url(../../assets/img/icon_ld-vision03@2x.png) no-repeat center center/contain;
  width: 16px;
  height: 18px;
  margin-right: 5px
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__front__bottom h3 {
    text-align: center
  }
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__contents .ld-letter__img {
    width: 480px
  }
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__img .ld-letter__img__front p {
  text-align: left
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__contents .ld-letter__text {
    margin: 35px auto
  }
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__contents .ld-letter__text {
    margin: 20px 0 40px 0
  }
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__table {
  position: relative
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__contents .ld-letter__table {
    padding: 50px 80px 50px 200px;
    margin: 20px auto 140px auto
  }
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__table:after {
  content: "";
  position: absolute;
  left: calc(50% - 245px);
  bottom: -50px;
  width: 490px;
  height: 1px;
  background-color: #727171
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__contents .ld-letter__table:after {
    left: calc(50% - 123px);
    bottom: -30px;
    width: 245px
  }
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__contents .ld-letter__text--width540 {
    width: 540px
  }
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__btn__icon {
  font-size: 13px
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__btn__icon a {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-right: 20px
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__btn__icon a:first-child {
  padding-left: 20px
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__btn__icon a.icon__community-enrichment:before {
  content: "";
  display: inline-block;
  background: url(../../assets/img/icon_ld-vision01@2x.png) no-repeat center center/contain;
  width: 20px;
  height: 20px;
  margin-right: 15px
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__btn__icon a.icon__vibrant-design:before {
  content: "";
  display: inline-block;
  background: url(../../assets/img/icon_ld-vision10@2x.png) no-repeat center center/contain;
  width: 20px;
  height: 20px;
  margin-right: 15px
}

.ld-letter--vol11 .ld-letter__contents .ld-letter__btn__icon a.icon__special-framework:before {
  content: "";
  display: inline-block;
  background: url(../../assets/img/icon_ld-vision03@2x.png) no-repeat center center/contain;
  width: 22px;
  height: 25px;
  margin-right: 15px
}

.ld-letter--vol11 .ld-letter__lmblock {
  position: relative;
  margin-bottom: 90px
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__lmblock {
    margin-bottom: 45px
  }
}

.ld-letter--vol11 .ld-letter__lmblock:after {
  content: "";
  position: absolute;
  left: calc(50% - 245px);
  bottom: 0;
  width: 490px;
  height: 1px;
  background-color: #727171
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__lmblock:after {
    left: calc(50% - 123px);
    width: 245px
  }
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__lmblock__l {
    width: 850px;
    margin: 0 auto 35px auto
  }
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__lmblock__l {
    margin-bottom: 25px
  }
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__lmblock__m {
    width: 480px;
    margin: 0 auto 35px auto
  }
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__lmblock__m {
    margin-bottom: 25px
  }
}

.ld-letter--vol11 .ld-letter__lmblock__bottom__img {
  text-align: center;
  margin-bottom: 60px
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__lmblock__bottom__img {
    margin-bottom: 30px
  }
}

@media (min-width:961px) {
  .ld-letter--vol11 .ld-letter__lmblock__bottom__text {
    width: 700px;
    margin: 0 auto
  }
}

.ld-letter--vol11 .ld-letter__lmblock__bottom__text h5 {
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 45px
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__lmblock__bottom__text h5 {
    font-size: 18px;
    padding-bottom: 20px
  }
}

.ld-letter--vol11 .ld-letter__lmblock__bottom__text p {
  line-height: 1.8;
  padding-bottom: 45px
}

@media (max-width:960px) {
  .ld-letter--vol11 .ld-letter__lmblock__bottom__text p {
    padding-bottom: 30px
  }
}

.ld-letter--vol11 .ld-letter__lmblock--last:after {
  display: none
}


@media (min-width: 961px) {
  /* h2ではなく、親のクラス名に対して指定する */
  .ld-letter--vol12,
  .ld-letter--vol13,
  .l-contents.ld-letter[class*="ld-letter--vol"] {
    overflow: hidden;
    padding: 0 100px;
    width: 1000px; /* ここが重要 */
  }
}

.ld-letter--vol14 .ld-letter__front__top p.icon-legacy:before {
  width: 14px;
  height: 14px;
  top: calc(50% - 9px);
}
.ld-letter--vol14 .ld-letter__btn__icon .icon-environmental-symbiosis:before,
.ld-letter--vol14 .ld-letter__btn__icon .icon-legacy:before {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
}