/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* video / iframe
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ================================================ vh */
  /* ============================================================================================ top */
  /* --------------------------------------- topMainFlex */
  .topMainFlex {
    flex-wrap: wrap;
  }
  .topAbout {
    width: 100%;
  }
  .topMain {
    width: 100%;
  }
  .topPickUp {
    width: 59.1549295775%;
    padding-bottom: 5.3333333333vw;
  }
  /* ============================================================================================ topOutline */
  .topOutline {
    position: relative;
    display: block;
    padding-top: 4vw;
    padding-bottom: 5.3333333333vw;
  }
  .topOutline::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 2px;
    top: auto;
    bottom: 0;
    background-color: rgba(var(--color-default), 1);
  }
  /* ========================================================================= tolTitle */
  .tolTitle {
    position: relative;
    width: 100%;
    height: 8vw;
    top: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 4vw;
  }
  /* --------------------------------------- tolTitle--p */
  .tolTitle--p {
    width: 54.347826087%;
    height: 54.347826087%;
  }
  /* --------------------------------------- tolTitle__target */
  .tolTitle__target {
    width: 8vw;
    height: 8vw;
    padding-top: 0%;
  }
  /* ========================================================================= tolInner */
  .tolInner {
    width: 100%;
  }
  /* --------------------------------------- tolBlock */
  .tolBlock {
    margin-bottom: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
  .tolBlock:nth-child(even) {
    flex-direction: row;
  }
  .tolBlock:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* --------------------------------------- tolBlock__title */
  .tolBlock__title {
    font-size: 3.7333333333vw;
    margin-bottom: 1.8666666667vw;
  }
  /* --------------------------------------- tolBlock__desc */
  .tolBlock__desc {
    margin-bottom: 2.6666666667vw;
  }
  .tolBlock__desc--leader {
    font-size: 3.2vw;
    line-height: 1.5;
    margin-bottom: 1.6vw;
  }
  .tolBlock__desc--text {
    font-size: 2.6666666667vw;
    line-height: 1.65;
  }
  /* --------------------------------------- tolBlock line */
  .tolBlock::after {
    width: calc(100% - 5.3333333333vw);
  }
  .tolBlock__thum .thumImg__wrapper {
    margin-bottom: 3.2vw;
  }
  .tolBlock__thum .btn {
    width: 100%;
  }
  /* ====================================================== inaka ikinaosu nouzei */
  .tolBlock--inaka .tolBlock__thum {
    width: 31.4666666667vw;
  }
  .tolBlock--inaka .tolBlock__detail {
    width: calc(100% - 35.4666666667vw);
  }
  .tolBlock--ikinaosu .tolBlock__thum, .tolBlock--job .tolBlock__thum {
    width: 31.4666666667vw;
  }
  .tolBlock--ikinaosu .tolBlock__detail, .tolBlock--job .tolBlock__detail {
    width: calc(100% - 35.4666666667vw);
  }
  .tolBlock--nouzei .tolBlock__thum {
    width: 31.4666666667vw;
  }
  .tolBlock--nouzei .tolBlock__detail {
    width: calc(100% - 35.4666666667vw);
  }
  /* ============================================================================================ taProfile */
  /* --------------------------------------- taProfile__title */
  .taProfile__title {
    margin-bottom: 3.4666666667vw;
  }
  /* ====================================================== taProfile__img */
  .taProfile__img {
    margin-bottom: 4vw;
  }
  /* --------------------------------------- taProfile__leader */
  .taProfile__leader--title {
    margin-bottom: 2.6666666667vw;
  }
  .taProfile__leader--text {
    font-size: 3.4666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  /* ============================================================================================ taCorp */
  .taCorp__title {
    margin-bottom: 5.3333333333vw;
  }
  /* ====================================================== taTitleSub */
  .taTitleSub {
    height: inherit;
    width: 4vw;
    margin-bottom: 0;
  }
  .taTitleSub__spWrapper {
    position: relative;
    min-height: 38.6666666667vw;
    padding-left: 9.3333333333vw;
  }
  .taTitleSub__spWrapper .taTitleSub {
    position: absolute;
    top: 0;
    left: 0;
  }
  .taTitleSub--p {
    position: relative;
    padding-top: 1000%;
  }
  /* ====================================================== taCorp taAction */
  .taCorp, .taAction {
    padding-bottom: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  /* ====================================================== taCorp */
  /* --------------------------------------- taCorp__titleSub */
  .taCorp__titleSub .taTitleSub--p {
    mask-image: url(../img/contents/top/taCorp__titleSub--sp.svg);
    -webkit-mask-image: url(../img/contents/top/taCorp__titleSub--sp.svg);
  }
  /* --------------------------------------- taCorp__leader */
  .taCorp__leader {
    margin-bottom: 4vw;
  }
  .taCorp__leader--title {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
  .taCorp__leader--text {
    font-size: 3.2vw;
  }
  /* ====================================================== taAction */
  /* --------------------------------------- taCorp__titleSub */
  .taCorp__titleSub .taTitleSub--p {
    mask-image: url(../img/contents/taCorp__titleSub--sp.svg);
    -webkit-mask-image: url(../img/contents/top/taCorp__titleSub--sp.svg);
  }
  /* --------------------------------------- taAction__titleSub */
  .taAction__titleSub .taTitleSub--p {
    mask-image: url(../img/contents/top/taAction__titleSub--sp.svg);
    -webkit-mask-image: url(../img/contents/top/taAction__titleSub--sp.svg);
  }
  .taAction__leader--text {
    font-size: 3.2vw;
  }
  /* ====================================================== taValue */
  /* --------------------------------------- taValue__titleSub */
  .taValue__titleSub .taTitleSub--p {
    mask-image: url(../img/contents/top/taValue__titleSub--sp.svg);
    -webkit-mask-image: url(../img/contents/top/taValue__titleSub--sp.svg);
  }
  .taValue__leader--text {
    font-size: 3.2vw;
  }
  /* ====================================================== footerIllust */
  @keyframes ayuAnime {
    0% {
      left: 65%;
      transform: rotateY(0deg);
    }
    50% {
      left: 53%;
      transform: rotateY(0deg);
    }
    51% {
      left: 53%;
      transform: rotateY(180deg);
    }
    99% {
      left: 65%;
      transform: rotateY(180deg);
    }
    100% {
      left: 65%;
      transform: rotateY(0deg);
    }
  }
  .newsPickup__illust {
    width: 10.1333333333vw;
    bottom: 94.5%;
    left: 65%;
    animation: ayuAnime 1s steps(10) infinite;
  }
  .topAdSection {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 4vw;
    margin-bottom: 1.3333333333vw;
  }
  .topAdSection .topAd {
    width: calc(50% - 0.5333333333vw);
  }
  .topAd {
    margin-top: 0;
    margin-bottom: 0;
  }
}/*# sourceMappingURL=top-sp.css.map */