@charset "UTF-8";
.top__company, .top__service, .top__interview, .top__system, .top__employment {
  color: #fff;
  background-color: #0e7a92;
  padding: 60px 20px;
  text-align: center; }
  @media (min-width: 669px) {
    .top__company, .top__service, .top__interview, .top__system, .top__employment {
      padding: 140px 40px; } }
  .top__company > p, .top__service > p, .top__interview > p, .top__system > p, .top__employment > p {
    font-weight: 500;
    font-size: 116%;
    margin-bottom: 40px; }
    .top__company > p span, .top__service > p span, .top__interview > p span, .top__system > p span, .top__employment > p span {
      display: inline-block; }
      @media (min-width: 669px) {
        .top__company > p span, .top__service > p span, .top__interview > p span, .top__system > p span, .top__employment > p span {
          display: inline; } }
    @media (min-width: 669px) {
      .top__company > p, .top__service > p, .top__interview > p, .top__system > p, .top__employment > p {
        font-size: 27px;
        margin-bottom: 60px;
        font-weight: normal; } }
  .top__company > .flex-box-pc li, .top__service > .flex-box-pc li, .top__interview > .flex-box-pc li, .top__system > .flex-box-pc li, .top__employment > .flex-box-pc li {
    margin-bottom: 20px; }
    .top__company > .flex-box-pc li:last-child, .top__service > .flex-box-pc li:last-child, .top__interview > .flex-box-pc li:last-child, .top__system > .flex-box-pc li:last-child, .top__employment > .flex-box-pc li:last-child {
      margin-bottom: 0; }
    @media (min-width: 669px) {
      .top__company > .flex-box-pc li, .top__service > .flex-box-pc li, .top__interview > .flex-box-pc li, .top__system > .flex-box-pc li, .top__employment > .flex-box-pc li {
        width: calc((100% - 50px) / 2);
        margin-bottom: 0; } }
  .top__company > .flex-box-pc a, .top__service > .flex-box-pc a, .top__interview > .flex-box-pc a, .top__system > .flex-box-pc a, .top__employment > .flex-box-pc a {
    display: block;
    color: #fff; }
    @media (min-width: 669px) {
      .top__company > .flex-box-pc a, .top__service > .flex-box-pc a, .top__interview > .flex-box-pc a, .top__system > .flex-box-pc a, .top__employment > .flex-box-pc a {
        position: relative; } }
  .top__company > .flex-box-pc .img, .top__service > .flex-box-pc .img, .top__interview > .flex-box-pc .img, .top__system > .flex-box-pc .img, .top__employment > .flex-box-pc .img {
    padding-left: 10px;
    display: block;
    z-index: 0; }
  .top__company > .flex-box-pc .tagBase, .top__service > .flex-box-pc .tagBase, .top__interview > .flex-box-pc .tagBase, .top__system > .flex-box-pc .tagBase, .top__employment > .flex-box-pc .tagBase {
    position: relative;
    background-color: rgba(6, 84, 109, 0.95);
    font-weight: 500;
    height: 60px;
    z-index: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 123.1%;
    padding-left: 30px;
    opacity: 0;
    left: -10px;
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box; }
    .top__company > .flex-box-pc .tagBase::before, .top__service > .flex-box-pc .tagBase::before, .top__interview > .flex-box-pc .tagBase::before, .top__system > .flex-box-pc .tagBase::before, .top__employment > .flex-box-pc .tagBase::before {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 10px 10px;
      border-color: transparent transparent #9fcad3 transparent;
      left: 0;
      top: -10px;
      position: absolute; }
    .top__company > .flex-box-pc .tagBase span, .top__service > .flex-box-pc .tagBase span, .top__interview > .flex-box-pc .tagBase span, .top__system > .flex-box-pc .tagBase span, .top__employment > .flex-box-pc .tagBase span {
      width: 17px;
      height: 12px;
      display: inline-block;
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -6px; }
    .top__company > .flex-box-pc .tagBase svg, .top__service > .flex-box-pc .tagBase svg, .top__interview > .flex-box-pc .tagBase svg, .top__system > .flex-box-pc .tagBase svg, .top__employment > .flex-box-pc .tagBase svg {
      fill: #fff;
      vertical-align: top; }
    .top__company > .flex-box-pc .tagBase img, .top__service > .flex-box-pc .tagBase img, .top__interview > .flex-box-pc .tagBase img, .top__system > .flex-box-pc .tagBase img, .top__employment > .flex-box-pc .tagBase img {
      vertical-align: top; }
    .top__company > .flex-box-pc .tagBase b, .top__service > .flex-box-pc .tagBase b, .top__interview > .flex-box-pc .tagBase b, .top__system > .flex-box-pc .tagBase b, .top__employment > .flex-box-pc .tagBase b {
      font-weight: 500;
      line-height: 1; }
      .top__company > .flex-box-pc .tagBase b small, .top__service > .flex-box-pc .tagBase b small, .top__interview > .flex-box-pc .tagBase b small, .top__system > .flex-box-pc .tagBase b small, .top__employment > .flex-box-pc .tagBase b small {
        font-weight: normal;
        font-size: 77%;
        letter-spacing: 0; }
        @media (min-width: 669px) {
          .top__company > .flex-box-pc .tagBase b small, .top__service > .flex-box-pc .tagBase b small, .top__interview > .flex-box-pc .tagBase b small, .top__system > .flex-box-pc .tagBase b small, .top__employment > .flex-box-pc .tagBase b small {
            font-size: 14px; } }
    @media (min-width: 669px) {
      .top__company > .flex-box-pc .tagBase, .top__service > .flex-box-pc .tagBase, .top__interview > .flex-box-pc .tagBase, .top__system > .flex-box-pc .tagBase, .top__employment > .flex-box-pc .tagBase {
        height: 80px;
        position: absolute;
        bottom: 10%;
        margin-top: -40px;
        min-width: 400px;
        width: auto;
        box-sizing: border-box;
        padding-left: 0;
        justify-content: center;
        font-size: 24px;
        letter-spacing: 0.1em;
        font-weight: normal; } }
    .top__company > .flex-box-pc .tagBase > div, .top__service > .flex-box-pc .tagBase > div, .top__interview > .flex-box-pc .tagBase > div, .top__system > .flex-box-pc .tagBase > div, .top__employment > .flex-box-pc .tagBase > div {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #1a1a1a; }
    .top__company > .flex-box-pc .tagBase.active, .top__service > .flex-box-pc .tagBase.active, .top__interview > .flex-box-pc .tagBase.active, .top__system > .flex-box-pc .tagBase.active, .top__employment > .flex-box-pc .tagBase.active {
      left: 0;
      opacity: 1; }
  @media (min-width: 669px) {
    .top__company > .flex-box-pc, .top__service > .flex-box-pc, .top__interview > .flex-box-pc, .top__system > .flex-box-pc, .top__employment > .flex-box-pc {
      max-width: 1400px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
  .top__company > ul:last-child, .top__service > ul:last-child, .top__interview > ul:last-child, .top__system > ul:last-child, .top__employment > ul:last-child {
    text-align: center;
    margin-top: 50px; }
    .top__company > ul:last-child a.btnStyle1, .top__service > ul:last-child a.btnStyle1, .top__interview > ul:last-child a.btnStyle1, .top__system > ul:last-child a.btnStyle1, .top__employment > ul:last-child a.btnStyle1 {
      background-color: #fff;
      color: #0e7a92;
      max-width: 280px;
      margin-left: auto;
      margin-right: auto; }
      .top__company > ul:last-child a.btnStyle1 svg, .top__service > ul:last-child a.btnStyle1 svg, .top__interview > ul:last-child a.btnStyle1 svg, .top__system > ul:last-child a.btnStyle1 svg, .top__employment > ul:last-child a.btnStyle1 svg {
        fill: #0e7a92; }
    @media (min-width: 669px) {
      .top__company > ul:last-child, .top__service > ul:last-child, .top__interview > ul:last-child, .top__system > ul:last-child, .top__employment > ul:last-child {
        margin-top: 90px; } }
.top__company > p span:first-child {
  margin-left: 1em; }
  @media (min-width: 669px) {
    .top__company > p span:first-child {
      margin-left: 0; } }
@media (min-width: 669px) {
  .top__company > .flex-box-pc li:first-child .tagBase {
    min-width: 500px; } }
.top__service {
  color: #1a1a1a;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #dcdddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdddd));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdddd 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdddd 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdddd 100%); }
  @media (min-width: 669px) {
    .top__service {
      background: url("../images/recruit/top/service_bg.png") no-repeat center bottom;
      background-size: cover; } }
  .top__service .top__header em {
    color: #0e7a92; }
  .top__service > ul:last-child a.btnStyle1 {
    background-color: #0e7a92;
    color: #fff; }
    .top__service > ul:last-child a.btnStyle1 svg {
      fill: #fff; }
  @media (min-width: 669px) {
    .top__service > .flex-box-pc li {
      width: calc((100% - 80px) / 3); } }
.top__interview {
  padding: 60px 0;
  background-color: #cfe4e9;
  color: #1a1a1a; }
  @media (min-width: 669px) {
    .top__interview {
      padding: 140px 0; } }
  .top__interview .top__header em {
    color: #0e7a92; }
  .top__interview .top__header + p {
    margin-left: 20px;
    margin-right: 20px; }
  .top__interview > ul:last-child a.btnStyle1 {
    background-color: #0e7a92;
    color: #fff; }
    .top__interview > ul:last-child a.btnStyle1 svg {
      fill: #fff; }
  .top__interview > .flex-box-pc .img {
    padding-left: 0;
    aspect-ratio: 1.5 / 1;
    display: block; }
    .top__interview > .flex-box-pc .img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media (min-width: 669px) {
      .top__interview > .flex-box-pc .img {
        aspect-ratio: 1 / 1; } }
  .top__interview > .flex-box-pc b {
    display: inline-block;
    position: static;
    min-width: 0;
    height: auto;
    letter-spacing: 0;
    background-color: transparent;
    font-size: 138.5%;
    padding-left: 0;
    line-height: 1.5;
    margin-bottom: 5px; }
    .top__interview > .flex-box-pc b::before {
      display: none; }
    @media (min-width: 669px) {
      .top__interview > .flex-box-pc b {
        font-size: 34px;
        font-weight: normal;
        margin: auto 0 15px;
        line-height: 1;
        display: block; }
        .top__interview > .flex-box-pc b small {
          font-size: 55%;
          display: inline-block;
          margin-bottom: 13px; } }
  .top__interview > .flex-box-pc li {
    margin-bottom: 0; }
    @media (min-width: 669px) {
      .top__interview > .flex-box-pc li {
        width: 25%;
        position: relative; } }
  @media (min-width: 669px) {
    .top__interview > .flex-box-pc {
      max-width: none; } }
  .top__interview a div {
    background-color: #fff;
    color: #1a1a1a;
    padding: 30px 20px;
    font-size: 93%; }
    @media (min-width: 669px) {
      .top__interview a div {
        background-color: rgba(6, 84, 109, 0.8);
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        padding: 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
        opacity: 0;
        padding: 0 15px;
        box-sizing: border-box; }
        .top__interview a div span {
          margin: 0 0 auto; } }
  @media (min-width: 669px) {
    .top__interview a:hover div {
      opacity: 1; }
    .top__interview a:hover img {
      transform: scale(1.1); } }
.top__system {
  background-color: #fff;
  color: #1a1a1a; }
  .top__system .top__header em {
    content: 'SYSTEM';
    color: #0e7a92; }
  .top__system > ul:last-child a.btnStyle1 {
    background-color: #0e7a92;
    color: #fff; }
    .top__system > ul:last-child a.btnStyle1 svg {
      fill: #fff; }
.top__employment {
  background: url("../images/recruit/top/employment_bg.png") no-repeat center center;
  background-size: auto 100%; }
  @media (min-width: 669px) {
    .top__employment {
      background-size: cover; } }
  .top__employment > ul:last-child li:first-child {
    margin-bottom: 30px; }
    @media (min-width: 669px) {
      .top__employment > ul:last-child li:first-child {
        margin-bottom: 70px; } }
    .top__employment > ul:last-child li:first-child a {
      background-color: #fff;
      color: #0e7a92;
      display: block;
      border-radius: 100px;
      padding: 14px;
      font-size: 30px;
      line-height: 1;
      letter-spacing: 0.1em; }
      @media (min-width: 669px) {
        .top__employment > ul:last-child li:first-child a {
          font-size: 38px;
          padding: 30px 0;
          max-width: 700px;
          margin-left: auto;
          margin-right: auto; }
          .top__employment > ul:last-child li:first-child a:hover {
            letter-spacing: 0.25em; } }
  .top__employment > ul:last-child a.btnStyle1 {
    background-color: #fff;
    color: #0e7a92; }
    .top__employment > ul:last-child a.btnStyle1 svg {
      fill: #0e7a92; }
.top__header {
  text-align: center;
  margin: 0 0 30px;
  position: relative;
  font-weight: 500;
  font-size: 116%; }
  @media (min-width: 669px) {
    .top__header {
      font-size: 123.1%;
      margin-bottom: 60px; } }
  .top__header em {
    font-style: normal;
    font-family: impact, 'Anton', sans-serif;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 1; }
    @media (min-width: 669px) {
      .top__header em {
        font-size: 55px;
        margin-bottom: 10px; } }
  .top__header > span {
    position: relative;
    bottom: -10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0; }
    .top__header > span.active {
      opacity: 1;
      bottom: 0; }
.top__main {
  background: url("../images/recruit/top/main_bg.png") no-repeat left top;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  .top__main::after {
    content: '';
    width: 100%;
    height: 30px;
    background: white;
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    @media (min-width: 669px) {
      .top__main::after {
        height: 80px;
        bottom: -80px; } }
  @media (min-width: 669px) {
    .top__main {
      height: calc(100vh - 100px);
      background: url("../images/recruit/top/main_bg.png") no-repeat center top;
      background-size: cover; } }
  .top__main_copy {
    text-align: center;
    color: #0e7a92;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 50%;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .top__main_copy b {
      font-size: 40px;
      line-height: 1.3;
      display: inline-block;
      margin: auto 0 10px; }
      .top__main_copy b i {
        font-style: normal;
        display: block; }
        .top__main_copy b i span {
          display: inline-block;
          transform: translateX(5rem);
          opacity: 0;
          animation: slideText 0.5s forwards; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(1) {
        animation-delay: 1.27s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(2) {
        animation-delay: 1.29s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(3) {
        animation-delay: 1.31s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(4) {
        animation-delay: 1.33s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(5) {
        animation-delay: 1.35s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(6) {
        animation-delay: 1.37s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(7) {
        animation-delay: 1.39s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(8) {
        animation-delay: 1.41s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(9) {
        animation-delay: 1.43s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(10) {
        animation-delay: 1.45s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(11) {
        animation-delay: 1.47s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(12) {
        animation-delay: 1.49s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(13) {
        animation-delay: 1.51s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(14) {
        animation-delay: 1.53s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(15) {
        animation-delay: 1.55s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(16) {
        animation-delay: 1.57s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(17) {
        animation-delay: 1.59s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(18) {
        animation-delay: 1.61s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(19) {
        animation-delay: 1.63s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(20) {
        animation-delay: 1.65s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(21) {
        animation-delay: 1.67s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(22) {
        animation-delay: 1.69s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(23) {
        animation-delay: 1.71s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(24) {
        animation-delay: 1.73s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(25) {
        animation-delay: 1.75s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(26) {
        animation-delay: 1.77s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(27) {
        animation-delay: 1.79s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(28) {
        animation-delay: 1.81s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(29) {
        animation-delay: 1.83s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(30) {
        animation-delay: 1.85s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(31) {
        animation-delay: 1.87s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(32) {
        animation-delay: 1.89s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(33) {
        animation-delay: 1.91s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(34) {
        animation-delay: 1.93s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(35) {
        animation-delay: 1.95s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(36) {
        animation-delay: 1.97s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(37) {
        animation-delay: 1.99s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(38) {
        animation-delay: 2.01s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(39) {
        animation-delay: 2.03s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(40) {
        animation-delay: 2.05s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(41) {
        animation-delay: 2.07s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(42) {
        animation-delay: 2.09s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(43) {
        animation-delay: 2.11s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(44) {
        animation-delay: 2.13s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(45) {
        animation-delay: 2.15s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(46) {
        animation-delay: 2.17s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(47) {
        animation-delay: 2.19s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(48) {
        animation-delay: 2.21s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(49) {
        animation-delay: 2.23s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(50) {
        animation-delay: 2.25s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(51) {
        animation-delay: 2.27s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(52) {
        animation-delay: 2.29s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(53) {
        animation-delay: 2.31s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(54) {
        animation-delay: 2.33s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(55) {
        animation-delay: 2.35s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(56) {
        animation-delay: 2.37s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(57) {
        animation-delay: 2.39s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(58) {
        animation-delay: 2.41s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(59) {
        animation-delay: 2.43s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(60) {
        animation-delay: 2.45s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(61) {
        animation-delay: 2.47s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(62) {
        animation-delay: 2.49s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(63) {
        animation-delay: 2.51s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(64) {
        animation-delay: 2.53s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(65) {
        animation-delay: 2.55s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(66) {
        animation-delay: 2.57s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(67) {
        animation-delay: 2.59s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(68) {
        animation-delay: 2.61s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(69) {
        animation-delay: 2.63s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(70) {
        animation-delay: 2.65s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(71) {
        animation-delay: 2.67s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(72) {
        animation-delay: 2.69s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(73) {
        animation-delay: 2.71s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(74) {
        animation-delay: 2.73s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(75) {
        animation-delay: 2.75s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(76) {
        animation-delay: 2.77s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(77) {
        animation-delay: 2.79s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(78) {
        animation-delay: 2.81s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(79) {
        animation-delay: 2.83s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(80) {
        animation-delay: 2.85s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(81) {
        animation-delay: 2.87s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(82) {
        animation-delay: 2.89s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(83) {
        animation-delay: 2.91s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(84) {
        animation-delay: 2.93s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(85) {
        animation-delay: 2.95s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(86) {
        animation-delay: 2.97s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(87) {
        animation-delay: 2.99s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(88) {
        animation-delay: 3.01s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(89) {
        animation-delay: 3.03s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(90) {
        animation-delay: 3.05s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(91) {
        animation-delay: 3.07s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(92) {
        animation-delay: 3.09s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(93) {
        animation-delay: 3.11s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(94) {
        animation-delay: 3.13s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(95) {
        animation-delay: 3.15s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(96) {
        animation-delay: 3.17s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(97) {
        animation-delay: 3.19s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(98) {
        animation-delay: 3.21s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(99) {
        animation-delay: 3.23s; }
      .top__main_copy b i:nth-of-type(1) span:nth-of-type(100) {
        animation-delay: 3.25s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(1) {
        animation-delay: 1.52s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(2) {
        animation-delay: 1.54s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(3) {
        animation-delay: 1.56s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(4) {
        animation-delay: 1.58s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(5) {
        animation-delay: 1.6s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(6) {
        animation-delay: 1.62s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(7) {
        animation-delay: 1.64s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(8) {
        animation-delay: 1.66s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(9) {
        animation-delay: 1.68s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(10) {
        animation-delay: 1.7s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(11) {
        animation-delay: 1.72s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(12) {
        animation-delay: 1.74s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(13) {
        animation-delay: 1.76s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(14) {
        animation-delay: 1.78s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(15) {
        animation-delay: 1.8s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(16) {
        animation-delay: 1.82s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(17) {
        animation-delay: 1.84s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(18) {
        animation-delay: 1.86s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(19) {
        animation-delay: 1.88s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(20) {
        animation-delay: 1.9s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(21) {
        animation-delay: 1.92s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(22) {
        animation-delay: 1.94s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(23) {
        animation-delay: 1.96s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(24) {
        animation-delay: 1.98s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(25) {
        animation-delay: 2s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(26) {
        animation-delay: 2.02s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(27) {
        animation-delay: 2.04s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(28) {
        animation-delay: 2.06s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(29) {
        animation-delay: 2.08s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(30) {
        animation-delay: 2.1s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(31) {
        animation-delay: 2.12s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(32) {
        animation-delay: 2.14s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(33) {
        animation-delay: 2.16s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(34) {
        animation-delay: 2.18s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(35) {
        animation-delay: 2.2s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(36) {
        animation-delay: 2.22s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(37) {
        animation-delay: 2.24s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(38) {
        animation-delay: 2.26s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(39) {
        animation-delay: 2.28s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(40) {
        animation-delay: 2.3s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(41) {
        animation-delay: 2.32s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(42) {
        animation-delay: 2.34s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(43) {
        animation-delay: 2.36s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(44) {
        animation-delay: 2.38s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(45) {
        animation-delay: 2.4s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(46) {
        animation-delay: 2.42s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(47) {
        animation-delay: 2.44s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(48) {
        animation-delay: 2.46s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(49) {
        animation-delay: 2.48s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(50) {
        animation-delay: 2.5s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(51) {
        animation-delay: 2.52s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(52) {
        animation-delay: 2.54s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(53) {
        animation-delay: 2.56s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(54) {
        animation-delay: 2.58s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(55) {
        animation-delay: 2.6s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(56) {
        animation-delay: 2.62s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(57) {
        animation-delay: 2.64s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(58) {
        animation-delay: 2.66s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(59) {
        animation-delay: 2.68s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(60) {
        animation-delay: 2.7s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(61) {
        animation-delay: 2.72s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(62) {
        animation-delay: 2.74s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(63) {
        animation-delay: 2.76s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(64) {
        animation-delay: 2.78s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(65) {
        animation-delay: 2.8s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(66) {
        animation-delay: 2.82s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(67) {
        animation-delay: 2.84s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(68) {
        animation-delay: 2.86s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(69) {
        animation-delay: 2.88s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(70) {
        animation-delay: 2.9s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(71) {
        animation-delay: 2.92s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(72) {
        animation-delay: 2.94s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(73) {
        animation-delay: 2.96s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(74) {
        animation-delay: 2.98s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(75) {
        animation-delay: 3s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(76) {
        animation-delay: 3.02s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(77) {
        animation-delay: 3.04s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(78) {
        animation-delay: 3.06s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(79) {
        animation-delay: 3.08s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(80) {
        animation-delay: 3.1s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(81) {
        animation-delay: 3.12s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(82) {
        animation-delay: 3.14s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(83) {
        animation-delay: 3.16s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(84) {
        animation-delay: 3.18s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(85) {
        animation-delay: 3.2s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(86) {
        animation-delay: 3.22s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(87) {
        animation-delay: 3.24s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(88) {
        animation-delay: 3.26s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(89) {
        animation-delay: 3.28s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(90) {
        animation-delay: 3.3s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(91) {
        animation-delay: 3.32s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(92) {
        animation-delay: 3.34s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(93) {
        animation-delay: 3.36s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(94) {
        animation-delay: 3.38s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(95) {
        animation-delay: 3.4s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(96) {
        animation-delay: 3.42s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(97) {
        animation-delay: 3.44s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(98) {
        animation-delay: 3.46s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(99) {
        animation-delay: 3.48s; }
      .top__main_copy b i:nth-of-type(2) span:nth-of-type(100) {
        animation-delay: 3.5s; }
    .top__main_copy img {
      max-height: 19px;
      width: 100%; }
    .top__main_copy > span {
      display: block;
      line-height: 1.3;
      margin: 0 0 auto;
      opacity: 0;
      right: -15px;
      position: relative;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
      .top__main_copy > span.active {
        opacity: 1;
        right: 0; }
      @media (min-width: 669px) {
        .top__main_copy > span {
          bottom: auto;
          right: -30px; }
          .top__main_copy > span.active {
            right: 0;
            bottom: auto; } }
    @media (min-width: 669px) {
      .top__main_copy {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        text-align: left;
        padding: 0;
        height: 100%;
        align-items: flex-start; }
        .top__main_copy b {
          font-size: 80px;
          letter-spacing: 0.1em;
          margin: 20% 0 50px; }
        .top__main_copy span {
          margin: 0 0 auto; }
        .top__main_copy img {
          max-height: none; }
          .top__main_copy img:first-child {
            height: 40px;
            width: 307px; }
          .top__main_copy img:last-child {
            height: 37px;
            width: 366px; } }
  .top__main_slider_item {
    padding: 0 6px; }
    .top__main_slider_item.fadein img {
      top: 0;
      opacity: 1;
      transform: rotateY(0deg); }
    @media (min-width: 669px) {
      .top__main_slider_item {
        padding: 20px 0;
        width: 100%; } }
  .top__main_sliderset {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 1s ease;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5%;
    /*& > .infiniteslide_wrap {
    	@include pc {
    		width: calc((100% - 60px) / 3);
    	}
    }*/ }
    .top__main_sliderset > div:first-child {
      margin-bottom: 12px; }
      @media (min-width: 669px) {
        .top__main_sliderset > div:first-child {
          margin-bottom: 0; } }
    @media (min-width: 669px) {
      .top__main_sliderset {
        height: 100%;
        bottom: 0;
        width: 61.7647058%;
        position: absolute;
        right: -10.9523809%;
        top: 0;
        left: auto; } }
    .top__main_sliderset > .top__main_slider {
      /*@include pc2 {
      	width: 330px;
      	//width: calc((100% - 60px) / 3);
      }
      @include pc3 {
      	width: 330px;
      	//width: calc((100% - 60px) / 3);
      }*/ }
      @media (min-width: 669px) {
        .top__main_sliderset > .top__main_slider {
          width: calc((100% - 60px) / 3); } }
    .top__main_sliderset.active {
      opacity: 1;
      visibility: visible;
      /*&.active2 {
      	img {opacity: 1;transform: rotateY(0deg);}
      }*/ }
  .top__main_slider.top__main_slider03 {
    opacity: 0;
    height: 0;
    visibility: hidden; }
    @media (min-width: 669px) {
      .top__main_slider.top__main_slider03 {
        opacity: 1;
        height: 100%;
        visibility: visible; } }
  .top__main_slider img {
    width: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
    @media (min-width: 669px) {
      .top__main_slider img {
        width: 100%; } }
  .top__main_slider.pc {
    visibility: hidden;
    height: 0; }
    @media (min-width: 669px) {
      .top__main_slider.pc {
        visibility: visible;
        height: auto; } }
  @media (min-width: 669px) {
    .top__main_slider {
      height: 100%; } }
  @media (min-width: 669px) {
    .top__main_scroll {
      position: absolute;
      text-align: center;
      bottom: 0;
      z-index: 2;
      left: 50px; }
      .top__main_scroll a {
        padding-bottom: 100px;
        letter-spacing: 0.1em;
        font-size: 116%;
        display: block;
        color: #0e7a92; }
        .top__main_scroll a::after {
          content: "";
          /*描画位置*/
          position: absolute;
          bottom: 0;
          /*線の形状*/
          width: 1px;
          height: 80px;
          background: #0e7a92;
          /*線の動き1.4秒かけて動く。永遠にループ*/
          animation: pathmove 1.4s ease-in-out infinite;
          opacity: 0;
          left: 50%;
          margin-left: -1px; }
        .top__main_scroll a:hover {
          text-decoration: none; }
        .top__main_scroll a span {
          display: inline-block;
          writing-mode: vertical-lr;
          position: relative;
          top: -30px; } }
  @media (min-width: 669px) {
    .top__main {
      min-height: 1000px; }
      .top__main + .innerLink {
        margin-top: -100px;
        padding-top: 100px; } }

@keyframes slideText {
  100% {
    transform: translateY(0);
    opacity: 1; } }
@keyframes pathmove {
  0% {
    height: 0;
    top: 1.75em;
    opacity: 0; }
  30% {
    height: 80px;
    opacity: 1; }
  100% {
    height: 0;
    top: calc(1.75em + 100px);
    opacity: 0; } }