/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* video / iframe
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ top */
.gridInner.topPickUp > .kugiri--right {
  z-index: 6;
}

/* --------------------------------------- topMainFlex */
.topMainFlex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.topAbout, .topMain, .topPickUp, .topOutline {
  position: relative;
}

.topAbout {
  width: 31.4371257485%;
}

.topMain {
  width: 68.5628742515%;
}

.topMainFlex--2 {
  flex-wrap: wrap;
}

.topPickUp {
  width: 67.1397379913%;
  padding-bottom: 2.5622254758vw;
}

/* ============================================================================================ topOutline */
.topOutline {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 1.8301610542vw;
  padding-bottom: 1.8301610542vw;
}

/* ========================================================================= tolTitle */
.tolTitle {
  position: sticky;
  align-self: flex-start;
  width: 3.3674963397vw;
  top: 1.0980966325vw;
}

/* --------------------------------------- tolTitle--p */
.tolTitle--p {
  position: absolute;
  width: 54.347826087%;
  height: 54.347826087%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: #fff;
}

/* --------------------------------------- tolTitle__target */
.tolTitle__target {
  position: relative;
  padding-top: 100%;
  border-radius: 50%;
}
.tolTitle__target:nth-child(1) {
  background-color: rgba(var(--color-default), 1);
}
.tolTitle__target:nth-child(1) .tolTitle--p {
  mask-image: url(../img/contents/top/outline__title--1.svg);
  -webkit-mask-image: url(../img/contents/top/outline__title--1.svg);
}
.tolTitle__target:nth-child(2) {
  background-color: rgba(var(--color-key), 1);
}
.tolTitle__target:nth-child(2) .tolTitle--p {
  mask-image: url(../img/contents/top/outline__title--2.svg);
  -webkit-mask-image: url(../img/contents/top/outline__title--2.svg);
}
.tolTitle__target:nth-child(3) {
  background-color: rgba(var(--color-default), 1);
}
.tolTitle__target:nth-child(3) .tolTitle--p {
  mask-image: url(../img/contents/top/outline__title--3.svg);
  -webkit-mask-image: url(../img/contents/top/outline__title--3.svg);
}
.tolTitle__target:nth-child(4) {
  background-color: rgba(var(--color-key), 1);
}
.tolTitle__target:nth-child(4) .tolTitle--p {
  mask-image: url(../img/contents/top/outline__title--4.svg);
  -webkit-mask-image: url(../img/contents/top/outline__title--4.svg);
}

/* ========================================================================= tolInner */
.tolInner {
  width: calc(100% - 4.831625183vw);
}

/* --------------------------------------- tolBlock */
.tolBlock {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 2.0497803807vw;
  padding-bottom: 2.0497803807vw;
}
.tolBlock:nth-child(even) {
  flex-direction: row-reverse;
}
.tolBlock:nth-child(even)::after {
  left: auto;
  right: 0;
}
.tolBlock:nth-child(even) .iconCut {
  right: auto;
  left: 0;
}
.tolBlock:last-child::after {
  display: none;
}
.tolBlock:last-child .iconCut {
  display: none;
}

/* --------------------------------------- tolBlock__title */
.tolBlock__title {
  font-size: 2.0497803807vw;
  line-height: 1.3;
  margin-bottom: 0.7320644217vw;
}

/* --------------------------------------- tolBlock__thum */
.tolBlock__thum {
  align-self: flex-start;
}
.tolBlock__thum .thumImg__wrapper {
  padding-top: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-default), 1);
}
.tolBlock__thum .thumImg__wrapper .thumImg {
  position: relative;
  object-fit: inherit;
  height: auto;
}

/* --------------------------------------- tolBlock__detail */
.tolBlock__detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* --------------------------------------- tolBlock__desc */
.tolBlock__desc {
  margin-bottom: 1.2445095168vw;
}

.tolBlock__desc--leader {
  font-size: 1.0980966325vw;
  margin-bottom: 0.7320644217vw;
}

.tolBlock__desc--text {
  font-size: 0.9516837482vw;
}

