@charset "UTF-8";
/* ____________________ DEFINE ____________________ */
/* ----- Breakpoints ----- */
/* ----- color ----- */
/* ----- Button ----- */
/* ____________________ IMPORT ____________________ */
body {
  animation: fadein 2s forwards; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.flexbox {
  display: flex; }

/* 左テキスト＋右画像 */
.box-01 {
  margin: 0 auto 48px; }
  @media screen and (max-width: 767px) {
    .box-01 {
      margin: 0 auto 24px; } }
  .box-01__wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; }
    @media screen and (max-width: 767px) {
      .box-01__wrap {
        flex-wrap: wrap;
        flex-direction: column; } }
  .box-01__img {
    width: 35%;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .box-01__img {
        width: 100%;
        margin: 0 auto 16px; } }
    .box-01__img img {
      max-width: 100%; }
  .box-01__txt {
    width: 60%;
    padding: 0 30px 0 0; }
    @media screen and (max-width: 767px) {
      .box-01__txt {
        width: 100%;
        padding: 0; } }
    .box-01__txt--ttl {
      font-weight: bold;
      margin: 0 auto 10px; }
    .box-01__txt--msg {
      font-size: 1.6rem;
      line-height: 2;
      margin: 0 auto; }

/* 右テキスト + 左画像 */
.box-02 {
  margin: 0 auto 48px; }
  @media screen and (max-width: 767px) {
    .box-02 {
      margin: 0 auto 24px; } }
  .box-02__wrap {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .box-02__wrap {
        flex-wrap: wrap; } }
  .box-02__img {
    max-width: 35%;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .box-02__img {
        width: 100%;
        max-width: none;
        margin: 0 auto 16px; } }
    .box-02__img img {
      max-width: 100%; }
  .box-02__txt {
    max-width: 60%;
    padding: 0 0 0 30px; }
    @media screen and (max-width: 767px) {
      .box-02__txt {
        width: 100%;
        max-width: none;
        padding: 0; } }
    .box-02__txt--ttl {
      font-weight: bold;
      margin: 0 auto 10px; }
    .box-02__txt--msg {
      font-size: 1.6rem;
      line-height: 2;
      margin: 0 auto; }

/* 1カラム */
.grid-01 {
  text-align: center; }
  .grid-01 img {
    width: 100%; }

/* 2カラム */
.grid-02__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.grid-02__item {
  width: 48%;
  margin: 0 0 40px; }
  @media screen and (max-width: 767px) {
    .grid-02__item {
      width: 100%;
      margin: 0 0 30px; } }
  .grid-02__item img {
    margin: 0 auto 20px;
    width: 100%; }
  .grid-02__item .txt-ttl {
    font-weight: bold;
    text-align: left;
    margin: 0 0 20px; }
.grid-02__link {
  font-size: 1.6rem;
  font-weight: bold;
  transition: .3s;
  position: relative;
  vertical-align: middle; }
  @media screen and (min-width: 767px) {
    .grid-02__link:hover {
      text-decoration: underline; } }
  .grid-02__link .fas {
    font-size: 1.2rem;
    margin: 0 0 0 5px;
    vertical-align: middle;
    right: unset; }
@media screen and (min-width: 767px) {
  .grid-02 a:hover .grid-02__link {
    text-decoration: underline; } }
.grid-02 .txt-msg {
  margin: 0 0 20px;
  letter-spacing: 0.08em;
  line-height: 2; }
  @media screen and (max-width: 767px) {
    .grid-02 .txt-msg {
      margin: 0 0 15px; } }

/* 3カラム */
.grid-03__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .grid-03__list::after {
    display: block;
    content: "";
    width: 30%; }
.grid-03__item {
  width: 30%;
  margin: 0; }
  @media screen and (max-width: 767px) {
    .grid-03__item {
      width: 100%;
      margin: 0 0 30px; } }
  .grid-03__item img {
    margin: 0 auto 20px;
    transition: all .3s;
    width: 100%;
    display: block; }
  @media screen and (min-width: 767px) {
    .grid-03__item a {
      transition: all .3s; }
      .grid-03__item a:hover img {
        opacity: .5; }
      .grid-03__item a:hover p {
        text-decoration: underline; } }
  .grid-03__item .txt-ttl {
    font-weight: bold;
    text-align: left;
    font-size: 3.2rem;
    line-height: inherit; }
    @media screen and (max-width: 767px) {
      .grid-03__item .txt-ttl {
        font-size: 2.4rem; } }
    .grid-03__item .txt-ttl-s {
      font-size: 1.8rem; }
  .grid-03__item .txt-msg {
    margin: 0;
    font-size: 1.6rem; }
    @media screen and (max-width: 767px) {
      .grid-03__item .txt-msg {
        font-size: 1.4rem; } }
.grid-03__link {
  font-size: 1.6rem;
  font-weight: bold;
  transition: .3s;
  position: relative;
  vertical-align: middle; }
  .grid-03__link:hover {
    text-decoration: underline; }
  .grid-03__link .fas {
    font-size: 1.2rem;
    margin: 0 0 0 5px;
    vertical-align: middle;
    right: unset; }

/* 3カラム パターン2 */
.grid-03 .flexbox {
  display: unset; }
  @media screen and (max-width: 767px) {
    .grid-03 .flexbox {
      display: flex; } }
  @media screen and (max-width: 767px) {
    .grid-03 .flexbox .grid-03__item {
      margin: 0 auto 24px; }
      .grid-03 .flexbox .grid-03__item:last-child {
        margin: 0 auto; } }
  .grid-03 .flexbox .txt-ttl {
    text-align: center;
    margin: 0 auto 16px; }
    @media screen and (max-width: 767px) {
      .grid-03 .flexbox .txt-ttl {
        text-align: left;
        font-size: 2.4rem; } }
.grid-03__img {
  margin: 0 auto 32px; }
  @media screen and (max-width: 767px) {
    .grid-03__img {
      width: 50%;
      margin: 0 16px 0 0; } }
@media screen and (max-width: 767px) {
  .grid-03__txt {
    width: 50%; } }

/* Link */
.num-list {
  line-height: 2;
  padding-left: 20px; }
  .num-list li {
    list-style: decimal; }

.normal-list {
  line-height: 2;
  padding-left: 20px; }
  .normal-list li {
    list-style: disc; }
    @media screen and (max-width: 599px) {
      .normal-list li {
        margin: 0 auto 8px; } }

