.company .button {
  display: block;
}

.company__bg {
  position: relative;
  width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fff6c0));
	background: -webkit-linear-gradient(top, #ffffff 0%, #fff6c0 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #fff6c0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #fff6c0 100%);
	background: linear-gradient(180deg, #ffffff 0%, #fff6c0 100%);
	background-color: #fff;

}

.company .lower__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  padding-bottom: 6rem;
  text-align: left;
}

.company .lower__title:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 3rem;
  background: url(../images/common/icon_title.png) center/contain no-repeat;
}

@media screen and (max-width: 768px) {
  .company .lower__title {
    font-size: 2rem;
    line-height: 1;
    gap: 1.2rem;
    padding-bottom: 4rem;
  }
}

.company .v-text {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2;
}

.company .lower__titleEng {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "sculpin", sans-serif;
  letter-spacing: 0.1em;
  line-height: 3.6;
  color: #f1ca02;
}

@media screen and (max-width: 768px) {
  .company .lower__titleEng {
    font-size: 1.2rem;
    line-height: 4.17;
  }
}

.company .about {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  padding-top: 11rem;
}

@media screen and (max-width: 768px) {
  .company .about {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    min-width: 10px;
  }
}

@media print {
  .company .about {
    width: 1024px;
  }
}

@media screen and (max-width: 768px) {
  .company .about {
    padding-top: 11.5rem;
  }
}

@media screen and (max-width: 768px) {
  .company .about .lower__title {
    font-size: 2rem;
    line-height: 0.6;
    padding-bottom: 1rem;
    gap: 1.2rem;
  }
}

.company .about__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  margin-bottom: 5rem;
  
}

@media screen and (max-width: 768px) {
  .company .about__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1rem;
  }
}

.company .about__pic {
  width: 48.5rem;
  aspect-ratio: 125/79;
  -moz-background-size: 100% auto;
       background-size: 100% auto;
  text-align:center;
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .company .about__pic {
    width: 100%;
    text-align:center;
    font-size: 1.2rem;

  }
}

.company .about__textBox {
  width: 54rem;
}

@media screen and (max-width: 769px) {
  .company .about__textBox {
    width: 100%;
  }
}

.company .about__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 1.8rem 0.7rem 1rem;
}

.company .about__row:last-child {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  .company .about__row {
    padding: 1.5rem 0.7rem 1rem;
  }
  .company .about__row:first-child {
    border-top: none;
  }
  .company .about__row:nth-child(2) .about__rowTtl {
    line-height: 1.6;
  }
  .company .about__row:last-child {
    border-bottom: none;
  }
}

.company .about__rowTtl {
  display: inline-block;
  width: 15rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
  .company .about__rowTtl {
    width: 15rem;
    line-height: 1.8;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

.company .about__text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.05em;
}

.company .about .indent {
  display: inline-block;
  margin-left: 2rem;
  text-indent: -2rem;
}

.company .about__contact__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.6rem 0;
  border-bottom: 1px solid #efefef;
}

.company .about__contact__row:first-child {
  padding-top: 0;
}

.company .about__contact__row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.company .about__contact__ttl {
  width: 5.1rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 1.5rem;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .company .about__contact__ttl {
    width: 4.7rem;
    line-height: 1.6;
    font-weight: normal;
  }
}

.company .about__contact__detail {
  line-height: 1.6;
  font-size: 1.5rem;
  font-weight: 500;
}

@media screen and (max-width: 769px) {
  .company .about__contact__detail {
    font-weight: normal;
  }
}

.company .customer {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  padding-top: 5.5rem;
  padding-bottom: 9rem;
}

@media screen and (max-width: 768px) {
  .company .customer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    min-width: 10px;
  }
}

@media print {
  .company .customer {
    width: 1024px;
  }
}

@media screen and (max-width: 768px) {
  .company .customer {
    padding-bottom: 6rem;
    padding-top: 0;
  }
}

.company .customer .lower__title {
  padding-bottom: 2rem;
}

.company .customer__area {
  padding: 5rem 6rem 3.2rem;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .company .customer__area {
    padding: 3rem 2rem;
  }
}