/* --------------------------------------- tolBlock line */
.tolBlock::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: calc(100% - 2.196193265vw);
  height: 0px;
  top: auto;
  bottom: 0;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: rgba(var(--color-default), 1);
}

/* ====================================================== inaka ikinaosu nouzei */
.tolBlock--inaka .tolBlock__thum {
  width: 24.6705710102vw;
}
.tolBlock--inaka .tolBlock__detail {
  width: calc(100% - 27.0863836018vw);
}

.tolBlock--ikinaosu .tolBlock__thum, .tolBlock--job .tolBlock__thum {
  width: 21.3762811127vw;
}
.tolBlock--ikinaosu .tolBlock__detail, .tolBlock--job .tolBlock__detail {
  width: calc(100% - 23.7920937042vw);
}

.tolBlock--nouzei .tolBlock__thum {
  width: 24.6705710102vw;
}
.tolBlock--nouzei .tolBlock__detail {
  width: calc(100% - 27.0863836018vw);
}

.tolBlock:last-child {
  margin-bottom: 0;
}

/* ============================================================================================ hover pc */
/* ============================================================================================ taProfile */
/* --------------------------------------- taProfile__title */
.taProfile__title {
  position: relative;
  padding-top: 8.9743589744%;
  margin-bottom: 0.9516837482vw;
}
.taProfile__title::before, .taProfile__title::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
}
.taProfile__title::before {
  mask-image: url(../img/contents/top/profile__title--bg.svg);
  -webkit-mask-image: url(../img/contents/top/profile__title--bg.svg);
  background-color: rgba(var(--color-default), 1);
  z-index: 1;
}
.taProfile__title::after {
  mask-image: url(../img/contents/top/profile__title.svg);
  -webkit-mask-image: url(../img/contents/top/profile__title.svg);
  background-color: rgba(var(--color-key), 1);
  z-index: 2;
}

.taProfile__title--p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-image: url(../img/contents/top/profile__title--area.svg);
  -webkit-mask-image: url(../img/contents/top/profile__title--area.svg);
  background-color: #fff;
  z-index: 3;
}

/* ====================================================== taProfile__img */
.taProfile__img {
  margin-bottom: 1.0980966325vw;
}
.taProfile__img .thumImg__wrapper {
  padding-top: 91.6230366492%;
}

/* --------------------------------------- taProfile__leader */
.taProfile__leader--title {
  padding-top: 7.3298429319%;
  mask-image: url(../img/contents/top/profile__leader.svg);
  -webkit-mask-image: url(../img/contents/top/profile__leader.svg);
  background-color: rgba(var(--color-key), 1);
  margin-bottom: 0.878477306vw;
}

.taProfile__leader--text {
  font-size: 1.317715959vw;
  line-height: 1.8;
  margin-bottom: 1.4641288433vw;
}

/* ============================================================================================ taCorp */
.taCorp__title {
  position: relative;
  margin-bottom: 1.4641288433vw;
}

.taCorp__titleInner {
  position: relative;
  padding-top: 14.6666666667%;
}
.taCorp__titleInner::before, .taCorp__titleInner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
}
.taCorp__titleInner::before {
  mask-image: url(../img/contents/top/taCorp__title--bg.svg);
  -webkit-mask-image: url(../img/contents/top/taCorp__title--bg.svg);
  background-color: rgba(var(--color-default), 1);
  z-index: 1;
}
.taCorp__titleInner::after {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-box-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  -webkit-mask-box-position: center center;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  -webkit-mask-box-size: 100% auto;
  mask-image: url(../img/contents/top/taCorp__title.svg);
  -webkit-mask-image: url(../img/contents/top/taCorp__title.svg);
  background-color: rgba(var(--color-key), 1);
  z-index: 2;
}

/* ====================================================== taTitleSub */
.taTitleSub {
  height: 1.317715959vw;
  margin-bottom: 1.317715959vw;
}

.taTitleSub--p {
  height: 100%;
  mask-position: left center;
  -webkit-mask-position: left center;
  -webkit-mask-box-position: left center;
  mask-size: auto 100%;
  -webkit-mask-size: auto 100%;
  -webkit-mask-box-size: auto 100%;
  background-color: rgba(var(--color-key), 1);
}