/* Table */
.c-tbl {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse; }
  .c-tbl tr:last-child td, .c-tbl tr:last-child th {
    border-bottom: 1px solid #ccc; }
  .c-tbl td, .c-tbl th {
    text-align: left;
    font-size: 1.6rem;
    color: #333;
    box-sizing: border-box; }
    @media screen and (max-width: 599px) {
      .c-tbl td, .c-tbl th {
        font-size: 1.4rem; } }
  .c-tbl th {
    border-top: 1px solid #ccc;
    width: 256px;
    padding: 16px 0 16px 16px;
    vertical-align: top;
    font-weight: normal; }
    @media screen and (max-width: 1100px) {
      .c-tbl th {
        width: 200px; } }
  .c-tbl td {
    border-top: 1px solid #ccc;
    padding: 16px 16px 16px 0; }
    .c-tbl td p {
      border-bottom: 1px solid #ccc;
      padding: 0 0 16px 0; }
      .c-tbl td p:last-child {
        border-bottom: none;
        padding: 0;
        margin: 0 auto; }
  .c-tbl .border-none {
    border-top: none;
    padding-top: 0; }

@media screen and (max-width: 599px) {
  .c-tbl01 tr {
    display: flex;
    flex-wrap: wrap; } }
@media screen and (max-width: 599px) {
  .c-tbl01 tr:last-child th {
    border-bottom: none; } }
@media screen and (max-width: 599px) {
  .c-tbl01 th {
    width: 100%;
    padding: 16px 16px 8px 16px; } }
@media screen and (max-width: 599px) {
  .c-tbl01 td {
    width: 100%;
    border-top: none;
    padding: 0 16px 16px 16px; } }

@media screen and (max-width: 599px) {
  .c-tbl02 th {
    width: 128px; } }

@media screen and (max-width: 767px) {
  .c-tbl03 tr {
    display: flex;
    flex-wrap: wrap; }
    .c-tbl03 tr:last-child th {
      border-bottom: none; } }
@media screen and (max-width: 767px) {
  .c-tbl03 th, .c-tbl03 td {
    width: 100%; } }
@media screen and (max-width: 767px) {
  .c-tbl03 td {
    border-top: none;
    padding: 0 16px 24px; } }
@media screen and (max-width: 767px) {
  .c-tbl03 td .flexbox {
    align-items: unset; } }
.c-tbl03 .flexbox {
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto 16px; }
  .c-tbl03 .flexbox:last-child {
    margin: 0 auto; }
  .c-tbl03 .flexbox .left {
    width: 240px; }
    @media screen and (max-width: 767px) {
      .c-tbl03 .flexbox .left {
        width: 160px; } }
  .c-tbl03 .flexbox .right {
    width: calc(100% - 240px);
    padding-left: 16px; }
    @media screen and (max-width: 767px) {
      .c-tbl03 .flexbox .right {
        width: calc(100% - 160px); } }
    .c-tbl03 .flexbox .right h4 {
      margin: 0 auto 5px; }
    .c-tbl03 .flexbox .right p {
      line-height: 1.5; }

/* News */
.c-list {
  border-bottom: 1px solid #ccc; }
  .c-list__item {
    padding: 16px;
    border-top: 1px solid #ccc;
    list-style: none; }
    .c-list__item.is-hide {
      display: none; }
  .c-list .flexbox {
    align-items: center; }
    @media screen and (max-width: 767px) {
      .c-list .flexbox {
        flex-wrap: wrap; } }
  .c-list a .ttl {
    text-decoration: underline; }
  .c-list a:hover {
    opacity: .6; }
  .c-list .left {
    width: 288px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 24px;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      .c-list .left {
        width: 100%;
        padding: 0;
        margin: 0 auto 8px; } }
  .c-list .date {
    font-size: 1.6rem;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      .c-list .date {
        font-size: 1.4rem; } }
  .c-list .cat {
    font-size: 1.4rem;
    width: 128px;
    line-height: 30px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      .c-list .cat {
        font-size: 1.2rem;
        line-height: 22px; } }
    @media screen and (max-width: 599px) {
      .c-list .cat {
        width: 96px; } }
  .c-list .ttl {
    font-size: 1.6rem;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .c-list .ttl {
        font-size: 1.4rem; } }
  .c-list .right {
    width: calc(100% - 256px); }
    @media screen and (max-width: 767px) {
      .c-list .right {
        width: 100%; } }

/* Narrow Down */
.narrowDown {
  width: 592px;
  margin-left: auto; }
  @media screen and (max-width: 767px) {
    .narrowDown {
      width: 100%;
      margin: 0 auto 24px; } }
  .narrowDown__list {
    display: flex;
    align-items: center;
    margin: 0 auto 48px;
    gap: 16px; }
    @media screen and (max-width: 767px) {
      .narrowDown__list {
        margin-bottom: 36px;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0; } }
    .narrowDown__list p {
      margin: 0 16px 0 0; }
      @media screen and (max-width: 767px) {
        .narrowDown__list p {
          width: 100%; } }
  .narrowDown__item {
    position: relative; }
    @media screen and (max-width: 767px) {
      .narrowDown__item {
        width: calc(100% / 2 - .5rem); } }
    .narrowDown__item::after {
      content: url("/assets/img/common/icon_arrow01.svg");
      position: absolute;
      background-repeat: no-repeat;
      background-size: 8px 8px;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none; }
    .narrowDown__item:last-child {
      margin: 0; }
    .narrowDown__item .select-area {
      width: 240px;
      height: 48px;
      padding: 0 1em;
      font-size: 1.4rem;
      border: 1px solid #ccc;
      border-radius: 0;
      background-image: none;
      background: #fff;
      -webkit-appearance: none;
      -moz-appearance: none; }
      @media screen and (max-width: 767px) {
        .narrowDown__item .select-area {
          width: 100%; } }
    .narrowDown__item::-ms-expand {
      display: none; }

/* Form */
.c-form {
  width: 750px; }
  @media screen and (max-width: 767px) {
    .c-form {
      width: 100%; } }
  .c-form__item {
    margin: 0 auto 48px;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .c-form__item {
        margin: 0 auto 24px; } }
    .c-form__item th {
      width: 480px;
      text-align: left;
      margin: 0 0 16px;
      font-size: 1.6rem;
      font-weight: normal; }
      @media screen and (max-width: 767px) {
        .c-form__item th {
          width: 100%;
          font-size: 1.6rem;
          margin: 0 0 8px; } }
      .c-form__item th .required {
        background-color: #e60013;
        color: #fff;
        width: 48px;
        line-height: 24px;
        font-size: 1.4rem;
        margin: 0 0 0 1.6rem;
        display: inline-block;
        text-align: center;
        font-weight: normal; }
    @media screen and (max-width: 767px) {
      .c-form__item td {
        width: 100%; } }
    .c-form__item .msg-area {
      height: 320px;
      width: 640px;
      border: 1px solid #7a7a7a;
      padding: 10px 0 0 16px;
      box-sizing: border-box;
      resize: vertical;
      font-size: 1.6rem;
      font-family: 'Noto Sans JP', sans-serif;
      color: #333; }
      @media screen and (max-width: 767px) {
        .c-form__item .msg-area {
          width: 100%;
          font-size: 1.6rem; } }
    .c-form__item .select-box {
      position: relative; }
      .c-form__item .select-box::after {
        content: url("/assets/img/common/icon_arrow01.svg");
        position: absolute;
        background-repeat: no-repeat;
        background-size: 8px 8px;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none; }
    .c-form__item .select-area {
      -webkit-appearance: none;
      -moz-appearance: none; }
      .c-form__item .select-area::-ms-expand {
        display: none; }
  .c-form__area {
    padding-left: 16px;
    width: 480px;
    height: 48px;
    border: 1px solid #7a7a7a;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333; }
    @media screen and (max-width: 767px) {
      .c-form__area {
        width: 100%;
        font-size: 1.6rem; } }
  .c-form input[type="text"], .c-form input[type="checkbox"], .c-form textarea, .c-form select {
    -webkit-appearance: none;
    border-radius: 0; }
  .c-form input::placeholder {
    color: #ccc;
    font-size: 1.4rem;
    font-weight: normal; }

.check-area {
  font-size: 1.6rem;
  margin: 0 auto 48px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .check-area {
      font-size: 1.4rem; } }
  .check-area input[type="checkbox"] {
    position: absolute;
    top: 2px; }
  .check-area input[type="checkbox"] + label {
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 40px; }
    .check-area input[type="checkbox"] + label::before {
      content: "";
      position: absolute;
      display: block;
      box-sizing: border-box;
      width: 24px;
      height: 24px;
      margin-top: -10px;
      left: 0;
      top: 50%;
      border: 2px solid;
      border-color: #7a7a7a;
      background-color: #FFF; }
  .check-area input[type="checkbox"]:checked + label::before {
    border-color: #333; }
  .check-area input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 14px;
    height: 8px;
    margin-top: -4px;
    top: 50%;
    left: 5px;
    transform: rotate(-45deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #333; }

.c-contents {
  margin: 0 auto 64px; }
  @media screen and (max-width: 767px) {
    .c-contents {
      margin: 0 auto 48px; } }

.c-btn .btn01 {
  width: 240px;
  height: 64px;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  border: 1px solid #333;
  background-color: #333;
  color: #fff;
  box-sizing: border-box;
  transition: all .3s; }
  .c-btn .btn01:hover {
    border: 1px solid #7a7a7a;
    background-color: #7a7a7a; }
  .c-btn .btn01:disabled {
    border: 1px solid #ccc;
    background-color: #ccc; }
  @media screen and (max-width: 767px) {
    .c-btn .btn01 {
      font-size: 1.6rem; } }
  @media screen and (max-width: 599px) {
    .c-btn .btn01 {
      width: 100%; } }
.c-btn input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

/* スタイルガイドで使用 */
.styleguide-label {
  background-color: #7a7a7a;
  color: #fff;
  text-align: center;
  display: block;
  width: 120px;
  line-height: 36px;
  font-size: 1.8rem;
  margin: 0 auto 50px;
  position: relative; }
  .styleguide-label::after {
    border: 6px solid transparent;
    border-top-color: #7a7a7a;
    border-bottom-width: 0;
    bottom: -5px;
    content: "";
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 0; }

html.active {
  overflow: hidden; }

.top-header .flexbox .left {
  margin: 120px 0 0 0; }
  @media screen and (max-width: 767px) {
    .top-header .flexbox .left {
      margin: 100px 0 0 0; } }

.top-nav-sp .nav-sp {
  display: none; }
  @media screen and (max-width: 599px) {
    .top-nav-sp .nav-sp__logo {
      margin-top: 80px; } }

.header {
  background-color: #fff; }
  @media screen and (max-width: 599px) {
    .header .nav-pc {
      display: none; } }
  .header .nav-pc__list {
    display: flex; }
  .header .nav-pc__item {
    margin: 0 48px 0 0;
    padding: 20px 0; }
    @media screen and (max-width: 767px) {
      .header .nav-pc__item {
        margin: 0 24px 0 0; } }
    .header .nav-pc__item:last-child {
      margin: 0; }
    .header .nav-pc__item .link {
      font-size: 1.4rem;
      transition: all .3s;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .header .nav-pc__item .link {
          font-size: 1.3rem; } }
      .header .nav-pc__item .link:hover {
        color: #e60013; }
    .header .nav-pc__item .fas {
      padding: 0 0 0 16px;
      color: #333; }
  .header .nav-pc .nav-recruit {
    position: relative; }
    .header .nav-pc .nav-recruit .recruit-link {
      display: none; }
    .header .nav-pc .nav-recruit:hover .recruit-link {
      display: block;
      position: absolute;
      left: -50px;
      top: 52px;
      z-index: 100;
      filter: drop-shadow(0px 7px 10px rgba(0, 0, 0, 0.1)); }
      .header .nav-pc .nav-recruit:hover .recruit-link__list {
        background-color: #fff; }
      .header .nav-pc .nav-recruit:hover .recruit-link__item {
        line-height: 48px;
        width: 240px;
        border-bottom: 1px solid #ccc;
        font-size: 1.4rem; }
        .header .nav-pc .nav-recruit:hover .recruit-link__item:last-child {
          border-bottom: none; }
        .header .nav-pc .nav-recruit:hover .recruit-link__item .fas {
          color: #7a7a7a;
          margin: 0 8px 0 0; }
      .header .nav-pc .nav-recruit:hover .recruit-link__link {
        transition: all .3s; }
        .header .nav-pc .nav-recruit:hover .recruit-link__link::after {
          display: inline-block;
          content: url("/assets/img/common/icon_external02.svg");
          margin-left: .5em; }
        .header .nav-pc .nav-recruit:hover .recruit-link__link:hover {
          color: #e60013; }
  .header .flexbox {
    margin: 0 64px;
    justify-content: space-between;
    height: 80px;
    align-items: center; }
    @media screen and (max-width: 1100px) {
      .header .flexbox {
        margin: 0 auto;
        width: 95%; } }
  .header__logo {
    transition: all .3s; }
    .header__logo:hover {
      opacity: .5; }
    @media screen and (max-width: 767px) {
      .header__logo img {
        width: 100px; } }

.nav-sp {
  display: none; }
  @media screen and (max-width: 599px) {
    .nav-sp {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 48px;
      padding: 0 16px; }
      .nav-sp__logo img {
        width: 100px; }
      .nav-sp__toggle {
        display: flex;
        width: 48px;
        height: 48px;
        z-index: 9999; }
        .nav-sp__toggle span {
          display: block;
          position: absolute;
          border-bottom: solid 2px #333;
          right: 16px;
          width: 32px;
          z-index: 100; }
          .nav-sp__toggle span:nth-child(1) {
            top: 22px; }
          .nav-sp__toggle span:nth-child(2) {
            top: 28px; }
        .nav-sp__toggle.active span {
          border-bottom: solid 2px #fff; }
          .nav-sp__toggle.active span:nth-child(1) {
            transform: rotate(45deg);
            top: 25px; }
          .nav-sp__toggle.active span:nth-child(2) {
            transform: rotate(-45deg);
            top: 25px; } }
  .nav-sp__menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: all 0.8s;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9998;
    background-color: #333;
    padding: 48px 0 100px; }
    .nav-sp__menu.active {
      transform: translateX(0%);
      height: 100%; }

@media screen and (max-width: 599px) {
  html {
    overflow-x: hidden; }
    html body {
      position: relative;
      overflow-x: hidden; }
      html body::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: translateX(100%);
        transition: all 0.8s;
        background-color: #333;
        box-sizing: border-box;
        z-index: 100; }
    html.active {
      overflow: hidden;
      height: 100%; }
      html.active body::before {
        transform: translateX(0%); } }

/* ____________________ ハンバーガーとフッター共通のナビ ____________________ */
.c-nav {
  display: flex;
  margin: 0 auto 48px; }
  @media screen and (max-width: 1100px) {
    .c-nav {
      flex-wrap: wrap; } }
  @media screen and (max-width: 599px) {
    .c-nav {
      margin: 0 auto; } }
  .c-nav p, .c-nav a {
    color: #fff; }
  .c-nav__mainItem {
    width: 165px;
    margin: 0 24px 0 0; }
    .c-nav__mainItem:last-child {
      margin: 0; }
    .c-nav__mainItem a {
      white-space: nowrap; }
      .c-nav__mainItem a::after {
        content: "";
        display: block;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-bottom: 1px solid rgba(255, 255, 255, 0); }
      .c-nav__mainItem a:hover {
        text-decoration: none; }
        .c-nav__mainItem a:hover::after {
          border-color: white; }
          @media screen and (max-width: 599px) {
            .c-nav__mainItem a:hover::after {
              border-color: rgba(255, 255, 255, 0); } }
    @media screen and (max-width: 1300px) {
      .c-nav__mainItem {
        /*width: 135px;
        margin: 0 18px 0 0;*/ } }
    @media screen and (max-width: 599px) {
      .c-nav__mainItem {
        width: 100%;
        margin: 0; } }
    .c-nav__mainItem .main-cat {
      margin: 0 auto 24px;
      font-size: 1.8rem; }
      @media screen and (max-width: 1100px) {
        .c-nav__mainItem .main-cat {
          font-size: 1.6rem; } }
      @media screen and (max-width: 599px) {
        .c-nav__mainItem .main-cat {
          margin: 0 auto;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          line-height: 48px;
          font-size: 1.6rem;
          font-weight: bold; } }
    .c-nav__mainItem--sub {
      font-size: 1.6rem; }
      @media screen and (max-width: 599px) {
        .c-nav__mainItem--sub {
          display: flex;
          flex-wrap: wrap; } }
      .c-nav__mainItem--sub li a {
        font-size: 1.4rem; }
        @media screen and (max-width: 1100px) {
          .c-nav__mainItem--sub li a {
            font-size: 1.4rem; } }
        @media screen and (max-width: 767px) {
          .c-nav__mainItem--sub li a {
            font-size: 1.2rem; } }
        .c-nav__mainItem--sub li a img {
          display: inline-block;
          vertical-align: middle;
          margin-left: .5em; }
      .c-nav__mainItem--sub li:not(:last-child) {
        margin: 0 auto 12px; }
        @media screen and (max-width: 599px) {
          .c-nav__mainItem--sub li:not(:last-child) {
            margin: 0 auto; } }
      @media screen and (max-width: 599px) {
        .c-nav__mainItem--sub li {
          line-height: 48px;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          width: 60%;
          margin-right: 0 !important; }
          .c-nav__mainItem--sub li:last-child {
            margin-right: 0 !important;
            margin: 0 auto; }
          .c-nav__mainItem--sub li a {
            padding-left: 16px; } }
      .c-nav__mainItem--sub .top-link {
        display: none; }
        @media screen and (max-width: 599px) {
          .c-nav__mainItem--sub .top-link {
            display: block;
            width: 100%;
            padding-left: 16px;
            position: relative; } }
      @media screen and (max-width: 599px) {
        .c-nav__mainItem--sub .main-cat02 {
          width: 40%;
          display: flex;
          position: relative; }
          .c-nav__mainItem--sub .main-cat02::before {
            display: none; }
          .c-nav__mainItem--sub .main-cat02 .c-nav__arrow::before {
            display: none; } }
      @media screen and (max-width: 599px) {
        .c-nav__mainItem--sub .main-cat03 {
          padding: 0 0 0 16px; } }
  .c-nav__arrow {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    box-sizing: border-box; }
    @media screen and (max-width: 599px) {
      .c-nav__arrow {
        padding: 0 16px;
        width: 100%; } }
    .c-nav__arrow::before {
      font-family: "Font Awesome 5 Free";
      content: '\f054';
      color: #7a7a7a;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      font-weight: 600; }
      @media screen and (max-width: 599px) {
        .c-nav__arrow::before {
          left: unset;
          right: 16px;
          font-size: 1.4rem; } }

.c-nav__blank::after {
  display: inline-block;
  content: url("/assets/img/common/icon_external01.svg"); }

/* ____________________ 下層のナビ ____________________ */
.pageNav {
  display: flex;
  margin: 0 auto;
  padding: 48px 0 0;
  justify-content: center; }
  @media screen and (max-width: 900px) {
    .pageNav {
      display: none; } }
  .pageNav__item {
    margin: 0 32px 0 0;
    /*      @include mq($mqTAB01) {
            margin: 0 18px 0 0;
          }*/ }
    @media screen and (max-width: 1100px) {
      .pageNav__item {
        margin: 0 2% 0 0; } }
    .pageNav__item:last-child {
      margin: 0; }
    .pageNav__item a {
      color: #7a7a7a;
      font-size: 1.4rem;
      font-weight: bold;
      padding: 0 0 16px;
      transition: all .1s; }
      @media screen and (max-width: 767px) {
        .pageNav__item a {
          font-size: 1.2rem; } }
      .pageNav__item a:hover {
        color: #e60013;
        padding: 0 0 16px;
        border-bottom: 2px solid #e60013; }
    .pageNav__item .accent {
      color: #e60013;
      padding: 0 0 16px;
      border-bottom: 2px solid #e60013; }
      @media screen and (max-width: 767px) {
        .pageNav__item .accent {
          padding: 0 0 8px; } }

.footerNav {
  background-color: #e60013;
  padding: 48px 0; }
  @media screen and (max-width: 900px) {
    .footerNav {
      padding: 48px 0 16px; } }
  .footerNav .inner {
    padding: 0 !important; }
  .footerNav__list {
    justify-content: center; }
    @media screen and (max-width: 900px) {
      .footerNav__list {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: baseline; }
        .footerNav__list::after {
          content: "";
          display: block;
          width: 33%;
          height: 0; } }
  .footerNav__item {
    margin: 0 32px 0 0;
    text-align: center;
    display: flex;
    justify-content: center; }
    .footerNav__item.pc {
      display: flex; }
    .footerNav__item.sp {
      display: none; }
    @media screen and (max-width: 1100px) {
      .footerNav__item {
        margin: 0 2% 0 0; }
        .footerNav__item.pc {
          display: none; }
        .footerNav__item.sp {
          display: flex; } }
    .footerNav__item:last-child {
      margin: 0; }
    @media screen and (max-width: 767px) {
      .footerNav__item:nth-child(3) .accent {
        width: 80%; } }
    @media screen and (max-width: 900px) {
      .footerNav__item {
        margin: 0 auto 32px;
        width: 33%; }
        .footerNav__item.long {
          width: 100%; }
        .footerNav__item:last-child {
          margin: 0 0 32px; } }
    .footerNav__item a {
      color: #fff;
      font-size: 1.4rem;
      transition: all .1s;
      font-weight: bold;
      padding: 0 0 16px; }
      @media screen and (max-width: 767px) {
        .footerNav__item a {
          padding: 0 0 8px; } }
      .footerNav__item a:hover {
        border-bottom: 2px solid #fff;
        padding: 0 0 16px; }
        @media screen and (max-width: 767px) {
          .footerNav__item a:hover {
            padding: 0 0 8px; } }
    .footerNav__item .accent {
      padding: 0 0 16px;
      border-bottom: 2px solid #fff; }
      @media screen and (max-width: 767px) {
        .footerNav__item .accent {
          padding: 0 0 8px;
          display: inline-block; } }

.footer {
  margin: 0 auto;
  padding: 48px 0 24px;
  background-color: #333; }
  @media screen and (max-width: 599px) {
    .footer {
      padding: 64px 0 24px; } }
  .footer .inner:first-of-type {
    display: flex;
    justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .footer .inner02 {
      width: 100%; } }
  @media screen and (max-width: 599px) {
    .footer .inner02 {
      padding: 0; } }
  .footer .logo {
    margin: 0 0 48px; }
    @media screen and (max-width: 599px) {
      .footer .logo {
        margin: 0;
        padding: 0 0 32px; }
        .footer .logo a img {
          width: 96px;
          height: 32px; } }
  .footer .pagetop {
    margin: 0; }
    .footer .pagetop a {
      position: relative;
      margin-right: 0;
      display: block;
      width: 48px;
      height: 48px;
      border: #fff solid 1px;
      transition: all .3s; }
      @media screen and (max-width: 767px) {
        .footer .pagetop a {
          width: 32px;
          height: 32px; } }
      .footer .pagetop a::before {
        font-size: 2rem;
        font-family: "Font Awesome 5 Free";
        content: '\f054';
        color: #fff;
        position: absolute;
        left: 35%;
        top: 10%;
        transform: rotate(270deg);
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          .footer .pagetop a::before {
            font-size: 1.4rem; } }
      .footer .pagetop a:hover {
        opacity: .5; }
  @media screen and (max-width: 1100px) {
    .footer .c-nav__mainItem {
      width: calc(100% / 3);
      margin: 0 0 30px; }
      .footer .c-nav__mainItem:nth-child(3n) {
        margin: 0; } }
  @media screen and (max-width: 599px) {
    .footer .c-nav__mainItem {
      width: 100%;
      margin: 0; } }
  .footer .footerSubList {
    margin: 0 auto 48px;
    align-items: flex-start;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .footer .footerSubList {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 auto 32px; } }
    @media screen and (max-width: 767px) {
      .footer .footerSubList .left {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .footer .footerSubList .right {
        width: 100%;
        text-align: center; } }
    .footer .footerSubList p, .footer .footerSubList a {
      color: #fff;
      font-size: 1.4rem; }
      @media screen and (max-width: 599px) {
        .footer .footerSubList p, .footer .footerSubList a {
          font-size: 1.2rem; } }
    .footer .footerSubList a::after {
      content: "";
      display: block;
      -webkit-transition: all .3s;
      transition: all .3s;
      border-bottom: 1px solid rgba(255, 255, 255, 0); }
    .footer .footerSubList a:hover {
      text-decoration: none; }
      .footer .footerSubList a:hover::after {
        border-color: white; }
        @media screen and (max-width: 599px) {
          .footer .footerSubList a:hover::after {
            border-color: rgba(255, 255, 255, 0); } }
    .footer .footerSubList li {
      width: 185px;
      margin: 0; }
      @media screen and (max-width: 1300px) {
        .footer .footerSubList li {
          width: 170px;
          /*width: 135px;
          margin: 0 18px 0 0;*/ } }
      @media screen and (max-width: 599px) {
        .footer .footerSubList li {
          width: 100%;
          padding: 16px 0;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          margin: 0; }
          .footer .footerSubList li:last-child {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
  .footer .footerBtm {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .footer .footerBtm p {
      font-size: 1.2rem;
      color: #7a7a7a;
      text-align: center;
      margin: 24px auto 0;
      font-family: 'Seria Regular', Arial, Helvetica, sans-serif; }
  .footer-sns {
    text-align: center; }
    .footer-sns-x, .footer-sns-tw, .footer-sns-fb, .footer-sns-ig, .footer-sns-yt {
      display: inline-block;
      text-align: center;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 50%;
      color: #fff !important;
      padding-bottom: 2px !important;
      padding: 0 !important;
      transition: all .3s;
      font-size: 16px; }
      .footer-sns-x:hover, .footer-sns-tw:hover, .footer-sns-fb:hover, .footer-sns-ig:hover, .footer-sns-yt:hover {
        opacity: .7;
        color: #fff; }
    .footer-sns-x {
      background: #fff;
      margin-right: 12px;
      vertical-align: middle; }
      @media screen and (max-width: 767px) {
        .footer-sns-x {
          font-size: 14px; } }
      .footer-sns-x span {
        display: block;
        padding-top: 8px;
        color: #000 !important; }
        .footer-sns-x span::before {
          content: "\e91e";
          display: block;
          font-family: 'icomoon' !important;
          speak: never;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1; }
    .footer-sns-tw {
      background: #00acee;
      margin-right: 12px;
      padding-left: 3px !important; }
    .footer-sns-ig {
      background: #CF2E92;
      margin-right: 12px; }
    .footer-sns-yt {
      background: #DA1725;
      margin-right: 12px; }
    .footer-sns-fb {
      background: #3b5998; }
  .footer-badge {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .footer-badge li {
      width: 195px !important; }
      @media screen and (max-width: 1300px) {
        .footer-badge li {
          width: 195px !important; } }
      @media screen and (max-width: 767px) {
        .footer-badge li {
          /*        width: 100% !important;*/
          text-align: center;
          margin-bottom: 16px;
          border-top: none !important;
          border-bottom: none !important; } }
      .footer-badge li + li {
        padding-left: 16px; }
      .footer-badge li a {
        display: block; }
        .footer-badge li a::after {
          display: none !important; }
        @media screen and (max-width: 767px) {
          .footer-badge li a {
            display: block;
            margin: 0 auto;
            width: 180px; } }
    .footer-badge .certificates {
      background: #fff;
      padding: 8px; }
      @media screen and (max-width: 599px) {
        .footer-badge .certificates {
          width: auto;
          margin: 0 auto;
          display: inline-block; } }

/* ____________________ COMMON ____________________ */
/* ----- new line ----- */
.br-pc {
  display: block; }
  @media screen and (max-width: 1100px) {
    .br-pc {
      display: none; } }

.br-tab {
  display: none; }
  @media screen and (max-width: 767px) {
    .br-tab {
      display: block; } }

.br-sp {
  display: none; }
  @media screen and (max-width: 599px) {
    .br-sp {
      display: block; } }

.br-sps {
  display: none; }
  @media screen and (max-width: 340px) {
    .br-sps {
      display: block; } }

/* ----- inner ----- */
.inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1132px;
  padding: 0 16px; }
  @media screen and (max-width: 1100px) {
    .inner {
      padding: 0 16px; } }
  .inner-02 {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px; }
    @media screen and (max-width: 1100px) {
      .inner-02 .hl-01 {
        padding: 0 16px; }
      .inner-02 .hl-03 {
        padding: 0 16px; } }

/* ----- Fonts ----- */
.saira {
  font-family: 'Saira', sans-serif; }

p {
  line-height: 1.8;
  font-size: 1.6rem;
  margin: 0 auto 24px; }
  @media screen and (max-width: 599px) {
    p {
      font-size: 1.4rem; } }
  p:last-child {
    margin: 0 auto; }

ol li, ul li {
  font-size: 1.6rem; }
  @media screen and (max-width: 599px) {
    ol li, ul li {
      font-size: 1.4rem; } }

/* ----- headline ----- */
.hl-01 {
  color: #333;
  margin: 0 auto 64px;
  font-size: 3.6rem;
  position: relative;
  /*&::before {
    content: '●';
    color: $accent;
    position: absolute;
    left: -5px;
    bottom: 48px;
    font-size: 1.6rem;
    @include mq($mqSP01) {
      font-size: 1.2rem;
    }
  }*/ }
  @media screen and (max-width: 599px) {
    .hl-01 {
      font-size: 3.2rem;
      margin: 0 auto 48px; }
      .hl-01 span {
        display: none; } }

.hl-02 {
  color: #333;
  margin: 0 0 64px;
  font-size: 2.4rem;
  max-width: 600px; }
  @media screen and (max-width: 599px) {
    .hl-02 {
      margin: 0 auto 32px; } }

.hl-03 {
  color: #333;
  margin: 0 auto 48px;
  font-size: 1.8rem; }
  @media screen and (max-width: 599px) {
    .hl-03 {
      margin: 0 auto 24px; } }

.id-01 {
  color: #333;
  margin: 0 auto 48px;
  font-size: 4.8rem;
  position: relative;
  font-family: 'Saira', sans-serif;
  font-weight: 600;
  /*&::before {
    content: '●';
    color: $accent;
    position: absolute;
    left: -5px;
    bottom: 84px;
    font-size: 1.6rem;
    @include mq($mqSP01) {
      font-size: 1.2rem;
    }
  }*/ }
  @media screen and (max-width: 767px) {
    .id-01 {
      font-size: 3.6rem;
      margin: 0 auto 32px; } }
  .id-01::after {
    font-size: 1.4rem;
    display: block;
    font-weight: normal;
    font-family: 'Noto Sans JP', sans-serif; }
    @media screen and (max-width: 767px) {
      .id-01::after {
        font-size: 1.2rem; } }

.styleguide .id-01::after {
  content: '日本語見出し'; }

.c-ttl-main {
  font-family: 'Saira', sans-serif;
  font-size: 6.4rem;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .c-ttl-main {
      font-size: 4.8rem; } }

.c-ttl-sub {
  font-size: 1.4rem;
  margin: 0 auto 64px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-ttl-sub {
      font-size: 1.2rem;
      margin: 0 auto 32px; } }

.c-lead {
  font-size: 3.2rem;
  margin: 0 auto 48px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-lead {
      font-size: 2.4rem;
      text-align: left;
      margin: 0 auto 24px; } }

.c-msg {
  font-size: 1.6rem;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-msg {
      font-size: 1.4rem;
      text-align: left; } }

.c-msg02 {
  font-size: 1.6rem;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .c-msg02 {
      font-size: 1.4rem; } }

.border-top {
  border-top: 1px solid #ccc; }
.border-bottom {
  border-bottom: 1px solid #ccc; }
.border-right {
  border-right: 1px solid #ccc; }
.border-left {
  border-left: 1px solid #ccc; }

.c-txt-ul {
  text-decoration: underline; }

.c-txt-bold {
  font-weight: 700; }

/* ____________________ トップ ____________________ */
/* ----- メインビジュアル ----- */
.top-mv {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 100;
  box-sizing: border-box;
  position: relative;
  transition: all .3s;
  background-image: url("../img/top/img_top_mv01.jpg"); }
  .top-mv::after {
    content: "";
    height: 100vh;
    width: 100%;
    z-index: 10;
    position: absolute;
    animation: bg-fade 4s linear;
    display: block;
    top: 0; }
@keyframes bg-fade {
  0% {
    background: white; }
  50% {
    background: rgba(255, 255, 255, 0.5); }
  100% {
    background: rgba(255, 255, 255, 0); } }
  .top-mv__msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #e60013;
    width: 100%;
    animation: mg-fade 0s ease; }
@keyframes mg-fade {
  0% {
    opacity: 0; }
  25% {
    opacity: 0.25; }
  50% {
    opacity: 0.5; }
  75% {
    opacity: 0.75; }
  100% {
    opacity: 1; } }
    .top-mv__msg .main-catch {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 599px) {
        .top-mv__msg .main-catch {
          width: 100%; } }
      .top-mv__msg .main-catch .main-catch-pc {
        width: 1000px; }
        @media screen and (max-width: 599px) {
          .top-mv__msg .main-catch .main-catch-pc {
            display: none; } }
      .top-mv__msg .main-catch .main-catch-sp {
        display: none; }
        @media screen and (max-width: 599px) {
          .top-mv__msg .main-catch .main-catch-sp {
            display: block;
            width: 100%; } }
  .top-mv .header {
    position: absolute;
    width: 100%;
    background-color: unset;
    z-index: 50;
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0)); }
  .top-mv .nav-sp {
    position: absolute;
    width: 100%;
    z-index: 50;
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0)); }

.top-scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  display: block;
  height: 65px;
  z-index: 49;
  transition: all .3s; }
  @media screen and (max-width: 599px) {
    .top-scroll {
      bottom: 78px; }
      .top-scroll.active {
        bottom: 0; } }
  .top-scroll .txt {
    display: block;
    color: #e60013;
    font-size: 1.2rem;
    letter-spacing: 0.01em;
    font-family: 'Saira', sans-serif; }
    .top-scroll .txt::after {
      content: "";
      display: block;
      width: 2px;
      animation: scroll_bar 2s ease infinite;
      background-color: #e60013;
      margin-left: 21px; }

@keyframes scroll_bar {
  0% {
    height: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  30% {
    height: 46px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  60% {
    height: 46px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }
/* ----- トップ　大事なお知らせ ----- */
.top-notice {
  background-color: #e60013;
  text-align: center;
  padding: 16px 0;
  transition: all .3s;
  cursor: pointer;
  position: relative; }
  .top-notice a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .top-notice a {
        font-size: 1.4rem; } }
    @media screen and (max-width: 599px) {
      .top-notice a {
        text-align: left; } }
  .top-notice:hover {
    background-color: #fff; }
    .top-notice:hover a {
      color: #e60013; }
  .top-notice .fas {
    margin: 0 0 0 10px; }
    @media screen and (max-width: 599px) {
      .top-notice .fas {
        position: absolute;
        top: 50%;
        right: 10px;
        margin: 0;
        transform: translateY(-50%); } }
  .top-notice-a {
    text-align: left; }
    .top-notice-a a {
      font-size: 1.8rem;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .top-notice-a a {
          display: block;
          font-size: 1.4rem; } }
      @media screen and (max-width: 320px) {
        .top-notice-a a {
          font-size: 1.2rem; } }
      .top-notice-a a span {
        order: 2;
        display: block; }
      .top-notice-a a img {
        width: 250px;
        order: 1;
        margin-right: 24px; }
        @media screen and (max-width: 767px) {
          .top-notice-a a img {
            width: 200px;
            margin-top: 8px; } }

/* ----- トップ　理念 ----- */
.top-phi {
  background-image: url("../img/top/bg_top_philosophy02.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 128px 0;
  position: relative;
  z-index: 50; }
  @media screen and (max-width: 767px) {
    .top-phi {
      padding: 96px 0;
      background-position: 90%; } }
  .top-phi__bg {
    position: absolute;
    z-index: -50;
    top: 140px; }
    @media screen and (max-width: 1100px) {
      .top-phi__bg {
        left: -210px;
        right: 16px; } }
    .top-phi__bg img {
      width: 100%; }
@keyframes arrow {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: translate(-100px, -100px); }
  100% {
    transform: translate(-500px, -500px); } }
  .top-phi .id-01::after {
    content: 'ビジョン'; }
  .top-phi .txt01 {
    margin: 0 auto 48px;
    font-size: 1.8rem;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .top-phi .txt01 {
        margin: 0 auto 32px;
        font-size: 1.4rem; } }
  @media screen and (max-width: 767px) {
    .top-phi .c-btn .btn01 {
      width: 128px;
      height: 48px;
      font-size: 1.4rem; } }

/* ----- トップ　サービス ----- */
.top-service {
  background-color: #e60013;
  padding: 128px 0 0;
  position: relative;
  z-index: 50; }
  @media screen and (max-width: 767px) {
    .top-service {
      padding: 96px 0 0; } }
  .top-service .id-01 {
    color: #fff; }
    .top-service .id-01::before {
      color: #fff; }
    .top-service .id-01::after {
      content: '事業案内'; }
  .top-service .txt01 {
    color: #fff;
    margin: 0 auto 64px;
    font-size: 1.8rem;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .top-service .txt01 {
        margin: 0 auto 32px;
        font-size: 1.4rem; } }
  .top-service .category {
    background-image: url("../img/top/bg_top_service01.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    .top-service .category__list {
      display: flex;
      width: 100%; }
      @media screen and (max-width: 1100px) {
        .top-service .category__list {
          flex-wrap: wrap; } }
    .top-service .category__item {
      width: 25%;
      background-color: rgba(0, 0, 0, 0.8);
      border-right: 4px solid #fff;
      transition: all .3s; }
      .top-service .category__item:last-child {
        border-right: none; }
      .top-service .category__item:hover {
        background-color: rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 1100px) {
        .top-service .category__item {
          width: 50%;
          border-right: 2px solid #fff; }
          .top-service .category__item:nth-child(even) {
            border-right: none; }
          .top-service .category__item:nth-child(-n+2) {
            border-bottom: 2px solid #fff; } }
      @media screen and (max-width: 599px) {
        .top-service .category__item {
          width: 100%;
          border-right: none;
          border-bottom: 2px solid #fff; }
          .top-service .category__item:last-child {
            border-bottom: none; } }
    .top-service .category__link .fas {
      display: none; }
      @media screen and (max-width: 599px) {
        .top-service .category__link .fas {
          display: block;
          color: #fff;
          position: absolute;
          right: 16px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 1.6rem; } }
    .top-service .category__box {
      position: relative;
      height: 600px; }
      @media screen and (max-width: 1100px) {
        .top-service .category__box {
          height: 400px; } }
      @media screen and (max-width: 599px) {
        .top-service .category__box {
          height: unset;
          display: flex;
          flex-direction: row-reverse;
          padding: 32px 16px;
          justify-content: center;
          width: 100%;
          margin: 0 auto; } }
      .top-service .category__box .index {
        margin: 0 auto 32px;
        letter-spacing: 0.1em;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .top-service .category__box .index {
            font-size: 16px;
            text-align: left; } }
    .top-service .category__txt {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 20%;
      width: 80%; }
      @media screen and (max-width: 599px) {
        .top-service .category__txt {
          position: unset;
          left: unset;
          top: unset;
          transform: unset;
          width: 84%;
          padding-right: 26px; }
          .top-service .category__txt .nowrap {
            white-space: nowrap; } }
    .top-service .category__img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 60px; }
      @media screen and (max-width: 1100px) {
        .top-service .category__img {
          height: 100px; } }
      @media screen and (max-width: 767px) {
        .top-service .category__img {
          bottom: 30px; } }
      @media screen and (max-width: 599px) {
        .top-service .category__img {
          position: unset;
          bottom: unset;
          height: unset;
          transform: unset;
          width: 64px;
          margin: 0 16px 0 0; } }
    .top-service .category .index {
      color: #fff;
      font-size: 2.4rem;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        .top-service .category .index {
          font-size: 1.8rem;
          margin: 0 auto 16px; } }
    .top-service .category .comment {
      color: #fff;
      font-size: 1.6rem;
      text-align: center;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .top-service .category .comment {
          text-align: left;
          font-size: 1.2rem; } }
    .top-service .category__list02 {
      border-top: 4px solid #fff;
      display: flex;
      justify-content: center;
      transition: all .3s; }
      @media screen and (max-width: 1100px) {
        .top-service .category__list02 {
          border-top: 2px solid #fff; } }
      @media screen and (max-width: 599px) {
        .top-service .category__list02 {
          flex-wrap: wrap; } }
      .top-service .category__list02 .category__item {
        width: 50%; }
        @media screen and (max-width: 599px) {
          .top-service .category__list02 .category__item {
            width: 100%;
            /*border-right: none;
            border-bottom: 2px solid #fff;
            &:last-child {
              border-bottom: none;
            }*/ } }
      .top-service .category__list02 a {
        width: 100%; }
      .top-service .category__list02 .flexbox {
        align-items: center;
        justify-content: center;
        padding: 48px 0;
        position: relative; }
        @media screen and (max-width: 1100px) {
          .top-service .category__list02 .flexbox {
            flex-wrap: wrap;
            text-align: center; } }
        @media screen and (max-width: 599px) {
          .top-service .category__list02 .flexbox {
            flex-wrap: nowrap;
            flex-direction: row-reverse;
            padding: 32px 16px;
            width: 100%;
            margin: 0 auto; } }
      .top-service .category__list02 .left {
        margin: 0 32px 0 0; }
        @media screen and (max-width: 1100px) {
          .top-service .category__list02 .left {
            width: 100%;
            order: 2;
            margin: 0; } }
        @media screen and (max-width: 767px) {
          .top-service .category__list02 .left {
            width: 80%; } }
        @media screen and (max-width: 599px) {
          .top-service .category__list02 .left {
            width: 64px;
            margin: 0 16px 0 0; } }
      @media screen and (max-width: 1100px) {
        .top-service .category__list02 .right {
          width: 100%;
          order: 1; } }
      @media screen and (max-width: 767px) {
        .top-service .category__list02 .right {
          width: 80%;
          text-align: left; } }
      @media screen and (max-width: 599px) {
        .top-service .category__list02 .right {
          width: 84%;
          padding-right: 26px; } }
      .top-service .category__list02 .index {
        margin: 0 auto 16px; }
      .top-service .category__list02 .comment {
        text-align: left; }
        @media screen and (max-width: 1100px) {
          .top-service .category__list02 .comment {
            text-align: center;
            margin-bottom: 24px; } }
        @media screen and (max-width: 767px) {
          .top-service .category__list02 .comment {
            text-align: left; } }
        @media screen and (max-width: 599px) {
          .top-service .category__list02 .comment {
            margin-bottom: 0; } }
      .top-service .category__list02 img {
        width: 96px; }
        @media screen and (max-width: 767px) {
          .top-service .category__list02 img {
            width: 64px; } }

/* ----- トップ　リクルート ----- */
.top-recruit {
  background-image: url("../img/top/bg_top_recruit01.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 128px 0; }
  @media screen and (max-width: 767px) {
    .top-recruit {
      background-position: top;
      padding: 96px 0; } }
  @media screen and (max-width: 599px) {
    .top-recruit {
      background-image: url("../img/top/bg_top_recruit02.png"); } }
  @media screen and (max-width: 767px) {
    .top-recruit .inner {
      padding: 0; } }
  .top-recruit .flexbox {
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .top-recruit .flexbox {
        flex-wrap: wrap; } }
    @media screen and (max-width: 1100px) {
      .top-recruit .flexbox__left {
        width: 30%; } }
    @media screen and (max-width: 767px) {
      .top-recruit .flexbox__left {
        width: 100%;
        padding: 0 16px; } }
    .top-recruit .flexbox__right {
      width: 736px; }
      @media screen and (max-width: 1100px) {
        .top-recruit .flexbox__right {
          width: 70%; } }
      @media screen and (max-width: 767px) {
        .top-recruit .flexbox__right {
          width: 100%; } }
      .top-recruit .flexbox__right a {
        display: block;
        overflow: hidden;
        transition: all .3s;
        filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.2)); }
        .top-recruit .flexbox__right a:hover {
          filter: drop-shadow(3px 8px 10px rgba(0, 0, 0, 0.8)); }
      .top-recruit .flexbox__right img {
        transition: all .3s; }
        .top-recruit .flexbox__right img:hover {
          transform: scale(1.05, 1.05); }
  .top-recruit .id-01::after {
    content: '採用情報'; }
  .top-recruit .txt01 {
    font-size: 1.8rem;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .top-recruit .txt01 {
        font-size: 1.4rem;
        margin: 0 auto 32px; } }
  .top-recruit .new {
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 599px) {
      .top-recruit .new {
        margin: 0 auto 8px; } }
    .top-recruit .new img {
      width: 736px; }
      @media screen and (max-width: 1100px) {
        .top-recruit .new img {
          width: 100%;
          height: unset; } }
  .top-recruit__box {
    display: flex;
    justify-content: space-between; }
  @media screen and (max-width: 1100px) {
    .top-recruit .partner, .top-recruit .education {
      width: 50%; } }
  .top-recruit .partner img, .top-recruit .education img {
    width: 360px; }
    @media screen and (max-width: 1100px) {
      .top-recruit .partner img, .top-recruit .education img {
        width: 100%;
        height: unset; } }
  .top-recruit .partner {
    margin: 0 16px 0 0; }
    @media screen and (max-width: 599px) {
      .top-recruit .partner {
        margin: 0 8px 0 0; } }

/* ----- トップ　SDGs ----- */
.top-sdgs {
  background-color: #f1f1f1;
  padding: 128px 0; }
  @media screen and (max-width: 767px) {
    .top-sdgs {
      padding: 96px 0; } }
  .top-sdgs .id-01::after {
    content: 'SDGsの取り組み'; }
  .top-sdgs .inner {
    position: relative; }
  @media screen and (max-width: 767px) {
    .top-sdgs .inner02 {
      padding: 0; } }
  .top-sdgs__logo {
    position: absolute;
    right: 16px; }
    @media screen and (max-width: 767px) {
      .top-sdgs__logo {
        width: 200px;
        top: 10px; } }
  .top-sdgs__list {
    display: flex; }
    @media screen and (max-width: 767px) {
      .top-sdgs__list {
        flex-wrap: wrap; } }
  .top-sdgs__item {
    border: 1px solid #ccc;
    padding: 32px; }
    @media screen and (max-width: 767px) {
      .top-sdgs__item {
        padding: 16px; } }
    .top-sdgs__item:first-child {
      width: 46%;
      border-right: none; }
      @media screen and (max-width: 767px) {
        .top-sdgs__item:first-child {
          border-bottom: none;
          border-left: none;
          width: 100%; } }
    .top-sdgs__item:nth-child(2) {
      width: 27%;
      border-right: none; }
      .top-sdgs__item:nth-child(2) .sdgs-img {
        width: 58.8%; }
      @media screen and (max-width: 767px) {
        .top-sdgs__item:nth-child(2) {
          width: 50%;
          border-left: none; }
          .top-sdgs__item:nth-child(2) .sdgs-img {
            width: 67.5%; } }
    .top-sdgs__item:last-child {
      width: 27%; }
      .top-sdgs__item:last-child .sdgs-img {
        width: 58.8%; }
      @media screen and (max-width: 767px) {
        .top-sdgs__item:last-child {
          width: 50%;
          border-right: none; }
          .top-sdgs__item:last-child .sdgs-img {
            width: 67.5%; } }
    .top-sdgs__item .sdgs-img {
      text-align: center;
      margin: 0 auto 16px; }
      .top-sdgs__item .sdgs-img img {
        /*        height: 128px;
                @include mq($mqPC02) {
                  height: 100px;
                }
                @include mq($mqTAB01) {
                  height: 96px;
                }
                @media screen and (max-width:350px) {
                  height: 75px;
                }*/ }
    @media screen and (max-width: 767px) {
      .top-sdgs__item .img-pc {
        display: none; } }
    .top-sdgs__item .img-sp {
      display: none; }
      @media screen and (max-width: 767px) {
        .top-sdgs__item .img-sp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          text-align: center;
          margin: 0 auto 16px;
          /*        img {
                    height: 96px;
                    @media screen and (max-width:350px) {
                      height: 75px;
                    }
                  }*/ }
          .top-sdgs__item .img-sp .img01 {
            margin: 0 8px 0 0; }
          .top-sdgs__item .img-sp .img02 {
            margin: 0 8px 0 0; } }
      .top-sdgs__item .img-sp img {
        width: 30%;
        max-width: 128px; }
    @media screen and (max-width: 767px) {
      .top-sdgs__item .txt {
        font-size: 1.4rem; } }

/* ----- トップ　ニュース ----- */
.top-news {
  background-color: #fbfbfb;
  padding: 128px 0 192px; }
  @media screen and (max-width: 767px) {
    .top-news {
      padding: 96px 0 128px; } }
  @media screen and (max-width: 1100px) {
    .top-news .inner02 {
      padding: 0; } }
  @media screen and (max-width: 1100px) {
    .top-news .id-01 {
      padding: 0 16px; } }
  .top-news .id-01::after {
    content: '新着情報'; }
  .top-news .c-list {
    margin: 0 auto 48px; }
    @media screen and (max-width: 767px) {
      .top-news .c-list {
        margin: 0 auto 32px; } }
  @media screen and (max-width: 767px) {
    .top-news .c-btn {
      text-align: left; } }
  .top-news .c-btn .btn01 {
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .top-news .c-btn .btn01 {
        width: 128px;
        height: 48px;
        margin-left: 0;
        font-size: 1.4rem; } }
  .top-news-important {
    margin-bottom: 48px; }
    @media screen and (max-width: 767px) {
      .top-news-important {
        padding: 0 16px; } }
    .top-news-important a {
      border: 1px solid #e60013;
      text-align: center;
      color: #e60013;
      display: block;
      padding: 8px;
      transition: all .3s; }
      @media screen and (max-width: 767px) {
        .top-news-important a {
          letter-spacing: 0; } }
      .top-news-important a:hover {
        background: #e60013;
        color: #fff; }

/* ----- トップ　バブル ----- */
/*@keyframes stretch {
	0% { transform: scaleX(1) scaleY(1); }
	33% { transform: scaleX(0.9) scaleY(1); }
	66% { transform: scaleX(1) scaleY(0.9); }
	100% { transform: scaleX(1) scaleY(1); }
}
@-webkit-keyframes stretch {
	0% { -webkit-transform: scaleX(1) scaleY(1); }
	33% { -webkit-transform: scaleX(0.9) scaleY(1); }
	66% { -webkit-transform: scaleX(1) scaleY(0.9); }
	100% { -webkit-transform: scaleX(1) scaleY(1); }
}*/
@keyframes shake {
  0% {
    transform: translateX(10px); }
  50% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(10px); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(10px); }
  50% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(10px); } }
@keyframes move {
  0% {
    transform: translateY(0px);
    opacity: 0; }
  100% {
    transform: translateY(-1000px);
    opacity: 1; }
  100% {
    transform: translateY(-2000px);
    opacity: 1; } }
@-webkit-keyframes move {
  0% {
    -webkit-transform: translateY(0px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-1000px);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-2000px);
    opacity: 1; } }
@media screen and (max-width: 599px) {
  @keyframes move {
    0% {
      transform: translateY(0px);
      opacity: 0; }
    100% {
      transform: translateY(-1000px);
      opacity: 1; }
    100% {
      transform: translateY(-1500px);
      opacity: 1; } }
  @-webkit-keyframes move {
    0% {
      -webkit-transform: translateY(0px);
      opacity: 0; }
    100% {
      -webkit-transform: translateY(-1000px);
      opacity: 1; }
    100% {
      -webkit-transform: translateY(-1500px);
      opacity: 1; } } }
@media (min-height: 2000px) {
  @keyframes move {
    0% {
      transform: translateY(0px);
      opacity: 0; }
    100% {
      transform: translateY(-1500px);
      opacity: 1; }
    100% {
      transform: translateY(-3000px);
      opacity: 1; } }
  @-webkit-keyframes move {
    0% {
      -webkit-transform: translateY(0px);
      opacity: 0; }
    100% {
      -webkit-transform: translateY(-1500px);
      opacity: 1; }
    100% {
      -webkit-transform: translateY(-3000px);
      opacity: 1; } } }
/*animation Play*/
.shake {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move {
  animation: move 20s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  -webkit-animation: move 20s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  position: absolute;
  bottom: -150px;
  left: 50%; }
  @media (min-height: 2000px) {
    .move {
      animation: move 20s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
      -webkit-animation: move 20s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal; } }

/*animation Play*/
.shake0 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move0 {
  animation: move 10s ease-out 0s infinite normal;
  -webkit-animation: move 10s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos0 {
  left: 0%; }

/*.scale0  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake1 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move1 {
  animation: move 10.5s ease-out 0s infinite normal;
  -webkit-animation: move 10.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos1 {
  left: 2.5%; }

/*.scale1  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake2 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move2 {
  animation: move 11s ease-out 0s infinite normal;
  -webkit-animation: move 11s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos2 {
  left: 5%; }

/*.scale2  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake3 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move3 {
  animation: move 11.5s ease-out 0s infinite normal;
  -webkit-animation: move 11.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos3 {
  left: 7.5%; }

/*.scale3  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake4 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move4 {
  animation: move 12s ease-out 0s infinite normal;
  -webkit-animation: move 12s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos4 {
  left: 10%; }

/*.scale4  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake5 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move5 {
  animation: move 12.5s ease-out 0s infinite normal;
  -webkit-animation: move 12.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos5 {
  left: 12.5%; }

/*.scale5  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake6 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move6 {
  animation: move 13s ease-out 0s infinite normal;
  -webkit-animation: move 13s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos6 {
  left: 15%; }

/*.scale6  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake7 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move7 {
  animation: move 13.5s ease-out 0s infinite normal;
  -webkit-animation: move 13.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos7 {
  left: 17.5%; }

/*.scale7  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake8 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move8 {
  animation: move 14s ease-out 0s infinite normal;
  -webkit-animation: move 14s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos8 {
  left: 20%; }

/*.scale8  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake9 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move9 {
  animation: move 14.5s ease-out 0s infinite normal;
  -webkit-animation: move 14.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos9 {
  left: 22.5%; }

/*.scale9  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake10 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move10 {
  animation: move 15s ease-out 0s infinite normal;
  -webkit-animation: move 15s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos10 {
  left: 25%; }

/*.scale10  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake11 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move11 {
  animation: move 15.5s ease-out 0s infinite normal;
  -webkit-animation: move 15.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos11 {
  left: 27.5%; }

/*.scale11  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake12 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move12 {
  animation: move 16s ease-out 0s infinite normal;
  -webkit-animation: move 16s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos12 {
  left: 30%; }

/*.scale12  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake13 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move13 {
  animation: move 16.5s ease-out 0s infinite normal;
  -webkit-animation: move 16.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos13 {
  left: 32.5%; }

/*.scale13  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake14 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move14 {
  animation: move 17s ease-out 0s infinite normal;
  -webkit-animation: move 17s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos14 {
  left: 35%; }

/*.scale14  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake15 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move15 {
  animation: move 17.5s ease-out 0s infinite normal;
  -webkit-animation: move 17.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos15 {
  left: 37.5%; }

/*.scale15  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake16 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move16 {
  animation: move 18s ease-out 0s infinite normal;
  -webkit-animation: move 18s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos16 {
  left: 40%; }

/*.scale16  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake17 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move17 {
  animation: move 18.5s ease-out 0s infinite normal;
  -webkit-animation: move 18.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos17 {
  left: 42.5%; }

/*.scale17  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake18 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move18 {
  animation: move 19s ease-out 0s infinite normal;
  -webkit-animation: move 19s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos18 {
  left: 45%; }

/*.scale18  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake19 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move19 {
  animation: move 19.5s ease-out 0s infinite normal;
  -webkit-animation: move 19.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos19 {
  left: 47.5%; }

/*.scale19  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake20 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move20 {
  animation: move 20s ease-out 0s infinite normal;
  -webkit-animation: move 20s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos20 {
  left: 50%; }

/*.scale20  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake21 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move21 {
  animation: move 20.5s ease-out 0s infinite normal;
  -webkit-animation: move 20.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos21 {
  left: 52.5%; }

/*.scale21  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake22 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move22 {
  animation: move 21s ease-out 0s infinite normal;
  -webkit-animation: move 21s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos22 {
  left: 55%; }

/*.scale22  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake23 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move23 {
  animation: move 21.5s ease-out 0s infinite normal;
  -webkit-animation: move 21.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos23 {
  left: 57.5%; }

/*.scale23  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake24 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move24 {
  animation: move 22s ease-out 0s infinite normal;
  -webkit-animation: move 22s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos24 {
  left: 60%; }

/*.scale24  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake25 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move25 {
  animation: move 22.5s ease-out 0s infinite normal;
  -webkit-animation: move 22.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos25 {
  left: 62.5%; }

/*.scale25  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake26 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move26 {
  animation: move 23s ease-out 0s infinite normal;
  -webkit-animation: move 23s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos26 {
  left: 65%; }

/*.scale26  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake27 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move27 {
  animation: move 23.5s ease-out 0s infinite normal;
  -webkit-animation: move 23.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos27 {
  left: 67.5%; }

/*.scale27  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake28 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move28 {
  animation: move 24s ease-out 0s infinite normal;
  -webkit-animation: move 24s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos28 {
  left: 70%; }

/*.scale28  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake29 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move29 {
  animation: move 24.5s ease-out 0s infinite normal;
  -webkit-animation: move 24.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos29 {
  left: 72.5%; }

/*.scale29  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake30 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move30 {
  animation: move 25s ease-out 0s infinite normal;
  -webkit-animation: move 25s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos30 {
  left: 75%; }

/*.scale30  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake31 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move31 {
  animation: move 25.5s ease-out 0s infinite normal;
  -webkit-animation: move 25.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos31 {
  left: 77.5%; }

/*.scale31  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake32 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move32 {
  animation: move 26s ease-out 0s infinite normal;
  -webkit-animation: move 26s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos32 {
  left: 80%; }

/*.scale32  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake33 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move33 {
  animation: move 26.5s ease-out 0s infinite normal;
  -webkit-animation: move 26.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos33 {
  left: 82.5%; }

/*.scale33  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake34 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move34 {
  animation: move 27s ease-out 0s infinite normal;
  -webkit-animation: move 27s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos34 {
  left: 85%; }

/*.scale34  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake35 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move35 {
  animation: move 27.5s ease-out 0s infinite normal;
  -webkit-animation: move 27.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos35 {
  left: 87.5%; }

/*.scale35  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake36 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move36 {
  animation: move 28s ease-out 0s infinite normal;
  -webkit-animation: move 28s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos36 {
  left: 90%; }

/*.scale36  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake37 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move37 {
  animation: move 28.5s ease-out 0s infinite normal;
  -webkit-animation: move 28.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos37 {
  left: 92.5%; }

/*.scale37  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake38 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move38 {
  animation: move 29s ease-out 0s infinite normal;
  -webkit-animation: move 29s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos38 {
  left: 95%; }

/*.scale38  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake39 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move39 {
  animation: move 29.5s ease-out 0s infinite normal;
  -webkit-animation: move 29.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos39 {
  left: 97.5%; }

/*.scale39  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake40 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move40 {
  animation: move 30s ease-out 0s infinite normal;
  -webkit-animation: move 30s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos40 {
  left: 100%; }

/*.scale40  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake41 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move41 {
  animation: move 30.5s ease-out 0s infinite normal;
  -webkit-animation: move 30.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos41 {
  left: 102.5%; }

/*.scale41  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake42 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move42 {
  animation: move 31s ease-out 0s infinite normal;
  -webkit-animation: move 31s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos42 {
  left: 105%; }

/*.scale42  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake43 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move43 {
  animation: move 31.5s ease-out 0s infinite normal;
  -webkit-animation: move 31.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos43 {
  left: 107.5%; }

/*.scale43  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake44 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move44 {
  animation: move 32s ease-out 0s infinite normal;
  -webkit-animation: move 32s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos44 {
  left: 110%; }

/*.scale44  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake45 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move45 {
  animation: move 32.5s ease-out 0s infinite normal;
  -webkit-animation: move 32.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos45 {
  left: 112.5%; }

/*.scale45  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake46 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move46 {
  animation: move 33s ease-out 0s infinite normal;
  -webkit-animation: move 33s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos46 {
  left: 115%; }

/*.scale46  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake47 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move47 {
  animation: move 33.5s ease-out 0s infinite normal;
  -webkit-animation: move 33.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos47 {
  left: 117.5%; }

/*.scale47  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake48 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move48 {
  animation: move 34s ease-out 0s infinite normal;
  -webkit-animation: move 34s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos48 {
  left: 120%; }

/*.scale48  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake49 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move49 {
  animation: move 34.5s ease-out 0s infinite normal;
  -webkit-animation: move 34.5s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos49 {
  left: 122.5%; }

/*.scale49  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.shake50 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.move50 {
  animation: move 35s ease-out 0s infinite normal;
  -webkit-animation: move 35s ease-out 0s infinite normal;
  position: absolute;
  bottom: -350px; }

.pos50 {
  left: 125%; }

/*.scale50  {
  transform: scale($scale);
  -webkit-transform: scale($scale);
}*/
.scale0 {
  transform: scale(0);
  -webkit-transform: scale(0); }

.scale1 {
  transform: scale(0.1);
  -webkit-transform: scale(0.1); }

.scale2 {
  transform: scale(0.2);
  -webkit-transform: scale(0.2); }

.scale3 {
  transform: scale(0.3);
  -webkit-transform: scale(0.3); }

.scale4 {
  transform: scale(0.4);
  -webkit-transform: scale(0.4); }

.scale5 {
  transform: scale(0.5);
  -webkit-transform: scale(0.5); }

.scale6 {
  transform: scale(0.6);
  -webkit-transform: scale(0.6); }

.scale7 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7); }

.scale8 {
  transform: scale(0.8);
  -webkit-transform: scale(0.8); }

.scale9 {
  transform: scale(0.9);
  -webkit-transform: scale(0.9); }

.scale10 {
  transform: scale(1);
  -webkit-transform: scale(1); }

.scale11 {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.scale12 {
  transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.scale13 {
  transform: scale(1.3);
  -webkit-transform: scale(1.3); }

.scale14 {
  transform: scale(1.4);
  -webkit-transform: scale(1.4); }

.scale15 {
  transform: scale(1.5);
  -webkit-transform: scale(1.5); }

.scale16 {
  transform: scale(1.6);
  -webkit-transform: scale(1.6); }

.scale17 {
  transform: scale(1.7);
  -webkit-transform: scale(1.7); }

.scale18 {
  transform: scale(1.8);
  -webkit-transform: scale(1.8); }

.scale19 {
  transform: scale(1.9);
  -webkit-transform: scale(1.9); }

.scale20 {
  transform: scale(2);
  -webkit-transform: scale(2); }

.scale21 {
  transform: scale(2.1);
  -webkit-transform: scale(2.1); }

.scale22 {
  transform: scale(2.2);
  -webkit-transform: scale(2.2); }

.scale23 {
  transform: scale(2.3);
  -webkit-transform: scale(2.3); }

.scale24 {
  transform: scale(2.4);
  -webkit-transform: scale(2.4); }

.scale25 {
  transform: scale(2.5);
  -webkit-transform: scale(2.5); }

.scale26 {
  transform: scale(2.6);
  -webkit-transform: scale(2.6); }

.scale27 {
  transform: scale(2.7);
  -webkit-transform: scale(2.7); }

.scale28 {
  transform: scale(2.8);
  -webkit-transform: scale(2.8); }

.scale29 {
  transform: scale(2.9);
  -webkit-transform: scale(2.9); }

.scale30 {
  transform: scale(3);
  -webkit-transform: scale(3); }

.scale31 {
  transform: scale(3.1);
  -webkit-transform: scale(3.1); }

.scale32 {
  transform: scale(3.2);
  -webkit-transform: scale(3.2); }

.scale0 {
  transform: scale(0);
  -webkit-transform: scale(0); }

.scale1 {
  transform: scale(0.1);
  -webkit-transform: scale(0.1); }

.scale2 {
  transform: scale(0.2);
  -webkit-transform: scale(0.2); }

.scale3 {
  transform: scale(0.3);
  -webkit-transform: scale(0.3); }

.scale4 {
  transform: scale(0.4);
  -webkit-transform: scale(0.4); }

.scale5 {
  transform: scale(0.5);
  -webkit-transform: scale(0.5); }

.scale6 {
  transform: scale(0.6);
  -webkit-transform: scale(0.6); }

.scale7 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7); }

.scale8 {
  transform: scale(0.8);
  -webkit-transform: scale(0.8); }

.scale9 {
  transform: scale(0.9);
  -webkit-transform: scale(0.9); }

.scale10 {
  transform: scale(1);
  -webkit-transform: scale(1); }

.scale11 {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.scale12 {
  transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.scale13 {
  transform: scale(1.3);
  -webkit-transform: scale(1.3); }

.scale14 {
  transform: scale(1.4);
  -webkit-transform: scale(1.4); }

.scale15 {
  transform: scale(1.5);
  -webkit-transform: scale(1.5); }

.scale16 {
  transform: scale(1.6);
  -webkit-transform: scale(1.6); }

.scale17 {
  transform: scale(1.7);
  -webkit-transform: scale(1.7); }

.scale18 {
  transform: scale(1.8);
  -webkit-transform: scale(1.8); }

.scale19 {
  transform: scale(1.9);
  -webkit-transform: scale(1.9); }

.scale20 {
  transform: scale(2);
  -webkit-transform: scale(2); }

.scale21 {
  transform: scale(2.1);
  -webkit-transform: scale(2.1); }

.scale22 {
  transform: scale(2.2);
  -webkit-transform: scale(2.2); }

.scale23 {
  transform: scale(2.3);
  -webkit-transform: scale(2.3); }

.scale24 {
  transform: scale(2.4);
  -webkit-transform: scale(2.4); }

.scale25 {
  transform: scale(2.5);
  -webkit-transform: scale(2.5); }

.scale26 {
  transform: scale(2.6);
  -webkit-transform: scale(2.6); }

.scale27 {
  transform: scale(2.7);
  -webkit-transform: scale(2.7); }

.scale28 {
  transform: scale(2.8);
  -webkit-transform: scale(2.8); }

.scale29 {
  transform: scale(2.9);
  -webkit-transform: scale(2.9); }

.scale30 {
  transform: scale(3);
  -webkit-transform: scale(3); }

.scale31 {
  transform: scale(3.1);
  -webkit-transform: scale(3.1); }

.scale32 {
  transform: scale(3.2);
  -webkit-transform: scale(3.2); }

.scale0 {
  transform: scale(0);
  -webkit-transform: scale(0); }

.scale1 {
  transform: scale(0.1);
  -webkit-transform: scale(0.1); }

.scale2 {
  transform: scale(0.2);
  -webkit-transform: scale(0.2); }

.scale3 {
  transform: scale(0.3);
  -webkit-transform: scale(0.3); }

.scale4 {
  transform: scale(0.4);
  -webkit-transform: scale(0.4); }

.scale5 {
  transform: scale(0.5);
  -webkit-transform: scale(0.5); }

.scale6 {
  transform: scale(0.6);
  -webkit-transform: scale(0.6); }

.scale7 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7); }

.scale8 {
  transform: scale(0.8);
  -webkit-transform: scale(0.8); }

.scale9 {
  transform: scale(0.9);
  -webkit-transform: scale(0.9); }

.scale10 {
  transform: scale(1);
  -webkit-transform: scale(1); }

.scale11 {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.scale12 {
  transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.scale13 {
  transform: scale(1.3);
  -webkit-transform: scale(1.3); }

.scale14 {
  transform: scale(1.4);
  -webkit-transform: scale(1.4); }

.scale15 {
  transform: scale(1.5);
  -webkit-transform: scale(1.5); }

.scale16 {
  transform: scale(1.6);
  -webkit-transform: scale(1.6); }

.scale17 {
  transform: scale(1.7);
  -webkit-transform: scale(1.7); }

.scale18 {
  transform: scale(1.8);
  -webkit-transform: scale(1.8); }

.scale19 {
  transform: scale(1.9);
  -webkit-transform: scale(1.9); }

.scale20 {
  transform: scale(2);
  -webkit-transform: scale(2); }

.scale21 {
  transform: scale(2.1);
  -webkit-transform: scale(2.1); }

.scale22 {
  transform: scale(2.2);
  -webkit-transform: scale(2.2); }

.scale23 {
  transform: scale(2.3);
  -webkit-transform: scale(2.3); }

.scale24 {
  transform: scale(2.4);
  -webkit-transform: scale(2.4); }

.scale25 {
  transform: scale(2.5);
  -webkit-transform: scale(2.5); }

.scale26 {
  transform: scale(2.6);
  -webkit-transform: scale(2.6); }

.scale27 {
  transform: scale(2.7);
  -webkit-transform: scale(2.7); }

.scale28 {
  transform: scale(2.8);
  -webkit-transform: scale(2.8); }

.scale29 {
  transform: scale(2.9);
  -webkit-transform: scale(2.9); }

.scale30 {
  transform: scale(3);
  -webkit-transform: scale(3); }

.scale31 {
  transform: scale(3.1);
  -webkit-transform: scale(3.1); }

.scale32 {
  transform: scale(3.2);
  -webkit-transform: scale(3.2); }

.field {
  overflow: hidden;
  position: relative;
  animation: bubble-fade 10s 0s ease;
  mix-blend-mode: multiply; }
@keyframes bubble-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.item {
  display: block;
  border-radius: 50%;
  position: relative;
  width: 100px;
  height: 100px; }
  @media screen and (max-width: 1100px) {
    .item {
      width: 80px;
      height: 80px; } }
  @media screen and (max-width: 767px) {
    .item {
      width: 50px;
      height: 50px; } }
  .item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #E60013;
    position: absolute;
    right: 15%;
    top: 15%; }

.item02 {
  display: block;
  border-radius: 50%;
  position: relative;
  width: 150px;
  height: 150px; }
  @media screen and (max-width: 1100px) {
    .item02 {
      width: 130px;
      height: 130px; } }
  @media screen and (max-width: 767px) {
    .item02 {
      width: 100px;
      height: 100px; } }
  @media screen and (max-width: 599px) {
    .item02 {
      width: 80px;
      height: 80px; } }
  .item02::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #E60013;
    position: absolute;
    right: 15%;
    top: 15%; }

.item03 {
  display: block;
  border-radius: 50%;
  position: relative;
  width: 300px;
  height: 300px; }
  @media screen and (max-width: 1100px) {
    .item03 {
      width: 250px;
      height: 250px; } }
  @media screen and (max-width: 767px) {
    .item03 {
      width: 200px;
      height: 200px; } }
  @media screen and (max-width: 599px) {
    .item03 {
      width: 150px;
      height: 150px; } }
  .item03::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #E60013;
    position: absolute;
    right: 15%;
    top: 15%; }

/* ____________________ 共通パーツ ____________________ */
.floatNav {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100; }
  @media screen and (max-width: 850px) {
    .floatNav {
      width: 100%; } }
  @media screen and (max-width: 599px) {
    .floatNav {
      right: 0;
      left: 0;
      width: 100%; } }
  .floatNav__list {
    display: flex; }
    @media screen and (max-width: 599px) {
      .floatNav__list {
        width: 100%;
        height: 52px; } }
  .floatNav__txt {
    display: none; }
    @media screen and (max-width: 720px) {
      .floatNav__txt {
        display: block;
        background: #838383;
        margin-bottom: 0;
        text-align: center;
        color: #fff;
        font-size: 12px;
        height: 26px;
        line-height: 26px; } }
  .floatNav__item {
    background-color: rgba(0, 0, 0, 0.8);
    width: 160px;
    line-height: 64px;
    transition: all .3s; }
    @media screen and (max-width: 850px) {
      .floatNav__item {
        width: calc((100% - 3px) / 4); } }
    @media screen and (max-width: 720px) {
      .floatNav__item {
        width: calc((100% - 3px) / 4);
        line-height: 1; } }
    .floatNav__item:hover {
      background-color: black; }
    .floatNav__item:nth-child(-n+4) {
      margin: 0 1px 0 0 !important; }
    @media screen and (max-width: 599px) {
      .floatNav__item:nth-child(n+2) {
        margin: 0; } }
    .floatNav__item .flexbox {
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 720px) {
        .floatNav__item .flexbox {
          display: block;
          text-align: center;
          padding: 6px 0 0; } }
    .floatNav__item .left {
      margin: 0 8px 0 0; }
      @media screen and (max-width: 850px) {
        .floatNav__item .left {
          margin: 0 8px 0 0; } }
      @media screen and (max-width: 599px) {
        .floatNav__item .left {
          margin: 0; } }
    .floatNav__item p {
      color: #fff;
      margin: 0 auto; }
    .floatNav__item .sub-name {
      font-size: 1rem; }
      @media screen and (max-width: 720px) {
        .floatNav__item .sub-name {
          display: none; } }
    .floatNav__item .main-name {
      font-size: 1.4rem;
      font-weight: 700; }
      @media screen and (max-width: 850px) {
        .floatNav__item .main-name {
          font-size: 1.3rem; } }
      @media screen and (max-width: 599px) {
        .floatNav__item .main-name {
          font-size: 10px;
          padding-top: 2px; } }
    .floatNav__item img {
      vertical-align: middle; }
      @media screen and (max-width: 599px) {
        .floatNav__item img {
          width: 24px; } }
  .floatNav.fixed {
    position: absolute;
    bottom: 0; }
    @media screen and (max-width: 767px) {
      .floatNav.fixed {
        bottom: 1px; } }
  .floatNav.none {
    display: none; }

main {
  position: relative; }

/* ____________________ 下層共通 ____________________ */
.pageNav {
  margin: 0 auto 128px; }
  @media screen and (max-width: 767px) {
    .pageNav {
      margin: 0 auto 40px; } }

.mv {
  height: 480px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fbfbfb; }
  @media screen and (max-width: 767px) {
    .mv {
      height: 375px; } }
  @media screen and (max-width: 767px) {
    .mv .hl-01 {
      padding: 48px 0 0;
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .mv .hl-02-pc {
      display: none; } }

.hl-02-sp {
  display: none; }
  @media screen and (max-width: 767px) {
    .hl-02-sp {
      display: block;
      max-width: 100%;
      margin: 0 auto 24px; } }

/* ____________________ 企業情報 ____________________ */
.company {
  background-color: #fbfbfb; }
  @media screen and (max-width: 767px) {
    .company {
      padding: 48px 0 0; } }
  .company .intro {
    margin: 0 auto 128px; }
    .company .intro .hl-01 {
      margin: 0 auto 64px; }
  .company .dx {
    margin: 0 auto 128px; }
    .company .dx .txt-box {
      margin: 0 auto 48px; }
    .company .dx .hl-02 {
      max-width: 100%; }
    .company .dx .grid-01 img {
      max-width: 640px; }
      @media screen and (max-width: 1100px) {
        .company .dx .grid-01 img {
          width: 100%; } }
  .company .sales {
    padding: 0 0 128px; }
    @media screen and (max-width: 767px) {
      .company .sales {
        padding: 0 0 64px; } }
    .company .sales .txt-box {
      margin: 0 auto 48px; }
    .company .sales img {
      width: 700px; }
      @media screen and (max-width: 767px) {
        .company .sales img {
          width: 100%; } }

.message .mv {
  background: #F6F6F6 url("../img/company/message/img_mv01.png") no-repeat calc(50% + 350px) 105px;
  background-size: 258px 561px; }
  @media screen and (max-width: 767px) {
    .message .mv {
      background-position: center bottom;
      background-size: 120px 263px;
      background-position: bottom right 20px; } }
  @media screen and (max-width: 599px) {
    .message .mv .message-br {
      display: none; } }
  @media screen and (max-width: 767px) {
    .message .mv .hl-01 {
      margin: 0 auto 48px; } }
  .message .mv .hl-02 {
    max-width: 700px; }
    @media screen and (max-width: 1100px) {
      .message .mv .hl-02 {
        max-width: 500px; } }
    @media screen and (max-width: 599px) {
      .message .mv .hl-02 {
        margin-bottom: 0;
        margin-left: 0;
        max-width: 57%;
        font-size: 1.8rem; } }
.message .hl-03 {
  margin: 0 auto 16px; }
.message .contents {
  padding: 128px 0; }
  @media screen and (max-width: 767px) {
    .message .contents {
      padding: 48px 0 64px; } }
  .message .contents .inner {
    width: 800px; }
    @media screen and (max-width: 1100px) {
      .message .contents .inner {
        width: 100%;
        padding: 0 16px; } }
  .message .contents .box {
    margin: 0 auto 48px; }
    @media screen and (max-width: 767px) {
      .message .contents .box {
        margin: 0 auto 32px; } }
.message .c-btn .btn01 {
  margin: 0 auto; }

.philosophy .accent {
  color: #e60013; }
.philosophy .mv {
  background-image: url("../img/company/philosophy/bg_philosophy01.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top; }
  @media screen and (max-width: 1100px) {
    .philosophy .mv {
      background-position: top right -50px; } }
  @media screen and (max-width: 767px) {
    .philosophy .mv {
      background-position: top right; } }
.philosophy .phi-bg {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 480px;
  position: relative; }
  @media screen and (max-width: 599px) {
    .philosophy .phi-bg {
      height: 240px; } }
  .philosophy .phi-bg .buble {
    position: absolute;
    overflow: hidden; }
  .philosophy .phi-bg .field {
    height: 480px !important; }
.philosophy .phi-bg01 {
  background-image: url("../img/company/philosophy/bg_philosophy03.jpg"); }
.philosophy .phi-bg02 {
  background-image: url("../img/company/philosophy/bg_philosophy04.jpg"); }
.philosophy .phi-bg03 {
  background-image: url("../img/company/philosophy/bg_philosophy02.jpg"); }
.philosophy .contents {
  padding: 64px 0 128px; }
  @media screen and (max-width: 767px) {
    .philosophy .contents {
      padding: 48px 0 96px; } }
.philosophy .mission, .philosophy .vision, .philosophy .value {
  padding: 64px 0 128px;
  position: relative;
  background: #fff; }
  @media screen and (max-width: 767px) {
    .philosophy .mission, .philosophy .vision, .philosophy .value {
      padding: 32px 0 64px; } }
.philosophy .value .grid-03 {
  padding: 0 64px; }
  @media screen and (max-width: 767px) {
    .philosophy .value .grid-03 {
      padding: 0; } }
  .philosophy .value .grid-03__list {
    justify-content: space-around; }
  @media screen and (max-width: 767px) {
    .philosophy .value .grid-03__img {
      width: 30%; } }
  .philosophy .value .grid-03__img img {
    width: 240px; }
    @media screen and (max-width: 1100px) {
      .philosophy .value .grid-03__img img {
        width: 200px; } }
    @media screen and (max-width: 767px) {
      .philosophy .value .grid-03__img img {
        width: 96px; } }
  @media screen and (max-width: 767px) {
    .philosophy .value .grid-03__txt {
      width: 70%; } }
.philosophy .value__list {
  justify-content: space-around; }
.philosophy .statement {
  margin: 0 auto 64px; }
  @media screen and (max-width: 767px) {
    .philosophy .statement {
      margin: 0 auto 32px; } }
  .philosophy .statement .index {
    font-size: 3.6rem;
    text-align: center;
    margin: 0 auto 48px; }
    @media screen and (max-width: 767px) {
      .philosophy .statement .index {
        margin: 0 auto 24px;
        font-size: 2.4rem; } }
  .philosophy .statement__bg {
    color: #333;
    padding: 128px 64px;
    border-radius: 24px;
    background-color: #f6f6f6; }
    @media screen and (max-width: 767px) {
      .philosophy .statement__bg {
        padding: 32px 16px; } }
  .philosophy .statement .c-msg02 {
    margin: 0 auto 48px; }
    @media screen and (max-width: 767px) {
      .philosophy .statement .c-msg02 {
        margin: 0 auto 32px; } }
  .philosophy .statement .grid-03__item:last-child {
    margin: 0; }
  @media screen and (max-width: 767px) {
    .philosophy .statement .grid-03__img {
      width: 30%; } }
  .philosophy .statement .grid-03__img img {
    width: 240px; }
    @media screen and (max-width: 1100px) {
      .philosophy .statement .grid-03__img img {
        width: 200px; } }
    @media screen and (max-width: 767px) {
      .philosophy .statement .grid-03__img img {
        width: 96px; } }
  @media screen and (max-width: 767px) {
    .philosophy .statement .grid-03__txt {
      width: 70%; } }
  .philosophy .statement .grid-03__list {
    justify-content: space-around; }
  .philosophy .statement .box {
    margin: 48px auto 0;
    padding: 48px 0 0;
    border-top: 1px solid #ccc; }
    .philosophy .statement .box .grid-03__item {
      margin: 0 auto;
      width: 100%; }
      .philosophy .statement .box .grid-03__item .txt-ttl {
        text-align: center; }
      .philosophy .statement .box .grid-03__item .txt-msg {
        text-align: center; }
    .philosophy .statement .box .grid-03__txt {
      width: 100%; }
.philosophy .companyName {
  padding: 0 0 128px; }
  @media screen and (max-width: 767px) {
    .philosophy .companyName {
      padding: 0 0 64px; } }
  .philosophy .companyName__bg {
    background-color: #f6f6f6;
    padding: 128px 64px;
    border-radius: 24px; }
    @media screen and (max-width: 767px) {
      .philosophy .companyName__bg {
        padding: 32px 16px; } }
  .philosophy .companyName__logo {
    margin: 0 auto 48px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .philosophy .companyName__logo {
        margin: 0 auto 24px; }
        .philosophy .companyName__logo img {
          width: 160px;
          height: 183px; } }
  .philosophy .companyName .index {
    font-size: 3.6rem;
    text-align: center;
    margin: 0 auto 48px; }
    @media screen and (max-width: 767px) {
      .philosophy .companyName .index {
        margin: 0 auto 24px;
        font-size: 2.4rem; } }
  .philosophy .companyName h4 {
    margin: 0 auto 48px;
    font-size: 2.4rem; }
    @media screen and (max-width: 767px) {
      .philosophy .companyName h4 {
        margin: 0 auto 24px;
        font-size: 1.8rem; } }
  .philosophy .companyName .txt01 {
    margin: 0 auto 48px; }
    @media screen and (max-width: 767px) {
      .philosophy .companyName .txt01 {
        margin: 0 auto 24px; } }
  .philosophy .companyName .txt02 {
    margin: 0 auto; }
.philosophy .js-animation01_target[data-animation-type=fade] {
  opacity: 0; }
.philosophy .js-animation01_target[data-animation-type=fade].animation-end {
  opacity: 1;
  transition: opacity 1.5s; }
.philosophy .js-animation01_target[data-animation-type=fade-slow] {
  opacity: 0; }
.philosophy .js-animation01_target[data-animation-type=fade-slow].animation-end {
  opacity: 1;
  transition: opacity 2s; }
.philosophy .js-animation01_target[data-animation-type=fadeup] {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px); }
.philosophy .js-animation01_target[data-animation-type=fadeup].animation-end {
  opacity: 1;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, transform 1.5s;
  transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0); }
.philosophy .js-animation01_target[data-animation-type=fadeup-narrow] {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px); }
.philosophy .js-animation01_target[data-animation-type=fadeup-narrow].animation-end {
  opacity: 1;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, transform 1.5s;
  transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0); }
.philosophy .js-animation01_target[data-animation-type=zoom] {
  -webkit-transform: scale(0);
  transform: scale(0); }
.philosophy .js-animation01_target[data-animation-type=zoom].animation-end {
  transition: -webkit-transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scale(1);
  transform: scale(1); }
.philosophy .js-animation01_target[data-animation-type=crap] {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }
.philosophy .js-animation01_target[data-animation-type=crap].animation-end {
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: scale(1);
  transform: scale(1); }
.philosophy .js-animation01_target[data-animation-type=rollzoom] {
  -webkit-transform: scale(0) rotate(-270deg);
  transform: scale(0) rotate(-270deg); }
.philosophy .js-animation01_target[data-animation-type=rollzoom].animation-end {
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0); }
.philosophy .js-animation01_target[data-animation-type=rollzoom-half] {
  -webkit-transform: scale(0) rotate(-135deg);
  transform: scale(0) rotate(-135deg); }
.philosophy .js-animation01_target[data-animation-type=rollzoom-half].animation-end {
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0); }
.philosophy .js-animation01_target[data-animation-type=slide] {
  opacity: 0;
  -webkit-transform: translate(-20px, 10px);
  transform: translate(-20px, 10px); }
.philosophy .js-animation01_target[data-animation-type=slide].animation-end {
  opacity: 1;
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }
.philosophy .js-animation01_target[data-animation-type=trial].animation-end {
  margin-bottom: 0 !important;
  transition: margin-bottom 1.5s; }

@media screen and (max-width: 767px) {
  .profile {
    margin: 48px auto 0; } }
.profile .prof-table {
  margin: 0 auto 96px; }
  @media screen and (max-width: 767px) {
    .profile .prof-table {
      margin: 0 auto 48px; } }
.profile .prof-access {
  margin: 0 auto 96px; }
  @media screen and (max-width: 767px) {
    .profile .prof-access {
      margin: 0 auto 64px; } }
  .profile .prof-access .flexbox {
    width: 100%;
    margin: 0 auto 32px; }
    @media screen and (max-width: 767px) {
      .profile .prof-access .flexbox {
        flex-wrap: wrap; } }
  .profile .prof-access .left {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .profile .prof-access .left {
        width: 100%;
        margin: 0 auto 16px; } }
  .profile .prof-access .right {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .profile .prof-access .right {
        width: 100%; } }
    .profile .prof-access .right iframe {
      width: 100%;
      height: 700px;
      margin-top: -150px; }
      @media screen and (max-width: 767px) {
        .profile .prof-access .right iframe {
          height: 400px; } }
  .profile .prof-access__map {
    width: 100%;
    overflow: hidden;
    height: 353px; }
    @media screen and (max-width: 767px) {
      .profile .prof-access__map {
        height: unset; } }
  .profile .prof-access .c-btn .btn01 {
    margin: 0 auto; }
  .profile .prof-access span.pc {
    display: block; }
    @media screen and (max-width: 767px) {
      .profile .prof-access span.pc {
        display: none; } }
  .profile .prof-access span.sp {
    margin-top: 16px;
    display: none;
    font-size: 1.4rem; }
    @media screen and (max-width: 767px) {
      .profile .prof-access span.sp {
        display: block; } }

@media screen and (max-width: 767px) {
  .history {
    margin: 48px auto 0; } }
.history .history-table {
  margin: 0 auto 96px; }
  @media screen and (max-width: 767px) {
    .history .history-table {
      margin: 0 auto 64px; } }
  .history .history-table .c-tbl td p {
    padding: 0 16px 16px 0;
    margin: 0 -16px 0 0; }

@media screen and (max-width: 767px) {
  .access {
    margin: 48px auto 0; } }
.access .access-list {
  margin: 0 auto 96px; }
  @media screen and (max-width: 767px) {
    .access .access-list {
      margin: 0 auto 64px; } }
  .access .access-list a.googlemap {
    margin-top: .5em;
    display: block;
    width: 3.5em;
    text-align: center;
    background: #7a7a7a;
    color: #fff; }
    .access .access-list a.googlemap:hover {
      opacity: .5; }
.access .c-tbl th {
  font-size: 1.8rem;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .access .c-tbl th {
      padding-top: 32px; } }

.athlete {
  overflow-x: hidden;
  /*  &-record {
      background: $light-gray02;
      &-list {
        display: flex;
        flex-wrap: wrap;
        font-size: 1.5rem;
        font-weight: 500;
        @include mq($mqTAB01) {
          font-size: 1.4rem;
        }
        + .athlete-record-list-ttl {
          margin-top: 60px;
        }
        &-ttl {
          font-size: 2rem;
          margin-bottom: 16px;
        }
        dt,
        dd {
          border-top: 1px solid $light-gray01;
          padding: 16px 0;
          &:last-of-type {
            border-bottom: 1px solid $light-gray01;
          }
        }
        dt {
          width: 360px;
          @include mq($mqTAB01) {
            width: 100%;
            font-weight: 700;
            padding-bottom: 0;
            &:last-of-type {
              border-bottom: none;
            }
          }
        }
        dd {
          width: calc(100% - 360px);
          @include mq($mqTAB01) {
            width: 100%;
            border-top: none;
          }
        }
      }
    }*/ }
  .athlete-body {
    /* Slider */ }
    .athlete-body #baguetteBox-overlay .full-image {
      padding: 0 16px; }
      .athlete-body #baguetteBox-overlay .full-image img {
        border: none !important; }
    .athlete-body .slick-slider {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent; }
    .athlete-body .slick-list {
      position: relative;
      overflow: hidden;
      display: block;
      margin: 0;
      padding: 0; }
    .athlete-body .slick-list:focus {
      outline: none; }
    .athlete-body .slick-list.dragging {
      cursor: pointer;
      cursor: hand; }
    .athlete-body .slick-slider .slick-track,
    .athlete-body .slick-slider .slick-list {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      height: 100%; }
    .athlete-body .slick-track {
      position: relative;
      left: 0;
      top: 0;
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .athlete-body .slick-track:before, .athlete-body .slick-track:after {
      content: "";
      display: table; }
    .athlete-body .slick-track:after {
      clear: both; }
    .athlete-body .slick-loading .slick-track {
      visibility: hidden; }
    .athlete-body .slick-slide {
      float: left;
      height: 100%;
      min-height: 1px;
      display: none; }
    .athlete-body [dir="rtl"] .slick-slide {
      float: right; }
    .athlete-body .slick-slide img {
      display: block; }
    .athlete-body .slick-slide.slick-loading img {
      display: none; }
    .athlete-body .slick-slide.dragging img {
      pointer-events: none; }
    .athlete-body .slick-initialized .slick-slide {
      display: block; }
    .athlete-body .slick-loading .slick-slide {
      visibility: hidden; }
    .athlete-body .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent; }
    .athlete-body .slick-arrow.slick-hidden {
      display: none; }
    .athlete-body .slick-loading .slick-list {
      background: #fff url("/assets/img/common/ajax-loader.gif") center center no-repeat; }
  .athlete .pageNav {
    margin: 0 auto 48px; }
  .athlete .box {
    padding: 80px 0; }
    @media screen and (max-width: 767px) {
      .athlete .box {
        padding: 60px 0; } }
  .athlete .c-lead {
    letter-spacing: .05em; }
    @media screen and (max-width: 767px) {
      .athlete .c-lead {
        text-align: center; } }
  .athlete .mv {
    background: url("/assets/img/company/athlete/img_main.jpg") no-repeat 60% center;
    background-size: cover;
    padding: 128px 0 0;
    position: relative;
    margin-bottom: 80px; }
    @media screen and (max-width: 767px) {
      .athlete .mv {
        background-position: 40% center;
        padding: 60px 0 0;
        margin-bottom: 60px; } }
    .athlete .mv .inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end; }
      @media screen and (max-width: 767px) {
        .athlete .mv .inner {
          padding: 0; } }
    .athlete .mv-hero {
      width: 100%;
      max-width: 400px; }
      @media screen and (max-width: 767px) {
        .athlete .mv-hero {
          max-width: 60%; } }
  .athlete .hl-01 {
    color: #fff; }
    @media screen and (max-width: 767px) {
      .athlete .hl-01 {
        font-size: 2.8rem;
        margin: 0 auto 48px;
        padding-right: 16px; } }
    @media screen and (max-width: 320px) {
      .athlete .hl-01 {
        font-size: 2.5rem; } }
  .athlete .hl-02 {
    border-left: 4px solid #e60013;
    padding-left: 1em; }
  .athlete .c-lead-main {
    background: rgba(255, 255, 255, 0.6);
    font-size: 3rem;
    font-weight: 500;
    padding: 24px; }
    @media screen and (max-width: 599px) {
      .athlete .c-lead-main {
        font-size: 2rem;
        padding: 16px; } }
    .athlete .c-lead-main span {
      display: block;
      font-size: 1.6rem;
      font-weight: 600;
      font-family: 'Saira', sans-serif;
      border-top: 1px solid #e60013;
      padding-top: 16px;
      margin-top: 16px; }
      @media screen and (max-width: 599px) {
        .athlete .c-lead-main span {
          font-size: 1.2rem;
          padding-top: 8px;
          margin-top: 8px; } }
  .athlete-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
  .athlete-img {
    width: 35%; }
    @media screen and (max-width: 767px) {
      .athlete-img {
        width: 100%;
        margin-bottom: 16px; } }
  .athlete-prof-list {
    width: 65%;
    padding-left: 10%;
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .athlete-prof-list {
        width: 100%;
        padding-left: 0;
        font-size: 1.4rem; } }
    .athlete-prof-list dt,
    .athlete-prof-list dd {
      border-top: 1px solid #ccc;
      padding: 16px 0; }
      .athlete-prof-list dt:first-of-type,
      .athlete-prof-list dd:first-of-type {
        border-top: none; }
    .athlete-prof-list dt {
      width: 20%; }
      @media screen and (max-width: 767px) {
        .athlete-prof-list dt {
          width: 100px; } }
    .athlete-prof-list dd {
      width: 80%; }
      @media screen and (max-width: 767px) {
        .athlete-prof-list dd {
          width: calc(100% - 100px); } }
  .athlete-prof-sns {
    transition: all .3s; }
    .athlete-prof-sns::before {
      content: "\e91e";
      font-family: 'icomoon' !important;
      font-size: 14px;
      font-weight: normal;
      display: inline-block;
      text-align: center;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 50%;
      color: #fff !important;
      padding: 0 !important;
      background: #000;
      margin-right: 12px; }
    .athlete-prof-sns span {
      text-decoration: underline; }
  .athlete-message {
    background: url("/assets/img/company/athlete/img_message.jpg") no-repeat center center;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .athlete-message {
        background: url("/assets/img/company/athlete/img_message_sp.jpg") no-repeat center center;
        background-size: cover; } }
    .athlete-message-row {
      background: rgba(255, 255, 255, 0.7);
      padding: 48px;
      max-width: 900px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .athlete-message-row {
          padding: 24px; } }
    .athlete-message p {
      font-weight: 500; }
  .athlete-record {
    background: #f6f6f6; }
    .athlete-record-list {
      display: flex;
      flex-wrap: wrap;
      font-size: 1.5rem;
      font-weight: 500; }
      @media screen and (max-width: 599px) {
        .athlete-record-list {
          position: relative;
          padding-left: 24px; }
          .athlete-record-list::after {
            content: "";
            position: absolute;
            left: 5px;
            top: 26px;
            bottom: -26px;
            width: 1px;
            background: #e60013; } }
      .athlete-record-list + .athlete-record-list-ttl {
        margin-top: 60px; }
      .athlete-record-list-ttl {
        font-size: 2rem;
        margin-bottom: 16px;
        background: #fff;
        padding: .5em 16px; }
      .athlete-record-list dt,
      .athlete-record-list dd {
        font-size: 1.6rem; }
      .athlete-record-list dt {
        width: 160px;
        position: relative;
        padding: 14px 16px 14px 24px;
        border: none !important; }
        @media screen and (max-width: 599px) {
          .athlete-record-list dt {
            padding: 14px 16px 0 0;
            width: 100%; } }
        .athlete-record-list dt::before, .athlete-record-list dt::after {
          content: "";
          position: absolute; }
        .athlete-record-list dt::before {
          left: 0;
          top: 26px;
          width: 11px;
          height: 11px;
          border-radius: 50%;
          background: #e60013;
          z-index: 1; }
          @media screen and (max-width: 599px) {
            .athlete-record-list dt::before {
              left: -24px; } }
        .athlete-record-list dt::after {
          left: 5px;
          top: 26px;
          bottom: -26px;
          width: 1px;
          background: #e60013; }
          @media screen and (max-width: 599px) {
            .athlete-record-list dt::after {
              display: none; } }
        .athlete-record-list dt span {
          font-size: 2.2rem;
          font-weight: 600;
          font-family: 'Saira', sans-serif; }
      .athlete-record-list dd {
        width: calc(100% - 160px);
        padding: 0;
        border: none !important; }
        @media screen and (max-width: 599px) {
          .athlete-record-list dd {
            width: 100%; } }
        .athlete-record-list dd::before {
          content: "";
          position: absolute; }
        .athlete-record-list dd p {
          padding: 16px 0;
          margin-bottom: 0;
          border-bottom: 1px solid #ccc !important; }
          .athlete-record-list dd p > span {
            font-weight: 700;
            display: inline-block;
            margin-right: 1em; }
            @media screen and (max-width: 599px) {
              .athlete-record-list dd p > span {
                display: block;
                margin-right: 0; } }
      @media screen and (max-width: 599px) {
        .athlete-record-list-end::after {
          display: none; } }
      .athlete-record-list-end dt::after {
        display: none; }
  .athlete-photo {
    background: url("/assets/img/company/athlete/bg_photho.jpg") no-repeat 70% top;
    background-size: cover;
    position: relative; }
    @media screen and (max-width: 767px) {
      .athlete-photo {
        padding-bottom: 24px; } }
    .athlete-photo::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-top: 150px solid #f6f6f6;
      border-right: 100vw solid transparent;
      z-index: 1; }
      @media screen and (max-width: 767px) {
        .athlete-photo::before {
          border-top: 80px solid #f6f6f6; } }
    .athlete-photo-list {
      display: flex;
      align-items: center;
      position: relative;
      z-index: 2;
      /*&-item {
        &-v {
          img {
            width: 90%;
            margin: 0 auto;
          }
        }
      }*/ }
      .athlete-photo-list li {
        padding: 0 16px;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .athlete-photo-list li {
            padding: 0 12px; } }
        .athlete-photo-list li img {
          transform: scale(1, 1);
          transition: transform .2s;
          box-shadow: 16px 16px 32px rgba(0, 0, 0, 0.5); }
        .athlete-photo-list li a {
          display: block; }
          .athlete-photo-list li a:hover img {
            transform: scale(1.1, 1.1); }
            @media screen and (max-width: 767px) {
              .athlete-photo-list li a:hover img {
                transform: scale(1, 1); } }
          .athlete-photo-list li a + a {
            margin-top: 8%; }
    .athlete-photo .slick-list {
      overflow: visible !important; }
    .athlete-photo .slick-track {
      display: flex;
      align-items: center; }
  .athlete-job {
    margin-bottom: 60px; }
    .athlete-job-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .athlete-job-list li {
        width: 48%; }
        @media screen and (max-width: 767px) {
          .athlete-job-list li {
            width: 100%; }
            .athlete-job-list li + li {
              margin-top: 32px; } }
      .athlete-job-list-ttl {
        font-size: 2.2rem;
        text-align: center;
        margin-bottom: 16px;
        position: relative; }
        @media screen and (max-width: 767px) {
          .athlete-job-list-ttl {
            font-size: 1.8rem; } }
        .athlete-job-list-ttl::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          transform: translateY(-50%);
          width: 100%;
          height: 1px;
          background: #e60013; }
        .athlete-job-list-ttl span {
          display: inline-block;
          background: #fff;
          position: relative;
          padding: 0 2em; }
      .athlete-job-list-img {
        margin-bottom: 16px;
        text-align: center; }

/* ____________________ 事業案内 ____________________ */
.business {
  margin: 0 auto 128px; }
  @media screen and (max-width: 599px) {
    .business {
      margin: 0 auto 64px; } }
  .business .mv {
    background-image: url("../img/business/img_mv01.jpg");
    background-position: center 80%;
    padding: 128px 0 0; }
    @media screen and (max-width: 767px) {
      .business .mv {
        padding: 0;
        background-position: 70% 80%; } }
    @media screen and (max-width: 767px) {
      .business .mv__index .hl-02 {
        margin-bottom: 0; } }
  .business .contents {
    padding: 64px 0 128px; }
    @media screen and (max-width: 767px) {
      .business .contents {
        padding: 48px 0 96px; } }
    .business .contents p {
      margin: 0 auto 48px; }
      @media screen and (max-width: 767px) {
        .business .contents p {
          margin: 0 auto 24px; } }
    .business .contents .image {
      text-align: center; }
      .business .contents .image img {
        width: 100%;
        max-width: 640px; }
  .business .businessCnt__item {
    padding: 64px 0;
    border-top: 1px solid #ccc; }
    @media screen and (max-width: 767px) {
      .business .businessCnt__item {
        padding: 32px 0; } }
    .business .businessCnt__item:last-child {
      border-bottom: 1px solid #ccc; }
    .business .businessCnt__item .flexbox {
      flex-wrap: wrap; }
  .business .businessCnt .left {
    width: 160px; }
    @media screen and (max-width: 1100px) {
      .business .businessCnt .left {
        width: 120px; } }
    @media screen and (max-width: 599px) {
      .business .businessCnt .left {
        width: 80px; } }
  .business .businessCnt .right {
    width: calc(100% - 160px);
    padding: 0 0 0 64px; }
    @media screen and (max-width: 1100px) {
      .business .businessCnt .right {
        width: calc(100% - 120px);
        padding: 0 0 0 32px; } }
    @media screen and (max-width: 599px) {
      .business .businessCnt .right {
        width: calc(100% - 80px);
        padding: 0 0 0 16px; } }
    .business .businessCnt .right h3 {
      font-size: 3.2rem;
      margin: 0 auto 32px; }
      @media screen and (max-width: 767px) {
        .business .businessCnt .right h3 {
          margin: 0 auto 16px;
          font-size: 2.4rem; } }
    .business .businessCnt .right .txt01 {
      margin: 0 auto 32px; }
    .business .businessCnt .right .txt02 {
      margin: 0 auto 48px; }
      @media screen and (max-width: 767px) {
        .business .businessCnt .right .txt02 {
          margin: 0 auto 32px; } }
    .business .businessCnt .right .txt03 {
      margin: 0 auto 16px; }
  .business .businessCnt .subCnt {
    padding: 0 0 0 224px; }
    @media screen and (max-width: 1100px) {
      .business .businessCnt .subCnt {
        padding: 0 0 0 160px; } }
    @media screen and (max-width: 767px) {
      .business .businessCnt .subCnt {
        padding: 0; } }
    .business .businessCnt .subCnt h4 {
      font-size: 2.4rem;
      margin: 0 auto 16px; }
      @media screen and (max-width: 767px) {
        .business .businessCnt .subCnt h4 {
          font-size: 2.1rem; } }
    .business .businessCnt .subCnt__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #ccc;
      padding: 16px 0; }
      @media screen and (max-width: 767px) {
        .business .businessCnt .subCnt__item {
          flex-wrap: wrap; } }
      .business .businessCnt .subCnt__item:last-child {
        margin: 0 auto 48px;
        padding: 16px 0 0 0; }
        @media screen and (max-width: 767px) {
          .business .businessCnt .subCnt__item:last-child {
            margin: 0 auto 32px; } }
      .business .businessCnt .subCnt__item:first-child {
        margin: 0 auto; }
      .business .businessCnt .subCnt__item .sub-name {
        font-size: 1.8rem;
        margin: 0;
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          .business .businessCnt .subCnt__item .sub-name {
            width: 100%;
            margin: 0 auto 16px;
            font-size: 1.6rem; } }
    .business .businessCnt .subCnt .businessCnt__point {
      padding: 0; }
  @media screen and (max-width: 767px) {
    .business .businessCnt .c-btn {
      width: 100%; } }
  .business .businessCnt .c-btn .btn01 {
    margin-left: auto; }
    @media screen and (max-width: 767px) {
      .business .businessCnt .c-btn .btn01 {
        width: 192px;
        height: 48px;
        font-size: 1.4rem;
        margin-right: auto; } }
    .business .businessCnt .c-btn .btn01 span {
      margin-left: 30px;
      position: relative; }
      .business .businessCnt .c-btn .btn01 span::before {
        position: absolute;
        content: url("../img/common/icon_external01.svg");
        left: -25px;
        top: 50%;
        transform: translateY(-50%); }
  .business .businessCnt__point {
    padding: 0 0 0 224px; }
    @media screen and (max-width: 1100px) {
      .business .businessCnt__point {
        padding: 0 0 0 160px; } }
    @media screen and (max-width: 767px) {
      .business .businessCnt__point {
        padding: 0; } }
    .business .businessCnt__point .point-list {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 24px; }
    .business .businessCnt__point h4 {
      color: #e60013;
      margin: 0 auto 13px;
      font-size: 2.4rem;
      font-family: 'Saira', sans-serif; }
      @media screen and (max-width: 767px) {
        .business .businessCnt__point h4 {
          font-size: 1.8rem; } }
    .business .businessCnt__point li {
      width: 50%;
      display: flex; }
      .business .businessCnt__point li:nth-child(-n+2) {
        margin: 0 0 16px; }
      .business .businessCnt__point li:last-child {
        margin: 0 0 32px; }
      @media screen and (max-width: 1100px) {
        .business .businessCnt__point li {
          width: 100%;
          margin: 0 0 8px; }
          .business .businessCnt__point li:nth-child(-n+2) {
            margin: 0 0 8px; }
          .business .businessCnt__point li:last-child {
            margin: 0 0 16px; } }
    .business .businessCnt__point p {
      color: #e60013;
      margin: 0 0 0 16px;
      font-size: 2.4rem; }
      @media screen and (max-width: 767px) {
        .business .businessCnt__point p {
          font-size: 1.8rem; } }
    .business .businessCnt__point img {
      width: 48px;
      height: 48px; }
      @media screen and (max-width: 767px) {
        .business .businessCnt__point img {
          width: 32px;
          height: 32px; } }
  .business .c-btn-pl {
    padding-left: 16px; }
    @media screen and (max-width: 1100px) {
      .business .c-btn-pl {
        padding-left: 4%; } }
    @media screen and (max-width: 767px) {
      .business .c-btn-pl {
        padding-left: 0;
        margin-top: 16px; } }
  .business .subCnt-logo {
    padding: 16px 0 0; }
    @media screen and (max-width: 767px) {
      .business .subCnt-logo {
        padding: 0;
        max-width: 230px;
        margin: inherit;
        margin-bottom: 24px; } }
  .business .text-link-list {
    padding-top: 32px;
    column-count: 4;
    grid-gap: 10px; }
    @media screen and (max-width: 1100px) {
      .business .text-link-list {
        column-count: 3; } }
    @media screen and (max-width: 767px) {
      .business .text-link-list {
        column-count: 2; } }
    .business .text-link-list li {
      padding: 8px 0; }
      .business .text-link-list li a {
        font-size: 14px;
        transition: color .3s; }
        @media screen and (max-width: 340px) {
          .business .text-link-list li a {
            font-size: 12px; } }
        .business .text-link-list li a::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          border-top: solid 1px #333;
          border-right: solid 1px #333;
          width: 6px;
          height: 6px;
          transform: rotate(45deg);
          margin-right: .5em; }
          @media screen and (max-width: 767px) {
            .business .text-link-list li a::before {
              width: 4px;
              height: 4px;
              margin-right: .4em; } }
        .business .text-link-list li a:hover {
          color: #7a7a7a; }

/* ____________________ CM情報 ____________________ */
.movie {
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .movie {
      margin: 48px auto 0; } }
  .movie .cm-info {
    margin: 0 auto 96px; }
    @media screen and (max-width: 767px) {
      .movie .cm-info {
        margin: 0 auto 64px; } }
    .movie .cm-info .flexbox {
      border-top: 1px solid #ccc;
      padding: 32px 0;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .movie .cm-info .flexbox {
          flex-wrap: wrap;
          padding: 32px 16px; } }
      .movie .cm-info .flexbox:last-child {
        border-bottom: 1px solid #ccc; }
      .movie .cm-info .flexbox .left {
        width: 50%; }
        @media screen and (max-width: 767px) {
          .movie .cm-info .flexbox .left {
            width: 100%;
            margin: 0 auto 16px; } }
      .movie .cm-info .flexbox .right {
        width: 30%; }
        @media screen and (max-width: 767px) {
          .movie .cm-info .flexbox .right {
            width: 100%;
            text-align: center; } }
      .movie .cm-info .flexbox .box {
        position: relative;
        padding-bottom: 56.25%;
        /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        overflow: hidden; }
        .movie .cm-info .flexbox .box iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .movie .cm-info h3 {
      font-size: 1.8rem;
      margin: 0 auto 8px;
      font-weight: bold; }

/* ____________________ 個人情報保護方針 ____________________ */
.privacy {
  margin: 128px auto 96px; }
  @media screen and (max-width: 599px) {
    .privacy {
      margin: 48px auto 64px; } }
  .privacy .hl-03 {
    margin: 48px auto 24px; }
  .privacy .sub-ttl {
    margin-top: 128px; }
  .privacy .inquiry-address {
    width: 40%;
    margin: 2em 0;
    border: 1px solid #ccc;
    padding: .5em 1em;
    font-size: 1.6rem;
    font-style: normal; }
    @media screen and (max-width: 599px) {
      .privacy .inquiry-address {
        width: 100%;
        box-sizing: border-box; } }
    .privacy .inquiry-address address {
      font-style: normal; }

.privacyPopup {
  margin: 0 auto; }
  .privacyPopup .hl-01 {
    margin: 10px auto 20px;
    font-size: 1.8rem;
    text-align: center; }
    @media screen and (max-width: 599px) {
      .privacyPopup .hl-01 {
        font-size: 1.6rem;
        text-align: left; } }
  .privacyPopup .hl-03 {
    margin: 16px auto 6px;
    font-size: 1.4rem; }
  .privacyPopup p {
    line-height: 1.6;
    font-size: 1.2rem;
    margin: 0 auto; }

/* ____________________ ニュース ____________________ */
.news {
  margin: 128px auto 96px; }
  @media screen and (max-width: 767px) {
    .news {
      margin: 48px auto 64px; } }
  @media screen and (max-width: 767px) {
    .news .news-inner {
      padding: 0; } }
  .news-detail-header {
    margin-bottom: 40px; }
    .news-detail-header .hl-01 span {
      font-size: 2.6rem; }
      @media screen and (max-width: 599px) {
        .news-detail-header .hl-01 span {
          font-size: 2rem;
          display: block;
          padding-top: .5em; } }
    .news-detail-header-row {
      padding-bottom: 40px; }
      .news-detail-header-row p {
        margin: 0; }
    .news-detail-header .cat {
      font-size: 1.4rem;
      width: 128px;
      line-height: 30px;
      border: 1px solid #ccc;
      display: inline-block;
      text-align: center;
      box-sizing: border-box;
      background-color: #fff;
      margin-left: 1em; }
  .news-detail-btn {
    padding: 40px 0; }
    .news-detail-btn-pdf {
      width: 240px;
      display: block;
      height: 64px;
      line-height: 64px;
      font-size: 1.6rem;
      letter-spacing: 0.05em;
      text-align: center;
      border: 1px solid #333;
      padding: 0 24px;
      transition: all .3s; }
      @media screen and (max-width: 599px) {
        .news-detail-btn-pdf {
          width: 100%;
          margin: 0; } }
      .news-detail-btn-pdf::after {
        content: "\e920";
        font-family: 'icomoon' !important;
        font-style: normal;
        font-weight: normal;
        margin-left: .5em; }
      .news-detail-btn-pdf:hover {
        background: #333;
        color: #fff; }
  .news-detail-body .hl-02,
  .news-detail-body .hl-03 {
    width: 100%;
    max-width: none;
    margin: 64px 0 32px; }
  .news-detail-body .c-tbl {
    width: auto;
    margin: 0;
    margin-bottom: 1em; }
    .news-detail-body .c-tbl th,
    .news-detail-body .c-tbl td {
      padding: 16px; }
    .news-detail-body .c-tbl th {
      background: #f1f1f1; }
  .news-detail-body ul,
  .news-detail-body ol {
    line-height: 1.8; }
    .news-detail-body ul li + li,
    .news-detail-body ol li + li {
      margin-top: .3em; }
  .news-detail-body ol li {
    padding-left: 1.5em;
    text-indent: -1.5em; }
  .news-detail-notice {
    font-size: 12px; }
  .news-detail-aside {
    padding-top: 80px; }
    .news-detail-aside-row {
      padding-top: 40px; }
  .news-detail .hl-02.border-bottom,
  .news-detail .hl-03.border-bottom {
    padding-bottom: 16px; }

/* ____________________ コロナ情報 その他 ____________________ */
.info {
  margin: 128px auto 96px; }
  @media screen and (max-width: 767px) {
    .info {
      margin: 48px auto; } }
  .info__list {
    margin: 0 auto 64px; }
    @media screen and (max-width: 767px) {
      .info__list {
        margin: 0 auto 32px; } }
  .info__item {
    border-top: 1px solid #ccc; }
    .info__item:last-child {
      border-bottom: 1px solid #ccc; }
  .info__box .flexbox {
    padding: 32px;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .info__box .flexbox {
        flex-wrap: wrap;
        padding: 16px; } }
    .info__box .flexbox .left {
      width: 30%;
      margin-right: 32px; }
      @media screen and (max-width: 767px) {
        .info__box .flexbox .left {
          width: 100%;
          margin: 0 0 16px 0; } }
      .info__box .flexbox .left img {
        width: 100%; }
    .info__box .flexbox .right {
      width: 70%; }
      @media screen and (max-width: 767px) {
        .info__box .flexbox .right {
          width: 100%; } }
  .info-asia-bnr {
    padding-bottom: 24px; }
    @media screen and (max-width: 767px) {
      .info-asia-bnr {
        padding: 0 16px; } }
  @media screen and (max-width: 767px) {
    .info-asia .hl-01 {
      font-size: 2.2rem; } }
  .info-asia .hl-03 {
    padding-bottom: 16px;
    margin-top: 90px; }
    @media screen and (max-width: 767px) {
      .info-asia .hl-03 {
        margin-top: 60px; } }
    .info-asia .hl-03 + p a {
      text-decoration: underline;
      color: #333; }

/* ____________________ 保証の規定 ____________________ */
.warranty {
  margin: 128px auto 96px; }
  @media screen and (max-width: 767px) {
    .warranty {
      margin: 48px auto 64px; } }
  .warranty .c-list__item {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .warranty .c-list__item {
        flex-wrap: wrap; } }
  .warranty .c-list .left {
    justify-content: center;
    width: unset; }
    @media screen and (max-width: 767px) {
      .warranty .c-list .left {
        margin: 0; } }
    @media screen and (max-width: 599px) {
      .warranty .c-list .left {
        width: 100%;
        flex-wrap: wrap; } }
    .warranty .c-list .left .ttl {
      text-align: left;
      margin: 0 0 0 16px; }
      @media screen and (max-width: 599px) {
        .warranty .c-list .left .ttl {
          width: 100%;
          margin: 0 0 10px 0; } }
    .warranty .c-list .left .cat {
      width: 165px; }
      @media screen and (max-width: 599px) {
        .warranty .c-list .left .cat {
          margin-right: auto;
          margin-bottom: 10px; } }
    .warranty .c-list .left a {
      text-decoration: underline; }
      .warranty .c-list .left a:hover {
        text-decoration: none; }
  .warranty .c-list .right {
    width: unset; }
    @media screen and (max-width: 599px) {
      .warranty .c-list .right {
        width: 100%;
        text-align: right; } }

/* ____________________ お問い合わせ ____________________ */
.contact {
  margin: 128px auto; }
  @media screen and (max-width: 767px) {
    .contact {
      margin: 48px auto 64px; } }
  .contact__box {
    border: 1px solid #ccc;
    padding: 32px;
    margin: 0 auto 64px; }
    @media screen and (max-width: 767px) {
      .contact__box {
        padding: 16px; } }
    .contact__box .link {
      text-decoration: underline;
      color: #333; }
      .contact__box .link:hover {
        text-decoration: none; }
  .contact .fa-external-link-alt {
    margin: 0 0 0 10px;
    color: #333; }
  .contact__form .link {
    text-decoration: underline;
    display: block;
    font-size: 1.4rem;
    margin: 8px 0 0 38px;
    color: #333;
    width: 300px; }
    .contact__form .link:hover {
      text-decoration: none; }
  .contact__form .c-btn .btn01 {
    cursor: not-allowed;
    border: 1px solid #ccc;
    background-color: #ccc; }
    .contact__form .c-btn .btn01.fuga {
      cursor: pointer;
      border: 1px solid #333;
      background-color: #333; }
    .contact__form .c-btn .btn01.abled {
      cursor: pointer;
      border: 1px solid #333;
      background-color: #333; }
  .contact__form__badge {
    padding-top: 40px;
    display: inline-block; }
    @media screen and (max-width: 599px) {
      .contact__form__badge {
        display: block; } }
  .contact .alert-danger {
    color: #e60013;
    font-size: 1.4rem;
    margin: 10px auto 0; }
  .contact__confirm .c-btn {
    display: flex; }
    @media screen and (max-width: 599px) {
      .contact__confirm .c-btn {
        flex-wrap: wrap;
        flex-direction: column-reverse; } }
    .contact__confirm .c-btn .btn01:first-child {
      margin: 0 50px 0 0;
      background: #7a7a7a;
      border: 1px solid #7a7a7a; }
      @media screen and (max-width: 599px) {
        .contact__confirm .c-btn .btn01:first-child {
          margin: 0 auto; } }
    @media screen and (max-width: 599px) {
      .contact__confirm .c-btn .btn01:last-child {
        margin: 0 auto 20px; } }
  .contact__confirm .c-tbl {
    margin: 0 auto 64px; }
    @media screen and (max-width: 767px) {
      .contact__confirm .c-tbl {
        margin: 0 auto 32px; } }
  .contact__finished {
    margin: 0 auto 64px; }
    @media screen and (max-width: 767px) {
      .contact__finished {
        margin: 0 auto 32px; } }
    .contact__finished .msg {
      margin: 0 auto 64px; }
      @media screen and (max-width: 767px) {
        .contact__finished .msg {
          margin: 0 auto 32px; } }
    .contact__finished .c-btn .btn01 {
      margin: 0 auto; }
  @media screen and (max-width: 599px) {
    .contact .sp-mini-01 {
      font-size: 2.2rem; } }
  .contact .gMap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    margin-bottom: 24px; }
    .contact .gMap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .contact .groupPost {
    display: flex;
    align-items: center; }
    .contact .groupPost span {
      font-size: 1.6rem;
      padding-right: 5px; }
    .contact .groupPost .half {
      width: 50%; }
  .contact .btnMini {
    height: 48px;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
    box-sizing: border-box;
    transition: all .3s;
    padding: 0 .5em; }
  .contact .txtSpace {
    border: none;
    padding-bottom: 0; }
  .contact .privacy-area {
    width: 640px;
    border: 1px solid #999;
    padding: 1%;
    box-sizing: border-box;
    margin-bottom: 16px; }
    @media screen and (max-width: 599px) {
      .contact .privacy-area {
        width: 100%; } }
    .contact .privacy-area iframe {
      width: 100%;
      height: 200px; }

@media screen and (max-width: 767px) {
  .management {
    margin: 48px auto 0; } }
.management-info {
  margin: 0 auto 96px; }
.management-list {
  margin-bottom: 64px; }
  .management-list li:nth-child(n+4) {
    margin-top: 48px; }
    @media screen and (max-width: 767px) {
      .management-list li:nth-child(n+4) {
        margin-top: 0; } }
  @media screen and (max-width: 767px) {
    .management-list li + li {
      margin-top: 48px !important; } }
  .management-list li .txt-ttl {
    text-align: left !important; }
  .management-list li .txt-lead {
    font-size: 1.4rem;
    margin: 0 auto 8px; }
    .management-list li .txt-lead-red {
      font-size: 1.2rem;
      display: inline-block;
      margin-left: 1em;
      color: #e60013; }
    .management-list li .txt-lead-s {
      font-size: 1.2rem;
      display: inline-block;
      margin-left: .5em; }
  @media screen and (max-width: 767px) {
    .management-list .grid-03__item.flexbox {
      flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    .management-list .grid-03__img, .management-list .grid-03__txt {
      width: 100%;
      margin-right: 0; } }

/* ____________________ エフェクト ____________________ */
.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 1.5s;
  transition: 1s; }

.fadeInUp02 {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 1.5s;
  transition: 2s; }

.fadeInUp03 {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 1.5s;
  transition: 3s; }

.fadeInUp04 {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 1.5s;
  transition: 4s; }

.fadeInDown {
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: 1.5s;
  transition: 1.5s; }

.fadeIn {
  opacity: 0;
  -webkit-transition: 1.5s;
  transition: 1s; }
  .fadeIn.active {
    opacity: 1; }

/* ____________________ スタイルガイド用 ____________________ */
.page-top {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  right: 50px;
  bottom: 50px;
  color: #fff;
  background-color: #e60013;
  transition: all .3s; }
  @media screen and (max-width: 767px) {
    .page-top {
      right: 20px;
      bottom: 20px; } }
  .page-top:hover {
    background-color: #333; }
  .page-top .arrow {
    position: relative;
    display: block;
    width: 40px;
    height: 40px; }
    .page-top .arrow::before {
      font-family: 'Font Awesome 5 Free';
      font-weight: 600;
      content: '\f062';
      font-size: 15px;
      color: #fff;
      position: absolute;
      width: 15px;
      height: 15px;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      text-align: center; }

/*$data: 0.2% 0.3% 0.5% 0.6% 0.5% 0.8% 1.5% 1.4% 2.2% 2.7% 3.3% 3.6% 4.6% 6.2% 8.3% 10.6% 11.9% 16.4% 18.5% 30.0% 33.5% 50.0% 64.1% 76.8% 100% 100%;*/
.sales-graph {
  width: 100%;
  max-width: 706px;
  margin: 0 auto;
  position: relative; }
  .sales-graph-inr {
    width: 100%;
    padding-top: 80.6559%;
    background: url("/assets/img/company/img_sales-graph_2024.png") no-repeat center;
    background-size: cover; }
  .sales-graph-area {
    position: absolute;
    height: 96.6%;
    left: 0;
    bottom: 0;
    right: 0;
    padding-left: 4.1%;
    padding-bottom: 4%;
    padding-right: 2.3%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
.sales-bar {
  width: 1.59%;
  height: 100%;
  position: relative; }
  .sales-bar::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: url("/assets/img/company/img_sales-graph-bar_lg.png") repeat-x bottom center;
    background-size: auto; }
  .sales-bar:nth-child(n+6) {
    width: 2%;
    margin-left: .5%; }
  .sales-bar:nth-child(n+16) {
    width: 3.7%;
    margin-left: 1.5%; }
  .sales-bar:nth-child(16) {
    margin-left: 1.5%; }
  .sales-bar:last-child::before {
    background: #c9caca;
    background: -moz-linear-gradient(top, #c9caca 0%, #efefef 100%);
    background: -webkit-linear-gradient(top, #c9caca 0%, #efefef 100%);
    background: linear-gradient(to bottom, #c9caca 0%, #efefef 100%); }
  .sales-bar:last-child p {
    color: #939494; }
  .sales-bar p {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    font-size: 1.5rem; }
    @media screen and (max-width: 767px) {
      .sales-bar p {
        font-size: 1.7vw; } }
    .sales-bar p span {
      font-size: 1rem; }
      @media screen and (max-width: 767px) {
        .sales-bar p span {
          font-size: 1.2vw; } }
    @media screen and (max-width: 320px) {
      .sales-bar p {
        transform: translateX(-50%) scale(0.9, 0.9); } }
  .sales-bar-now p {
    width: 350%;
    right: 0;
    transform: translateX(-80%);
    font-weight: 700;
    background: url("/assets/img/company/img_sales-graph-frame.png") no-repeat bottom center;
    background-size: contain;
    padding-bottom: 53%;
    margin-bottom: 20%;
    font-size: 1.8rem; }
    @media screen and (max-width: 767px) {
      .sales-bar-now p {
        font-size: 1.7vw; } }
    @media screen and (max-width: 320px) {
      .sales-bar-now p {
        width: 400%; } }
    .sales-bar-now p span {
      font-size: 1.4rem;
      font-weight: 500; }
      @media screen and (max-width: 767px) {
        .sales-bar-now p span {
          font-size: 1.2vw; } }

.sales .active .sales-bar1::before {
  animation: showBar1 1.2s 0.1s forwards; }
.sales .active .sales-bar1 p {
  animation: showData1 1.2s 0.1s forwards; }
.sales .active .sales-bar2::before {
  animation: showBar2 1.2s 0.2s forwards; }
.sales .active .sales-bar2 p {
  animation: showData2 1.2s 0.2s forwards; }
.sales .active .sales-bar3::before {
  animation: showBar3 1.2s 0.3s forwards; }
.sales .active .sales-bar3 p {
  animation: showData3 1.2s 0.3s forwards; }
.sales .active .sales-bar4::before {
  animation: showBar4 1.2s 0.4s forwards; }
.sales .active .sales-bar4 p {
  animation: showData4 1.2s 0.4s forwards; }
.sales .active .sales-bar5::before {
  animation: showBar5 1.2s 0.5s forwards; }
.sales .active .sales-bar5 p {
  animation: showData5 1.2s 0.5s forwards; }
.sales .active .sales-bar6::before {
  animation: showBar6 1.2s 0.6s forwards; }
.sales .active .sales-bar6 p {
  animation: showData6 1.2s 0.6s forwards; }
.sales .active .sales-bar7::before {
  animation: showBar7 1.2s 0.7s forwards; }
.sales .active .sales-bar7 p {
  animation: showData7 1.2s 0.7s forwards; }
.sales .active .sales-bar8::before {
  animation: showBar8 1.2s 0.8s forwards; }
.sales .active .sales-bar8 p {
  animation: showData8 1.2s 0.8s forwards; }
.sales .active .sales-bar9::before {
  animation: showBar9 1.2s 0.9s forwards; }
.sales .active .sales-bar9 p {
  animation: showData9 1.2s 0.9s forwards; }
.sales .active .sales-bar10::before {
  animation: showBar10 1.2s 1s forwards; }
.sales .active .sales-bar10 p {
  animation: showData10 1.2s 1s forwards; }
.sales .active .sales-bar11::before {
  animation: showBar11 1.2s 1.1s forwards; }
.sales .active .sales-bar11 p {
  animation: showData11 1.2s 1.1s forwards; }
.sales .active .sales-bar12::before {
  animation: showBar12 1.2s 1.2s forwards; }
.sales .active .sales-bar12 p {
  animation: showData12 1.2s 1.2s forwards; }
.sales .active .sales-bar13::before {
  animation: showBar13 1.2s 1.3s forwards; }
.sales .active .sales-bar13 p {
  animation: showData13 1.2s 1.3s forwards; }
.sales .active .sales-bar14::before {
  animation: showBar14 1.2s 1.4s forwards; }
.sales .active .sales-bar14 p {
  animation: showData14 1.2s 1.4s forwards; }
.sales .active .sales-bar15::before {
  animation: showBar15 1.2s 1.5s forwards; }
.sales .active .sales-bar15 p {
  animation: showData15 1.2s 1.5s forwards; }
.sales .active .sales-bar16::before {
  animation: showBar16 1.2s 1.6s forwards; }
.sales .active .sales-bar16 p {
  animation: showData16 1.2s 1.6s forwards; }
.sales .active .sales-bar17::before {
  animation: showBar17 1.2s 1.7s forwards; }
.sales .active .sales-bar17 p {
  animation: showData17 1.2s 1.7s forwards; }
.sales .active .sales-bar18::before {
  animation: showBar18 1.2s 1.8s forwards; }
.sales .active .sales-bar18 p {
  animation: showData18 1.2s 1.8s forwards; }
.sales .active .sales-bar19::before {
  animation: showBar19 1.2s 1.9s forwards; }
.sales .active .sales-bar19 p {
  animation: showData19 1.2s 1.9s forwards; }
.sales .active .sales-bar20::before {
  animation: showBar20 1.2s 2s forwards; }
.sales .active .sales-bar20 p {
  animation: showData20 1.2s 2s forwards; }
.sales .active .sales-bar21::before {
  animation: showBar21 1.2s 2.1s forwards; }
.sales .active .sales-bar21 p {
  animation: showData21 1.2s 2.1s forwards; }
.sales .active .sales-bar22::before {
  animation: showBar22 1.2s 2.2s forwards; }
.sales .active .sales-bar22 p {
  animation: showData22 1.2s 2.2s forwards; }
.sales .active .sales-bar23::before {
  animation: showBar23 1.2s 2.3s forwards; }
.sales .active .sales-bar23 p {
  animation: showData23 1.2s 2.3s forwards; }
.sales .active .sales-bar24::before {
  animation: showBar24 1.2s 2.4s forwards; }
.sales .active .sales-bar24 p {
  animation: showData24 1.2s 2.4s forwards; }
.sales .active .sales-bar25::before {
  animation: showBar25 1.2s 2.5s forwards; }
.sales .active .sales-bar25 p {
  animation: showData25 1.2s 2.5s forwards; }
.sales .active .sales-bar26::before {
  animation: showBar26 1.2s 2.6s forwards; }
.sales .active .sales-bar26 p {
  animation: showData26 1.2s 2.6s forwards; }
.sales .active .sales-bar27::before {
  animation: showBar27 1.2s 2.7s forwards; }
.sales .active .sales-bar27 p {
  animation: showData27 1.2s 2.7s forwards; }

@keyframes showBar1 {
  0% {
    height: 0; }
  100% {
    height: 0.1%; } }
@keyframes showData1 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.1%; } }
@keyframes showBar2 {
  0% {
    height: 0; }
  100% {
    height: 0.15%; } }
@keyframes showData2 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.15%; } }
@keyframes showBar3 {
  0% {
    height: 0; }
  100% {
    height: 0.25%; } }
@keyframes showData3 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.25%; } }
@keyframes showBar4 {
  0% {
    height: 0; }
  100% {
    height: 0.3%; } }
@keyframes showData4 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.3%; } }
@keyframes showBar5 {
  0% {
    height: 0; }
  100% {
    height: 0.25%; } }
@keyframes showData5 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.25%; } }
@keyframes showBar6 {
  0% {
    height: 0; }
  100% {
    height: 0.4%; } }
@keyframes showData6 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.4%; } }
@keyframes showBar7 {
  0% {
    height: 0; }
  100% {
    height: 0.75%; } }
@keyframes showData7 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.75%; } }
@keyframes showBar8 {
  0% {
    height: 0; }
  100% {
    height: 0.7%; } }
@keyframes showData8 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 0.7%; } }
@keyframes showBar9 {
  0% {
    height: 0; }
  100% {
    height: 1.1%; } }
@keyframes showData9 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 1.1%; } }
@keyframes showBar10 {
  0% {
    height: 0; }
  100% {
    height: 1.35%; } }
@keyframes showData10 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 1.35%; } }
@keyframes showBar11 {
  0% {
    height: 0; }
  100% {
    height: 1.65%; } }
@keyframes showData11 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 1.65%; } }
@keyframes showBar12 {
  0% {
    height: 0; }
  100% {
    height: 1.8%; } }
@keyframes showData12 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 1.8%; } }
@keyframes showBar13 {
  0% {
    height: 0; }
  100% {
    height: 2.3%; } }
@keyframes showData13 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 2.3%; } }
@keyframes showBar14 {
  0% {
    height: 0; }
  100% {
    height: 3.1%; } }
@keyframes showData14 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 3.1%; } }
@keyframes showBar15 {
  0% {
    height: 0; }
  100% {
    height: 4.15%; } }
@keyframes showData15 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 4.15%; } }
@keyframes showBar16 {
  0% {
    height: 0; }
  100% {
    height: 5.3%; } }
@keyframes showData16 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 5.3%; } }
@keyframes showBar17 {
  0% {
    height: 0; }
  100% {
    height: 5.95%; } }
@keyframes showData17 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 5.95%; } }
@keyframes showBar18 {
  0% {
    height: 0; }
  100% {
    height: 8.2%; } }
@keyframes showData18 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 8.2%; } }
@keyframes showBar19 {
  0% {
    height: 0; }
  100% {
    height: 9.25%; } }
@keyframes showData19 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 9.25%; } }
@keyframes showBar20 {
  0% {
    height: 0; }
  100% {
    height: 15%; } }
@keyframes showData20 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 15%; } }
@keyframes showBar21 {
  0% {
    height: 0; }
  100% {
    height: 16.75%; } }
@keyframes showData21 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 16.75%; } }
@keyframes showBar22 {
  0% {
    height: 0; }
  100% {
    height: 25%; } }
@keyframes showData22 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 25%; } }
@keyframes showBar23 {
  0% {
    height: 0; }
  100% {
    height: 32.05%; } }
@keyframes showData23 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 32.05%; } }
@keyframes showBar24 {
  0% {
    height: 0; }
  100% {
    height: 38.4%; } }
@keyframes showData24 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 38.4%; } }
@keyframes showBar25 {
  0% {
    height: 0; }
  100% {
    height: 54.6%; } }
@keyframes showData25 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 54.6%; } }
@keyframes showBar26 {
  0% {
    height: 0; }
  100% {
    height: 74.2%; } }
@keyframes showData26 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 74.2%; } }
@keyframes showBar27 {
  0% {
    height: 0; }
  100% {
    height: 100%; } }
@keyframes showData27 {
  0% {
    opacity: 0;
    bottom: 0; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1;
    bottom: 100%; } }

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