.company .customer__area .customer__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.company .customer__area .customer__container__txt {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0 1rem 0 0;
  letter-spacing: 0.05em;
  display: block;
}

.company .customer__area .customer__container__txt::after {
  content: '｜';
  display: inline-block;
  padding: 0 0 0 1rem;
  color: #ffa000;
}

.company .customer__area .customer__container__txt:last-child::after {
  display: none;
}

@media screen and (max-width: 769px) {
  .company .customer__area .customer__container__txt {
    margin-bottom: 1rem;
  }
}

.company .customer__area .customer__container__rightTxt {
  text-align: right;
  font-size: 1.5rem;
  line-height: 2.67;
  letter-spacing: 0.05em;
}

.company .history {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  padding-top: 13rem;
}

@media screen and (max-width: 768px) {
  .company .history {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    min-width: 10px;
  }
}

@media print {
  .company .history {
    width: 1024px;
  }
}

@media screen and (max-width: 768px) {
  .company .history {
    padding-top: 4rem;
  }
}

.company .history .lower__title {
  padding-bottom: 5rem;
}

@media screen and (max-width: 768px) {
  .company .history .lower__title {
    padding-bottom: 2.3rem;
  }
}

.company .history__list {
  position: relative;
}

.company .history__list::before {
  top: 1rem;
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: 98%;
  left: 8rem;
  background-color: #efefef;
}

@media screen and (max-width: 769px) {
  .company .history__list::before {
    height: 98%;
  }
}

@media screen and (max-width: 768px) {
  .company .history__list::before {
    left: 6.9rem;
  }
}

.company .history__listItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
}

.company .history__listItem:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .company .history__listItem {
    margin-bottom: 1rem;
  }
}

.company .history__date {
  position: relative;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: 0.1em;
  padding-right: 2.8rem;
  display: block;
  padding-top: 0.8rem;
}

.company .history__date::after {
  width: 0.8rem;
  height: 0.8rem;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  content: '';
  position: absolute;
  right: 0;
  top: 60%;
  background-color: #f1ca02;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 769px) {
  .company .history__date::after {
    right: -5%;
    top: 65%;
  }
}

@media screen and (max-width: 768px) {
  .company .history__date {
    white-space: nowrap;
    width: 7rem;
    padding-right: 1.3rem;
  }
}

.company .history__details {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.05em;
  padding-left: 2rem;
}

@media screen and (max-width: 768px) {
  .company .history__details {
    padding-left: 1.2rem;
    font-weight: normal;
  }
}

.company .history__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 769px) {
  .company .history__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }
}

.company .history__block {
  width: -webkit-calc(100% / 2 - 15px);
  width: -moz-calc(100% / 2 - 15px);
  width: calc(100% / 2 - 15px);
  background-color: #fff;
  padding-left: 4.2%;
}

@media screen and (max-width: 769px) {
  .company .history__block {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 40px;
    padding-bottom: 2.5rem;
  }
}
.company .history__blockTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 15px;
  margin-bottom: 12px;
  letter-spacing: 0.1em;
}

.company .history__blockTitle:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/company/icon_company.svg") center/contain no-repeat;
  margin-right: 10px;
}










.company .office {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  padding-top: 10.9rem;
  padding-bottom: 12.7rem;
}

@media screen and (max-width: 768px) {
  .company .office {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    min-width: 10px;
  }
}

@media print {
  .company .office {
    width: 1024px;
  }
}

@media screen and (max-width: 768px) {
  .company .office {
    padding-top: 5rem;
    padding-bottom: 6rem;
  }
}

.company .office .lower__title {
  padding-bottom: 6rem;
}

@media screen and (max-width: 768px) {
  .company .office .lower__title {
    padding-bottom: 3rem;
  }
}

.company .office__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 769px) {
  .company .office__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }
}