/* ====================================================== taCorp taAction */
.taCorp, .taAction {
  position: relative;
  padding-bottom: 1.4641288433vw;
  margin-bottom: 1.4641288433vw;
}

/* ====================================================== taCorp */
/* --------------------------------------- taCorp__titleSub */
.taCorp__titleSub .taTitleSub--p {
  mask-image: url(../img/contents/top/taCorp__titleSub.svg);
  -webkit-mask-image: url(../img/contents/top/taCorp__titleSub.svg);
}

/* --------------------------------------- taCorp__leader */
.taCorp__leader {
  margin-bottom: 1.0980966325vw;
}

.taCorp__leader--title {
  font-size: 1.6837481698vw;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 0.878477306vw;
}

.taCorp__leader--text {
  font-size: 1.1713030747vw;
}

/* ====================================================== taAction */
/* --------------------------------------- taCorp__titleSub */
.taCorp__titleSub .taTitleSub--p {
  mask-image: url(../img/contents/taCorp__titleSub.svg);
  -webkit-mask-image: url(../img/contents/top/taCorp__titleSub.svg);
}

/* --------------------------------------- taAction__titleSub */
.taAction__titleSub .taTitleSub--p {
  mask-image: url(../img/contents/top/taAction__titleSub.svg);
  -webkit-mask-image: url(../img/contents/top/taAction__titleSub.svg);
}

.taAction__leader--text {
  font-size: 1.1713030747vw;
}

/* ====================================================== taValue */
/* --------------------------------------- taValue__titleSub */
.taValue__titleSub .taTitleSub--p {
  mask-image: url(../img/contents/top/taValue__titleSub.svg);
  -webkit-mask-image: url(../img/contents/top/taValue__titleSub.svg);
}

.taValue__leader--text {
  font-size: 1.0980966325vw;
}

/* ====================================================== footerIllust */
@keyframes ayuAnime {
  0% {
    left: 65%;
    transform: rotateY(0deg);
  }
  50% {
    left: 40%;
    transform: rotateY(0deg);
  }
  51% {
    left: 40%;
    transform: rotateY(180deg);
  }
  99% {
    left: 65%;
    transform: rotateY(180deg);
  }
  100% {
    left: 65%;
    transform: rotateY(0deg);
  }
}
.newsPickup__illust {
  position: absolute;
  width: 5.1244509517vw;
  bottom: 97%;
  left: 65%;
  z-index: 2;
  animation: ayuAnime 2s steps(10) infinite;
}

.newsPickup__illust--inner {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}

/* --------------------------------------- newsPickup__illustMask */
.newsPickup__illustMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 200%;
  mask-position: left top;
  -webkit-mask-position: left top;
  -webkit-mask-box-position: left top;
  mask-size: auto 100%;
  -webkit-mask-size: auto 100%;
  -webkit-mask-box-size: auto 100%;
}

.newsPickup__illustMask--keyColor {
  background-color: rgba(var(--color-key), 1);
}

.newsPickup__illustMask--default {
  background-color: rgba(var(--color-default), 1);
}

/* --------------------------------------- animation tori */
@keyframes ayu {
  from {
    left: 0%;
  }
  to {
    left: -200%;
  }
}
.newsPickup__illust .newsPickup__illustMask {
  animation: ayu 0.5s steps(2) infinite;
}
.newsPickup__illust .newsPickup__illustMask--keyColor {
  mask-image: url(../img/contents/top/newsPickup__illust--key.svg);
  -webkit-mask-image: url(../img/contents/top/newsPickup__illust--key.svg);
}
.newsPickup__illust .newsPickup__illustMask--default {
  mask-image: url(../img/contents/top/newsPickup__illust--default.svg);
  -webkit-mask-image: url(../img/contents/top/newsPickup__illust--default.svg);
}

.topAd {
  position: relative;
  margin-top: 1.0980966325vw;
  margin-bottom: 0.3660322108vw;
}/*# sourceMappingURL=top.css.map */