.work-title span {
  opacity: 0;
  transform: translateY(100%); }

.work-title.cue span {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }

.work-title.cue span:nth-child(1) {
  transition-delay: 0.1s; }

.work-title.cue span:nth-child(2) {
  transition-delay: 0.2s; }

.work-title.cue span:nth-child(3) {
  transition-delay: 0.3s; }

.work-title.cue span:nth-child(4) {
  transition-delay: 0.4s; }

.work-title.cue span:nth-child(5) {
  transition-delay: 0.5s; }

.work-title.cue span:nth-child(6) {
  transition-delay: 0.6s; }

.work-title.cue span:nth-child(7) {
  transition-delay: 0.7s; }

.work-title.cue span:nth-child(8) {
  transition-delay: 0.8s; }

.work-title.cue span:nth-child(9) {
  transition-delay: 0.9s; }

.work-title.cue span:nth-child(9) {
  transition-delay: 0.9s; }

.border--right .side-panel-text {
  transform: translateX(-50%) translateY(-50%) rotate(-90deg); }

.linkhover-red:hover {
  color: #f9452d;
  transition: 0.5s; }

.top-work {
  align-items: center;
  overflow: hidden; }
  .top-work .col-edm {
    display: flex;
    width: 70%;
    justify-content: center;
    margin: 0 auto; }
    .top-work .col-edm img {
      width: 24%; }
  .top-work .col-edm img:nth-child(1) {
    margin-right: 15px; }
  .top-work .col-edm img:nth-child(2) {
    margin: 0 15px 0 15px; }
  .top-work .col-edm img:nth-child(3) {
    margin-left: 15px; }
  .top-work .work-img {
    margin: 5vh auto;
    text-align: center;
    width: 70%;
    transition: all .3s;
    display: flex; }
    .top-work .work-img img {
      box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
  .top-work .work-img a {
    transition: all .3s; }
  .top-work .work-img a:hover {
    box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 29px 0px !important;
    top: -3px;
    opacity: 100%;
    transition: all .3s; }
  .top-work .work-title {
    margin: 0 auto;
    font-weight: 700;
    color: transparent;
    text-shadow: none;
    -webkit-text-stroke: 1px #f9452d;
    font-size: 10vw;
    font-weight: 600;
    line-height: normal;
    width: 100%;
    text-align: center;
    padding: 10% 10% 5% 10%; }

.work-details {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 14%; }
  .work-details .work-text {
    padding: 20px; }
    .work-details .work-text .work-rolltitle {
      font-weight: bold;
      margin-top: 20px; }
    .work-details .work-text h3 {
      color: #f9452d; }
    .work-details .work-text p {
      margin-bottom: 10px;
      margin-top: 10px; }
  .work-details .work-text:nth-child(1n) {
    width: 80%; }
  .work-details .work-text:nth-child(2n) {
    width: 0%; }

.work-subtitle {
  margin: 0 auto;
  font-weight: 700;
  color: transparent;
  text-shadow: none;
  -webkit-text-stroke: 1px #f9452d;
  font-size: 10vw;
  font-weight: 600;
  line-height: normal;
  width: 100%;
  text-align: center;
  padding: 10% 5% 2% 5%;
  display: inline-block; }

.container {
  margin: 0 auto;
  padding: 0 10%;
  width: 100%;
  column-count: 3;
  column-gap: 0;
  position: relative;
  top: 5vh;
  height: auto;
  padding-bottom: 20vh; }

.confidential {
  display: block;
  font-size: 1.3em; }

.confidential::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17.882 19.297A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 0 1 3.34-6.066L1.392 2.808l1.415-1.415 19.799 19.8-1.415 1.414-3.31-3.31zM5.935 7.35A8.965 8.965 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604L5.935 7.35zm6.979 6.978l-3.242-3.242a2.5 2.5 0 0 0 3.241 3.241zm7.893 2.264l-1.431-1.43A8.935 8.935 0 0 0 20.777 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.592zm-9.084-9.084a4.5 4.5 0 0 1 4.769 4.769l-4.77-4.769z' fill='rgba(127,127,127,1)'/%3E%3C/svg%3E");
  padding-right: 4px;
  display: inline-block;
  vertical-align: middle;
  color: #7F7F7F; }

@media (max-width: 800px) {
  .container {
    column-count: 2; } }
@media (max-width: 480px) {
  .container {
    column-count: 1; } }
.grid {
  padding: 5px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

.pic > *:not(img) {
  padding: 0 20px; }

.cta {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 10vh auto; }

@media only screen and (max-width: 767px) {
  .pc_none .side-panel-text {
    transform: translateX(-50%) translateY(-50%) rotate(0deg); }

  i {
    font-size: 35px; }

  .top-work .col-edm {
    width: 100%; }
  .top-work .work-img {
    width: 100%;
    padding: 0 12%; }
  .top-work .work-title {
    font-size: 13vw;
    margin-top: 5vh; }
  .top-work .work-details {
    display: block;
    padding: 0 10%; }
    .top-work .work-details .work-text {
      width: 100% !important;
      padding: 10px; }
      .top-work .work-details .work-text p {
        font-size: 1.2em; }

  .work-subtitle {
    font-size: 13vw;
    padding-left: 0 10%;
    text-align: center; }

  .container {
    padding: 0 10%;
    padding-bottom: 20vh; } }
@media only screen and (max-width: 480px) {
  .top-work .work-title {
    font-size: 14vw; }

  .container {
    column-count: unset; }

  .work-subtitle {
    font-size: 13vw; } }

/*# sourceMappingURL=style.css.map */