.company .office__block {
  width: -webkit-calc(100% / 3 - 15px);
  width: -moz-calc(100% / 3 - 15px);
  width: calc(100% / 3 - 15px);
  height: 363px;
  background-color: #fff;
  padding-left: 4.2%;
}
.company .office__block_b {
  width: -webkit-calc(100% / 3 - 15px);
  width: -moz-calc(100% / 3 - 15px);
  width: calc(100% / 3 - 15px);
  height: 363px;
  padding-left: 4.2%;
}

@media screen and (max-width: 769px) {
  .company .office__block {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 40px;
    padding-bottom: 2.5rem;
  }
}

.company .office__imgWrap {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 30px;
}

.company .office__blockTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 15px;
  margin-bottom: 12px;
  letter-spacing: 0.1em;
}

.company .office__blockTitle:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/company/icon_company.svg") center/contain no-repeat;
  margin-right: 10px;
}

.company .office__add {
  font-size: 15px;
  letter-spacing: 0em;
  line-height: 1.6;
}

.company .buttonArea {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .company .buttonArea {
    margin: 0 auto;
    padding-top: 0.5rem;
  }
}

.company__button {
  position: absolute;
  z-index: 10;
  background-color: #ffa000;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.4s, -webkit-filter 0.4s;
  transition: opacity 0.4s, -webkit-filter 0.4s;
  -o-transition: opacity 0.4s, filter 0.4s;
  -moz-transition: opacity 0.4s, filter 0.4s;
  transition: opacity 0.4s, filter 0.4s;
  transition: opacity 0.4s, filter 0.4s, -webkit-filter 0.4s;
}

@media screen and (min-width: 769px) {
  .company__button:hover {
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
    opacity: 0.8;
  }
  .company__button:hover .button__icon:before {
    scale: 1.2;
  }
  .company__button:hover .button__icon:after {
    -webkit-filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(340deg) brightness(105%) contrast(102%);
            filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(340deg) brightness(105%) contrast(102%);
  }
}

.company__button .button__icon {
  position: relative;
  overflow: hidden;
}

.company__button .button__icon:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #ffa000;
  scale: 0;
  -webkit-transition: scale 0.4s ease;
  -o-transition: scale 0.4s ease;
  -moz-transition: scale 0.4s ease;
  transition: scale 0.4s ease;
}

.company__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 769px) {
  .company__link {
    top: 40%;
    left: 51%;
  }
}

.company__text {
  margin-bottom: 5rem;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
  -webkit-filter: drop-shadow(0px 3px 30px black);
          filter: drop-shadow(0px 3px 30px black);
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s;
}

@media screen and (max-width: 769px) {
  .company__text {
    margin-bottom: 1.24rem;
    font-size: 1.6rem;
  }
}

.company .button__icon {
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width: 769px) {
  .company .button__icon {
    width: 2.8rem;
    height: 2.8rem;
    margin-bottom: 0;
  }
}

.company .button__icon:after {
  width: 1rem;
  height: 1rem;
}

@media screen and (max-width: 769px) {
  .company .button__icon:after {
    width: 1rem;
    height: 1rem;
  }
}

.company .sdg {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  padding-top: 15rem;
  padding-bottom: 16rem;
}

@media screen and (max-width: 768px) {
  .company .sdg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    min-width: 10px;
  }
}

@media print {
  .company .sdg {
    width: 1024px;
  }
}

@media screen and (max-width: 768px) {
  .company .sdg {
    padding-top: 5rem;
    padding-bottom: 10rem;
  }
}

.company .sdg .lower__title {
  padding-bottom: 5rem;
}

@media screen and (max-width: 768px) {
  .company .sdg .lower__title {
    padding-bottom: 0;
  }
}

.company .sdg .lower__titleEng02 {
  letter-spacing: 0.1em;
  color: #ffa000;
  font-family: "sculpin", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  display: none;
  padding-left: 3.4rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .company .sdg .lower__titleEng02 {
    display: block;
    font-weight: normal;
    margin-bottom: 3.5rem;
  }
}

.company .sdg__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
}

