@charset "UTF-8";
@-webkit-keyframes transformLeftRight {
  0% {
    -webkit-transform: translate(-80%, 80%);
            transform: translate(-80%, 80%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
}
@keyframes transformLeftRight {
  0% {
    -webkit-transform: translate(-80%, 80%);
            transform: translate(-80%, 80%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
}
@-webkit-keyframes transformRightLeft {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(80%, -80%);
            transform: translate(80%, -80%);
    opacity: 0;
  }
}
@keyframes transformRightLeft {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(80%, -80%);
            transform: translate(80%, -80%);
    opacity: 0;
  }
}
/* ==========================================================================//
//
// メッセージ
//
// ========================================================================== */
.message p {
  line-height: 1.7;
  margin-bottom: 2em;
}
@media all and (min-width: 751px) {
  .message p {
    line-height: 2;
  }
}

.sec_ceo {
  padding-top: 30px;
}
@media all and (min-width: 751px) {
  .sec_ceo {
    padding-top: 110px;
  }
}
.sec_ceo .ceo_image {
  margin: 20px auto 40px;
  position: relative;
  max-width: 800px;
}
.sec_ceo .ceo_text {
  margin-bottom: 60px;
}
.sec_ceo .stone.blue {
  margin: -9% auto auto -5%;
  width: 6.78vw;
  height: 6vw;
}
@media all and (max-width: 750px) {
  .sec_ceo .stone.blue {
    margin: -2% auto auto -15%;
    width: 26.2vw;
    height: 23vw;
  }
}
.sec_ceo .stone.orange {
  margin: 21% auto auto 13%;
  width: 6.48vw;
  height: 6vw;
}
@media all and (max-width: 750px) {
  .sec_ceo .stone.orange {
    margin: 95% auto auto -5%;
    width: 11.48vw;
    height: 16vw;
  }
}
.sec_ceo .stone.pink {
  margin: 42% auto auto -85%;
  width: 6.7vw;
  height: 6vw;
}
@media all and (max-width: 750px) {
  .sec_ceo .stone.pink {
    margin: 36% auto auto -85%;
    width: 17.7vw;
    height: 16vw;
  }
}
.sec_ceo .stone.emerald {
  margin: -1% auto auto -10%;
  width: 5.7vw;
  height: 6vw;
}
@media all and (max-width: 750px) {
  .sec_ceo .stone.emerald {
    margin: 68% auto auto -15%;
    width: 17.7vw;
    height: 17vw;
    z-index: -1;
  }
}

@media all and (max-width: 750px) {
  .sec_hr {
    padding-top: 40px;
  }
}
.sec_hr .hr_image {
  margin: 20px auto 40px;
  position: relative;
}
.sec_hr .hr_text {
  padding-bottom: 100px;
}
@media all and (max-width: 750px) {
  .sec_hr .hr_text {
    padding-bottom: 60px;
  }
}
.sec_hr .stone.purple {
  margin: -20% auto auto 90%;
  width: 9.78vw;
  height: 9vw;
  z-index: -1;
}
@media all and (max-width: 750px) {
  .sec_hr .stone.purple {
    margin: -56% auto auto 67%;
    width: 20.78vw;
    height: 25vw;
  }
}
.sec_hr .stone.orange {
  margin: -15% auto auto -116%;
  width: 6.48vw;
  height: 6vw;
}
@media all and (max-width: 750px) {
  .sec_hr .stone.orange {
    margin: -34% auto auto -114%;
    width: 14.96vw;
    height: 14vw;
  }
}
.sec_hr .stone.pink {
  margin: 33% auto auto -107%;
  width: 6.7vw;
  height: 6vw;
}
@media all and (max-width: 750px) {
  .sec_hr .stone.pink {
    margin: 23% auto auto -112%;
    width: 15.7vw;
    height: 14vw;
  }
}
.sec_hr .stone.blue {
  margin: -21% auto auto 104%;
  width: 6.79vw;
  height: 6vw;
  -webkit-transform: rotate(89deg);
          transform: rotate(89deg);
}
@media all and (max-width: 750px) {
  .sec_hr .stone.blue {
    margin: 18% auto auto 98%;
    width: 15.7vw;
    height: 14vw;
    -webkit-transform: rotate(89deg);
            transform: rotate(89deg);
    z-index: -1;
  }
}