@media screen and (max-width: 768px) {
  .company .sdg__inner {
    gap: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.company .sdg__img {
  width: 56rem;
  height: 35rem;
}

@media screen and (max-width: 768px) {
  .company .sdg__img {
    width: 100%;
    height: auto;
  }
}

.company .sdg.buttonArea {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .company .sdg.buttonArea {
    margin: 0 auto;
  }
}

.company .sdg__details__ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .company .sdg__details__ttl {
    font-size: 1.6rem;
    line-height: 1.63;
    margin-bottom: 1rem;
  }
}

.company .sdg__details__txt {
  font-size: 1.5rem;
  line-height: 1.73;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 5.9rem;
}

@media screen and (max-width: 768px) {
  .company .sdg__details__txt {
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.65;
  }
}
/*********************************/


.company .envSec {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  padding-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .company .envSec {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    min-width: 10px;
  }
}

@media print {
  .company .envSec {
    width: 1024px;
  }
}

@media screen and (max-width: 768px) {
  .company .envSec {
    padding-top: 1rem;
    padding-bottom: 5rem;
  }
}

.company .envSec .lower__title {
  padding-bottom: 5rem;
}

@media screen and (max-width: 768px) {
  .company .envSec .lower__title {
    padding-bottom: 0;
  }
}

.company .envSec .lower__titleEng02 {
  letter-spacing: 0.1em;
  color: #ffa000;
  font-family: "sculpin", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  display: none;
  padding-left: 3.4rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .company .sdenvSec .lower__titleEng02 {
    display: block;
    font-weight: normal;
    margin-bottom: 3.5rem;
  }
}


.envSec__object {
	position: relative;
	margin-bottom: 80px
}
@media screen and (max-width:769px) {
	.envSec__object {
		margin-bottom: 4.5rem
	}
}
.envSec__svgWrap {
	position: absolute;
	top: 94px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
@media screen and (max-width:769px) {
	.envSec__svgWrap {
		left: -40vw;
		-webkit-transform: translateX(-50%) rotate(35deg);
		transform: translateX(-50%) rotate(35deg);
		width: 100%;
		height: 172%;
		margin-bottom: 0
	}
}
.envSec__svgWrap.is-view #text-line, .envSec__svgWrap.is-view #text-lineSP {
	opacity: 1
}
.envSec__svgWrap.is-view #mask-lineSP {
	-webkit-animation: line-draw 3s linear 0s forwards;
	animation: line-draw 3s linear 0s forwards
}
.envSec #text-line, .envSec #text-lineSP {
	fill: none;
	stroke: rgb(120, 130, 20);
	stroke-width: 1px;
	stroke-linecap: round;
	stroke-dasharray: 2 6!important;
	stroke-dashoffset: 0!important;
	opacity: 0;
	-webkit-transform: translate3d(48px, -4626px, 0px) rotate(0.0001deg);
	transform: translate3d(48px, -4626px, 0px) rotate(0.0001deg)
}
@media screen and (max-width:769px) {
	.envSec #text-line, .envSec #text-lineSP {
		-webkit-transform: translate3d(78px, -4624px, 0px) rotate(0.0001deg);
		transform: translate3d(78px, -4624px, 0px) rotate(0.0001deg)
	}
}
.envSec #mask {
	position: relative
}
.envSec #mask-line, .envSec #mask-lineSP {
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	stroke-dasharray: 2000px;
	-webkit-transform: translate3d(48px, -4626px, 0px) rotate(0.0001deg);
	transform: translate3d(48px, -4626px, 0px) rotate(0.0001deg)
}
@media screen and (max-width:769px) {
	.envSec #mask-line, .envSec #mask-lineSP {
		-webkit-transform: translate3d(78px, -4624px, 0px) rotate(0.0001deg);
		transform: translate3d(78px, -4624px, 0px) rotate(0.0001deg)
	}
}
@-webkit-keyframes line-draw {
	0% {
		stroke-dashoffset: 2000px
	}
	to {
		stroke-dashoffset: 0
	}
}
@keyframes line-draw {
	0% {
		stroke-dashoffset: 2000px
	}
	to {
		stroke-dashoffset: 0
	}
}
.envSec__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 82px
}
@media screen and (max-width:769px) {
	.envSec__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0;
		padding-left: 1.6rem;
		padding-right: 1.6rem
	}
}
.envSec__item:nth-child(2) {
	margin-top: 50px
}
@media screen and (max-width:769px) {
	.envSec__item {
		position: relative;
		width: 100%
	}
	.envSec__item:nth-child(2) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		margin-top: 0
	}
}
.envSec__item.is-active .envSec__bg--backmost, .envSec__item.is-active .envSec__bg--foremost, .envSec__item.is-active .envSec__bg--middle, .envSec__item.is-active .envSec__icon, .envSec__item.is-active .envSec__itemText, .envSec__item.is-active .envSec__num {
	opacity: 1
}
.envSec__imgWrap {
	position: relative;
	width: 253px;
	height: 214px;
	margin-bottom: 30px
}
@media screen and (max-width:769px) {
	.envSec__imgWrap {
		margin-bottom: 0;
		width: 56vw;
		height: 56vw
	}
	.envSec__item:nth-child(2) .envSec__imgWrap {
		margin-left: auto;
		margin-right: 0
	}
}
.envSec .envSec__bg--backmost, .envSec .envSec__bg--foremost, .envSec .envSec__bg--middle, .envSec .envSec__icon, .envSec .envSec__itemText, .envSec .envSec__num {
	opacity: 0
}
.envSec__bg--backmost {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url("../images/company/icon_bg01.png") center/contain no-repeat;
	-webkit-transition: opacity 0.3s linear 0s;
	transition: opacity 0.3s linear 0s
}
@media screen and (max-width:769px) {
	.envSec__item:nth-child(2) .envSec__bg--backmost {
		width: 97%;
		left: 50%
	}
	.envSec__item:nth-child(3) .envSec__bg--backmost {
		top: 46%;
		left: 57%
	}
}
.envSec__bg--middle {
	position: absolute;
	top: 52%;
	left: 48%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
	width: 87%;
	height: 87%;
	background: url("../images/company/icon_bg02.png") center/contain no-repeat;
	-webkit-transition: opacity 0.5s linear 0.2s;
	transition: opacity 0.5s linear 0.2s
}
@media screen and (max-width:769px) {
	.envSec__item:nth-child(2) .envSec__bg--middle {
		top: 50%;
		left: 50%;
		width: 81%;
		height: 83%
	}
	.envSec__item:nth-child(3) .envSec__bg--middle {
		top: 47%;
		left: 53%
	}
}
.envSec__bg--foremost {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 4;
	width: 67%;
	height: 67%;
	background: url("../images/company/icon_bg03.png") center/contain no-repeat;
	-webkit-transition: opacity 0.5s linear 0.4s;
	transition: opacity 0.5s linear 0.4s
}
@media screen and (max-width:769px) {
	.envSec__bg--foremost {
		top: 53%;
		left: 47%;
		width: 63%;
		height: 63%
	}
	.envSec__item:nth-child(2) .envSec__bg--foremost {
		top: 49%;
		left: 51%
	}
	.envSec__item:nth-child(3) .envSec__bg--foremost {
		top: 50%;
		left: 53%
	}
}
.envSec__icon {
	-webkit-transition: opacity 0.8s linear 0.6s;
	transition: opacity 0.8s linear 0.6s
}
.envSec__item:first-child .envSec__icon {
	position: absolute;
	top: 53%;
	left: 48%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 6;
	width: 80px;
	height: 72px;
	background: url("../images/company/icon_env01.png") center/contain no-repeat
}
@media screen and (max-width:769px) {
	.envSec__item:first-child .envSec__icon {
		top: 54%;
		left: 46%;
		width: 75px;
		height: 65px
	}
}
.envSec__item:nth-child(2) .envSec__icon {
	position: absolute;
	top: 52%;
	left: 49%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 6;
	width: 80px;
	height: 78px;
	background: url("../images/company/icon_env02.png") center/contain no-repeat
}
@media screen and (max-width:769px) {
	.envSec__item:nth-child(2) .envSec__icon {
		top: 50%;
		left: 51%;
		width: 73px;
		height: 73px
	}
}
.envSec__item:nth-child(3) .envSec__icon {
	position: absolute;
	top: 52%;
	left: 48%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 6;
	width: 92px;
	height: 92px;
	background: url("../images/company/icon_env03.png") center/contain no-repeat
}
@media screen and (max-width:769px) {
	.envSec__item:nth-child(3) .envSec__icon {
		top: 49%;
		left: 52%;
		width: 77px;
		height: 74px
	}
}
.envSec__num {
	position: absolute;
	top: 20%;
	right: 20%;
	z-index: 7;
	font-family: "sculpin", sans-serif;
	color: rgb(120, 130, 20);
	font-size: 29px;
	letter-spacing: 0.2em;
	-webkit-text-stroke: 1.5px rgb(120, 130, 20);
	text-stroke: 1.5px rgb(120, 130, 20);
	-webkit-transition: opacity 0.8s linear 0.6s;
	transition: opacity 0.8s linear 0.6s
}
@media screen and (max-width:769px) {
	.envSec__item:first-child .envSec__num {
		top: 23%;
		right: 18%;
		letter-spacing: 0.17em
	}
}
.envSec__item:nth-child(2) .envSec__num, .envSec__item:nth-child(3) .envSec__num {
	right: 16%
}
@media screen and (max-width:769px) {
	.envSec__item:nth-child(2) .envSec__num, .envSec__item:nth-child(3) .envSec__num {
		top: 18%;
		right: 7%;
		letter-spacing: 0.15em
	}
}
.envSec__itemText {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.8;
	text-align: center;
	-webkit-transition: opacity 0.8s linear 0.6s;
	transition: opacity 0.8s linear 0.6s
}
@media screen and (max-width:769px) {
	.envSec__itemText {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 10;
		text-align: left;
		letter-spacing: 0.05em;
		line-height: 1.9
	}
	.envSec__item:first-child .envSec__itemText {
		right: 0
	}
	.envSec__item:nth-child(2) .envSec__itemText {
		text-align: right;
		left: 7px
	}
	.envSec__item:nth-child(3) .envSec__itemText {
		top: 59%;
		right: 14px
	}
}
.envSec .highlight {
	color: rgb(120, 130, 20);
	font-size: 18px
}
@media screen and (max-width:769px) {
	.envSec .highlight {
		font-size: 15px;
		letter-spacing: 0.15em
	}
}
@media screen and (max-width:769px) {
	.statement {
		padding-left: 2rem;
		padding-right: 2rem
	}
}
.statement__inner {
	width: 800px;
	padding: 60px 60px 48px;
	margin: 0 auto
}
@media screen and (max-width:769px) {
	.statement__inner {
		width: 100%;
		padding: 3.5rem 2rem
	}
}
.statement__title {
	margin-bottom: 31px;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.08em
}
@media screen and (max-width:769px) {
	.statement__title {
		margin-bottom: 2.5rem;
		font-size: 1.6rem
	}
}
.statement__list {
	padding-left: 4px
}
@media screen and (max-width:769px) {
	.statement__list {
		padding-left: 0
	}
}
.statement__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	letter-spacing: 0.12em
}
.statement__item:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border: solid 1px #222;
	border-radius: 50%;
	margin-top: 0.8rem;
	margin-right: 1rem;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
.statement__item+.statement__item {
	margin-top: 17px
}
@media screen and (max-width:769px) {
	.statement__item+.statement__item {
		margin-top: 1rem
	}
}
.statement__item, .statement__signature, .statement__text {
	font-size: 15px
}
@media screen and (max-width:769px) {
	.statement__item, .statement__signature, .statement__text {
		font-size: 1.4rem
	}
}
.statement__text {
	margin-top: 33px;
	letter-spacing: 0.08em
}
@media screen and (max-width:769px) {
	.statement__text {
		margin-top: 2.4rem
	}
}
.statement__signature {
	text-align: right;
	margin-top: 27px
}
@media screen and (max-width:769px) {
	.statement__signature {
		margin-top: 2rem;
		line-height: 2
	}
}